/* 首屏关键样式（由 main.css 提取精简，构建说明见 docs/perf.md）。仅含设计令牌、重置、布局、按钮、导航、Hero、页头/面包屑与导航响应式；其余样式由 main.css 异步加载。 */
:root{--c-dark:#1a1a1a;--c-dark-2:#2b2f2e;--c-accent:#28b894;--c-accent-dark:#00714d;--c-teal:#1b8b8b;--c-accent-soft:rgba(40,184,148,0.1);--c-text:#1a1a1a;--c-text-2:#4b5560;--c-text-3:#616b74;--c-bg:#ffffff;--c-bg-gray:#f5f7f7;--c-bg-gray-2:#eef1f1;--c-border:#e4e9e9;--c-border-dark:rgba(255,255,255,0.12);--c-danger:#d9534f;--c-danger-text:#b93b37;--c-footer:#141816;--font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--fs-hero:68px;--fs-h1:44px;--fs-h2:40px;--fs-h3:28px;--fs-h4:20px;--fs-body:16px;--fs-small:14px;--nav-h:64px;--container:1200px;--container-wide:1440px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(26,26,26,0.04);--shadow-hover:0 12px 32px rgba(26,26,26,0.1);--shadow-nav:0 1px 0 rgba(26,26,26,0.06);--ease:cubic-bezier(0.4,0,0.2,1);--dur:0.2s;}*,*::before,*::after{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.7;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;}h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure{margin:0;}ul,ol{padding:0;list-style:none;}a{color:inherit;text-decoration:none;transition:color var(--dur) var(--ease);}img,svg{display:block;max-width:100%;}button,input,select,textarea{font:inherit;color:inherit;}button{cursor:pointer;background:none;border:0;padding:0;}strong{font-weight:600;}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}.container-wide{max-width:var(--container-wide);}.section{padding:96px 0;}.section-gray{background:var(--c-bg-gray);}.section-tight{padding:64px 0;}.section-head{max-width:720px;margin:0 auto 56px;text-align:center;}.section-head.left{margin-left:0;text-align:left;}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);font-weight:600;letter-spacing:0.06em;color:var(--c-accent-dark);margin-bottom:16px;}.eyebrow::before{content:"";width:20px;height:2px;background:var(--c-accent);border-radius:2px;}.section-head:not(.left) .eyebrow::after{content:"";width:20px;height:2px;background:var(--c-accent);border-radius:2px;}.section-title{font-size:var(--fs-h2);font-weight:600;line-height:1.25;letter-spacing:-0.01em;}.section-desc{margin-top:16px;font-size:17px;color:var(--c-text-2);}.grid{display:grid;gap:24px;}.grid-2{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(3,1fr);}.grid-4{grid-template-columns:repeat(4,1fr);}.split-media{align-items:center;gap:48px;}.text-accent{color:var(--c-accent);}.mt-8{margin-top:8px;}.mt-16{margin-top:16px;}.mt-24{margin-top:24px;}.mt-40{margin-top:40px;}.center{text-align:center;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:500;line-height:1.4;border-radius:var(--radius-pill);border:1px solid transparent;transition:all var(--dur) var(--ease);white-space:nowrap;}.btn svg{width:16px;height:16px;}.btn-primary{background:var(--c-accent);color:#0b201a;}.btn-primary:hover{background:var(--c-accent-dark);color:#fff;transform:translateY(-1px);}.btn-dark{background:var(--c-dark);color:#fff;}.btn-dark:hover{background:#000;transform:translateY(-1px);}.btn-outline{background:transparent;border-color:var(--c-dark);color:var(--c-dark);}.btn-outline:hover{background:var(--c-dark);color:#fff;}.btn-ghost-light{border-color:rgba(255,255,255,0.4);color:#fff;}.btn-ghost-light:hover{background:rgba(255,255,255,0.12);border-color:#fff;}.btn-lg{padding:15px 36px;font-size:16px;}.btn-sm{padding:8px 18px;font-size:14px;}.btn-block{width:100%;}.site-header{position:sticky;top:0;z-index:100;height:var(--nav-h);background:rgba(255,255,255,0.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}.site-header.scrolled{border-bottom-color:var(--c-border);box-shadow:var(--shadow-nav);}.nav-inner{height:var(--nav-h);display:flex;align-items:center;gap:32px;}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-0.02em;color:var(--c-dark);}.brand svg{width:30px;height:30px;}.brand small{font-size:11px;font-weight:500;color:var(--c-text-3);letter-spacing:0.08em;margin-left:-6px;align-self:flex-end;padding-bottom:3px;}.nav-menu{display:flex;align-items:center;gap:4px;margin-left:auto;}.nav-link{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px 14px;font-size:15px;color:var(--c-text-2);border-radius:var(--radius-sm);}.nav-link:hover,.nav-link.active{color:var(--c-dark);}.nav-link.active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--c-accent);}.nav-link .caret{width:12px;height:12px;transition:transform var(--dur) var(--ease);}.nav-item{position:relative;}.nav-item:hover .caret,.nav-item.open .caret{transform:rotate(180deg);}.nav-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);min-width:460px;padding:14px;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:0 16px 48px rgba(26,26,26,0.12);opacity:0;visibility:hidden;transition:all var(--dur) var(--ease);display:grid;grid-template-columns:1fr 1fr;gap:4px;}.nav-item:hover .nav-dropdown,.nav-item.open .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);}.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);}.nav-item:focus-within .caret{transform:rotate(180deg);}.nav-item.esc-closed .nav-dropdown{opacity:0;visibility:hidden;transform:translate(-50%,8px);}.nav-drop-link:focus-visible{background:var(--c-bg-gray);outline:2px solid var(--c-accent);outline-offset:2px;}.nav-drop-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:background var(--dur) var(--ease);}.nav-drop-link:hover{background:var(--c-bg-gray);}.nav-drop-ico{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--c-accent-soft);color:var(--c-accent-dark);font-size:13px;font-weight:700;}.nav-drop-link strong{display:block;font-size:14px;font-weight:600;line-height:1.4;}.nav-drop-link span{display:block;font-size:12px;color:var(--c-text-3);line-height:1.4;}.nav-actions{display:flex;align-items:center;gap:12px;}.nav-toggle{display:none;width:40px;height:40px;place-items:center;border-radius:var(--radius-sm);}.nav-toggle svg{width:22px;height:22px;}.nav-toggle .ico-close{display:none;}body.nav-open .nav-toggle .ico-open{display:none;}body.nav-open .nav-toggle .ico-close{display:block;}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:12px 18px;background:var(--c-dark);color:#fff;font-size:14px;font-weight:600;border-radius:0 0 var(--radius-sm) 0;text-decoration:none;}.skip-link:focus{left:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.nav-panel{display:none;}body.nav-open{overflow:hidden;}.hero{position:relative;padding:96px 0 88px;overflow:hidden;background:radial-gradient(640px 320px at 85% 12%,rgba(40,184,148,0.12),transparent 70%),radial-gradient(520px 280px at 8% 78%,rgba(27,139,139,0.08),transparent 70%),var(--c-bg);}.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center;}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--c-accent-dark);background:var(--c-accent-soft);border-radius:var(--radius-pill);margin-bottom:24px;}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--c-accent);animation:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.35;}}.hero-title{font-size:var(--fs-hero);font-weight:600;line-height:1.12;letter-spacing:-0.02em;}.hero-title .hl{color:var(--c-accent);}.hero-sub{margin-top:24px;max-width:520px;font-size:18px;color:var(--c-text-2);}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;}.hero-stats{display:flex;gap:48px;margin-top:56px;padding-top:32px;border-top:1px solid var(--c-border);}.hero-stat strong{display:block;font-size:30px;font-weight:700;letter-spacing:-0.02em;}.hero-stat strong em{font-style:normal;color:var(--c-accent);}.hero-stat span{font-size:13px;color:var(--c-text-3);}.hero-visual{position:relative;}.hero-panel{position:relative;border-radius:var(--radius-lg);background:linear-gradient(150deg,#20241f 0%,#16211d 100%);padding:28px;color:#fff;box-shadow:0 32px 80px rgba(20,30,26,0.28);}.hero-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.1);font-size:13px;color:rgba(255,255,255,0.6);}.hero-panel-head b{color:#fff;font-size:14px;}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--c-accent);}.status-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-accent);animation:pulse 2s infinite;}.hero-map{margin:20px 0;}.hero-map svg{width:100%;height:auto;}.hero-panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}.metric{padding:12px 14px;border-radius:var(--radius-md);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);}.metric b{display:block;font-size:18px;font-weight:700;color:var(--c-accent);}.metric span{font-size:11px;color:rgba(255,255,255,0.55);}.hero-chip{position:absolute;padding:12px 18px;border-radius:var(--radius-md);background:#fff;box-shadow:0 16px 40px rgba(26,26,26,0.14);font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;animation:floaty 5s ease-in-out infinite;}.hero-chip small{display:block;font-weight:400;color:var(--c-text-3);}.hero-chip .ico{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--c-accent-soft);color:var(--c-accent-dark);}.chip-a{top:-22px;right:-14px;}.chip-b{bottom:-20px;left:-18px;animation-delay:-2.5s;}@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.trust-bar{padding:28px 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);}.trust-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;}.trust-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--c-text-2);}.trust-item svg{width:18px;height:18px;color:var(--c-accent);}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--c-text-3);padding:20px 0 0;}.breadcrumb a:hover{color:var(--c-accent-dark);}.breadcrumb .sep{color:var(--c-border);}.breadcrumb .cur{color:var(--c-text-2);}.page-hero{position:relative;padding:56px 0 64px;background:radial-gradient(560px 260px at 88% 0%,rgba(40,184,148,0.1),transparent 70%),var(--c-bg-gray);overflow:hidden;}.page-hero h1{font-size:var(--fs-h1);font-weight:600;letter-spacing:-0.01em;line-height:1.2;}.page-hero .lead{margin-top:16px;max-width:640px;font-size:17px;color:var(--c-text-2);}.page-hero .hero-actions{margin-top:28px;}.page-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}@media (max-width:1200px){:root{--fs-hero:56px;}.footer-main{grid-template-columns:1fr 1fr 1fr;}.footer-brand{grid-column:1 / -1;}}@media (max-width:992px){:root{--fs-hero:44px;--fs-h1:36px;--fs-h2:32px;--fs-h3:24px;}.section{padding:72px 0;}.hero{padding:64px 0;}.hero-grid{grid-template-columns:1fr;gap:48px;}.hero-visual{max-width:560px;}.grid-4{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(2,1fr);}.cta-band{padding:56px 32px;}.cta-band h2{font-size:28px;}.nav-menu,.nav-actions .btn{display:none;}.nav-toggle{display:grid;margin-left:auto;}.nav-panel{display:block;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;z-index:99;background:#fff;padding:16px 24px 40px;overflow-y:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:all var(--dur) var(--ease);}body.nav-open .nav-panel{transform:none;opacity:1;visibility:visible;}.nav-panel .m-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 4px;font-size:17px;font-weight:500;border-bottom:1px solid var(--c-border);}.nav-panel .m-link svg{width:16px;height:16px;transition:transform var(--dur) var(--ease);}.nav-panel .m-group.open .m-link svg{transform:rotate(180deg);}.m-sub{display:none;padding:8px 0 12px;}.m-group.open .m-sub{display:block;}.m-sub a{display:block;padding:10px 12px;font-size:15px;color:var(--c-text-2);border-radius:var(--radius-sm);}.m-sub a:hover{background:var(--c-bg-gray);color:var(--c-dark);}.nav-panel .m-cta{display:grid;gap:12px;margin-top:24px;}}@media (max-width:768px){:root{--fs-hero:34px;--fs-h1:30px;--fs-h2:26px;}.container{padding:0 20px;}.section{padding:56px 0;}.section-head{margin-bottom:36px;}.hero{padding:48px 0 56px;}.hero-sub{font-size:16px;}.hero-stats{gap:24px;flex-wrap:wrap;}.hero-stat strong{font-size:24px;}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}.spec-grid{grid-template-columns:1fr;}.form-grid{grid-template-columns:1fr;}.hero-chip{display:none;}.footer-main{grid-template-columns:1fr 1fr;gap:32px 24px;padding:48px 0 32px;}.footer-bottom{flex-direction:column;align-items:flex-start;}.cta-band{padding:44px 24px;}.cta-band h2{font-size:24px;}.page-hero{padding:40px 0 48px;}th,td{padding:12px 14px;}.ip-row{grid-template-columns:56px 1fr 64px;}.nf-code{font-size:88px;}}.promo-ribbon{display:block;background:linear-gradient(90deg,#0f2a22 0%,#17493a 50%,#0f2a22 100%);color:#fff;font-size:14px;}.promo-ribbon .container{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;}.promo-ribbon .dot-live{width:7px;height:7px;border-radius:50%;background:#4ee0b4;box-shadow:0 0 0 4px rgba(78,224,180,0.18);flex:none;}.promo-ribbon b{color:#4ee0b4;font-weight:600;}.promo-ribbon .link{color:#fff;border-bottom:1px solid rgba(255,255,255,0.45);font-weight:500;}.promo-ribbon .link:hover{border-color:#4ee0b4;color:#4ee0b4;}