:root { --ink:#07090b; --paper:#eef1ed; --muted:#929ca1; --line:rgba(255,255,255,.16); --cyan:#67e8f9; --lime:#c7f36b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif; font-size:18px; line-height:1.75; }
a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } button { color:inherit; font:inherit; }
.wp-header { position:fixed; inset:0 0 auto; z-index:20; height:70px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; background:rgba(7,9,11,.88); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.wp-brand { display:flex; align-items:center; gap:11px; font-size:15px; font-weight:700; }.wp-brand img { width:36px; height:36px; object-fit:cover; border-radius:50%; }
.wp-actions { display:flex; align-items:center; gap:12px; font-size:12px; }.wp-language { display:grid; grid-template-columns:1fr 1fr; width:74px; height:32px; padding:2px; border:1px solid var(--line); }.wp-language button { border:0; background:transparent; cursor:pointer; }.wp-language button.is-active { background:var(--paper); color:var(--ink); }.wp-back { height:36px; padding:0 15px; display:flex; align-items:center; border:1px solid var(--line); }.wp-back:hover { background:var(--lime); color:var(--ink); border-color:var(--lime); }
.wp-rail { position:fixed; z-index:10; left:0; top:70px; bottom:0; width:60px; display:flex; align-items:center; justify-content:space-between; flex-direction:column; padding:26px 0; border-right:1px solid var(--line); background:var(--ink); }.wp-rail > span { writing-mode:vertical-rl; color:#667177; font-size:9px; }.wp-rail nav { display:grid; gap:7px; }.wp-rail a { width:28px; height:28px; display:grid; place-items:center; color:#778187; border:1px solid transparent; font-size:9px; }.wp-rail a:hover { color:var(--paper); border-color:var(--line); }
main,.wp-footer { margin-left:60px; }
.wp-cover { position:relative; min-height:92vh; padding:130px 7vw 70px; display:flex; align-items:flex-end; overflow:hidden; border-bottom:1px solid var(--line); background:radial-gradient(circle at 67% 40%,rgba(103,232,249,.13),transparent 28%),#07090b; }
.cover-grid { position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(90deg,black,transparent); }
.cover-mark { position:absolute; right:10vw; top:50%; width:360px; height:360px; transform:translateY(-50%); opacity:.38; }.cover-mark img { width:100%; height:100%; object-fit:cover; border-radius:50%; box-shadow:0 0 100px rgba(103,232,249,.35); }
.cover-copy { position:relative; z-index:2; width:100%; }.cover-copy > p { color:var(--lime); font-size:13px; }.cover-copy h1 { margin:18px 0 46px; font-size:112px; line-height:.85; letter-spacing:0; font-weight:680; }.cover-meta { display:grid; grid-template-columns:repeat(3,1fr); max-width:850px; border-top:1px solid var(--line); padding-top:18px; color:#869197; font-size:10px; }
.wp-document { display:none; }.wp-document.is-active { display:block; }
.wp-section { width:min(1120px,calc(100% - 14vw)); margin:0 auto; padding:120px 0; border-bottom:1px solid var(--line); }.section-number { color:var(--lime); font-size:11px; margin-bottom:72px; }.wp-section h2 { max-width:900px; margin:0 0 42px; font-size:68px; line-height:1.02; letter-spacing:0; font-weight:560; }.wp-section h3 { margin:70px 0 20px; font-size:30px; font-weight:560; }.wp-section > p { max-width:840px; color:#b6c0c5; }.wp-section .lead { max-width:980px; color:var(--paper); font-size:30px; line-height:1.45; }.wp-section blockquote { margin:80px 0 0; padding:34px 0 0; border-top:1px solid var(--cyan); color:var(--paper); font-size:30px; line-height:1.4; }
.callout-grid { margin:64px 0; display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid var(--line); }.callout-grid div { min-height:230px; padding:28px; display:flex; flex-direction:column; border:1px solid var(--line); border-left:0; }.callout-grid b { color:var(--lime); font-size:10px; }.callout-grid strong { margin-top:auto; font-size:23px; }.callout-grid span { color:var(--muted); font-size:14px; }
.spec-list { margin:56px 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.spec-list span { min-height:78px; display:flex; align-items:center; border-bottom:1px solid var(--line); color:#dce2e4; }.spec-list span::before { content:"+"; color:var(--lime); margin-right:12px; }
.wp-table-wrap { margin:56px 0; overflow-x:auto; border-top:1px solid var(--line); }.wp-table-wrap table { width:100%; min-width:680px; border-collapse:collapse; }.wp-table-wrap th { height:60px; color:#778287; font-size:11px; font-weight:500; text-align:left; }.wp-table-wrap td { height:86px; border-top:1px solid var(--line); }.wp-table-wrap tr.highlight { background:var(--lime); color:var(--ink); }.wp-table-wrap tr.highlight td { padding-left:12px; }.note { font-size:14px; }
.business-flow { margin:62px 0; padding:24px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--line); background:#0b0e11; font-size:13px; }.business-flow i { color:var(--lime); font-style:normal; transform:rotate(-90deg); }
.wp-roadmap { display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid var(--line); margin-top:60px; }.wp-roadmap div { min-height:310px; padding:30px; border:1px solid var(--line); border-left:0; }.wp-roadmap b { font-size:52px; font-weight:350; }.wp-roadmap p { margin-top:100px; color:#aab4b9; font-size:15px; }
.risk-section { border-bottom:0; }.risk-section p { padding:18px 0; border-bottom:1px solid var(--line); }.wp-footer { min-height:160px; padding:40px 7vw; display:flex; align-items:center; justify-content:space-between; color:#687278; border-top:1px solid var(--line); font-size:10px; }.wp-footer a { color:var(--paper); }
@media (max-width:900px) { .wp-header { padding:0 18px; }.wp-rail { display:none; } main,.wp-footer { margin-left:0; }.wp-cover { min-height:760px; padding:120px 24px 60px; }.cover-mark { width:290px; height:290px; right:-40px; top:42%; }.cover-copy h1 { font-size:72px; }.cover-meta { grid-template-columns:1fr; gap:7px; }.wp-section { width:calc(100% - 48px); padding:84px 0; }.section-number { margin-bottom:48px; }.wp-section h2 { font-size:48px; }.wp-section .lead { font-size:24px; }.callout-grid,.spec-list,.wp-roadmap { grid-template-columns:1fr; }.business-flow { align-items:stretch; flex-direction:column; }.business-flow i { transform:none; }.wp-roadmap p { margin-top:40px; }.wp-roadmap div { min-height:230px; }.wp-footer { gap:20px; flex-wrap:wrap; } }
@media (max-width:560px) { body { font-size:16px; }.wp-brand span { display:none; }.wp-back { display:none; }.wp-cover { min-height:700px; }.cover-copy h1 { font-size:52px; }.cover-mark { width:230px; height:230px; }.wp-section { width:calc(100% - 40px); }.wp-section h2 { font-size:40px; }.wp-section h3 { font-size:25px; }.wp-section .lead,.wp-section blockquote { font-size:22px; }.callout-grid div { min-height:180px; }.spec-list { grid-template-columns:1fr 1fr; }.wp-footer { padding-left:20px; padding-right:20px; } }
@media print { .wp-header,.wp-rail,.wp-footer { display:none; } main { margin:0; }.wp-cover { min-height:100vh; }.wp-document { display:none!important; }.wp-document.is-active { display:block!important; }.wp-section { break-inside:avoid; } }