:root{--ink:#12293d;--soft:#3e5668;--paper:#fbfaf6;--line:#d6d0c6;--copper:#9b6c42;--green:#1f6b65;--muted:#72818a;--dark:#0f2435;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;--serif:"Iowan Old Style","Palatino Linotype","Songti SC",STSong,serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.78 var(--sans)}a{color:var(--green);text-decoration:none;border-bottom:1px solid rgba(31,107,101,.25)}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:15px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(251,250,246,.96);backdrop-filter:blur(12px)}.topbar a{border:0;color:var(--copper);font:600 13px var(--mono)}.topbar span{color:var(--muted);font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}header{padding:clamp(48px,7vw,88px) clamp(22px,6vw,96px) 42px;background:var(--dark);color:var(--paper)}.hero,main{max-width:1180px;margin:0 auto}.eyebrow{margin:0 0 14px;color:#d6b88e;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}h1{max-width:1000px;margin:0;font:400 clamp(40px,5.4vw,76px)/1.05 var(--serif);letter-spacing:-.05em}.hero p:last-child{max-width:950px;margin:24px 0 0;color:#dce5e8;font-size:20px;line-height:1.72}main{padding:40px clamp(20px,5vw,54px) 90px}section{margin-top:48px}h2{margin:0 0 14px;font:400 clamp(29px,3.6vw,46px)/1.1 var(--serif);letter-spacing:-.03em}h3{margin:0 0 8px;font:650 20px/1.35 var(--sans)}p{margin:0 0 16px}.lead{color:var(--soft);font-size:19px;line-height:1.85}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:23px;border:1px solid var(--line);background:rgba(238,230,218,.42)}.note,.warning,.danger{padding:18px 20px;border-left:4px solid var(--green);background:rgba(31,107,101,.08);color:#315b57}.warning{border-color:var(--copper);background:rgba(155,108,66,.1);color:#5c4530}.danger{border-color:#a34b42;background:rgba(163,75,66,.08);color:#6b3933}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.flow div{padding:16px 13px;border:1px solid var(--line);background:#fff;text-align:center}.flow b{display:block;margin-bottom:5px;color:var(--copper);font:700 12px var(--mono)}.steps{counter-reset:step;list-style:none;padding:0}.steps li{position:relative;padding:16px 18px 16px 54px;border-top:1px solid var(--line);counter-increment:step}.steps li::before{position:absolute;left:0;top:17px;content:counter(step,decimal-leading-zero);color:var(--copper);font:700 12px var(--mono)}.code-wrap{position:relative;margin:17px 0}.code-wrap pre{margin:0}.copy-btn{position:absolute;right:8px;top:8px;z-index:1;border:1px solid #557082;border-radius:3px;padding:3px 7px;background:#18384f;color:#dce5e8;cursor:pointer;font:11px var(--sans)}pre{overflow-x:auto;padding:32px 18px 18px;border:1px solid #31465a;background:#10283c;color:#edf5f7;font:14px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}code{font-family:var(--mono)}.output{margin:16px 0;padding:15px 18px;border:1px solid #9fc9c2;background:#eef7f4;color:#193f3c;box-shadow:inset 4px 0 0 #1f6b65;font:14px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.output::before{content:"运行结果";display:block;margin-bottom:7px;color:#1f6b65;font:700 11px var(--mono);letter-spacing:.08em}.table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);background:#fff}table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px}th,td{padding:11px 13px;border-bottom:1px solid #e8e1d7;text-align:left;vertical-align:top}th{color:var(--copper);background:#f2eadf;font:700 12px var(--mono)}.figure{margin:22px 0;padding:14px;border:1px solid var(--line);background:#fff}.figure img{display:block;width:100%;height:auto}.figure figcaption{margin-top:9px;color:var(--muted);font-size:13px}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.links a{padding:8px 12px;border:1px solid var(--line);background:#fff}.formula{margin:18px 0;padding:17px;border:1px solid var(--line);background:#fff;color:#284656;font:18px/1.65 var(--serif);overflow-x:auto}.footer-nav{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:22px;border-top:1px solid var(--line);color:var(--copper);font:600 13px var(--mono)}.footer-nav a{border:0;color:var(--copper)}@media(max-width:900px){.grid-2,.grid-3,.flow{grid-template-columns:1fr}.flow div{text-align:left}.flow b{display:inline-block;margin-right:7px}h1{font-size:48px}}