:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color-scheme:light dark}body{margin:0;background:#f3f5f9;color:#172033;padding:22px}.wrap{max-width:660px;margin:22px auto;background:white;padding:30px;border-radius:18px;box-shadow:0 10px 34px #192c4a17}h1{margin:0 0 8px;font-size:25px}p{line-height:1.6;color:#526070}.tabs{display:flex;gap:8px;margin:22px 0}.tabs button{flex:1;background:#e8edf5;color:#21334e}.tabs button.selected{background:#1f4ad1;color:white}label{display:block;font-weight:650;margin:16px 0 7px}input,textarea{box-sizing:border-box;width:100%;border:1px solid #bfc8d6;border-radius:9px;padding:12px;font:inherit;color:#172033;background:#fff}textarea{min-height:110px;resize:vertical}button{border:0;border-radius:9px;padding:12px 17px;font:inherit;cursor:pointer;font-weight:600}button.primary{background:#1f4ad1;color:white;width:100%;margin-top:16px}button.secondary{background:#e8edf5;color:#21334e;margin-top:8px}button:disabled{opacity:.5;cursor:not-allowed}.tip{font-size:13px}.error{color:#bc2433}.good{color:#126b3e}.result{margin-top:18px;background:#f0f4fa;border-radius:12px;padding:16px;overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,Consolas,monospace;color:#14253b}.row{display:flex;gap:10px;align-items:center}.row input{flex:1}.row button{flex-shrink:0}.hidden{display:none}.footer{border-top:1px solid #e0e5ee;padding-top:15px;margin-top:24px;font-size:13px}@media(prefers-color-scheme:dark){body{background:#111825;color:#e5eaf2}.wrap{background:#202b3c}p{color:#b7c3d4}.result{background:#152033;color:#e5eaf2}.footer{border-color:#3c495c}}