:root{--bg: #0a0d19;--bg-glow-1: rgba(62, 90, 255, .14);--bg-glow-2: rgba(126, 72, 255, .12);--card: rgba(255, 255, 255, .045);--card-solid: #121629;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .17);--text: #e9edfb;--muted: #8f99bd;--blue: #6f8dff;--blue-hi: #93aaff;--blue-soft: rgba(111, 141, 255, .14);--green: #5ee6ad;--red: #ff8a9b;--red-soft: rgba(255, 138, 155, .12);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:radial-gradient(1100px 520px at 10% -10%,var(--bg-glow-1),transparent 60%),radial-gradient(900px 600px at 105% 110%,var(--bg-glow-2),transparent 55%),var(--bg);color:var(--text);min-height:100vh}.page{max-width:1240px;margin:0 auto;padding:22px 20px 80px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.title{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:16px;color:#0d1020;background:linear-gradient(135deg,#6f8dff,#a78bfa);box-shadow:0 8px 22px #6f8dff59}.title b{display:block;font-size:17px}.sub{font-size:12px;color:var(--muted)}.actions{display:flex;align-items:center;gap:10px}.addr{font-family:var(--mono);font-size:12.5px;color:#c4cef0;background:#ffffff0d;border:1px solid var(--border);padding:7px 12px;border-radius:8px}.connect{border:0;cursor:pointer;background:linear-gradient(135deg,#6f8dff,#9a7bff);color:#0d1020;font-weight:800;border-radius:9px;padding:9px 17px;font-family:inherit;box-shadow:0 8px 20px #6f8dff47}.connect:hover{filter:brightness(1.08)}.connect:disabled{opacity:.6}.contract-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #00000059}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap;background:#ffffff06}.cname{font-weight:700;font-size:15px;color:#dfe6ff}.caddr{font-family:var(--mono);font-size:12px;color:var(--blue-hi);margin-top:3px;word-break:break-all}.tabs{display:flex;background:#0a0e1cb3;border:1px solid var(--border);border-radius:10px;padding:3px}.tab{border:0;background:transparent;padding:7px 14px;border-radius:8px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;transition:all .15s}.tab.on{background:linear-gradient(135deg,#6f8dff38,#9a7bff2e);color:#d7e0ff;box-shadow:inset 0 0 0 1px #93aaff40}.contract-body{padding:4px 18px 18px}.contract-body h3{font-size:15px;margin:16px 0 8px;color:#dfe6ff}.contract-body h4{font-size:12px;color:var(--muted);font-weight:800;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.12em}.hint{font-size:12.5px;color:var(--muted);margin-bottom:4px}.frow{border-bottom:1px solid rgba(255,255,255,.06);padding:14px 2px}.frow:last-child{border-bottom:0}.sig{display:flex;align-items:baseline;gap:9px}.idx{color:#5d678d;font-size:13px;font-family:var(--mono)}.sig code{font-family:var(--mono);font-size:13.5px;color:#aeb9f5;word-break:break-all}.note{color:var(--muted);font-size:12px;margin:5px 0 10px 30px;line-height:1.55}.frow-bottom{display:flex;gap:10px;align-items:flex-start}.param-fields{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.pfield{display:flex;align-items:center;gap:8px;border-radius:9px;padding:3px 10px;background:#090d1c8c;border:1px solid var(--border)}.pfield:focus-within{border-color:#93aaff80}.pname{font-family:var(--mono);color:#cdd6f7;font-size:12.5px}.ptype{font-family:var(--mono);color:#67719a;font-size:11px}.pfield input,.pfield select{border:0;outline:0;background:transparent;font-family:var(--mono);font-size:12.5px;color:#eef2ff;min-width:0;width:100%;padding:5px 0}.pfield select option{background:#171c34;color:#eef2ff}.q,.w{border:0;cursor:pointer;border-radius:9px;font-weight:800;font-size:13px;font-family:inherit;padding:10px 19px;flex:none;transition:filter .15s}.q{background:linear-gradient(135deg,#5f80ff,#8a6cff);color:#f4f6ff;box-shadow:0 8px 18px #5f80ff40}.w{background:linear-gradient(135deg,#ff7a8c,#ff9a6c);color:#26080d;box-shadow:0 8px 18px #ff7a8c33}.q:hover,.w:hover{filter:brightness(1.1)}.q:disabled,.w:disabled{opacity:.5;cursor:not-allowed}.result{margin:10px 0 0 30px;background:#14225252;border:1px solid rgba(111,141,255,.25);border-left:3px solid var(--blue);border-radius:9px;padding:10px 12px;font-family:var(--mono);font-size:12.5px;white-space:pre-wrap;color:#c9f3e2}.result.err{background:var(--red-soft);border-color:#ff8a9b4d;border-left-color:var(--red);color:#ffc6cd}.tx-card{margin-top:18px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tx-card h3{font-size:14px;margin-bottom:8px;color:#dfe6ff}.tx{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12.5px;flex-wrap:wrap}.tx span{color:var(--muted)}.tx a{color:var(--blue-hi);text-decoration:none;font-family:var(--mono);word-break:break-all}.tx a:hover{text-decoration:underline}