:root{--fs:22px;--navy:#0b1730;--gold:#ffc83d;--ink:#14203a;--muted:#4a5875;--line:#dde3ee}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:"Noto Sans TC",system-ui,-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;font-size:var(--fs);line-height:2;color:var(--ink);background:#fbfaf6}
a{color:#0b56b3}
.bar{position:sticky;top:0;z-index:5;display:flex;gap:12px;align-items:center;padding:12px 18px;background:var(--navy);color:#fff;flex-wrap:wrap}
.bar .home{color:#fff;font-weight:900;text-decoration:none;white-space:nowrap;font-size:.9em}
.find{flex:1;display:flex;align-items:center;gap:10px;min-width:220px}
.find input{flex:1;font:inherit;font-size:.85em;padding:10px 16px;border-radius:12px;border:2px solid #39507d;background:#0f2148;color:#fff;min-width:0}
.find input::placeholder{color:#9fb0cf}
#hits{font-size:.75em;color:var(--gold);white-space:nowrap}
.fs{display:flex;border:1px solid #39507d;border-radius:12px;overflow:hidden}
.fs button{background:none;border:0;color:#fff;font:inherit;font-weight:900;font-size:.8em;padding:8px 12px;cursor:pointer;min-width:48px}
.wrap{max-width:900px;margin:0 auto;padding:30px 20px 80px}
.kicker{margin:0;color:#b07a00;font-weight:900;letter-spacing:.08em;font-size:.85em}
h1{font-size:clamp(40px,7vw,68px);line-height:1.2;margin:.2em 0;font-weight:900}
.meta{color:var(--muted);margin:0 0 20px}
.hero{display:grid;grid-template-columns:1fr 1.6fr;gap:14px;margin:10px 0 20px}
.hero img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.vid{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 30px}
.btn{display:inline-flex;align-items:center;gap:.3em;font:inherit;font-size:.8em;font-weight:900;padding:10px 16px;border-radius:12px;border:2px solid var(--navy);color:var(--navy);background:#fff;text-decoration:none;cursor:pointer}
.btn.gold{background:var(--gold);border-color:#e0a800}
.block{margin:40px 0}
h2{font-size:clamp(30px,4vw,42px);line-height:1.3;margin:0 0 12px;padding-bottom:8px;border-bottom:6px solid var(--gold);display:inline-block}
h3{font-size:1.2em;line-height:1.5;margin:1.8em 0 .4em;padding:10px 16px;border-radius:12px;background:var(--navy);color:#fff}
.badge{font-size:.8em;line-height:1.7;padding:12px 16px;border-radius:12px;background:#eef2f8;color:var(--muted)}
.badge.wait{background:#fff4d1;color:#5b4100;font-weight:900}
.badge.ok{background:#e4f6e7;color:#1c5a27}
.text p{margin:0 0 1em}
q{quotes:none;font-weight:900;color:#0b1730;background:linear-gradient(transparent 60%,rgba(255,200,61,.45) 60%)}
mark{background:#ffe08a;color:inherit;padding:0 .1em;border-radius:3px;font-weight:700}
mark.hit{background:#ff8a3d;color:#fff}
.toc{background:#fff;border:2px solid var(--line);border-radius:16px;padding:14px 20px;margin:18px 0;font-size:.85em;line-height:1.7}
.toc ol{margin:6px 0 0;padding-left:1.4em}
.qa{background:#fff;border:2px solid var(--line);border-radius:16px;padding:16px 22px;margin:14px 0}
.qa .q{font-weight:900;color:var(--navy);margin:0 0 6px}
.qa p{margin:0 0 6px}
.qa .src{font-size:.75em;color:var(--muted)}
.seg{margin:0 0 .5em}
.seg .t{display:inline-block;min-width:4.2em;font-size:.75em;font-weight:900;text-decoration:none;background:var(--navy);color:#fff;border-radius:8px;padding:0 .5em;margin-right:.5em;text-align:center}
.foot{font-size:.75em;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:50px}
@media (max-width:640px){:root{--fs:20px}.hero{grid-template-columns:1fr}.hero img{max-height:240px}.bar .home{order:1}.fs{order:2;margin-left:auto}.find{order:3;flex-basis:100%}}
@media print{.bar,.actions,.vid,.hero img{display:none}body{background:#fff}}