:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#19312c;background:#f1f5f0}*{box-sizing:border-box}body{margin:0;padding:48px 22px}main{max-width:640px;margin:0 auto}.tag{font-size:12px;letter-spacing:2px;color:#456e5b}h1{font-size:clamp(30px,6vw,42px);letter-spacing:-1px;margin:20px 0 14px}.intro{line-height:1.8;color:#50645b;margin-bottom:30px}section{background:white;border:1px solid #dbe5dc;border-radius:20px;padding:28px;box-shadow:0 12px 40px #19312c08}label{display:block;font-weight:600;margin-bottom:14px}input{width:100%;padding:18px 12px;background:#f7faf6;border:1px dashed #a8beb0;border-radius:10px}button{border:0;border-radius:10px;background:#245f49;color:white;padding:14px 20px;font:inherit;cursor:pointer;min-height:48px}button:disabled{opacity:.45;cursor:default}.hint,.foot{font-size:13px;color:#60746a;line-height:1.8}.hint{margin:12px 0 22px}.foot{margin:24px 8px}#status{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}#result{border-top:1px solid #e3eae4;margin-top:24px;padding-top:24px}textarea{width:100%;border:1px solid #c7d5cb;border-radius:10px;padding:12px;font:inherit;line-height:1.8;resize:vertical}.secondary{background:#eaf2ec;color:#245f49;margin-top:12px}@media(max-width:480px){body{padding-top:30px}section{padding:20px}}