:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#183837;background:#f3f4ed}*{box-sizing:border-box}body{margin:0}header{background:#123f3c;color:white;padding:28px max(24px,calc((100vw - 980px)/2))}header a{color:#d8eddb}h1{font-size:28px;margin:12px 0}header p{line-height:1.7;margin:0;color:#d8e7de}main{max-width:1030px;margin:32px auto;padding:0 24px 70px}.panel{background:white;border:1px solid #d9dfd4;border-radius:14px;padding:28px;margin-bottom:26px;box-shadow:0 5px 18px #173c3010}h2{margin-top:0;font-size:23px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}nav{display:flex;gap:20px;margin-bottom:20px}nav a{color:#19675b}form{display:grid;gap:15px;max-width:860px}label{display:grid;gap:7px;font-weight:600;font-size:14px}input,textarea,select{width:100%;font:inherit;font-weight:400;border:1px solid #b9cac0;border-radius:7px;background:white;color:#183837;padding:11px 12px}textarea{line-height:1.6;resize:vertical}button{border:0;border-radius:7px;background:#176d5f;color:white;padding:11px 19px;font:inherit;font-weight:600;cursor:pointer}.secondary{background:white;color:#176d5f;border:1px solid #96b7ac}button:hover{filter:brightness(.93)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d3ab62;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint{line-height:1.7;color:#536d68}.item-list{margin-top:25px;display:grid;gap:10px}.item{border:1px solid #d7e0db;padding:14px;border-radius:9px;display:grid;gap:8px}.item small{color:#607771}.item .actions{gap:8px}.item button{font-size:13px;padding:8px 12px}.item a{color:#176d5f}#message{position:sticky;bottom:8px;display:none;padding:11px 15px;border-radius:8px;background:#fff6dc;border:1px solid #e4cb84;box-shadow:0 3px 12px #123f3c22}#message.visible{display:block}code{background:#f0f3ef;padding:2px 4px}.preview{border:1px dashed #94afa6;background:#fbfcf7;padding:22px;margin-top:20px;line-height:1.7}.preview h3{font-size:25px}.preview>div h2,.preview>div h3,.preview>div h4{margin-top:22px}@media(max-width:600px){header{padding:22px}main{padding:0 14px}.panel{padding:18px}.two{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}
:root{background:#f7f5ef;color:#243c35}header{background:#243c35}h1,h2{font-family:"Songti SC","SimSun",serif}button{background:#344f42}.secondary{color:#344f42;border-color:#bdc7b8}.panel{box-shadow:none;border-color:#dce0d4}input,textarea,select{border-color:#c5cec0}header a{color:#f4ecd9}