:root {
  --bg:#0d1117;--surface:#161b22;--surface-raised:#22272e;--border:#30363d;--border-light:#444c56;
  --text:#cdd9e5;--text-dim:#8b949e;--text-muted:#6e7681;
  --red:#f85149;--red-soft:#ffa198;--red-bg:rgba(248,81,73,0.1);
  --green:#3fb950;--green-soft:#7ee787;--green-bg:rgba(63,185,80,0.1);
  --gold:#e3b341;--gold-soft:#f0c674;--gold-bg:rgba(227,179,65,0.1);
  --blue:#58a6ff;--blue-bg:rgba(88,166,255,0.1);
  --purple:#bc8cff;--purple-bg:rgba(188,140,255,0.1);
  --hl:#e3b341;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:'Noto Sans TC',sans-serif;font-weight:400;line-height:1.85;-webkit-font-smoothing:antialiased}
.container{max-width:860px;margin:0 auto;padding:56px 28px 140px}
.header{text-align:center;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border)}
.header h1{font-size:1.9rem;font-weight:900;letter-spacing:0.06em}
.header .meta{margin-top:12px;font-size:0.82rem;color:var(--text-dim);font-weight:300;letter-spacing:0.12em}
.toc{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 28px;margin-bottom:36px}
.toc__title{font-size:0.82rem;font-weight:500;color:var(--text-muted);letter-spacing:0.12em;margin-bottom:14px;text-transform:uppercase}
.toc__list{list-style:none;padding:0}
.toc__list li{margin-bottom:6px;padding-left:0}
.toc__list li::before{content:none}
.toc__list li a{color:var(--text-dim);text-decoration:none;font-size:0.88rem;transition:color 0.15s;display:flex;align-items:center;gap:10px}
.toc__list li a:hover{color:var(--gold-soft)}
.toc__list li a .toc-num{font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:var(--text-muted);min-width:20px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:32px 28px;margin-bottom:32px}
.card__title{font-size:1.25rem;font-weight:700;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.card__section{margin-bottom:24px}
.card__section:last-child{margin-bottom:0}
.card__section h3{font-size:0.92rem;font-weight:700;color:var(--gold-soft);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.card__section h3::before{content:'▸';color:var(--gold);font-size:0.8rem}
p,li{font-size:0.9rem;line-height:1.85}
strong.hl{color:var(--hl);font-weight:700}
.card b,.card strong{color:var(--hl);font-weight:700}
ul{list-style:none;padding-left:0}
ul li{position:relative;padding-left:18px;margin-bottom:6px}
ul li::before{content:'·';position:absolute;left:4px;color:var(--text-dim);font-weight:700}
.formula-box{background:var(--surface-raised);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:6px;padding:16px 20px;margin:14px 0;font-family:'JetBrains Mono',monospace;font-size:0.88rem;color:#93c5fd}
.callout{border-radius:8px;padding:14px 18px;margin:14px 0;font-size:0.84rem;line-height:1.7}
.callout strong{font-weight:600}
.callout--warn{background:var(--gold-bg);border:1px solid rgba(245,158,11,0.2);color:var(--gold-soft)}
.callout--danger{background:var(--red-bg);border:1px solid rgba(239,68,68,0.2);color:var(--red-soft)}
.callout--info{background:var(--blue-bg);border:1px solid rgba(59,130,246,0.2);color:#93c5fd}
.callout--unknown{background:var(--purple-bg);border:1px solid rgba(167,139,250,0.2);color:#c4b5fd}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:0.84rem}
thead th{background:var(--surface-raised);color:var(--text-dim);font-weight:500;font-size:0.78rem;letter-spacing:0.08em;text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}
tbody td{padding:10px 14px;border-bottom:1px solid var(--border)}
tbody tr:last-child td{border-bottom:none}
.price--red{color:var(--red);font-family:'JetBrains Mono',monospace;font-weight:600}
.price--green{color:var(--green);font-family:'JetBrains Mono',monospace;font-weight:600}
.price--gold{color:var(--gold);font-family:'JetBrains Mono',monospace;font-weight:600}
.scenario-table td:first-child{color:var(--text-dim);font-size:0.82rem;white-space:nowrap;width:40%}
.img-group{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap;justify-content:center}
.img-group.single{justify-content:center}
.img-item{flex:0 1 auto;max-width:280px;text-align:center}
.img-item.wide{max-width:520px}
.img-item img{width:100%;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:transform 0.2s,border-color 0.2s}
.img-item img:hover{transform:scale(1.02);border-color:var(--border-light)}
.img-item .caption{margin-top:8px;font-size:0.75rem;color:var(--text-muted);letter-spacing:0.04em}
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:1000;justify-content:center;align-items:center;cursor:zoom-out}
.lightbox.active{display:flex}
.lightbox img{max-width:92vw;max-height:92vh;border-radius:8px;box-shadow:0 0 60px rgba(0,0,0,0.5)}
.connections{margin-top:48px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:10px}
.connections h2{font-size:1rem;font-weight:700;margin-bottom:16px;color:var(--text-dim);letter-spacing:0.06em}
.conn-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:0.84rem;flex-wrap:wrap}
.conn-item .from,.conn-item .to{background:var(--surface-raised);border:1px solid var(--border);padding:4px 12px;border-radius:5px;font-weight:500;font-size:0.8rem}
.conn-item .arrow{color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.75rem}
.footer{margin-top:48px;text-align:center;font-size:0.75rem;color:var(--text-muted);letter-spacing:0.1em}
@media(min-width:1400px){.toc{position:fixed;top:72px;right:24px;width:240px;max-height:calc(100vh - 100px);overflow-y:auto;margin-bottom:0;padding:18px 22px;z-index:400}.toc__title{margin-bottom:10px}.toc__list li{margin-bottom:4px}.toc__list li a{font-size:0.82rem}}
@media(max-width:600px){.container{padding:32px 16px 80px}.card{padding:24px 18px}.header h1{font-size:1.5rem}table{font-size:0.78rem}thead th,tbody td{padding:8px 10px}.img-item,.img-item.wide{max-width:100%}.img-group{flex-direction:column;align-items:center}}