:root { color-scheme: light; --ink:#17211d; --muted:#65736d; --line:#d9e3dd; --paper:#f7faf8; --accent:#0b7a63; --warn:#b4442e; }
* { box-sizing: border-box; }
body { margin:0; font-family: "Segoe UI", "Microsoft YaHei", sans-serif; background: linear-gradient(135deg,#f7faf8,#e9f3ee); color:var(--ink); }
main { max-width: 980px; margin: 0 auto; padding: 28px 18px 48px; }
header { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:22px; border-bottom:1px solid var(--line); padding-bottom:18px; }
h1 { margin:0; font-size: clamp(28px, 5vw, 52px); letter-spacing: 0; }
h2 { margin:0 0 14px; font-size:20px; }
.grid { display:grid; grid-template-columns: 320px 1fr; gap:16px; align-items:start; }
section { background: rgba(255,255,255,.82); border:1px solid var(--line); border-radius:8px; padding:18px; box-shadow: 0 18px 50px rgba(20,45,35,.08); }
label { display:block; margin:12px 0 6px; color:var(--muted); font-size:13px; }
input, textarea { width:100%; border:1px solid var(--line); border-radius:6px; padding:11px 12px; font:inherit; background:white; color:var(--ink); }
textarea { min-height:180px; resize:vertical; }
button { margin-top:14px; border:0; border-radius:6px; padding:11px 14px; background:var(--accent); color:white; font-weight:700; cursor:pointer; }
button.secondary { background:#2f3d38; }
.actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.status { margin-top:14px; padding:12px; border-radius:6px; background:#eef6f2; white-space:pre-wrap; overflow:auto; }
.result-label { margin-top:16px; color:var(--muted); font-size:13px; }
.blbo-output { min-height:180px; max-height:360px; word-break:break-all; font-family: Consolas, "Courier New", monospace; }
.balance { font-size:30px; font-weight:800; color:var(--accent); }
.muted { color:var(--muted); }
@media (max-width: 760px) { .grid, header { grid-template-columns:1fr; display:block; } section { margin-bottom:14px; } }