*{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;color:#e6e9f0;min-height:100vh;background:radial-gradient(1200px 600px at 85% -10%,rgba(47,107,255,.18),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(139,92,246,.14),transparent 55%),radial-gradient(700px 700px at 50% 110%,rgba(14,165,233,.1),transparent 60%),linear-gradient(180deg,#0b0f1c,#0f1420 45%,#0a0e1a);background-attachment:fixed}a{color:#6ea2ff;text-decoration:none;transition:color .2s ease}a:hover{color:#9cc0ff}nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 20px;background:#ffffff0b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10}nav .brand{font-weight:800;font-size:19px;margin-right:10px;letter-spacing:.5px;background:linear-gradient(90deg,#7aa8ff,#b18cff);-webkit-background-clip:text;background-clip:text;color:transparent}nav a.nav-link{color:#aab4cc;padding:7px 13px;border-radius:8px;transition:background .2s ease,color .2s ease}nav a.nav-link:hover{color:#fff;background:#ffffff14}nav a.nav-link.active{color:#fff;background:linear-gradient(135deg,#2f6bff59,#8b5cf659);box-shadow:inset 0 0 0 1px #ffffff1f}nav .spacer{flex:1}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px}.wallet-slot{display:inline-flex;align-items:center}.lang-drop{position:relative;display:inline-flex;margin-left:12px}.lang-trigger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#c3cbe0;box-shadow:none;cursor:pointer;transition:background .2s ease,color .2s ease}.lang-trigger:hover{background:#ffffff24;color:#fff;box-shadow:none}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:flex;flex-direction:column;min-width:118px;padding:5px;background:#141a2cf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 14px 34px #00000073;animation:fadeUp .2s ease both}.lang-item{background:transparent;border:none;text-align:left;padding:8px 12px;font-size:13px;color:#c3cbe0;border-radius:8px;box-shadow:none}.lang-item:hover{background:#ffffff14;color:#fff;box-shadow:none}.lang-item.on{color:#fff;background:linear-gradient(135deg,#2f6bff66,#7a5cff66)}.wallet-pill{display:inline-flex;align-items:center;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:3px 4px 3px 15px;transition:border-color .2s ease,background .2s ease}.wallet-pill:hover{border-color:#ffffff38}.wallet-addr{color:#d7deef;font-size:13px;font-family:SF Mono,Consolas,Courier New,monospace;letter-spacing:.4px}.wallet-disconnect{background:transparent;border:none;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:500;color:#94a3b8;box-shadow:none}.wallet-disconnect:hover{background:#f8717129;color:#fca5a5;box-shadow:none}.container{max-width:1100px;margin:18px auto;padding:0 14px}.card{background:#ffffff0b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px 22px;margin-bottom:18px;box-shadow:0 10px 30px #00000040;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:fadeUp .45s ease both}.card:hover{transform:translateY(-3px);border-color:#ffffff29;box-shadow:0 16px 40px #00000059}h1{font-size:22px;margin-bottom:16px;font-weight:700;letter-spacing:.3px}h2{font-size:17px;margin-bottom:12px;font-weight:600}.hero{text-align:center;padding:34px 26px 28px;margin-bottom:22px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(700px 320px at 20% 0%,rgba(47,107,255,.22),transparent 60%),radial-gradient(700px 320px at 85% 10%,rgba(122,92,255,.2),transparent 60%),#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeUp .5s ease both}.hero-badge{display:inline-block;font-size:12px;letter-spacing:.6px;color:#9cc0ff;background:#2f6bff1f;border:1px solid rgba(47,107,255,.35);padding:4px 14px;border-radius:20px;margin-bottom:16px}.hero-title{font-size:30px;font-weight:800;line-height:1.3;margin:0 auto 12px;max-width:720px;background:linear-gradient(90deg,#fff 20%,#9cc0ff 55%,#c4b5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{color:#aab4cc;font-size:14.5px;line-height:1.8;max-width:720px;margin:0 auto 20px}.hero-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.btn-primary,.btn-ghost{display:inline-block;border-radius:12px;padding:11px 26px;font-size:14.5px;font-weight:600;transition:transform .15s ease,filter .2s ease,background .2s ease}.btn-primary{color:#fff;background:linear-gradient(135deg,#2f6bff,#7a5cff);box-shadow:0 8px 22px #2f6bff59}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px);color:#fff}.btn-ghost{color:#c3cbe0;background:#ffffff0f;border:1px solid rgba(255,255,255,.16)}.btn-ghost:hover{background:#ffffff1f;color:#fff}.hero-feats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.feat-chip{font-size:12.5px;color:#9fe3b0;background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:20px;padding:5px 13px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.06)}tbody tr{transition:background .18s ease}tbody tr:hover{background:#ffffff0a}th{color:#8a94b0;font-weight:500;letter-spacing:.4px}.status{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500}.status:before{content:"";width:8px;height:8px;border-radius:50%;flex:none}.status.st-active{color:#4ade80}.status.st-active:before{background:#4ade80;box-shadow:0 0 7px #4ade80cc}.status.st-unlockable{color:#fbbf24}.status.st-unlockable:before{background:#fbbf24;box-shadow:0 0 7px #fbbf24cc}.status.st-withdrawn{color:#94a3b8}.status.st-withdrawn:before{background:#94a3b8}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-box{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:18px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;animation:fadeUp .45s ease both}.stat-box:nth-child(2){animation-delay:.06s}.stat-box:nth-child(3){animation-delay:.12s}.stat-box:nth-child(4){animation-delay:.18s}.stat-box:nth-child(5){animation-delay:.24s}.stat-box:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 14px 34px #0000004d}.stat-box .num{font-size:28px;font-weight:800;color:#fff;background:linear-gradient(90deg,#fff,#b9d0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pop .5s cubic-bezier(.34,1.56,.64,1) both}.stat-box .label{color:#8a94b0;font-size:13px;margin-top:5px}button{background:linear-gradient(135deg,#2f6bff,#7a5cff);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #2f6bff59;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}button:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 8px 24px #2f6bff73}button:active:not(:disabled){transform:scale(.97)}button:disabled{background:#ffffff14;color:#8a94b0;box-shadow:none;cursor:not-allowed}button.ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#c3cbe0;box-shadow:none}button.ghost:hover:not(:disabled){background:#ffffff1f;color:#fff;box-shadow:none}input,select,textarea{background:#00000040;border:1px solid rgba(255,255,255,.12);color:#e6e9f0;border-radius:10px;padding:10px 13px;font-size:14px;width:100%;font-family:inherit;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#2f6bff99;box-shadow:0 0 0 3px #2f6bff2e;background:#00000052}input::placeholder,textarea::placeholder{color:#5b6580}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aab4cc' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:36px;cursor:pointer}select option{background:#10162a;color:#e6e9f0}.field{display:block;margin-bottom:16px}label.field span{display:block;color:#9aa4c0;font-size:13px;margin-bottom:7px;letter-spacing:.3px}.switch-field{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;margin-bottom:15px;transition:border-color .2s ease,background .2s ease;-webkit-user-select:none;user-select:none}.switch-field:hover{border-color:#ffffff38;background:#ffffff0f}.switch-text{color:#dbe2f0;font-size:14px;font-weight:500}.switch{position:relative;display:inline-block;width:46px;height:25px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff24;border-radius:25px;transition:background .25s ease}.switch .slider:before{content:"";position:absolute;width:19px;height:19px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.switch input:checked+.slider{background:linear-gradient(135deg,#2f6bff,#7a5cff)}.switch input:checked+.slider:before{transform:translate(21px)}.sub-title{font-size:13px;color:#7a86a8;letter-spacing:1px;margin:6px 0 10px;padding-bottom:6px;border-bottom:1px dashed rgba(255,255,255,.08)}.btn-block{width:100%;padding:13px;font-size:15px;margin-top:4px;border-radius:12px}.amount-hero{text-align:center;padding:10px 0 18px;border-bottom:1px dashed rgba(255,255,255,.08);margin-bottom:10px}.amount-line{display:flex;align-items:baseline;justify-content:center;gap:10px}.amount-num{font-size:34px;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#fff,#9cc0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pop .5s cubic-bezier(.34,1.56,.64,1) both}.amount-sym{font-size:18px;font-weight:700;color:#9cc0ff}.amount-sub{color:#8a94b0;font-size:13px;margin-top:6px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:28px}.info-item{display:flex;flex-direction:column;gap:4px;padding:11px 2px;border-bottom:1px dashed rgba(255,255,255,.06)}.info-label{color:#7a86a8;font-size:12px;letter-spacing:.3px}.info-value{color:#e6e9f0;font-size:14px;word-break:break-all}.info-value.tx-hash{font-family:SF Mono,Consolas,monospace;font-size:12.5px;color:#a9b4cd}.tx-row{display:inline-flex;align-items:center;gap:10px;width:100%;font-family:SF Mono,Consolas,monospace;font-size:12.5px;color:#a9b4cd}.addr-cell{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.addr-full{font-family:SF Mono,Consolas,monospace;font-size:13px;word-break:break-all}.copy-btn{flex:none;background:#6ea2ff1a;border:1px solid rgba(110,162,255,.35);color:#6ea2ff;border-radius:14px;padding:2px 12px;font-size:11.5px;box-shadow:none}.copy-btn:hover{background:#6ea2ff38;box-shadow:none}.copy-btn.copied{background:#4ade8026;border-color:#4ade8066;color:#4ade80}.detail-link{display:inline-block;padding:4px 15px;border-radius:16px;font-size:12px;color:#6ea2ff;background:#6ea2ff14;border:1px solid rgba(110,162,255,.3);transition:background .2s ease,color .2s ease,transform .15s ease,border-color .2s ease;white-space:nowrap}.detail-link:hover{background:#6ea2ff33;border-color:#6ea2ff8c;color:#9cc0ff;transform:translateY(-1px)}.field-head{display:flex;justify-content:space-between;align-items:center;color:#9aa4c0;font-size:13px;margin-bottom:7px}.input-affix{position:relative}.input-affix input{padding-right:72px}.input-affix .affix-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:#6ea2ff1a;border:1px solid rgba(110,162,255,.35);color:#6ea2ff;border-radius:8px;padding:5px 13px;font-size:12px;font-weight:600;box-shadow:none!important;cursor:pointer;transition:background .2s ease,color .2s ease}.input-affix .affix-btn:hover:not(:disabled){background:#6ea2ff40;color:#9cc0ff;box-shadow:none!important;filter:none}.input-affix .affix-btn:active:not(:disabled){transform:translateY(-50%) scale(.96);box-shadow:none!important}.input-affix .affix-btn:disabled{background:#ffffff0d;border-color:#ffffff1a;color:#5b6580;cursor:not-allowed;box-shadow:none!important}.balance-inline{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#8a94b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-inline strong{color:#e6e9f0;font-weight:600}.field-head .ghost{padding:3px 13px;font-size:12px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.75) grayscale(1);cursor:pointer;opacity:1}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(1) grayscale(1)}input[type=date]::-webkit-datetime-edit{color:#e6e9f0}.row{display:flex;gap:14px;flex-wrap:wrap}.row>div{flex:1;min-width:200px}.pager{display:flex;gap:10px;align-items:center;margin-top:16px}.muted{color:#8a94b0;font-size:13px}.err{color:#fca5a5;background:#f871711f;border:1px solid rgba(248,113,113,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:11px 15px;margin-bottom:15px;animation:shake .3s ease}.ok{color:#86efac;background:#4ade801a;border:1px solid rgba(74,222,128,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:11px 15px;margin-bottom:15px;word-break:break-all}.flex-between{display:flex;justify-content:space-between;align-items:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.lock-cards{display:flex;flex-direction:column;gap:12px}.lock-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px 16px;transition:transform .2s ease,border-color .2s ease;animation:fadeUp .35s ease both}.lock-card:active{transform:scale(.99)}.lock-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.lock-card-id{color:#7a86a8;font-size:13px;font-weight:600}.lock-card-amount{font-size:21px;font-weight:700;color:#fff;letter-spacing:.3px}.lock-card-desc{color:#8a94b0;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-card-meta{display:flex;flex-direction:column;gap:5px;margin-top:11px;font-size:12.5px;color:#9aa4c0}.lock-card-meta a{color:#6ea2ff}.lock-card-detail{display:block;text-align:center;margin-top:13px;padding:9px;border-radius:10px;border:1px solid rgba(110,162,255,.35);background:#6ea2ff12;color:#6ea2ff;font-size:13px;font-weight:500;transition:background .2s ease}.lock-card-detail:hover{background:#6ea2ff29}@media (max-width: 640px){.info-grid{grid-template-columns:1fr}.info-item{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:14px;padding:9px 2px}.info-label{flex:none;min-width:78px}.info-value{flex:1;min-width:0;text-align:right}.info-value .addr-cell{justify-content:flex-end}.info-value .addr-full{flex-basis:100%;text-align:right}.amount-num{font-size:28px}}@media (max-width: 768px){nav .brand{order:0;font-size:17px}nav .spacer{order:1}nav .lang-drop{order:2}nav .wallet-slot{order:3}nav .nav-links{order:4;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}nav .nav-links .nav-link{flex:1;text-align:center;white-space:nowrap}.container{padding:0 10px}h1{font-size:19px}.card{padding:15px}th,td{padding:8px 5px;font-size:13px}.stat-box .num{font-size:23px}nav .brand{font-size:17px}.row>div{min-width:100%}}@media (max-width: 480px){nav a.nav-link{padding:4px 9px;font-size:13px}button{padding:8px 15px;font-size:13px}.pager{flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,1fr)}}