:root{color-scheme:light;--paper:#f5f2e9;--ink:#23352f;--muted:#55645b;--line:#c9cec1;--accent:#25664d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"PingFang TC",sans-serif;line-height:1.85}a{color:var(--accent);text-underline-offset:4px}header,main,footer{max-width:1000px;margin:auto;padding:28px}header{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}main{max-width:850px}h1,h2{font-family:"Songti TC",serif;line-height:1.3}h1{font-size:clamp(36px,6vw,64px);margin:25px 0}h2{font-size:29px}.intro{font-size:20px}.note{color:var(--muted);font-size:14px}section{padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.step{font-size:13px;color:var(--accent);letter-spacing:.12em}label,legend{font-weight:650}label{display:block;margin:16px 0 5px}textarea,select{width:100%;padding:12px;border:1px solid #8a998c;border-radius:5px;background:#fffef9;color:var(--ink);font:inherit}textarea{min-height:85px;resize:vertical}button{font:inherit;padding:10px 18px;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:white;cursor:pointer;min-height:44px}button:hover{background:#184b37}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a66b1d;outline-offset:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9ede3;padding:22px;border-left:3px solid var(--accent);font:15px/1.8 ui-monospace,monospace}.example{padding:20px 25px;border:1px solid var(--line);background:#fffdf6}.feedback{min-height:1.8em;margin:12px 0;color:var(--accent);font-weight:600}fieldset{border:0;padding:0;margin:24px 0}fieldset label{font-weight:400;display:flex;align-items:baseline;gap:10px;padding:9px;border-bottom:1px solid var(--line)}input{accent-color:var(--accent)}details{margin:20px 0}summary{cursor:pointer;font-weight:600}nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}nav a{padding:5px 12px;background:#e5eade;text-decoration:none}footer{font-size:14px;color:var(--muted)}@media(max-width:600px){header,main,footer{padding:20px}header{display:block}h2{font-size:25px}.example{padding:15px}}@media print{body{background:white;color:black}header,button{display:none}main,footer{max-width:none;padding:0}section{break-inside:avoid}details>*{display:block}a{color:black}pre{border:1px solid #aaa}}
.position{position:sticky;top:0;z-index:5;padding:10px 20px;background:#23352f;color:#fff;font-size:14px;text-align:center}.reading{padding:18px 0;font-size:15px}.reading span{display:block;color:var(--muted)}dialog{width:min(1200px,96vw);height:90vh;max-height:94vh;padding:0;border:1px solid var(--line);background:var(--paper)}dialog::backdrop{background:#13251fcc}.reader-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;height:72px}iframe{width:100%;height:calc(100% - 76px);border:0}@media print{.position,.reading,dialog{display:none}}