*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#080d14;color:#ecf4f8;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #6bead5;outline-offset:6px}button,summary,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:#65e8d4;color:#080d14;z-index:10}.skip:focus{top:10px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;gap:30px}.logo{font-size:23px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center}.thin{font-weight:350}.logo b{font:10px monospace;letter-spacing:1px;border:1px solid #6bead54d;padding:4px 6px;color:#6bead5;margin-left:14px}.mark{display:flex;align-items:center;gap:3px;margin-right:12px;transform:skew(-20deg)}.mark i{display:block;width:5px;background:#65e8d4;height:23px}.mark i:nth-child(2){height:15px}.mark i:nth-child(3){height:9px}.nav nav{display:flex;gap:32px;color:#9aabb8;font-size:13px}.nav nav a:hover{color:#6bead5}.official-nav{font-size:12px;border:1px solid #ffffff24;padding:9px 17px;white-space:nowrap}.official-nav span{color:#6bead5;margin-left:14px}.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:670px;align-items:center;gap:35px;padding-top:34px;padding-bottom:60px;position:relative}.hero:before{content:"";position:absolute;inset:0 -30px;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:48px 48px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,black)}.hero-copy,.network-visual{position:relative}.eyebrow{font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;color:#76919f}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#90afa9}.signal{width:5px;height:5px;background:#65e8d4;box-shadow:0 0 14px #65e8d4;border-radius:50%}h1{font-size:clamp(44px,5.3vw,74px);font-weight:650;line-height:1.22;letter-spacing:-3px;margin:32px 0 25px}h1>span{color:#65e8d4}.intro{color:#95a6b6;font-size:15px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{background:#66e9d5;color:#081414;font-size:12px;font-weight:650;padding:13px 22px;display:flex;align-items:center;gap:30px}.button:hover{background:#9af5e7}.text-link{font-size:12px;color:#a8bac6}.text-link span{margin-left:10px}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;font:8px/1.7 ui-monospace,monospace;color:#536b7c;letter-spacing:1px;margin-top:54px}.visual-label,.visual-footer{display:flex;justify-content:space-between;font:9px/1.7 ui-monospace,monospace;color:#74909f;letter-spacing:1px}.subtle{font-family:inherit;font-size:9px;letter-spacing:0;color:#4d6978}.network-visual svg{width:100%;display:block;margin:-4px 0 -15px}.visual-footer{padding-top:15px;border-top:1px solid #ffffff10;font-size:8px}.visual-footer i{display:inline-block;width:5px;height:5px;background:#5ee0cb;margin-right:7px}.pulse-ring{animation:pulse 4s ease-out infinite}.route{stroke-dasharray:600;animation:route 8s linear infinite}@keyframes pulse{0%,100%{opacity:.3}50%{opacity:.7}}@keyframes route{to{stroke-dashoffset:1200}}.topic-strip{border-block:1px solid #ffffff12;background:#ffffff02}.topic-strip>.wrap{display:flex;align-items:center;justify-content:space-between;padding-block:23px;gap:16px;font:10px ui-monospace,monospace;letter-spacing:1.5px;color:#6f8797}.topic-strip i{color:#315968;font-style:normal}.architecture{padding-top:90px;padding-bottom:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}h2{font-size:36px;font-weight:550;line-height:1.4;letter-spacing:-1px;margin:14px 0 0}.section-heading>p,.caption{font-size:12px;color:#718a9b;margin:0;line-height:1.95}.architecture-layout{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #ffffff13}.layer{width:100%;display:flex;text-align:left;align-items:center;gap:24px;background:#0c131e;border:0;border-bottom:1px solid #ffffff0f;padding:27px 30px;color:#748999;cursor:pointer}.layer:last-child{border-bottom:0}.layer>span{font:12px monospace;color:#4d6577}.layer strong{font-size:16px;font-weight:500;display:block}.layer small{display:block;font:8px monospace;letter-spacing:1.5px;margin-top:6px}.layer b{font-size:20px;margin-left:auto;font-weight:400}.layer.active{background:#112025;color:#7aefda}.layer.active>span{color:#7aefda}.layer-panel{padding:35px 40px;border-left:1px solid #ffffff13;background:radial-gradient(ellipse at 100% 0,#0d242e,transparent)}.panel-kicker{font:9px monospace;letter-spacing:2px;color:#7294a6}.mini-network{display:flex;align-items:center;margin:32px 0 24px;font:9px monospace;color:#67808f}.mini-network span{padding:12px 9px;border:1px solid #304554}.mini-network i{height:1px;flex:1;background:#365761;min-width:12px}.mini-network b{border:1px solid #61ddc4;padding:16px 20px;color:#61ddc4;font-weight:400;background:#61ddc409}.layer-panel h3{font-size:21px;font-weight:500;margin-bottom:10px}.layer-panel p{font-size:13px;color:#7d94a4;max-width:420px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tags span{font:8px monospace;padding:4px 8px;border:1px solid #233540;color:#678798}.notes{padding-top:25px;padding-bottom:70px}.notes details{border-top:1px solid #ffffff18}.notes details:last-child{border-bottom:1px solid #ffffff18}summary{list-style:none;display:flex;align-items:center;gap:38px;padding:26px 5px;cursor:pointer}summary::-webkit-details-marker{display:none}.note-no{font:12px monospace;color:#455f72}summary small{font:8px monospace;color:#678393;letter-spacing:1.5px;display:block;margin-bottom:6px}summary strong{font-size:16px;font-weight:400}summary b{font-size:25px;font-weight:200;color:#69dcc9;margin-left:auto}details[open] summary b{transform:rotate(45deg)}details>p{padding:0 45px 25px 61px;max-width:850px;color:#8ba1b0;font-size:13px;margin:0}.closing{padding-block:55px 65px;position:relative;border-top:1px solid #ffffff10}.closing h2{font-size:43px}.closing>a{display:inline-block;margin-top:25px;border-bottom:1px solid #6bead5;padding-bottom:9px;font-size:12px;color:#6bead5}.closing>a span{margin-left:40px}footer{border-top:1px solid #ffffff17;padding-block:32px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand{font-size:13px;letter-spacing:1px}.footer-brand span{font:8px monospace;color:#57758a;margin-left:12px}footer>div{display:flex;gap:22px;font-size:11px;color:#678193}footer .official{color:#6bead5}footer>p{width:100%;font-size:10px;color:#405769;margin:0}.document{min-height:65vh;max-width:800px;padding-block:70px}.document h1{font-size:45px}.document p{font-size:15px;color:#91a6b6}.document h2{font-size:22px;margin-top:35px}.document .eyebrow{color:#65e8d4}@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:980px){.wrap{width:calc(100% - 56px)}.nav nav{gap:18px}.hero{gap:10px;min-height:590px}h1{font-size:52px}.hero-actions{gap:15px}.hero-meta{gap:10px}.hero-meta span:last-child{display:none}.architecture-layout{grid-template-columns:1fr 1.2fr}.layer-panel{padding:27px}.topic-strip>.wrap{font-size:8px;letter-spacing:.5px}.section-heading>p{max-width:230px}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}.nav{height:78px;gap:15px}.logo{font-size:20px}.logo b{margin-left:9px}.nav nav{display:none}.official-nav{font-size:10px;padding:8px 11px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:35px}.hero:before{inset:0}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:57px;margin-top:24px}.intro{font-size:14px}.hero-meta{margin-top:35px;font-size:8px}.network-visual{margin-top:28px}.network-visual svg{max-height:400px}.visual-label{font-size:8px}.topic-strip>.wrap{overflow:hidden;flex-wrap:wrap;justify-content:center;font-size:8px;gap:11px 15px}.topic-strip i:nth-of-type(2){display:none}.architecture{padding-top:60px;padding-bottom:45px}.section-heading{display:block;margin-bottom:26px}.section-heading>p,.caption{display:block;margin-top:20px;max-width:none}h2{font-size:29px}.architecture-layout{grid-template-columns:1fr}.layer{padding:18px 22px}.layer-panel{border-left:0;border-top:1px solid #ffffff13;padding:27px}.notes{padding-bottom:45px}summary{gap:18px;padding:22px 0}summary strong{font-size:14px}summary small{font-size:7px}summary b{padding-left:8px}details>p{padding:0 12px 24px 33px;font-size:12px}.closing{padding-block:35px 45px}.closing h2{font-size:35px}footer>div{gap:18px;flex-wrap:wrap}.document{padding-top:45px}.document h1{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* 香港技术笔记：石墨灰、纸白文字与铜色标记。 */
:root{color-scheme:dark}body{background:#161819;color:#e8e5df}.hero:before{background-image:none}h1{font-weight:500;letter-spacing:-2px}h1>span,.logo b,.closing>a,footer .official{color:#d9ae7c}.button{background:#d9ae7c}.button:hover{background:#edc99c}.network-visual{filter:saturate(.2);opacity:.8}.layer.active{background:#292620;color:#e7c49c}.layer-panel{background:#1a1c1d}.layer{background:#1c1e1f}.pulse-ring,.route{animation:none}.topic-strip{background:#1b1d1e}