*{box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",Arial}
body{margin:0}
.bg{min-height:100vh;background:#0b1220;color:#e8eefc}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);backdrop-filter: blur(8px)}
.brand{font-weight:700;letter-spacing:.5px}
.right{display:flex;gap:12px;align-items:center}
.badge{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04)}
.link{color:#9ecbff;text-decoration:none}
.wrap{max-width:1100px;margin:18px auto;padding:0 14px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width: 900px){.grid{grid-template-columns:1fr}}
.panel{border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:14px;background:rgba(255,255,255,.03)}
h1,h2{margin:0 0 10px 0}
.sub{margin:0 0 14px 0;opacity:.75}
.hint{margin:0 0 10px 0;opacity:.7;font-size:13px}
textarea{width:100%;min-height:220px;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);color:#e8eefc;outline:none;resize:vertical}
#output{min-height:260px}
input{width:100%;border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);color:#e8eefc;outline:none}
.row{display:flex;gap:10px;margin-top:10px}
.row input{flex:1}
.btn{cursor:pointer;border:none;border-radius:12px;padding:10px 14px;background:#3b82f6;color:#fff;font-weight:700}
.btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.result{margin-top:10px;opacity:.95}
.mini{display:flex;gap:14px;margin-bottom:8px;opacity:.85;font-size:13px}
.alert{padding:10px 12px;border-radius:12px;background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.35);margin:10px 0}
.card{max-width:420px;margin:10vh auto;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.footer{opacity:.6;font-size:12px;margin:14px 2px}
code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:8px}