:root{font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#f5f2e9;background:#121615;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:auto;padding:56px 24px 80px}header{margin-bottom:32px}h1{font-size:clamp(2.4rem,7vw,4rem);letter-spacing:-.04em;margin:16px 0}h2{font-size:1.4rem;margin:0 0 16px}p{line-height:1.8;color:#bfc6c1}.tag{font-size:.8rem;letter-spacing:.12em;color:#bbdca7}.card{background:#1c2420;border:1px solid #344137;border-radius:20px;padding:28px;margin-bottom:24px}.actions,.section-title{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.section-title{justify-content:space-between}button{font:inherit;border:0;border-radius:10px;padding:13px 20px;background:#c1e5ac;color:#1c2c17;cursor:pointer;font-weight:650}button.secondary{background:#344137;color:#eee}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:3px solid #eee;outline-offset:4px}#notice{color:#ffcfb1}article{border-top:1px solid #3a463e;margin-top:24px;padding-top:24px}article h3{font-size:1.05rem}article button{font-size:.85rem;padding:9px 13px;margin:4px}pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.8;color:#d9dfda}details{margin:16px 0}summary{cursor:pointer}audio{display:none}@media(max-width:480px){main{padding:32px 16px}.card{padding:20px}.actions button{flex:1}}

input{font:inherit;padding:10px;border:1px solid #5c6d60;border-radius:8px;background:#111a14;color:#fff;max-width:100%;margin:8px}input:focus-visible{outline:2px solid #c1e5ac}