:root{--bg:#141B22;--nav:#141B22;--panel:#1A232D;--panel2:#10161C;--panel3:#222C36;--footer:#0B1015;--gold:#F4B000;--gold2:#FFC533;--text:#EEF2F7;--muted:#B9C2CF;--soft:#8D98A7;--border:rgba(244,176,0,.14);--shadow:0 14px 36px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}a{color:var(--gold);text-decoration:none}img{max-width:100%;height:auto;display:block}p{margin:0 0 14px;color:var(--muted)}h1,h2,h3,.section-title,.nav a{color:var(--gold)}h1,h2,h3{line-height:1.25;margin:0 0 16px}.site-header{position:sticky;top:0;z-index:9999;background:rgba(20,27,34,.92);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.22);border-bottom:1px solid rgba(244,176,0,.12)}.header-inner{max-width:1240px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:22px}.brand img{width:152px;max-height:48px;object-fit:contain}.nav{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.nav a{font-size:15px;font-weight:700;padding:12px 12px;border-radius:14px;white-space:nowrap}.nav a:hover,.nav a.active{background:linear-gradient(180deg,rgba(244,176,0,.10),rgba(244,176,0,.02));box-shadow:inset 0 -2px 0 var(--gold),0 10px 22px rgba(244,176,0,.16)}.main-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#141B22;border-radius:999px;padding:10px 22px;font-weight:800;box-shadow:0 10px 24px rgba(244,176,0,.18);transition:.2s ease;border:0}.main-btn:hover{background:var(--gold2);transform:translateY(-1px);color:#141B22}.header-btn{min-width:104px}.mobile-header{display:none}.site-main{min-height:60vh}.container{max-width:1200px;margin:0 auto;padding:0 22px}.banner-slider{max-width:1200px;margin:28px auto 36px;border-radius:20px;background:var(--panel);box-shadow:0 18px 40px rgba(0,0,0,.30);overflow:hidden;position:relative}.slides{position:relative;height:390px}.slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.slide.active{opacity:1;z-index:2}.banner-slider img{width:100%;height:100%;object-fit:contain;background:#0F151B}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid rgba(244,176,0,.35);background:rgba(20,27,34,.72);color:var(--gold);font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.slider-arrow:hover{background:rgba(244,176,0,.16)}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}.slider-dots{position:absolute;left:0;right:0;bottom:16px;z-index:5;display:flex;gap:8px;justify-content:center}.slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(238,242,247,.45);cursor:pointer}.slider-dots button.active{background:var(--gold);box-shadow:0 0 14px rgba(244,176,0,.55)}.section{padding:44px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section-kicker{color:var(--gold);font-weight:800;letter-spacing:.08em;font-size:13px}.section-title{font-size:30px}.section-desc{max-width:760px;color:var(--muted)}.quick-pills{max-width:1200px;margin:0 auto 18px;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pill-card{background:rgba(255,255,255,.03);border:1px solid rgba(244,176,0,.16);border-radius:18px;padding:16px 18px;min-height:104px;transition:.2s ease}.pill-card:hover{border-color:var(--gold);transform:translateY(-2px)}.pill-card .num,.info-card .num,.mini-card .num{color:var(--gold);font-weight:900;font-size:13px}.pill-card h3{font-size:18px;margin:4px 0}.pill-card p{font-size:14px;margin:0}.intro-strip,.notice-box{background:linear-gradient(135deg,#1A232D,#10161C);border:1px solid var(--border);border-radius:22px;padding:26px 28px;box-shadow:var(--shadow)}.board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.zone-card,.info-card,.mini-card,.faq-item,.contact-card{background:var(--panel);border:1px solid var(--border);box-shadow:0 14px 36px rgba(0,0,0,.25);border-radius:22px;padding:22px}.info-card h3,.mini-card h3{font-size:20px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin:26px 0;padding:22px;border-radius:26px;background:rgba(16,22,28,.74);border:1px solid rgba(244,176,0,.10);box-shadow:var(--shadow)}.feature-row.reverse .feature-img{order:2}.feature-img img,.content-img{width:100%;max-height:360px;object-fit:contain;background:#0F151B;border-radius:20px;border:1px solid rgba(244,176,0,.11)}.feature-text h2{font-size:28px}.feature-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.feature-points span,.tag{display:inline-flex;color:var(--gold);background:rgba(244,176,0,.08);border:1px solid rgba(244,176,0,.18);border-radius:999px;padding:7px 12px;font-weight:700;font-size:14px}.poster-banner{max-width:1100px;margin:12px auto;border-radius:24px;overflow:hidden;border:1px solid rgba(244,176,0,.16);box-shadow:0 18px 42px rgba(0,0,0,.32);background:#0F151B}.poster-banner img{width:100%;max-height:380px;object-fit:contain;margin:auto}.zone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.zone-card{padding:0;overflow:hidden}.zone-card img{width:100%;height:188px;object-fit:contain;background:#0F151B;border-bottom:1px solid rgba(244,176,0,.10)}.zone-body{padding:20px}.zone-body .tag{margin-bottom:10px}.app-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#10161C,#1A232D 55%,#222C36);border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.app-section img{width:100%;max-height:360px;object-fit:contain;border-radius:22px;background:#0F151B}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.list-grid span{padding:12px 14px;background:rgba(255,255,255,.035);border:1px solid rgba(244,176,0,.12);border-radius:16px;color:var(--text)}.safe-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start}.safe-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq-item h3{font-size:18px}.page-hero{background:radial-gradient(circle at top right,rgba(244,176,0,.16),transparent 28%),linear-gradient(135deg,#10161C,#1A232D);border-bottom:1px solid rgba(244,176,0,.12);padding:58px 0 42px}.page-hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.page-hero h1{font-size:42px}.page-hero p{font-size:17px}.hero-img{border-radius:24px;border:1px solid rgba(244,176,0,.16);background:#0F151B;box-shadow:var(--shadow);width:100%;max-height:360px;object-fit:contain}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.article-card p{margin-bottom:16px}.article-card ul,.article-card ol{color:var(--muted);padding-left:22px}.article-card li{margin:8px 0}.side-stack{display:grid;gap:16px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.site-footer{background:var(--footer);color:#D8DEE8;margin-top:56px;border-top:1px solid rgba(244,176,0,.12)}.footer-inner{max-width:1200px;margin:0 auto;padding:44px 22px;display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:28px}.footer-brand img{width:150px;max-height:50px;object-fit:contain;margin-bottom:16px}.footer-links h3,.footer-note h3{font-size:18px;color:var(--gold)}.footer-links a{display:block;margin:8px 0;color:#D8DEE8}.footer-links a:hover{color:var(--gold)}.copyright{text-align:center;color:#8D98A7;border-top:1px solid rgba(255,255,255,.06);padding:16px 20px}.drawer-mask,.mobile-drawer{display:none}.muted{color:var(--muted)}.gold{color:var(--gold)}.text-link{font-weight:800}.breadcrumb{color:var(--soft);margin-bottom:10px}.desktop-header{display:flex}
@media (max-width:1080px){.nav a{font-size:14px;padding:10px 8px}.quick-pills{grid-template-columns:repeat(2,1fr)}.zone-grid{grid-template-columns:repeat(2,1fr)}.board-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.page-hero .container,.content-grid{grid-template-columns:1fr}.page-hero h1{font-size:36px}}
@media (max-width:760px){body{padding-top:0}.desktop-header{display:none}.mobile-header{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:10px 14px}.mobile-logo{justify-self:center}.mobile-logo img{width:132px;max-height:44px;object-fit:contain}.mobile-reg{padding:8px 13px;font-size:13px}.menu-toggle{width:44px;height:42px;border:1px solid rgba(244,176,0,.18);border-radius:14px;background:#10161C;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{width:20px;height:2px;background:var(--gold);border-radius:4px}.drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10000}.mobile-drawer{position:fixed;top:0;bottom:0;left:0;width:286px;background:#10161C;border-right:1px solid rgba(244,176,0,.18);z-index:10001;transform:translateX(-105%);transition:.25s ease;padding:18px;box-shadow:20px 0 40px rgba(0,0,0,.35)}.drawer-open .drawer-mask{display:block}.drawer-open .mobile-drawer{display:block;transform:translateX(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-top img{width:136px;max-height:46px;object-fit:contain}.drawer-close{background:rgba(244,176,0,.12);border:1px solid rgba(244,176,0,.2);color:var(--gold);font-size:28px;border-radius:12px;width:42px;height:42px}.drawer-nav{display:grid;gap:8px}.drawer-nav a{padding:12px 14px;border-radius:14px;color:var(--gold);background:rgba(255,255,255,.03);border:1px solid transparent}.drawer-nav a.active{border-color:rgba(244,176,0,.28);box-shadow:inset 0 -2px 0 var(--gold)}.drawer-btn{margin-top:18px;width:100%}.slides{height:220px}.banner-slider{margin:18px 14px 24px;border-radius:18px}.slider-arrow{width:36px;height:36px;font-size:24px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.quick-pills{display:flex;overflow-x:auto;padding:0 14px 8px;scroll-snap-type:x mandatory}.pill-card{min-width:210px;scroll-snap-align:start}.container{padding:0 14px}.section{padding:32px 0}.section-head{display:block}.section-title{font-size:25px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;padding:16px}.feature-row.reverse .feature-img{order:0}.feature-points{grid-template-columns:1fr}.zone-grid,.board-grid,.faq-grid,.safe-layout,.safe-cards,.app-section,.three-grid,.two-grid,.list-grid{grid-template-columns:1fr}.zone-card img{height:auto;max-height:260px}.page-hero{padding:36px 0 28px}.page-hero .container{grid-template-columns:1fr}.page-hero h1{font-size:30px}.footer-inner{grid-template-columns:1fr;padding:34px 16px}.poster-banner img{max-height:260px}.content-img,.feature-img img,.hero-img,.app-section img{max-height:300px}.card,.zone-card,.info-card,.mini-card,.faq-item,.contact-card{padding:18px}}