:root{--bg:#050914;--bg2:#0a1226;--bg3:#0e1a38;--card:rgba(255,255,255,.04);--line:rgba(255,255,255,.09);--primary:#4cc9f0;--primary2:#7c6cf6;--accent:#22d3ee;--text:#edf2ff;--muted:#8ea0c2;--serif:"Georgia","Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--grad:linear-gradient(135deg,#4cc9f0,#7c6cf6);--grad2:linear-gradient(135deg,#22d3ee,#4cc9f0 45%,#7c6cf6);--shadow:0 24px 70px rgba(0,0,0,.5);--radius:18px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.25}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:96px 0;position:relative}
.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;margin-bottom:16px}
.section-tag::before{content:"";width:26px;height:2px;background:var(--grad)}
.section-title{font-size:clamp(28px,4vw,44px);margin-bottom:16px}
.section-desc{color:var(--muted);max-width:640px;font-size:16px}
.text-grad{background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:40px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.25s;white-space:nowrap}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 30px rgba(76,201,240,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(76,201,240,.5)}
.btn-ghost{background:rgba(255,255,255,.06);border-color:var(--line);color:var(--text)}
.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}
.btn-lg{padding:16px 36px;font-size:16px}
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:.3s;background:transparent}
header.scrolled{background:rgba(5,9,20,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:20px;font-weight:600}
.brand img{width:40px;height:40px;border-radius:10px}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:14px;color:var(--muted);transition:.2s;position:relative}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--grad);transition:.25s}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:24px;cursor:pointer}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px 0 80px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 500px at 20% 10%,rgba(76,201,240,.18),transparent 60%),radial-gradient(800px 500px at 85% 80%,rgba(124,108,246,.16),transparent 60%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(34px,5vw,58px);margin-bottom:22px}
.hero-sub{color:var(--muted);font-size:17px;max-width:520px;margin-bottom:30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.hero-stats{display:flex;gap:36px;flex-wrap:wrap}
.hero-stats .stat b{font-size:30px;font-family:var(--serif);display:block;background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-stats .stat span{font-size:13px;color:var(--muted)}
.simulator{background:linear-gradient(160deg,rgba(14,26,56,.9),rgba(8,13,28,.95));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(10px)}
.sim-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line)}
.sim-dot{width:12px;height:12px;border-radius:50%}
.sim-dot.r{background:#ff5f57}.sim-dot.y{background:#febc2e}.sim-dot.g{background:#28c840}
.sim-head .title{margin-left:10px;font-size:13px;color:var(--muted)}
.sim-body{padding:22px}
.sim-status{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.sim-status .badge{font-size:12px;padding:4px 12px;border-radius:20px;background:rgba(40,200,64,.15);color:#4ade80}
.sim-status .badge.off{background:rgba(255,255,255,.08);color:var(--muted)}
.sim-server{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;cursor:pointer}
.sim-server .name{font-size:14px}
.sim-server .ping{font-size:13px;color:#4ade80}
.sim-meter{margin-bottom:20px}
.sim-meter .row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}
.sim-bar{height:8px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden}
.sim-bar i{display:block;height:100%;width:0;background:var(--grad2);border-radius:10px;transition:width 1s ease}
.sim-connect{width:100%;padding:16px;border-radius:40px;border:none;background:var(--grad);color:#fff;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.04em;transition:.25s}
.sim-connect:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(76,201,240,.4)}
.sim-connect.connected{background:rgba(40,200,64,.9)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.feature-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:.3s;position:relative;overflow:hidden}
.feature-card:hover{transform:translateY(-6px);border-color:rgba(76,201,240,.4);box-shadow:var(--shadow)}
.feature-card .icon{width:54px;height:54px;border-radius:14px;background:rgba(76,201,240,.12);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--primary)}
.feature-card h3{font-size:20px;margin-bottom:12px}
.feature-card p{color:var(--muted);font-size:14px}
.notice-bar{background:linear-gradient(135deg,rgba(76,201,240,.1),rgba(124,108,246,.1));border:1px solid var(--line);border-radius:var(--radius);padding:22px 28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.notice-bar .icon{font-size:22px}
.notice-bar .txt{flex:1;min-width:240px;font-size:15px}
.notice-bar .date{font-size:13px;color:var(--muted)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.trust-card{text-align:center;padding:28px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.trust-card .num{font-size:38px;font-family:var(--serif);background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
.trust-card .label{font-size:14px;color:var(--muted);margin-top:6px}
.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.scene-card{border-radius:var(--radius);overflow:hidden;position:relative;min-height:220px;display:flex;align-items:flex-end;background:linear-gradient(160deg,rgba(14,26,56,.85),rgba(8,13,28,.95));border:1px solid var(--line);padding:28px;transition:.3s}
.scene-card:hover{transform:translateY(-6px);border-color:rgba(76,201,240,.4)}
.scene-card h3{font-size:20px;margin-bottom:8px}
.scene-card p{color:var(--muted);font-size:14px}
.news-tabs{display:flex;gap:12px;margin:40px 0 28px;flex-wrap:wrap}
.news-tab{padding:9px 22px;border-radius:30px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:14px;transition:.25s}
.news-tab.active,.news-tab:hover{background:var(--grad);color:#fff;border-color:transparent}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s}
.news-card:hover{transform:translateY(-6px);border-color:rgba(76,201,240,.4)}
.news-card img{height:180px;object-fit:cover;width:100%}
.news-card .body{padding:20px}
.news-card .meta{font-size:12px;color:var(--muted);margin-bottom:10px}
.news-card h3{font-size:17px;line-height:1.4;margin-bottom:10px}
.news-card h3 a:hover{color:var(--primary)}
.download-section{background:linear-gradient(160deg,var(--bg2),var(--bg));border-radius:32px;padding:72px 48px;text-align:center;border:1px solid var(--line)}
.platforms{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:44px 0 10px}
.platform{width:150px;padding:26px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:.3s;cursor:pointer}
.platform:hover{transform:translateY(-6px);border-color:rgba(76,201,240,.5)}
.platform .icon{width:50px;height:50px;margin:0 auto 14px;color:var(--primary)}
.platform .name{font-size:15px;font-weight:600}
.platform .ver{font-size:12px;color:var(--muted);margin-top:4px}
.faq-wrap{max-width:820px;margin:48px auto 0}
.faq-item{border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden;background:var(--card)}
.faq-q{width:100%;text-align:left;padding:20px 24px;background:none;border:none;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-q .arr{transition:.3s;color:var(--primary);flex-shrink:0}
.faq-item.open .arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a .inner{padding:0 24px 22px;color:var(--muted);font-size:15px}
.faq-a .inner ol{padding-left:20px;margin-top:10px}
.faq-a .inner li{margin-bottom:8px}
.cta{position:relative;text-align:center;padding:110px 0;overflow:hidden}
.cta h2{font-size:clamp(28px,4vw,44px);margin-bottom:18px}
.cta p{color:var(--muted);margin-bottom:32px}
footer{border-top:1px solid var(--line);padding:56px 0 32px;background:var(--bg2)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
.footer-col h4{font-size:16px;margin-bottom:16px}
.footer-col a{display:block;color:var(--muted);font-size:14px;margin-bottom:10px;transition:.2s}
.footer-col a:hover{color:var(--primary)}
.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.breadcrumb{padding:120px 0 8px}
.breadcrumb nav{font-size:13px;color:var(--muted)}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumb li a{color:var(--muted)}
.breadcrumb li a:hover{color:var(--primary)}
.breadcrumb li+li::before{content:"/";margin-right:6px;color:rgba(255,255,255,.3)}
.breadcrumb li[aria-current]{font-weight:700;color:var(--text)}
.page-head{padding:40px 0 48px}
.page-head h1{font-size:clamp(28px,4vw,44px);margin-bottom:12px}
.page-head p{color:var(--muted);max-width:680px}
.article{max-width:820px;margin:0 auto;padding-bottom:80px}
.article h1{font-size:clamp(26px,3.6vw,38px);margin-bottom:18px}
.article .meta{color:var(--muted);font-size:14px;margin-bottom:28px;display:flex;gap:16px;flex-wrap:wrap}
.article img{border-radius:16px;margin:28px 0}
.article p{color:#c7d0e4;margin-bottom:20px;font-size:16px}
.article h2{font-size:24px;margin:36px 0 16px}
.article .lead{font-size:18px;color:var(--text)}
.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.article-nav a{color:var(--muted);font-size:14px}
.article-nav a:hover{color:var(--primary)}
.sitemap-list{max-width:820px;margin:0 auto}
.sitemap-list .group{margin-bottom:36px}
.sitemap-list .group h2{font-size:22px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.sitemap-list .group a{display:block;padding:10px 0;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.05);transition:.2s}
.sitemap-list .group a:hover{color:var(--primary);padding-left:8px}
.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:24px}
.error-page .code{font-size:120px;font-family:var(--serif);background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:992px){.hero-grid{grid-template-columns:1fr;gap:40px}.features-grid,.scene-grid,.news-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(5,9,20,.97);flex-direction:column;padding:24px;gap:18px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-toggle{display:block}}
@media(max-width:768px){.section{padding:64px 0}.hero{padding-top:120px}.features-grid,.scene-grid,.news-grid,.trust-grid{grid-template-columns:1fr}.download-section{padding:48px 24px}.footer-grid{grid-template-columns:1fr}.hero-stats{gap:24px}}
@media(max-width:480px){.container{padding:0 18px}.platform{width:130px}.nav-cta .btn-ghost{display:none}}