:root{--grid-bg:#071016;--grid-panel:#0b171f;--grid-panel-2:#10212b;--grid-line:#21404d;--grid-line-soft:rgba(72,123,140,.2);--grid-text:#e9f7f7;--grid-muted:#91aab1;--grid-cyan:#37e4cd;--grid-lime:#c7ff5e;--grid-paper:#dceced;--grid-ink:#102027}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100dvh;color:var(--grid-text);background:var(--grid-bg);font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;line-height:1.7}
body::selection{color:#061210;background:var(--grid-cyan)}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,summary{font:inherit}
.grid-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.route-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--grid-line);background:rgba(7,16,22,.9);backdrop-filter:blur(16px)}
.route-nav{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:42px}
.route-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.route-brand img{display:block;width:34px;height:34px;object-fit:contain}.route-brand small{padding-left:10px;border-left:1px solid var(--grid-line);color:var(--grid-muted);font:600 10px/1.2 Consolas,monospace;letter-spacing:.12em}
.route-links{display:flex;justify-content:center;gap:clamp(18px,3vw,38px);color:var(--grid-muted);font-size:14px;font-weight:700}.route-links a{position:relative}.route-links a::after{content:"";position:absolute;right:0;bottom:-10px;left:0;height:1px;background:var(--grid-cyan);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.route-links a:hover{color:var(--grid-text)}.route-links a:hover::after{transform:scaleX(1)}
.route-download,.route-outline{display:inline-flex;align-items:center;justify-content:center;min-width:142px;min-height:46px;padding:0 20px;border:1px solid var(--grid-cyan);border-radius:0;color:#041412;background:var(--grid-cyan);font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:background .2s ease,color .2s ease,transform .2s ease}.route-download:hover{background:var(--grid-lime);border-color:var(--grid-lime);transform:translateY(-2px)}.route-outline{color:var(--grid-text);background:transparent;border-color:var(--grid-line)}.route-outline:hover{border-color:var(--grid-cyan);color:var(--grid-cyan)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--grid-lime);outline-offset:4px}
.coordinate-hero{position:relative;min-height:calc(100dvh - 74px);overflow:hidden;background-image:linear-gradient(var(--grid-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-soft) 1px,transparent 1px);background-size:64px 64px}
.coordinate-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 54%,rgba(55,228,205,.13),transparent 38%),linear-gradient(to bottom,rgba(7,16,22,.1),var(--grid-bg) 98%);pointer-events:none}
.axis{position:absolute;z-index:2;display:flex;color:#53727d;font:600 9px Consolas,monospace;letter-spacing:.16em;pointer-events:none}.axis-x{top:14px;right:4%;left:4%;justify-content:space-between}.axis-y{top:10%;bottom:8%;left:14px;flex-direction:column;justify-content:space-between}
.hero-console{position:relative;z-index:3;display:grid;grid-template-rows:auto minmax(410px,1fr) auto;min-height:calc(100dvh - 74px);padding-block:clamp(52px,7vw,92px) 34px}
.hero-heading{max-width:900px;margin-inline:auto;text-align:center}.coordinate-tag{margin:0 0 14px;color:var(--grid-cyan);font:700 11px/1.3 Consolas,"Microsoft YaHei UI",sans-serif;letter-spacing:.18em}.hero-heading h1{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(46px,7.4vw,100px);font-weight:780;line-height:.95;letter-spacing:-.055em;text-wrap:balance}.hero-heading h1 span{color:transparent;-webkit-text-stroke:1px var(--grid-cyan)}.hero-summary{max-width:680px;margin:24px auto 26px;color:var(--grid-muted);font-size:clamp(16px,1.5vw,19px)}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.route-download--large{min-width:176px;min-height:52px}
.topology-field{position:relative;align-self:center;width:min(100%,1040px);min-height:360px;margin:24px auto 18px}.topology-field::before,.topology-field::after{content:"";position:absolute;top:50%;left:50%;border:1px solid var(--grid-line);border-radius:50%;transform:translate(-50%,-50%)}.topology-field::before{width:520px;height:220px}.topology-field::after{width:700px;height:310px;border-style:dashed}
.route-cell{position:absolute;z-index:4;min-width:124px;padding:12px 14px;border:1px solid var(--grid-line);background:var(--grid-panel);font-family:Consolas,"Microsoft YaHei UI",sans-serif}.route-cell b,.route-cell span{display:block}.route-cell b{color:var(--grid-cyan);font-size:10px;letter-spacing:.14em}.route-cell span{margin-top:3px;color:var(--grid-text);font-size:13px}.topology-origin{top:46%;left:2%}.topology-choice{top:15%;left:24%}
.topology-focus{position:absolute;z-index:5;top:50%;left:50%;width:min(190px,23vw);height:auto;margin:0;padding:0;transform:translate(-50%,-50%);overflow:visible;align-self:center}.topology-focus img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none;filter:drop-shadow(0 26px 34px rgba(0,0,0,.4))}
.focus-ring{position:absolute;z-index:3;top:50%;left:50%;width:270px;aspect-ratio:1;border:1px solid var(--grid-cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 18px rgba(55,228,205,.025),0 0 50px rgba(55,228,205,.1)}.focus-ring::before,.focus-ring::after{content:"";position:absolute;background:var(--grid-cyan)}.focus-ring::before{top:50%;right:-28px;left:-28px;height:1px}.focus-ring::after{top:-28px;bottom:-28px;left:50%;width:1px}
.topology-node{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;color:var(--grid-muted);font:600 11px Consolas,"Microsoft YaHei UI",sans-serif;letter-spacing:.06em}.topology-node i{width:9px;height:9px;border:2px solid var(--grid-cyan);border-radius:50%;background:var(--grid-bg);box-shadow:0 0 0 5px rgba(55,228,205,.08)}.node-a{top:24%;right:11%}.node-b{right:3%;bottom:25%}.node-c{bottom:12%;left:20%}
.route-segment{position:absolute;z-index:2;height:1px;background:var(--grid-cyan);transform-origin:left}.segment-a{top:51%;left:13%;width:34%;transform:rotate(-6deg)}.segment-b{top:32%;left:31%;width:53%;transform:rotate(2deg)}.segment-c{right:17%;bottom:27%;width:35%;transform:rotate(-16deg)}.route-segment::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;background:var(--grid-lime)}
.hero-ledger{align-self:end;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);background:rgba(7,16,22,.62)}.hero-ledger p{margin:0;padding:15px 18px;border-right:1px solid var(--grid-line)}.hero-ledger p:last-child{border-right:0}.hero-ledger span,.hero-ledger strong{display:block}.hero-ledger span{color:var(--grid-muted);font:600 9px Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.hero-ledger strong{margin-top:4px;font-size:13px}
.decision-section{padding:clamp(90px,12vw,158px) 0;background:var(--grid-paper);color:var(--grid-ink)}.grid-heading{display:grid;grid-template-columns:.45fr 1.05fr .6fr;gap:clamp(24px,5vw,72px);align-items:start;margin-bottom:70px}.grid-heading .coordinate-tag{color:#087c70}.grid-heading h2,.node-intro h2,.platform-coordinate h2,.notes-title h2,.faq-coordinate h2,.callout-grid h2{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(38px,5.4vw,72px);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}.grid-heading>p:last-child{margin:7px 0 0;color:#506a71}
.decision-path{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-top:2px solid #158d80}.decision-path li{position:relative;min-height:300px;padding:34px 24px 10px 0;border-right:1px solid #a8c1c3}.decision-path li+li{padding-left:24px}.decision-path li::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:#158d80;box-shadow:0 0 0 6px var(--grid-paper)}.decision-path li+li::before{left:24px}.path-index{display:block;margin-bottom:76px;color:#087c70;font:700 11px Consolas,monospace;letter-spacing:.16em}.decision-path h3{margin:0 0 10px;font-size:22px}.decision-path p{margin:0;color:#506a71;font-size:14px}
.node-section{padding:clamp(92px,12vw,160px) 0;background:#09141b;background-image:linear-gradient(var(--grid-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-soft) 1px,transparent 1px);background-size:48px 48px}.node-board{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(46px,8vw,108px);align-items:start}.node-intro{position:sticky;top:122px}.node-intro h2{font-size:clamp(38px,4.8vw,64px)}.node-intro>p:not(.coordinate-tag){color:var(--grid-muted)}.grid-text-link{display:inline-block;margin-top:18px;color:var(--grid-cyan);font-weight:800}
.node-matrix{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--grid-line);border-left:1px solid var(--grid-line);background:rgba(7,16,22,.8)}.matrix-cell{position:relative;min-height:190px;padding:22px;border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);overflow:hidden}.matrix-cell span,.matrix-cell strong{display:block}.matrix-cell span{color:var(--grid-muted);font:600 10px Consolas,monospace;letter-spacing:.12em}.matrix-cell strong{margin-top:58px;font-size:18px}.matrix-cell i{position:absolute;right:18px;bottom:18px;width:9px;height:9px;border-radius:50%;background:var(--grid-cyan)}.cell-wide{grid-column:span 2}.cell-image{grid-column:span 2;min-height:300px;padding:0;background:radial-gradient(circle at center,rgba(55,228,205,.1),transparent 58%)}.cell-image img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}
.platform-section{padding:clamp(84px,10vw,130px) 0;color:var(--grid-ink);background:#f2f8f7}.platform-coordinate>header{display:grid;grid-template-columns:.5fr 1.5fr;gap:30px;margin-bottom:52px}.platform-coordinate .coordinate-tag{color:#087c70}.platform-coordinate h2{max-width:16ch}.platform-rail{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #aac0c2;border-left:1px solid #aac0c2}.platform-rail a{position:relative;display:flex;min-height:210px;flex-direction:column;padding:20px;border-right:1px solid #aac0c2;border-bottom:1px solid #aac0c2;transition:background .2s ease,color .2s ease}.platform-rail a:hover{color:#ecfffb;background:#0f766e}.platform-rail span{align-self:flex-end;color:#0f766e;font:700 42px/1 Consolas,monospace}.platform-rail a:hover span{color:var(--grid-lime)}.platform-rail b{margin-top:auto;font-size:20px}.platform-rail small{color:#60767b}.platform-rail a:hover small{color:#b6d7d2}.platform-note{max-width:660px;margin:28px 0 0 auto;color:#60767b}
.route-notes{padding:clamp(92px,12vw,154px) 0;background:var(--grid-panel)}.notes-title{display:grid;grid-template-columns:.5fr 1.5fr;gap:30px;margin-bottom:58px}.notes-title h2{max-width:15ch}.notes-list{border-top:1px solid var(--grid-line)}.notes-list article{display:grid;grid-template-columns:180px minmax(260px,.9fr) minmax(280px,1.1fr) 130px;gap:28px;align-items:start;padding:30px 0;border-bottom:1px solid var(--grid-line)}.notes-list span{color:var(--grid-cyan);font:600 10px Consolas,"Microsoft YaHei UI",sans-serif;letter-spacing:.12em}.notes-list h3,.notes-list p{margin:0}.notes-list h3{font-size:20px;line-height:1.45}.notes-list p{color:var(--grid-muted)}.notes-list a{color:var(--grid-lime);font-size:13px;font-weight:800;text-align:right}
.route-faq{padding:clamp(90px,11vw,148px) 0;background:#071016}.faq-coordinate{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(48px,8vw,112px)}.faq-coordinate header{position:sticky;top:122px;align-self:start}.faq-coordinate h2{max-width:11ch}.query-stack{border-top:1px solid var(--grid-line)}.query-stack details{border-bottom:1px solid var(--grid-line)}.query-stack summary{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:25px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:800}.query-stack summary::-webkit-details-marker{display:none}.query-stack summary span{color:var(--grid-cyan);font:700 11px Consolas,monospace;letter-spacing:.1em}.query-stack p{margin:0 0 25px;padding-left:92px;color:var(--grid-muted)}
.route-callout{padding:clamp(62px,8vw,100px) 0;background:var(--grid-cyan);color:#061714;background-image:linear-gradient(rgba(6,23,20,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(6,23,20,.12) 1px,transparent 1px);background-size:42px 42px}.callout-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.callout-grid .coordinate-tag{color:#075b54}.callout-grid h2{max-width:18ch}.route-download--dark{border-color:#061714;color:var(--grid-text);background:#061714}.route-download--dark:hover{color:#061714;background:var(--grid-lime);border-color:var(--grid-lime)}
.route-footer{padding:58px 0 26px;background:#040a0e;border-top:1px solid var(--grid-line)}.footer-coordinate{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:50px}.footer-coordinate h3{margin:0 0 12px;color:var(--grid-cyan);font-size:13px}.footer-coordinate p,.footer-coordinate>div>a:not(.route-brand){color:var(--grid-muted)}.footer-coordinate>div>a:not(.route-brand){display:block;margin:8px 0;font-size:14px}.footer-coordinate>div:first-child p{max-width:400px}.route-copyright{grid-column:1/4;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--grid-line);font:600 11px Consolas,monospace}
@media(max-width:960px){.route-nav{grid-template-columns:auto auto}.route-links{grid-column:1/3;grid-row:2;padding:13px 0;border-top:1px solid var(--grid-line);justify-content:flex-start;overflow-x:auto}.hero-console{min-height:auto}.topology-field{min-height:400px}.hero-ledger{grid-template-columns:1fr 1fr}.hero-ledger p:nth-child(2){border-right:0}.grid-heading{grid-template-columns:.4fr 1.1fr}.grid-heading>p:last-child{grid-column:2}.decision-path{grid-template-columns:1fr 1fr;gap:50px 0}.node-board{grid-template-columns:1fr}.node-intro,.faq-coordinate header{position:static}.platform-rail{grid-template-columns:repeat(3,1fr)}.notes-list article{grid-template-columns:120px 1fr}.notes-list p{grid-column:2}.notes-list a{grid-column:2;text-align:left}.faq-coordinate{grid-template-columns:1fr}}
@media(max-width:680px){.grid-shell{width:min(100% - 24px,1220px)}.route-nav{min-height:66px;gap:12px}.route-nav>.route-download{display:none}.route-brand small{display:none}.route-links{grid-column:1/2;gap:22px}.coordinate-hero{background-size:40px 40px}.axis{display:none}.hero-console{grid-template-rows:auto 390px auto;padding-top:48px}.hero-heading h1{font-size:clamp(42px,13vw,62px)}.hero-heading h1 span{-webkit-text-stroke:.7px var(--grid-cyan)}.hero-actions{display:grid}.hero-actions a{width:100%}.topology-field{min-height:360px}.topology-field::before{width:86%;height:180px}.topology-field::after{width:100%;height:260px}.topology-focus{width:150px}.focus-ring{width:200px}.topology-origin{top:52%;left:0}.topology-choice{top:13%;left:2%}.node-a{top:18%;right:0}.node-b{right:0;bottom:17%}.node-c{bottom:4%;left:6%}.segment-a{left:21%;width:27%}.segment-b{left:28%;width:54%}.hero-ledger{grid-template-columns:1fr}.hero-ledger p{border-right:0;border-bottom:1px solid var(--grid-line)}.hero-ledger p:last-child{border-bottom:0}.grid-heading,.platform-coordinate>header,.notes-title{grid-template-columns:1fr}.grid-heading>p:last-child{grid-column:auto}.decision-path{grid-template-columns:1fr;border-top:0;border-left:2px solid #158d80;padding-left:22px}.decision-path li,.decision-path li+li{min-height:0;padding:0 0 46px 22px;border-right:0}.decision-path li::before,.decision-path li+li::before{top:8px;left:-30px}.path-index{margin-bottom:10px}.node-matrix{grid-template-columns:1fr 1fr}.cell-wide{grid-column:span 2}.cell-image{grid-column:span 2;min-height:0}.platform-rail{grid-template-columns:1fr}.platform-rail a{min-height:150px}.notes-list article{grid-template-columns:1fr;gap:10px}.notes-list p,.notes-list a{grid-column:auto}.faq-coordinate h2{max-width:none}.query-stack summary{grid-template-columns:58px 1fr;font-size:16px}.query-stack p{padding-left:74px}.callout-grid{grid-template-columns:1fr}.callout-grid .route-download{width:100%}.footer-coordinate{grid-template-columns:1fr 1fr}.footer-coordinate>div:first-child{grid-column:1/3}.route-copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-links a::after,.route-download,.route-outline,.platform-rail a{transition:none}}
.topology-field{align-items:center}.topology-focus,.cell-image{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible}.topology-focus img,.cell-image img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}