:root{--blue:#165dff;--blue-deep:#0d3dbf;--orange:#ff7d00;--teal:#0fc6c2;--ink:#111827;--muted:#4b5563;--soft:#f6f8fc;--line:#e5e7eb;--white:#fff;--radius:6px;--shadow:0 14px 40px rgba(18,37,63,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:72px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(229,231,235,.8);backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:var(--blue);color:#fff;font-size:11px;letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:13px;color:#5b6472}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-site-link{display:inline-flex;align-items:center;gap:7px;background:#edf3ff;color:var(--blue);padding:9px 14px;border-radius:6px;font-size:12px;font-weight:700}.theme-toggle,.menu-toggle{border:0;background:transparent;color:#536071;cursor:pointer}.theme-toggle{font-size:18px}.menu-toggle{display:none;font-size:22px}.hero{position:relative;min-height:690px;padding:148px 0 84px;overflow:hidden;background:linear-gradient(135deg,#f7faff 0%,#fff 54%,#f3f7ff 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(22,93,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,93,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,black,transparent 78%);opacity:.5}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:8px}.pulse-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px rgba(15,198,194,.14)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.1;letter-spacing:-.03em;max-width:650px;margin:20px 0 22px}.hero-lead{color:var(--muted);font-size:17px;max-width:570px;line-height:1.9}.hero-cta{display:flex;gap:12px;margin:34px 0 38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border-radius:6px;font-weight:700;font-size:13px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(22,93,255,.22)}.btn-secondary{background:#fff;border:1px solid #d9e2f3;color:var(--blue)}.hero-proof{display:flex;gap:28px;color:#667085;font-size:12px}.hero-proof strong{display:block;color:var(--ink);font-size:16px;line-height:1.2}.hero-visual{position:relative;min-height:390px;background:#0d1b35;border-radius:10px;padding:22px;box-shadow:0 24px 56px rgba(13,27,53,.2);color:#d6e5ff;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(22,93,255,.4),transparent 45%),linear-gradient(140deg,rgba(15,198,194,.08),transparent 50%)}.visual-topline,.visual-stats{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.status{display:inline-flex;align-items:center;gap:6px;color:#67e1c6}.status i{width:6px;height:6px;border-radius:50%;background:#67e1c6}.map-stage{height:275px;position:relative;margin-top:10px}.map-ring{position:absolute;border:1px solid rgba(113,165,255,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-a{width:180px;height:180px}.ring-b{width:300px;height:300px}.ring-c{width:470px;height:470px}.route-lines{position:absolute;inset:0;width:100%;height:100%;stroke:rgba(99,160,255,.6);stroke-width:1.2;stroke-dasharray:5 7}.node{position:absolute;display:flex;align-items:center;gap:7px;color:#fff;font-size:10px;font-weight:700}.node span{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px rgba(15,198,194,.14),0 0 20px rgba(15,198,194,.8)}.node label{line-height:1.15}.node small{color:#8ba5ce;font-size:8px;font-weight:400}.node-kl{left:48%;top:47%}.node-sg{left:22%;top:70%}.node-hk{right:12%;top:23%}.node-eu{left:12%;top:18%}.visual-stats{border-top:1px solid rgba(155,183,230,.18);padding-top:15px}.visual-stats small{display:block;color:#8094b8;font-size:9px;letter-spacing:0}.visual-stats strong{display:block;color:#fff;font-size:20px;line-height:1.3}.visual-stats strong span{font-size:9px;color:#8ba5ce;margin-left:3px}.visual-stats .good{color:#67e1c6;font-size:14px;margin-top:5px}.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:11px;color:#8290a5;letter-spacing:.08em}.scroll-cue span{margin-left:9px;color:var(--blue);font-size:16px}.section{padding:106px 0}.advantages{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2{font-size:34px;line-height:1.2;margin:12px 0 0;letter-spacing:-.025em}.section-heading>p{max-width:400px;margin:0;color:#697586;font-size:14px}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.advantage{position:relative;padding:30px 24px 26px 0;border-bottom:1px solid var(--line)}.advantage+.advantage{padding-left:24px;border-left:1px solid var(--line)}.icon-box{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;font-size:22px;margin-bottom:23px}.icon-box.blue{color:var(--blue);background:#eaf1ff}.icon-box.teal{color:#058f8d;background:#e4faf8}.icon-box.orange{color:#d76600;background:#fff0df}.icon-box.navy{color:#3f4d68;background:#edf0f6}.advantage h3{font-size:17px;margin-bottom:9px}.advantage p{font-size:13px;color:#6b7280;max-width:220px;margin:0}.index{position:absolute;right:8px;top:32px;color:#c6cfdb;font:700 11px/1 monospace}.products-section{background:var(--soft)}.products-heading{margin-bottom:22px}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--blue);font-size:13px;font-weight:700}.text-link span{font-size:18px;line-height:1}.product-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#566274;font-size:12px}.product-toolbar b{color:var(--blue);font-size:17px}.toolbar-note{color:#8993a2}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{background:#fff;border:1px solid #e4e9f1;border-radius:8px;padding:22px 20px 18px;display:flex;flex-direction:column;min-height:306px;transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bfd0f3}.product-card.featured{border-color:#98b7ff;box-shadow:0 9px 22px rgba(22,93,255,.1)}.product-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.plan-code{color:var(--blue);font-weight:800;letter-spacing:.06em}.availability{color:#0b998f;background:#e7fbf8;border-radius:4px;padding:3px 7px}.product-card h3,.product-card h2{font-size:16px;line-height:1.4;margin:20px 0 5px}.product-note{font-size:12px;color:#7a8493;margin-bottom:18px}.product-card dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0f4;margin:0 0 18px;padding-top:13px;gap:11px}.product-card dl div{display:flex;justify-content:space-between;gap:6px}.product-card dt{font-size:11px;color:#929baa}.product-card dd{font-size:12px;font-weight:700;margin:0}.product-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto}.price{font-size:28px;font-weight:800;color:var(--ink);line-height:1}.price small{font-size:14px;margin-right:2px}.price span{font-size:10px;color:#8892a2;font-weight:500;margin-left:4px}.buy-btn{background:var(--orange);color:#fff;border-radius:5px;padding:10px 12px;font-size:11px;font-weight:800;white-space:nowrap}.product-disclaimer{margin:22px 0 0;color:#929baa;font-size:11px}.scenarios{background:#fff}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scenario-grid article{position:relative;border:1px solid var(--line);padding:27px 23px 23px;min-height:252px;border-radius:7px}.scenario-no{position:absolute;right:19px;top:19px;font:700 11px monospace;color:#bac4d2}.scenario-icon{width:36px;height:36px;border-radius:6px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:20px;margin-bottom:18px}.scenario-grid h3{font-size:16px;margin-bottom:9px}.scenario-grid p{font-size:12px;color:#697586;margin-bottom:20px}.scenario-grid a{font-size:11px;color:var(--blue);font-weight:700}.faq-section{background:var(--soft)}.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:90px}.faq-intro h2{font-size:35px;margin:12px 0 14px}.faq-intro p{color:#697586;font-size:13px;margin-bottom:27px}.faq-list details{border-bottom:1px solid #dfe5ee;padding:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:19px 0;font-size:14px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:20px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#697586;font-size:13px;line-height:1.8;padding:0 36px 20px 0;margin:0}.contact-band{background:#123479;color:#fff;padding:65px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.kicker.light{color:#7eb0ff}.contact-inner h2{font-size:30px;margin:12px 0 8px}.contact-inner p{font-size:13px;color:#b6caee;margin:0}.btn-orange{background:var(--orange);color:#fff;min-width:150px}.site-footer{background:#0b1d3c;color:#b9c6dc;padding:46px 0 21px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:38px}.footer-brand{color:#fff}.footer-grid p{font-size:12px;color:#8292ad;margin:14px 0 0}.footer-grid h3{font-size:12px;color:#fff;margin:2px 0 15px}.footer-grid>div>a:not(.brand){display:block;font-size:12px;color:#8292ad;margin-top:8px}.footer-grid>div>a:not(.brand):hover{color:#fff}.footer-bottom{border-top:1px solid rgba(169,190,227,.16);padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#7385a2}.footer-bottom a{color:#8bb4ff}.page-hero{padding:150px 0 60px;background:linear-gradient(135deg,#f4f8ff,#fff)}.page-hero h1{font-size:44px;margin:14px 0 15px;line-height:1.2}.page-hero p{color:var(--muted);max-width:620px;margin-bottom:25px}.breadcrumbs{display:flex;gap:9px;color:#8792a3;font-size:12px}.breadcrumbs a{color:var(--blue)}body.dark{--ink:#edf3ff;--muted:#b8c3d6;--soft:#111d33;--line:#263654;background:#0b1426;color:var(--ink)}body.dark .site-header{background:rgba(11,20,38,.92);border-color:#243452}body.dark .main-nav{color:#9eabc1}body.dark .hero{background:linear-gradient(135deg,#0d1a33,#101d32)}body.dark .btn-secondary,body.dark .product-card{background:#12213b;color:var(--ink);border-color:#2a3d60}body.dark .advantages,body.dark .scenarios{background:#0b1426}body.dark .product-card dl{border-color:#2a3d60}body.dark .product-card dt,body.dark .product-note,body.dark .section-heading>p,body.dark .scenario-grid p,body.dark .faq-intro p,body.dark .faq-list details p{color:#9eabc1}body.dark .page-hero{background:#0e1b32}body.dark .nav-site-link{background:#142d5b}body.dark .product-toolbar,body.dark .product-disclaimer{color:#9eabc1}
@media (max-width:980px){.main-nav{gap:14px}.hero-inner{gap:35px}.product-grid{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{gap:50px}}
@media (max-width:720px){.container{width:min(100% - 32px,560px)}.site-header{height:64px}.main-nav,.nav-actions{display:none}.menu-toggle{display:block;margin-left:auto}.menu-toggle.open{color:var(--blue)}.nav-wrap{gap:0}.hero{min-height:auto;padding:118px 0 70px}.hero-inner{grid-template-columns:1fr;gap:42px}.hero h1{font-size:42px}.hero-lead{font-size:15px}.hero-proof{gap:15px;justify-content:space-between}.hero-proof strong{font-size:14px}.hero-visual{min-height:340px}.scroll-cue{display:none}.section{padding:72px 0}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:15px}.section-heading h2{font-size:29px}.advantage-grid{grid-template-columns:1fr 1fr}.advantage{padding:23px 15px 23px 0}.advantage+.advantage{padding-left:15px}.advantage:nth-child(3){border-left:0;padding-left:0}.advantage:nth-child(n+3){border-top:1px solid var(--line)}.product-grid,.scenario-grid{grid-template-columns:1fr}.product-card{min-height:285px}.faq-layout{grid-template-columns:1fr;gap:34px}.faq-intro h2{font-size:30px}.contact-inner{display:block}.contact-inner h2{font-size:25px}.contact-inner .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.page-hero{padding:120px 0 50px}.page-hero h1{font-size:34px}}
@media (max-width:720px){.main-nav.mobile-open{display:flex;position:absolute;top:64px;left:0;right:0;padding:14px 16px;flex-direction:column;align-items:flex-start;gap:0;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 10px 22px rgba(18,37,63,.08)}.main-nav.mobile-open a{width:100%;padding:10px 0;font-size:13px}.dark .main-nav.mobile-open{background:#101e36}}