
:root{--bg:#F7F3EC;--paper:#FFFFFF;--soft:#FAF6EF;--blue:#EEF7FF;--gold:#D6B48A;--deep:#B98B5D;--line:#E8D2B5;--title:#3A332C;--text:#3E4148;--muted:#747A84;--light:#9A9FA8;--shadow:0 14px 36px rgba(185,139,93,.14);--btn:linear-gradient(135deg,#E8C89A 0%,#D6A96F 55%,#B98B5D 100%)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 12% 20%,rgba(238,247,255,.9),transparent 26%),var(--bg);color:var(--text);line-height:1.78}a{color:var(--deep);text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;width:100%;z-index:9999;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(185,139,93,.12)}.header-inner{max-width:1280px;margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:visible;padding:0 22px}.brand-logo,.drawer-logo{display:flex;align-items:center;flex-shrink:0}.brand-logo img{width:138px;max-height:48px;object-fit:contain}.nav-core{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0}.nav-core a{white-space:nowrap;color:#3E4148;font-weight:700;padding:10px 12px;border-radius:999px}.nav-core a:hover,.nav-core a.active,.more-dropdown a.active,.drawer-nav a.active{color:#B98B5D;background:#FAF6EF}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-entry,.more-btn{white-space:nowrap;border:1px solid rgba(185,139,93,.22);background:#fff;color:#B98B5D;border-radius:999px;padding:9px 15px;font-weight:700;cursor:pointer}.main-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--btn);color:#fff!important;border-radius:999px;padding:10px 22px;font-weight:800;box-shadow:0 10px 20px rgba(185,139,93,.22);border:0;white-space:nowrap;transition:.2s}.main-btn:hover{transform:translateY(-2px);filter:saturate(1.05)}.more-menu{position:relative;flex-shrink:0}.more-dropdown{position:absolute;right:0;top:calc(100% + 12px);min-width:220px;background:#fff;border:1px solid rgba(185,139,93,.18);box-shadow:0 18px 42px rgba(185,139,93,.18);z-index:10000;border-radius:18px;padding:12px;display:none}.more-dropdown.show{display:grid;grid-template-columns:1fr;gap:4px}.more-dropdown a{padding:10px 12px;border-radius:12px;color:#3E4148;font-weight:700}.mobile-menu-btn{display:none;border:0;background:#fff;color:#B98B5D;font-size:24px;border-radius:14px;width:44px;height:44px}.drawer-mask{position:fixed;inset:0;background:rgba(47,43,39,.42);z-index:10001;opacity:0;pointer-events:none;transition:.25s}.mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:84%;max-width:320px;background:#fff;z-index:10002;transform:translateX(-105%);transition:.25s;box-shadow:20px 0 50px rgba(47,43,39,.18);padding:18px;overflow-y:auto}.drawer-open .mobile-drawer{transform:translateX(0)}.drawer-open .drawer-mask{opacity:1;pointer-events:auto}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-logo img{width:130px;object-fit:contain}.drawer-close{border:0;background:#FAF6EF;color:#B98B5D;font-size:28px;border-radius:14px;width:42px;height:42px}.drawer-nav{display:grid;gap:8px}.drawer-nav a{padding:12px 14px;border:1px solid rgba(185,139,93,.16);border-radius:14px;color:#3E4148;font-weight:700;background:#fff}main{position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 22px}.banner-slider{max-width:1280px;margin:24px auto 30px;border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative;z-index:1}.slider-track{display:flex;transition:transform .45s ease}.slide{min-width:100%;aspect-ratio:16/6.3;display:flex;align-items:center;justify-content:center;background:#F7F3EC}.slide img{width:100%;height:100%;object-fit:contain;background:#F7F3EC}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.78);color:#B98B5D;font-size:26px;cursor:pointer}.slider-prev{left:18px}.slider-next{right:18px}.slider-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center}.slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.65);cursor:pointer}.slider-dots button.active{background:#B98B5D}.notice{max-width:1200px;margin:0 auto 28px;padding:13px 20px;background:#fff;border:1px solid rgba(185,139,93,.18);border-radius:999px;box-shadow:0 8px 22px rgba(185,139,93,.09);color:#655b50}.hero-card,.section,.page-hero{background:#fff;border:1px solid rgba(185,139,93,.18);box-shadow:var(--shadow);border-radius:24px;margin:28px 0;padding:30px}.hero-card{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.content-img,.zone-card img,.app-visual img{width:100%;height:auto;object-fit:contain;border-radius:20px;background:#FAF6EF;border:1px solid rgba(185,139,93,.12)}h1,h2,h3,.section-title{color:#3A332C;margin:0 0 14px}h1{font-size:clamp(30px,4vw,48px);line-height:1.2}h2{font-size:clamp(24px,3vw,34px);line-height:1.25}h3{font-size:21px}.lead{font-size:18px;color:#565b62}.muted{color:#747A84}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.zone-card,.info-card,.review-card,.faq-item{background:#fff;border:1px solid rgba(185,139,93,.18);box-shadow:0 14px 36px rgba(185,139,93,.12);border-radius:20px;padding:22px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card{background:linear-gradient(180deg,#fff,#FAF6EF);border:1px solid rgba(185,139,93,.18);border-radius:18px;padding:20px;min-height:190px}.text-link{color:#B98B5D;font-weight:800;display:inline-flex;margin-top:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.pill-list{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.pill-list span{background:#FAF6EF;border:1px solid rgba(185,139,93,.18);border-radius:999px;padding:8px 14px;color:#655b50;font-weight:700}.page-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.article p{margin:0 0 14px}.safe-note{background:#EEF7FF;border:1px solid rgba(185,139,93,.18);border-radius:20px;padding:22px;color:#475262}.site-footer{background:#2F2B27;color:#F7F3EC;margin-top:52px}.footer-inner{max-width:1200px;margin:0 auto;padding:38px 22px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.footer-brand img{width:132px;object-fit:contain;margin-bottom:14px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.footer-links a{color:#F7F3EC;background:rgba(255,255,255,.07);border:1px solid rgba(232,210,181,.18);border-radius:14px;padding:11px 12px}.footer-bottom{text-align:center;border-top:1px solid rgba(232,210,181,.18);padding:16px;color:#d8c9b8}.app-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.faq-list{display:grid;gap:14px}.faq-item strong{display:block;color:#3A332C;margin-bottom:8px;font-size:18px}@media(max-width:1100px){.nav-core{display:none}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.header-inner{min-height:68px}.brand-logo{position:absolute;left:50%;transform:translateX(-50%)}.app-entry{display:none}.more-menu{display:none}.header-actions{margin-left:auto}.hero-card,.page-hero,.split,.app-section,.footer-inner{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.notice{border-radius:18px;margin-left:22px;margin-right:22px}}@media(max-width:640px){.container{padding:0 14px}.header-inner{padding:0 12px;gap:8px}.brand-logo img{width:112px}.main-btn{padding:9px 16px}.banner-slider{margin:14px 12px 20px;border-radius:14px}.slide{aspect-ratio:16/8.8}.slider-arrow{width:34px;height:34px;font-size:20px}.hero-card,.section,.page-hero{padding:20px;border-radius:18px;margin:18px 0}.category-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.lead{font-size:16px}}
