:root{--bg: #f5f6f8;--txt: #191b22;--muted: #6b7280;--faint: #9ca3af;--line: rgba(17, 20, 28, .09);--surface: #fff;--surface2: rgba(17, 20, 28, .045);--grad: linear-gradient(135deg, #7c5cff 0%, #5b8def 46%, #2bc8b4 100%);--violet: #7c5cff;--teal: #0e9488;--ok: #12a565;--warn: #c98a00;--danger: #e5484d;--shadow: 0 6px 20px rgba(20, 24, 40, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:var(--txt);background:#e7e9ee;-webkit-font-smoothing:antialiased}#app{position:relative;max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:92px;background:radial-gradient(120% 42% at 84% -6%,rgba(124,92,255,.14),transparent 60%),radial-gradient(110% 38% at -10% 1%,rgba(43,200,180,.13),transparent 55%),var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer;background:none}a{text-decoration:none;color:inherit}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:12px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.row{display:flex;justify-content:space-between;align-items:center}input,textarea,select{width:100%;padding:13px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:15px;outline:none;transition:border-color .15s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{border-color:#7c5cff80}textarea{resize:none;line-height:1.6}.card{margin:12px 16px 0;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.title{font-size:15px;font-weight:700;margin-bottom:10px}.cta{position:relative;overflow:hidden;width:100%;height:52px;border-radius:16px;background:var(--grad);color:#fff;font-weight:800;font-size:15px;box-shadow:0 12px 26px #7c5cff4d}.cta:after{content:"";position:absolute;left:0;right:0;top:0;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}.cta[disabled],.cta.off{background:#11141c14;color:var(--faint);box-shadow:none}.cta[disabled]:after,.cta.off:after{display:none}.ghost-btn{width:100%;height:50px;border-radius:15px;background:var(--surface2);border:1px solid var(--line);color:var(--txt);font-weight:700}.notice{margin:12px 16px 0;padding:13px 15px;border-radius:14px;background:#7c5cff14;border:1px solid rgba(124,92,255,.18);color:#5b46c7;font-size:12.5px;line-height:1.7}.notice.warn{background:#c98a001a;border-color:#c98a003d;color:#936500}.notice.bad{background:#e5484d14;border-color:#e5484d38;color:#c0353a}.lh{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 8px}.lh-id{display:flex;align-items:center;gap:11px}.lh-id i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background:var(--grad)}.lh-id small{display:block;color:var(--muted);font-size:12px}.lh-id b{font-size:16px}.icon-btn{height:36px;padding:0 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-weight:600;box-shadow:var(--shadow)}.page-head{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 8px}.page-head h2{font-size:20px}.page-head .back,.page-head .more{height:36px;min-width:36px;padding:0 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted)}.wallet-cap{position:relative;overflow:hidden;margin:14px 16px 0;padding:20px;border-radius:22px;color:#fff;background:radial-gradient(130% 90% at 92% -25%,rgba(255,255,255,.28),transparent 52%),var(--grad);box-shadow:0 16px 34px #5b6eeb47}.wallet-cap:after{content:"";position:absolute;right:-34px;top:-44px;width:168px;height:168px;border-radius:50%;background:#ffffff29}.wallet-cap small{font-weight:700;opacity:.85}.wc-bal{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between}.wc-bal h1{margin:6px 0 0;font-size:38px;letter-spacing:-.5px;font-weight:800}.wc-bal .wd{height:40px;padding:0 18px;border-radius:13px;background:#ffffff38;color:#fff;font-weight:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wc-sub{position:relative;z-index:1;display:flex;gap:26px;margin-top:16px}.wc-sub span{opacity:.85;font-size:12px;font-weight:700}.wc-sub b{display:block;font-size:16px;margin-top:2px}.seg{display:flex;gap:6px;margin:16px 16px 0;padding:5px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.seg a{flex:1;text-align:center;line-height:34px;border-radius:10px;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}.seg a.on{color:#fff;background:var(--grad)}.row-head{display:flex;align-items:baseline;justify-content:space-between;margin:18px 18px 11px}.row-head b{font-size:16px}.row-head span{color:var(--muted);font-size:12px}.g-card{position:relative;display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;margin:0 16px 11px;padding:12px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer}.g-img{width:88px;height:88px;border-radius:14px;position:relative;overflow:hidden;background:linear-gradient(135deg,#efe9ff,#e7eefc);flex:none}.g-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(125deg,rgba(255,255,255,.5),transparent 42%)}.g-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 30% 25%,rgba(124,92,255,.3),transparent 62%)}.g-img img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.g-img.t2{background:linear-gradient(135deg,#e6f7f2,#e7f1ff)}.g-img.t2:after{background:radial-gradient(60% 60% at 30% 25%,rgba(43,200,180,.34),transparent 62%)}.g-img.sm{width:54px;height:54px;border-radius:12px}.g-body{min-width:0}.g-tags{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.pill{font-size:11px;font-weight:800;padding:3px 8px;border-radius:8px;background:#7c5cff1f;color:#6d52e0}.pill.ghost{background:#11141c0d;color:var(--muted)}.pill.teal{background:#14b8a624;color:#0e9488}.g-body h3{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:9px}.g-meta{display:flex;align-items:center;justify-content:space-between}.g-cash{font-size:12px;color:var(--muted)}.g-cash b{font-size:17px}.grab{position:relative;overflow:hidden;width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;font-weight:900;font-size:14px;box-shadow:0 8px 18px #7c5cff5c;flex:none}.grab:after{content:"";position:absolute;left:0;right:0;top:0;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent)}.dock{position:fixed;left:50%;transform:translate(-50%);bottom:14px;width:calc(100% - 32px);max-width:448px;height:62px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;border-radius:20px;background:#ffffffdb;border:1px solid rgba(17,20,28,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 36px #14182824;z-index:50}.dock a{color:var(--muted);font-size:12px;font-weight:600;position:relative;padding:8px 0}.dock a.active{color:var(--txt)}.dock a.active:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:22px;height:3px;border-radius:3px;background:var(--grad)}.tabs{display:flex;gap:8px;margin:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs a{flex:none;padding:8px 14px;border-radius:11px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.tabs a.on{background:var(--grad);color:#fff;border-color:transparent}.o-card{margin:0 16px 11px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.o-top{display:flex;align-items:center;gap:12px}.o-info{min-width:0;flex:1}.o-info h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.o-state{font-size:12px;font-weight:800;padding:5px 10px;border-radius:9px;flex:none}.o-state.warn{background:#c98a0024;color:#936500}.o-state.teal{background:#14b8a624;color:#0e9488}.o-state.ok{background:#12a56524;color:#0e844f}.o-state.bad{background:#e5484d1f;color:#c0353a}.o-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.o-cash{color:var(--muted);font-size:13px}.o-cash b{color:var(--txt);font-size:16px}.mini-cta{position:relative;overflow:hidden;height:36px;padding:0 16px;border-radius:12px;background:var(--grad);color:#fff;font-weight:800;font-size:13px}.mini-cta.ghost{background:var(--surface2);color:var(--txt);border:1px solid var(--line)}.wd-amount{display:flex;align-items:center;gap:6px;padding:8px 0 14px;border-bottom:1px solid var(--line)}.wd-amount em{font-style:normal;font-size:22px;font-weight:800}.wd-amount input{border:0;background:none;padding:0;font-size:34px;font-weight:800;border-radius:0}.field-label{color:var(--muted);font-size:13px;font-weight:700;margin-bottom:8px}.kv-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:14px}.kv-row:first-child{border-top:0}.kv-row span{color:var(--muted)}.rec-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line)}.rec-row:first-of-type{border-top:0}.rec-row .r-l b{font-size:15px}.rec-row .r-l span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.st-warn{color:var(--warn);font-weight:700;font-size:13px}.st-ok{color:var(--ok);font-weight:700;font-size:13px}.st-bad{color:var(--danger);font-weight:700;font-size:13px}.amt-in{color:var(--ok);font-weight:700}.amt-out{color:var(--danger);font-weight:700}.assets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 16px 0}.assets div{padding:16px 8px;text-align:center;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.assets span{display:block;color:var(--muted);font-size:12px}.assets b{display:block;margin-top:7px;font-size:17px}.menu{margin:12px 16px 0;border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}.menu a{display:flex;align-items:center;gap:12px;padding:15px 16px;border-top:1px solid var(--line)}.menu a:first-child{border-top:0}.menu a .mi{width:34px;height:34px;border-radius:11px;background:var(--surface2);display:grid;place-items:center;font-size:17px}.menu a .mt{flex:1}.menu a .mt small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.menu a .arr{color:var(--faint)}.prof{display:flex;align-items:center;gap:14px;margin:16px 16px 0;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.prof i{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-style:normal;font-size:22px;font-weight:800;color:#fff;background:var(--grad)}.prof h2{font-size:20px}.prof .vip{margin-top:5px;display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:12px}.d-hero{position:relative;height:220px;background:linear-gradient(160deg,#ece9ff,#e2f5f0);overflow:hidden}.d-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 30% 25%,rgba(124,92,255,.22),transparent 62%)}.d-hero img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.d-nav{position:absolute;z-index:2;top:16px;left:16px;right:16px;display:flex;justify-content:space-between}.d-nav .back,.d-nav .chip{height:36px;padding:0 14px;border-radius:12px;background:#ffffffb8;border:1px solid rgba(17,20,28,.08);display:inline-flex;align-items:center;font-weight:600;font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.d-card{position:relative;z-index:2;margin:-26px 14px 0;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #1418281a}.d-card h2{font-size:20px;margin-bottom:8px}.d-card .sub{color:var(--muted);font-size:13px;line-height:1.6}.d-cash{display:flex;align-items:baseline;gap:10px;margin-top:14px}.d-cash b{font-size:30px}.d-cash span{color:var(--muted);font-size:13px}.flow{display:flex;align-items:flex-start;margin-top:4px}.flow .st{flex:1;text-align:center;font-size:11px;color:var(--muted)}.flow .st i{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 7px;border-radius:50%;background:var(--surface2);color:var(--muted);font-style:normal;font-size:12px}.flow .st.on i{background:var(--grad);color:#fff}.buybar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:flex;align-items:center;gap:14px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 62%,transparent);z-index:40}.bb-cash{flex:none}.bb-cash small{color:var(--muted);font-size:12px;display:block}.bb-cash b{font-size:22px}.buybar .cta{flex:1}.drop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.drop .cell{aspect-ratio:1;border-radius:14px;display:grid;place-items:center;overflow:hidden}.drop .cell.add{background:var(--surface2);border:1px dashed rgba(17,20,28,.18);color:var(--teal);font-size:26px}.drop .cell.shot{background:linear-gradient(135deg,#e9e6ff,#e3eefc);border:1px solid var(--line)}.drop .cell img{width:100%;height:100%;object-fit:cover}.code-big{font-size:32px;font-weight:900;letter-spacing:2px;margin:8px 0 14px}.empty{display:grid;place-items:center;text-align:center;margin:56px 30px 0;gap:14px}.empty .orb{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-size:40px;background:radial-gradient(circle at 40% 35%,rgba(124,92,255,.2),transparent 65%),#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.empty h3{font-size:17px}.empty p{color:var(--muted);line-height:1.6;font-size:13px}.list-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.list-row:first-of-type{border-top:0}@keyframes blink{50%{opacity:0}}
