*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7ff;--surface:#fff;--surface2:#f8fafc;--border:#cbd5e1;--border-l:#e2e8f0;--blue:#3b82f6;--blue-d:#2563eb;--blue-bg:#eff6ff;--gold:#d97706;--gold-bg:#fffbeb;--green:#10b981;--red:#ef4444;--txt1:#1e293b;--txt2:#64748b;--txt3:#94a3b8}body{background:var(--bg);color:var(--txt1);font-family:-apple-system,SF Pro Display,Segoe UI,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.dapp-root,body{min-height:100vh}.dapp-root{display:flex;flex-direction:column}.bg-glow,.bg-grid{display:none}.top-bar{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 32px;background:var(--surface);border-bottom:1.5px solid var(--border-l);box-shadow:0 2px 8px rgba(0,0,0,.06)}.logo-img{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;display:block}.wallet-pill{display:flex;align-items:center;gap:10px;background:var(--blue-bg);border:1.5px solid #bfdbfe;border-radius:40px;padding:6px 8px 6px 14px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px rgba(16,185,129,.2)}.wallet-addr{font-family:SF Mono,monospace;font-size:13px;color:var(--txt2);font-weight:500}.pill-btn{background:#fee2e2;border:1.5px solid #fecaca;color:var(--red);border-radius:24px;padding:5px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.pill-btn:hover{background:#fecaca}.connect-btn{background:var(--blue-d);border:none;color:#fff;font-size:14px;font-weight:600;padding:10px 24px;border-radius:40px;cursor:pointer;box-shadow:0 3px 12px rgba(37,99,235,.3);transition:all .2s}.connect-btn:hover:not(:disabled){background:var(--blue);transform:translateY(-1px)}.connect-btn:disabled{opacity:.5;cursor:not-allowed}.metrics-strip{display:flex;gap:16px;justify-content:center;max-width:820px;margin:0 auto;width:100%;padding:24px 32px 0}.metric{flex:1;background:var(--surface);border:1.5px solid var(--border-l);border-radius:18px;padding:20px 24px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.04),0 8px 28px rgba(37,99,235,.07);transition:box-shadow .3s ease,transform .3s ease}.metric:hover{box-shadow:0 6px 20px rgba(0,0,0,.08),0 20px 48px rgba(37,99,235,.12);transform:translateY(-4px)}.metric-num{display:block;font-size:36px;font-weight:900;letter-spacing:-1.5px;color:var(--txt1);font-variant-numeric:tabular-nums;line-height:1}.metric-num.em{color:var(--blue-d)}.metric-unit{display:block;font-size:12px;color:var(--txt3);margin-top:8px;font-weight:600;letter-spacing:.5px}.metric-sep{display:none}.progress-strip{padding:16px 32px 0;text-align:center;max-width:820px;margin:0 auto;width:100%}.prog-bar{height:8px;background:var(--border-l);border-radius:4px;overflow:hidden;margin-bottom:8px}.prog-fill{height:100%;background:linear-gradient(90deg,var(--blue-d),var(--blue));border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.prog-label{font-size:12px;color:var(--txt3);font-weight:500;text-align:center}.prog-label b{color:var(--blue-d);font-weight:700}.main{flex:1;padding:24px 32px 48px;max-width:1100px;margin:0 auto;width:100%}.gate{max-width:440px;margin:60px auto;text-align:center;padding:0 16px}.gate-icon{font-size:52px;margin-bottom:20px}.gate-title{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;color:var(--txt1)}.gate-sub{font-size:15px;color:var(--txt2);line-height:1.8;margin-bottom:36px}.gate-btn{width:100%;background:linear-gradient(135deg,var(--blue),var(--blue-d));border:none;color:#fff;font-size:16px;font-weight:700;padding:16px;border-radius:14px;cursor:pointer;letter-spacing:.5px;box-shadow:0 6px 20px rgba(37,99,235,.35);transition:all .2s}.gate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.45)}.gate-btn:disabled{opacity:.5;cursor:not-allowed}.gate-hint{font-size:12px;color:var(--txt3);margin-top:14px}.layout{display:flex;gap:20px;align-items:flex-start}.aside{width:360px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.records{flex:1;min-width:0}.panel{background:var(--surface);border:1.5px solid var(--border-l);border-radius:20px;padding:24px;box-shadow:0 2px 6px rgba(0,0,0,.04),0 8px 28px rgba(37,99,235,.07);transition:box-shadow .3s ease,transform .3s ease}.panel:hover{box-shadow:0 6px 20px rgba(0,0,0,.08),0 20px 48px rgba(37,99,235,.12);transform:translateY(-4px)}.panel-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txt2);margin-bottom:20px;padding-bottom:14px;border-bottom:1.5px solid var(--border-l)}.panel-label:before{content:"";display:block;width:3px;height:14px;background:var(--blue-d);border-radius:2px;flex-shrink:0}.overview-grid{display:flex;gap:10px;margin-bottom:16px}.ov-cell{flex:1;text-align:center;background:var(--surface2);border:1.5px solid var(--border-l);border-radius:14px;padding:14px 8px}.ov-val{font-size:20px;font-weight:900;color:var(--txt1);font-variant-numeric:tabular-nums}.ov-val.blue{color:var(--blue-d)}.ov-val.gold{color:var(--gold)}.ov-u{font-size:12px;color:var(--txt3)}.ov-key,.ov-u{font-weight:500}.ov-key{font-size:11px;color:var(--txt2);margin-top:5px}.ov-progress{height:5px;background:var(--border-l);border-radius:3px;overflow:hidden;margin-bottom:16px}.ov-bar{height:100%;background:linear-gradient(90deg,var(--blue-d),var(--blue));border-radius:3px;transition:width .6s}.ref-box{display:flex;border:1.5px solid var(--border);border-radius:16px;overflow:hidden}.ref-half{flex:1;text-align:center;padding:16px 10px}.ref-half:first-child{border-right:1.5px solid var(--border)}.ref-line{display:none}.ref-val{font-size:20px;font-weight:800;color:var(--txt1)}.ref-val.gold{color:var(--gold)}.ref-key{font-size:11px;color:var(--txt2);margin-top:5px;font-weight:500}.field{margin-bottom:16px}.field-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--txt2);margin-bottom:8px;font-weight:600}.req{font-size:10px;background:#fee2e2;border:1px solid #fecaca;color:var(--red);padding:1px 8px;border-radius:8px;font-weight:700}.field-input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--txt1);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.12)}.field-input::-moz-placeholder{color:var(--txt3)}.field-input::placeholder{color:var(--txt3)}.field-show{padding:12px 14px;font-family:SF Mono,monospace;font-size:13px;color:var(--blue-d);font-weight:500}.field-show,.field-show-full{background:var(--blue-bg);border:1.5px solid #bfdbfe;border-radius:12px}.field-show-full{display:flex;align-items:center;gap:8px;padding:10px 12px}.parent-full-addr{flex:1;font-family:SF Mono,monospace;font-size:12px;color:var(--blue-d);font-weight:500;word-break:break-all;line-height:1.5}.copy-addr-btn{flex-shrink:0;background:#dbeafe;border:1.5px solid #bfdbfe;color:var(--blue-d);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:14px;transition:background .15s}.copy-addr-btn:hover{background:#bfdbfe}.qty-row{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.qty-btn{width:52px;height:48px;background:var(--surface2);border:none;color:var(--txt2);font-size:24px;font-weight:300;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.qty-btn:first-child{border-right:1.5px solid var(--border)}.qty-btn:last-child{border-left:1.5px solid var(--border)}.qty-btn:hover:not(:disabled){background:var(--blue-bg);color:var(--blue-d)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-val{flex:1;text-align:center;font-size:30px;font-weight:900;color:var(--txt1);font-variant-numeric:tabular-nums}.cost-row{display:flex;justify-content:space-between;align-items:center;background:var(--gold-bg);border:1.5px solid #fde68a;border-radius:12px;padding:14px 18px;margin-bottom:16px}.cost-label{font-size:13px;color:var(--txt2);font-weight:600}.cost-val{font-size:24px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.cost-val em{font-style:normal;font-size:14px;font-weight:600;color:var(--txt3);margin-left:4px}.buy-btn{width:100%;background:linear-gradient(135deg,var(--blue),var(--blue-d));border:none;color:#fff;font-size:16px;font-weight:700;padding:15px;border-radius:14px;cursor:pointer;letter-spacing:.5px;box-shadow:0 4px 16px rgba(37,99,235,.35);transition:all .2s;margin-bottom:10px}.buy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.45)}.buy-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.buy-note{font-size:13px;color:var(--txt3);text-align:center;font-weight:500}.buy-note b{color:var(--blue-d);font-weight:700}.records-panel{min-height:380px}.tab-row{display:flex;background:var(--surface2);border:1.5px solid var(--border);border-radius:14px;padding:4px;margin-bottom:20px;gap:4px}.tab{flex:1;padding:10px;border:none;border-radius:10px;background:none;color:var(--txt2);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.tab:hover:not(.on){color:var(--txt1);background:rgba(0,0,0,.03)}.tab.on{background:var(--surface);color:var(--blue-d);box-shadow:0 1px 4px rgba(0,0,0,.08),0 0 0 1px var(--border)}.tab-badge,.tab.on{font-weight:700;border-radius:10px}.tab-badge{background:var(--blue-d);color:#fff;font-size:11px;padding:1px 7px}.loading{display:flex;align-items:center;gap:10px;color:var(--txt2);padding:40px;justify-content:center;font-size:14px}.empty{text-align:center;padding:50px;color:var(--txt3);font-size:14px}.rec-row-item{border:1.5px solid var(--border);border-left:4px solid var(--border-l);border-radius:14px;padding:16px;margin-bottom:10px;background:var(--surface);transition:all .2s}.rec-row-item:hover{border-color:#93c5fd;border-left-color:var(--blue);box-shadow:0 3px 16px rgba(37,99,235,.1)}.rec-row-item.virt{border-left-color:#818cf8;background:#fafaff}.ri-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ri-time{font-size:12px;color:var(--txt3);font-variant-numeric:tabular-nums;font-weight:500}.ri-tag{font-size:10px;background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe;padding:2px 10px;border-radius:10px;font-weight:700}.ri-nums{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ri-n{text-align:center}.ri-big{font-size:22px;font-weight:900;color:var(--txt1);font-variant-numeric:tabular-nums}.ri-big.blue{color:var(--blue-d)}.ri-sm{font-size:11px;margin-left:2px;font-weight:600}.ri-arrow,.ri-sm{color:var(--txt3)}.ri-arrow{font-size:16px}.ri-hash{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1.5px solid var(--border-l);border-radius:10px;padding:8px 12px;flex-wrap:wrap}.ri-hl{font-size:10px;color:var(--txt3);font-weight:700;letter-spacing:1px;flex-shrink:0;text-transform:uppercase}.ri-hv{font-family:SF Mono,monospace;font-size:11px;color:var(--txt2);flex:1;word-break:break-all}.ri-copy{background:var(--blue-bg);border:1.5px solid #bfdbfe;color:var(--blue-d);border-radius:6px;padding:3px 9px;cursor:pointer;font-size:13px;flex-shrink:0;transition:background .15s}.ri-copy:hover{background:#dbeafe}.ri-ext{color:var(--gold);font-size:15px;text-decoration:none;flex-shrink:0}.ri-ext:hover{opacity:.7}.ref-total{font-size:13px;color:var(--txt2);padding:12px 16px;font-weight:500;background:var(--blue-bg);border:1.5px solid #bfdbfe;border-radius:12px;margin-bottom:14px}.ref-total b{color:var(--txt1);font-weight:700}.ref-total .gold{color:var(--gold);font-weight:700}.ref-item-row{border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:8px;background:var(--surface);transition:all .15s}.ref-item-row:hover{border-color:#93c5fd;box-shadow:0 2px 12px rgba(37,99,235,.08)}.ref-addr{font-family:SF Mono,monospace;font-size:14px;color:var(--blue-d);margin-bottom:6px;font-weight:600}.ref-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.rm-k{font-size:11px;color:var(--txt3)}.rm-k,.rm-v{font-weight:500}.rm-v{font-size:12px;color:var(--txt2);margin-left:4px}.rm-v.blue{color:var(--blue-d);font-weight:700}.pager{display:flex;justify-content:center;margin-top:16px}.el-pagination.is-background .el-pager li:not(.disabled).active{background:var(--blue-d)!important;color:#fff!important;border-color:var(--blue-d)!important}.el-pager li,.el-pagination button{background:var(--surface)!important;color:var(--txt2)!important;border:1.5px solid var(--border)!important;border-radius:8px!important}.blue{color:var(--blue-d)!important}.gold{color:var(--gold)!important}.spin{display:inline-block;animation:rot .8s linear infinite;margin-right:6px}@keyframes rot{to{transform:rotate(1turn)}}.foot{text-align:center;padding:18px 32px;font-size:12px;color:var(--txt3);background:var(--surface);border-top:1.5px solid var(--border-l);font-weight:500}@media (max-width:860px){.layout{flex-direction:column}.aside,.records{width:100%}.metrics-strip{gap:10px;padding:16px 16px 0}.main,.progress-strip{padding-left:16px;padding-right:16px}.metric-num{font-size:26px}.top-bar{padding:0 16px}}