:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b1d2b;color:#edf6fb;font:16px/1.7 "Microsoft JhengHei",system-ui,sans-serif}header{padding:55px max(24px,calc((100vw - 1260px)/2));background:linear-gradient(125deg,#123e51,#102a3a);border-bottom:1px solid #497587}h1{font-size:clamp(27px,3.4vw,46px);line-height:1.35;margin:12px 0 20px}h2{font-size:24px;line-height:1.5;margin:0 0 14px}h3{font-size:18px}.tag{color:#80e5d8;letter-spacing:2px}main{max-width:1300px;padding:30px 22px;margin:auto}section{margin:25px 0;padding:24px;background:#123042;border:1px solid #32556a;border-radius:10px}p{margin:10px 0}a{color:#8ee4f7;text-decoration:underline;text-underline-offset:4px}nav,.links{display:flex;gap:22px;flex-wrap:wrap}nav{margin-top:26px}.warning{padding:18px 22px;border-left:4px solid #f4b96a;background:#3a3328;color:#ffe2b8;border-radius:6px}.note{font-size:14px;color:#b7cedb}.controls,.heading{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.controls #status{width:100%;margin:0}.heading>div{flex:1;min-width:240px}select,button,input{font:inherit}select,button{padding:8px 13px;background:#1b4b63;border:1px solid #6291a7;border-radius:5px;color:#fff}button{cursor:pointer}input[type=range]{width:200px;vertical-align:middle;accent-color:#25c6d2}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.cards article{padding:18px;background:#0d2435;border-radius:8px}.cards p{font-size:14px;color:#b9d5e3}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}figure{margin:0}img,video{width:100%;border-radius:6px;background:#eff5f9}figcaption{font-size:14px;color:#b7d2df;padding:7px 0}svg{width:100%;height:300px;background:#eaf4f9;border-radius:6px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:10px;border:1px solid #41637a;text-align:right;white-space:nowrap}th{background:#1d455b}td:first-child,th:first-child{text-align:left}.scroll{overflow:auto;margin:18px 0}details{padding:15px;background:#0c2536;margin-top:18px}summary{cursor:pointer;font-weight:bold}footer{padding:25px;max-width:1300px;margin:auto;color:#a5c3d4;font-size:13px}@media(max-width:850px){.grid{grid-template-columns:1fr}header{padding:30px 23px}section{padding:18px}svg{height:270px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}