*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1a2233;background:#f6f8fc;line-height:1.7;font-size:16px}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:1180px;margin:0 auto;padding:0 20px}.bg-dark{background:#0b1226}.text-grad{background:linear-gradient(135deg,#00d4ff,#3b82f6 55%,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-block;padding:14px 34px;border-radius:50px;font-weight:700;font-size:16px;transition:.25s;cursor:pointer;text-align:center}.btn-primary{background:linear-gradient(135deg,#00d4ff,#3b82f6);color:#fff;box-shadow:0 8px 24px rgba(0,212,255,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,212,255,.5)}.btn-outline{border:2px solid #3b82f6;color:#3b82f6;background:#fff}.btn-outline:hover{background:#3b82f6;color:#fff}.btn-ghost{border:2px solid rgba(255,255,255,.5);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.12)}.btn-orange{background:linear-gradient(135deg,#ff6a3d,#ff9a3d);color:#fff;box-shadow:0 8px 24px rgba(255,106,61,.35)}.btn-orange:hover{transform:translateY(-2px)}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(11,18,38,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#fff}.logo img{width:34px;height:34px;border-radius:8px}.logo span{background:linear-gradient(135deg,#00d4ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:#c7d2e8;font-weight:600;font-size:15px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:#00d4ff}.nav-cta{display:flex;gap:12px;align-items:center}.nav-cta .btn{padding:9px 22px;font-size:14px}
/* hero */
.hero{background:radial-gradient(1200px 600px at 80% -10%,rgba(59,130,246,.25),transparent 60%),radial-gradient(900px 500px at 10% 10%,rgba(139,92,246,.18),transparent 55%),#0b1226;padding:70px 0 80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,212,255,.12);color:#00d4ff;padding:7px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:18px}.hero h1{font-size:46px;line-height:1.2;color:#fff;font-weight:800;margin-bottom:18px}.hero h1 em{font-style:normal;background:linear-gradient(135deg,#00d4ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{color:#aab6cf;font-size:17px;margin-bottom:28px;max-width:520px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:34px;margin-top:38px}.hero-stats .stat b{display:block;font-size:26px;color:#fff;font-weight:800}.hero-stats .stat span{color:#8fa0c0;font-size:13px}
/* simulator */
.simulator{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.5);backdrop-filter:blur(12px);overflow:hidden}.sim-titlebar{display:flex;align-items:center;gap:8px;padding:13px 16px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08)}.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-title{margin-left:10px;color:#c7d2e8;font-size:13px;font-weight:600}.sim-body{padding:22px}.sim-status{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px;margin-bottom:16px}.sim-status .pulse{width:10px;height:10px;border-radius:50%;background:#28c840;box-shadow:0 0 0 0 rgba(40,200,64,.7);animation:pulse 1.8s infinite}.sim-connect{display:block;width:100%;padding:16px;border:none;border-radius:50px;background:linear-gradient(135deg,#00d4ff,#3b82f6);color:#fff;font-size:17px;font-weight:800;cursor:pointer;text-align:center;box-shadow:0 8px 24px rgba(0,212,255,.4);margin-bottom:20px}.sim-node{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.05);padding:12px 16px;border-radius:10px;margin-bottom:8px;color:#c7d2e8}.sim-node .flag{font-size:18px}.sim-node .ms{color:#28c840;font-weight:700}.sim-graph{display:flex;align-items:flex-end;gap:4px;height:60px;margin:16px 0}.sim-graph i{flex:1;background:linear-gradient(180deg,#00d4ff,#3b82f6);border-radius:3px 3px 0 0;opacity:.85}.sim-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.sim-stats div{background:rgba(255,255,255,.05);padding:10px;border-radius:10px}.sim-stats b{display:block;color:#fff;font-size:16px}.sim-stats span{color:#8fa0c0;font-size:11px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(40,200,64,.6)}70%{box-shadow:0 0 0 12px rgba(40,200,64,0)}100%{box-shadow:0 0 0 0 rgba(40,200,64,0)}}
/* sections */
.section{padding:70px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 46px}.section-head .kicker{display:inline-block;background:rgba(59,130,246,.1);color:#3b82f6;padding:6px 18px;border-radius:50px;font-size:13px;font-weight:700;margin-bottom:14px}.section-head h2{font-size:34px;font-weight:800;color:#0b1226;margin-bottom:12px}.section-head p{color:#5a6784;font-size:16px}
/* cards grid */
.grid{display:grid;gap:22px}.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{background:#fff;border-radius:14px;padding:28px;border:1px solid #eef1f8;transition:.25s;box-shadow:0 2px 8px rgba(15,30,70,.04)}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,30,70,.1)}.card .icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;background:linear-gradient(135deg,#e0f6ff,#eef0ff)}.card h3{font-size:19px;font-weight:800;margin-bottom:10px;color:#0b1226}.card p{color:#5a6784;font-size:14.5px}
/* notice */
.notice{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #ffe4c7;border-radius:14px;padding:20px 26px;display:flex;gap:14px;align-items:flex-start}.notice .tag{background:#ff6a3d;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}
/* compare table */
.compare{overflow-x:auto;border-radius:14px;border:1px solid #eef1f8;background:#fff}.compare table{width:100%;border-collapse:collapse;min-width:640px}.compare th,.compare td{padding:16px 20px;text-align:center;border-bottom:1px solid #f0f3f9}.compare th{background:#0b1226;color:#fff;font-size:14px}.compare th:first-child,.compare td:first-child{text-align:left}.compare .hl{background:#eef7ff}.compare .yes{color:#10b981;font-weight:700}.compare .no{color:#c0c7d6}
/* news */
.tab-box{position:relative}.tab-radio{display:none}.tab-labels{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.tab-label{padding:10px 22px;border-radius:50px;background:#fff;border:1px solid #e0e5f0;font-weight:600;color:#5a6784;cursor:pointer;font-size:14px}.tab-panel{display:none}.tab-panel.on{display:block}#nt1:checked~.tab-labels label[for=nt1],#nt2:checked~.tab-labels label[for=nt2],#nt3:checked~.tab-labels label[for=nt3]{background:linear-gradient(135deg,#00d4ff,#3b82f6);color:#fff;border-color:transparent}#nt1:checked~.tab-panel-1,#nt2:checked~.tab-panel-2,#nt3:checked~.tab-panel-3{display:block}
/* reviews */
.review{background:#fff;border-radius:14px;padding:26px;border:1px solid #eef1f8}.review .stars{color:#ffb400;letter-spacing:2px;margin-bottom:10px}.review .who{display:flex;align-items:center;gap:10px;margin-top:14px}.review .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.review .who b{display:block;font-size:14px}.review .who span{font-size:12px;color:#8fa0c0}
/* download cards */
.dl-card{background:#fff;border-radius:14px;padding:30px;text-align:center;border:1px solid #eef1f8;transition:.25s}.dl-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,30,70,.1)}.dl-card .os{font-size:42px;margin-bottom:12px}.dl-card h3{font-size:18px;font-weight:800;margin-bottom:6px}.dl-card p{color:#5a6784;font-size:13px;margin-bottom:18px}
/* trust */
.trust{background:#0b1226;color:#fff}.trust .section-head h2{color:#fff}.trust .section-head p{color:#8fa0c0}.trust-item{text-align:center;padding:24px}.trust-item b{display:block;font-size:32px;background:linear-gradient(135deg,#00d4ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.trust-item span{color:#8fa0c0;font-size:14px}
/* scenario */
.scenario{background:#fff;border-radius:14px;padding:26px;border:1px solid #eef1f8;display:flex;gap:16px}.scenario .em{font-size:34px}.scenario h3{font-size:17px;font-weight:800;margin-bottom:8px}.scenario p{color:#5a6784;font-size:14px}
/* FAQ */
.faq-list{max-width:840px;margin:0 auto}.faq-item{background:#fff;border:1px solid #eef1f8;border-radius:12px;margin-bottom:14px;overflow:hidden}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-weight:700;color:#0b1226;cursor:pointer}.faq-q .cat{font-size:12px;color:#3b82f6;background:rgba(59,130,246,.1);padding:3px 10px;border-radius:50px;margin-left:10px}.faq-a{padding:6px 24px 22px;color:#5a6784;display:block}.faq-a ol{padding-left:22px;margin-top:8px}.faq-a ol li{margin-bottom:8px}
/* footer */
.footer{background:#080d1c;color:#8fa0c0;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer h4{color:#fff;font-size:16px;margin-bottom:18px}.footer a{display:block;color:#8fa0c0;font-size:14px;margin-bottom:10px;transition:.2s}.footer a:hover{color:#00d4ff}.footer .links{display:flex;flex-wrap:wrap;gap:10px 22px}.footer .links a{display:inline-block;font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:22px;text-align:center;font-size:13px}
/* breadcrumb */
.breadcrumb{font-size:14px;color:#8fa0c0;padding:18px 0;margin:0}.breadcrumb a{color:#3b82f6}.breadcrumb span{color:#c0c7d6;margin:0 8px}
/* article */
.article-layout{display:grid;grid-template-columns:1fr 300px;gap:40px}.article-body{background:#fff;border-radius:14px;padding:40px;border:1px solid #eef1f8}.article-body h1{font-size:32px;font-weight:800;color:#0b1226;line-height:1.3;margin-bottom:16px}.article-meta{color:#8fa0c0;font-size:13px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f0f3f9}.article-body h2{font-size:22px;font-weight:800;color:#0b1226;margin:30px 0 14px;padding-left:14px;border-left:4px solid #00d4ff}.article-body p{margin-bottom:16px;color:#3a445c}.article-body table{width:100%;border-collapse:collapse;margin:20px 0}.article-body th,.article-body td{border:1px solid #e6ebf5;padding:12px 14px;text-align:left;font-size:14px}.article-body th{background:#f0f5ff;color:#0b1226}.article-body .toc{background:#f6f9ff;border:1px solid #e6ebf5;border-radius:10px;padding:20px 24px;margin-bottom:24px}.article-body .toc b{display:block;margin-bottom:10px;color:#0b1226}.article-body .toc a{display:block;color:#3b82f6;margin-bottom:6px;font-size:14px}.article-img{margin:24px 0;border-radius:12px;overflow:hidden}.article-img img{width:100%}.article-img figcaption{font-size:12px;color:#8fa0c0;text-align:center;padding:8px}.side-widget{background:#fff;border-radius:14px;padding:24px;border:1px solid #eef1f8;margin-bottom:24px}.side-widget h4{font-size:16px;font-weight:800;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #eef1f8}.side-widget a{display:block;font-size:14px;color:#3a445c;margin-bottom:10px;line-height:1.5}.side-widget a:hover{color:#3b82f6}.side-widget .num{color:#00d4ff;font-weight:800;margin-right:6px}.pagination-nav{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #f0f3f9}.pagination-nav a{color:#3b82f6;font-size:14px}
/* comments */
.comment{background:#f6f9ff;border-radius:10px;padding:18px;margin-bottom:14px}.comment .c-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.comment .c-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.comment b{font-size:14px}.comment .c-time{font-size:12px;color:#8fa0c0;margin-left:auto}.comment p{font-size:14px;color:#3a445c}
/* responsive */
@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.hero h1{font-size:34px}}
@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero h1{font-size:28px}.section-head h2{font-size:26px}.article-body{padding:24px}}