:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#28302e;background:#f3f4f6;line-height:1.65;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:800px;margin:auto;padding:32px 18px 64px}header{margin-bottom:32px}h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.25}h2{font-size:1.15rem;margin-top:0}.eyebrow{color:#5d6e66;font-size:.85rem}section{padding:24px;background:#ffffff;border:1px solid #d6dbe1;border-radius:12px;margin:16px 0}label{display:block;margin:12px 0}input,textarea{display:block;width:100%;font:inherit;border:1px solid #9baba1;border-radius:6px;padding:10px;background:white;color:inherit}textarea{resize:vertical}button{font:inherit;padding:9px 14px;border:1px solid #506e5d;border-radius:6px;background:#edf2ed;color:#254936;cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f3f5;padding:12px;border-radius:5px}audio{width:100%}li{padding:6px 0;overflow-wrap:anywhere}footer{font-size:.9rem;color:#59675e}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #b47d24;outline-offset:3px}@media(max-width:480px){section{padding:18px}.actions button{flex:1 1 140px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}