*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101115;color:#EDEFF5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{text-decoration:none;color:#F8C84A}img{max-width:100%;height:auto;display:block;object-fit:contain}main{padding-top:1px}.site-header{position:sticky;top:0;z-index:9999;background:#101115;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.28);border-bottom:1px solid rgba(248,200,74,.12)}.header-inner{max-width:1200px;margin:0 auto;min-height:76px;display:flex;align-items:center;gap:18px;padding:0 18px}.logo{flex:0 0 auto}.logo img{height:52px;width:auto}.nav{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;white-space:nowrap}.nav a{color:#F8C84A;padding:9px 11px;border-radius:12px;font-size:15px}.nav a:hover,.nav a.active{background:linear-gradient(180deg,rgba(248,200,74,.12),rgba(248,200,74,.02));box-shadow:inset 0 -2px 0 #F8C84A,0 10px 22px rgba(248,200,74,.16)}.main-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#FFE45A 0%,#F8B832 45%,#F3941F 100%);color:#101115;border-radius:10px;box-shadow:0 10px 24px rgba(248,184,50,.28);font-weight:800;padding:10px 22px;border:0;transition:.2s}.main-btn:hover{background:linear-gradient(180deg,#FFE96B 0%,#F6A625 100%);transform:translateY(-1px);color:#101115}.header-btn{flex:0 0 auto}.menu-toggle{display:none;background:transparent;border:0;width:42px;padding:8px}.menu-toggle span{display:block;height:2px;background:#F8C84A;margin:6px 0}.mobile-drawer{position:fixed;left:0;top:0;width:84%;max-width:320px;height:100vh;background:#15161A;z-index:10000;transform:translateX(-105%);transition:.28s;box-shadow:18px 0 50px rgba(0,0,0,.45);padding:18px;overflow-y:auto}.mobile-drawer.open{transform:translateX(0)}.drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:9999;display:none}.drawer-mask.open{display:block}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(248,200,74,.16);padding-bottom:14px}.drawer-head img{height:46px}.drawer-close{background:#202127;color:#F8C84A;border:1px solid rgba(248,200,74,.18);width:36px;height:36px;border-radius:50%;font-size:24px}.drawer-links{display:grid;gap:8px;margin-top:16px}.drawer-links a{padding:11px 12px;border-radius:10px;color:#EDEFF5;background:#1B1C21;border:1px solid rgba(248,200,74,.1)}.drawer-links a:hover{color:#F8C84A;border-color:rgba(248,200,74,.35)}.drawer-open{overflow:hidden}.container,.section{max-width:1200px;margin:0 auto;padding:28px 18px}.hero-section{max-width:1200px;margin:28px auto 36px;border-radius:20px;background:radial-gradient(circle at 78% 15%,rgba(248,200,74,.14),transparent 34%),#15161A;box-shadow:0 18px 40px rgba(0,0,0,.35);overflow:hidden;position:relative;border:1px solid rgba(248,200,74,.16);display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;padding:44px}.hero-section h1{font-size:44px;line-height:1.2;margin:0 0 16px;color:#F8C84A}.hero-section p{color:#EDEFF5;font-size:17px;margin:0 0 20px}.hero-sub{color:#B8BEC9;margin-bottom:14px}.hero-tags,.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tag,.badge,.num,.section-kicker{color:#F8C84A}.tag,.badge{border:1px solid rgba(248,200,74,.18);background:rgba(248,200,74,.06);padding:7px 11px;border-radius:999px;font-size:14px}.hero-visual{background:#101115;border:1px solid rgba(248,200,74,.12);border-radius:18px;padding:14px;min-height:260px;display:flex;align-items:center;justify-content:center}.hero-visual img,.content-img,.zone-card img,.app-section img,.hero-section img{max-width:100%;height:auto;object-fit:contain}.section-title{font-size:30px;margin:0 0 10px;color:#F8C84A}.section-desc{color:#B8BEC9;margin:0 0 20px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card,.zone-card,.info-card,.review-card{background:#15161A;border:1px solid rgba(248,200,74,.16);box-shadow:0 14px 36px rgba(0,0,0,.32);border-radius:18px;padding:22px}.card:hover,.zone-card:hover{border-color:rgba(248,200,74,.36);transform:translateY(-2px);transition:.2s}.card h3,.zone-card h3,.info-card h3,.review-card h3{color:#F8C84A;margin:8px 0 10px}.card p,.zone-card p,.info-card p,.review-card p{color:#B8BEC9;margin:0 0 12px}.text-link{color:#F8C84A;font-weight:700}.text-strip{background:#15161A;border:1px solid rgba(248,200,74,.16);border-radius:18px;padding:24px;box-shadow:0 14px 36px rgba(0,0,0,.28)}.feature-row{display:grid;gap:22px}.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;background:#15161A;border:1px solid rgba(248,200,74,.16);border-radius:20px;padding:22px}.feature:nth-child(even){grid-template-columns:1.1fr .9fr}.feature:nth-child(even) .feature-media{order:2}.feature-media{background:#101115;border-radius:16px;padding:10px;min-height:210px;display:flex;align-items:center;justify-content:center}.feature-media img{max-height:260px;width:100%;object-fit:contain}.feature ul,.app-list,.check-list{margin:10px 0 14px;padding-left:20px;color:#B8BEC9}.wall-img,.card-img{background:#101115;border-radius:14px;padding:10px;height:170px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.wall-img img,.card-img img{max-height:150px;width:100%;object-fit:contain}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.app-section{background:#15161A;border:1px solid rgba(248,200,74,.16);border-radius:22px;padding:26px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.app-section .app-img{background:#101115;border-radius:18px;padding:10px;display:flex;align-items:center;justify-content:center}.faq-item{border-bottom:1px solid rgba(248,200,74,.12);padding:16px 0}.faq-item h3{margin:0 0 8px;color:#F8C84A}.faq-item p{margin:0;color:#B8BEC9}.page-hero{max-width:1200px;margin:28px auto 20px;padding:28px 18px}.page-hero-inner{background:#15161A;border:1px solid rgba(248,200,74,.16);border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.35);display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center;padding:34px}.page-hero h1{color:#F8C84A;font-size:38px;margin:0 0 12px}.page-hero p{color:#B8BEC9}.page-hero .visual{background:#101115;border-radius:18px;padding:10px;display:flex;align-items:center;justify-content:center}.page-hero .visual img{max-height:260px;width:100%;object-fit:contain}.notice{background:#1B1C21;border-left:4px solid #F8C84A;border-radius:14px;padding:18px;color:#B8BEC9}.site-footer{background:#08090C;color:#D8DEEA;margin-top:36px}.footer-inner{max-width:1200px;margin:0 auto;padding:34px 18px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.footer-brand img{height:52px;margin-bottom:12px}.footer-brand p{color:#B8BEC9}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.footer-links a{color:#D8DEEA;background:#15161A;border:1px solid rgba(248,200,74,.12);border-radius:10px;padding:10px}.footer-note{text-align:center;border-top:1px solid rgba(248,200,74,.12);padding:16px;color:#8E96A6}.small{color:#8E96A6;font-size:14px}@media(max-width:980px){.nav{display:none}.menu-toggle{display:block}.header-inner{justify-content:space-between}.logo{position:absolute;left:50%;transform:translateX(-50%)}.logo img{height:44px}.hero-section,.page-hero-inner,.app-section,.split,.feature,.feature:nth-child(even){grid-template-columns:1fr}.feature:nth-child(even) .feature-media{order:0}.grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,1fr)}.hero-section{margin:16px 18px;padding:28px}.hero-section h1{font-size:34px}.footer-inner{grid-template-columns:1fr}}@media(max-width:620px){.header-inner{min-height:66px;padding:0 12px}.header-btn{padding:8px 14px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hero-section{padding:22px}.hero-section h1{font-size:28px}.hero-visual{min-height:180px}.section{padding:22px 14px}.page-hero{padding:18px 14px}.page-hero-inner{padding:22px}.page-hero h1{font-size:28px}.footer-links{grid-template-columns:1fr}.wall-img,.card-img{height:140px}}