:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#203246;background:#eef3f5;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:940px;margin:auto;padding:40px 20px}header{padding:10px 4px 24px}h1{font-size:clamp(28px,5vw,40px);margin:12px 0}h2{font-size:20px;margin:0 0 16px}p{line-height:1.7}.tag{color:#23635c;font-size:14px;font-weight:700}section{padding:24px;margin:0 0 20px;background:white;border:1px solid #d7e0e5;border-radius:16px}label{display:block;margin:12px 0 8px;font-weight:600}textarea,input{width:100%;font:inherit;padding:14px;border:1px solid #abbcc4;border-radius:8px;background:#fbfdfd}button,.button{font:inherit;display:inline-block;cursor:pointer;padding:11px 16px;border:1px solid #22645c;border-radius:8px;background:#22645c;color:white;text-decoration:none;line-height:1.4}button.secondary{background:#f4f8f8;color:#245b55;border-color:#bdd1ce}button:hover,.button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline:3px solid #e0a431;outline-offset:3px}.disabled{opacity:.45;pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.muted,footer{font-size:14px;color:#526779}footer{line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{font-size:14px;background:#eef4f5;color:#355969;border-color:#d7e2e5}.facts{display:flex;gap:8px;flex-wrap:wrap}.facts span{background:#edf4f3;padding:6px 10px;border-radius:6px;font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid button{background:white;color:#254050;text-align:left;border:2px solid #d3dfe5;min-height:82px;overflow-wrap:anywhere}.grid button.selected{border-color:#22786a;background:#eaf7f2}.mock-section{border-color:#dfc48a}.mock-section h2{color:#805c1a}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;padding:12px;background:#f1f4f6}#log{padding-left:24px;line-height:1.8;font-size:14px}#reply{padding:12px 14px;border-left:3px solid #22786a;background:#f0f7f5}details{margin-top:18px}@media(max-width:500px){main{padding:20px 12px}section{padding:18px}.grid{gap:8px}.actions>*{flex-grow:1;text-align:center}}
