:root{--bg: #0c0a1a;--bg2: #121028;--card: rgba(22,18,42,.7);--card-solid: #16122a;--card2: rgba(30,24,56,.6);--border: rgba(120,100,200,.15);--border2: rgba(120,100,200,.3);--neon-cyan: #00f0ff;--neon-pink: #ff6b9d;--neon-purple: #a855f7;--neon-blue: #4cc9f0;--neon-green: #00d4aa;--neon-gold: #ffd166;--neon-orange: #ff8c42;--neon-red: #ef476f;--genshin: #00d4aa;--hsr: #4cc9f0;--love: #ff6b9d;--haikyu: #ff8c42;--frieren: #a855f7;--jjk: #00f0ff;--grad-main: linear-gradient(135deg, #a855f7 0%, #00f0ff 100%);--grad-pink: linear-gradient(135deg, #ff6b9d 0%, #a855f7 100%);--grad-cyan: linear-gradient(135deg, #00f0ff 0%, #00d4aa 100%);--grad-gold: linear-gradient(135deg, #ffd166 0%, #ff8c42 100%);--grad-dark: linear-gradient(180deg, #0c0a1a 0%, #121028 100%);--grad-tab: linear-gradient(180deg, rgba(168,85,247,.08) 0%, transparent 100%);--text: #f0eaff;--text2: #c4b8e0;--muted: #8a7cae;--dim: #5a4d7a;--glow-cyan: 0 0 20px rgba(0,240,255,.3);--glow-pink: 0 0 20px rgba(255,107,157,.3);--glow-purple: 0 0 20px rgba(168,85,247,.3);--glass: blur(20px) saturate(180%);--radius: 16px;--radius-sm: 12px;--radius-xs: 8px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,-apple-system,sans-serif;background:#000;background-image:radial-gradient(ellipse at top,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(0,240,255,.08) 0%,transparent 50%);color:var(--text);font-size:14px;line-height:1.6;display:flex;justify-content:center;align-items:center}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}.phone{width:390px;height:844px;background:var(--bg);background-image:var(--grad-dark),radial-gradient(ellipse at 20% 0%,rgba(168,85,247,.12) 0%,transparent 40%),radial-gradient(ellipse at 80% 100%,rgba(0,240,255,.08) 0%,transparent 40%);border-radius:44px;border:3px solid #1a1530;box-shadow:0 0 60px #a855f71f,0 0 100px #00f0ff0f,0 20px 60px #0009;position:relative;overflow:hidden;display:flex;flex-direction:column}@media(max-width:430px){body{background:var(--bg)}.phone{width:100%;height:100%;border-radius:0;border:none;box-shadow:none}}.notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:30px;background:#000;border-radius:0 0 20px 20px;z-index:100}.status-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 30px;font-size:14px;font-weight:600;flex-shrink:0;z-index:50;color:var(--text)}.status-bar .icons{display:flex;gap:6px;align-items:center;font-size:12px}.app-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:50;background:#0c0a1a99;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--border)}.app-header .title{font-size:18px;font-weight:700;background:var(--grad-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-header .right-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text2);border-radius:50%;transition:all .2s}.app-header .right-action:active{background:#a855f726}.content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.content::-webkit-scrollbar{display:none}.stars-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:0}50%{opacity:.6}}.view{display:none;padding:16px;min-height:100%;position:relative}.view.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.push-view{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);background-image:var(--grad-dark);z-index:200;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.push-view.show{transform:translate(0)}.push-header{height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;flex-shrink:0;background:#0c0a1a99;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--border)}.push-header .back{font-size:22px;color:var(--neon-purple);width:28px}.push-header .title{font-size:17px;font-weight:600}.push-content{flex:1;overflow-y:auto;padding:16px}.push-content::-webkit-scrollbar{display:none}.tab-bar{height:68px;display:flex;flex-shrink:0;z-index:50;background:#0c0a1acc;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-top:1px solid var(--border)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--dim);transition:all .2s;position:relative}.tab .tab-icon{font-size:22px;line-height:1;transition:all .2s}.tab .tab-label{font-size:10px;font-weight:500}.tab.active{color:var(--neon-purple)}.tab.active .tab-icon{transform:scale(1.15) translateY(-1px);filter:drop-shadow(0 0 6px rgba(168,85,247,.5))}.tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--grad-main);border-radius:0 0 4px 4px;box-shadow:var(--glow-purple)}.card{background:var(--card);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}.card-accent{border-color:#00f0ff33;box-shadow:var(--glow-cyan)}.card-glow{box-shadow:var(--glow-purple)}.stats-row{display:flex;gap:8px;margin-bottom:16px}.stat-box{flex:1;text-align:center;background:var(--card);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 8px;position:relative;overflow:hidden}.stat-box .num{font-size:22px;font-weight:800}.stat-box .num.cyan{color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,240,255,.4)}.stat-box .num.pink{color:var(--neon-pink);text-shadow:0 0 12px rgba(255,107,157,.4)}.stat-box .num.purple{color:var(--neon-purple);text-shadow:0 0 12px rgba(168,85,247,.4)}.stat-box .label{font-size:10px;color:var(--muted);margin-top:2px}.ip-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:8px 0 6px}.ip-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted)}.ip-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.section-label{font-size:11px;font-weight:600;color:var(--text2);letter-spacing:2px;margin:16px 0 10px;display:flex;align-items:center;gap:6px}.section-label:before{content:"◈";color:var(--neon-purple);font-size:10px}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.item-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .2s;position:relative}.item-card:active{border-color:var(--neon-purple);box-shadow:var(--glow-purple);transform:scale(.97)}.item-card .img-box{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--dim);position:relative;overflow:hidden}.item-card .img-box img{width:100%;height:100%;object-fit:cover}.item-card .info{padding:6px 8px}.item-card .name{font-size:10px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card .price{font-size:9px;color:var(--neon-cyan);margin-top:1px;font-weight:600}.fab{position:absolute;bottom:84px;right:20px;width:56px;height:56px;background:var(--grad-main);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:300;box-shadow:0 4px 24px #a855f780,0 0 40px #00f0ff33;z-index:30;transition:all .2s}.fab:active{transform:scale(.92)}.camera-area{width:100%;aspect-ratio:4/3;background:#a855f70a;border:2px dashed rgba(168,85,247,.3);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.camera-area:active{border-color:var(--neon-purple);background:#a855f714}.camera-area .cam-icon{font-size:48px;filter:drop-shadow(0 0 8px rgba(168,85,247,.3))}.camera-area .cam-text{font-size:13px;color:var(--text2)}.camera-area .cam-hint{font-size:10px;color:var(--dim)}.camera-area.scanning{border-color:var(--neon-cyan);border-style:solid}.camera-area.scanning .cam-icon{animation:pulse 1s ease-in-out infinite;color:var(--neon-cyan)}.camera-area.recognized{border-color:var(--neon-green);border-style:solid}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.rec-result{background:#00d4aa0f;border:1px solid rgba(0,212,170,.25);border-radius:var(--radius-sm);padding:14px;margin-bottom:14px;box-shadow:0 0 16px #00d4aa14}.rec-result .rec-label{font-size:11px;color:var(--neon-green);font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:4px}.rec-result .rec-name{font-size:15px;font-weight:700;color:var(--text)}.rec-result .rec-detail{font-size:11px;color:var(--muted);margin-top:2px}.rec-result .rec-price{display:flex;justify-content:space-between;margin-top:8px}.form-group{margin-bottom:14px}.form-label{font-size:11px;color:var(--text2);margin-bottom:6px;font-weight:600}.form-select,.form-input{width:100%;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);font-size:14px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s}.form-select:focus,.form-input:focus{border-color:var(--neon-purple);box-shadow:var(--glow-purple)}.form-select option{background:var(--card-solid)}.form-input::placeholder{color:var(--dim)}.btn{width:100%;border:none;border-radius:var(--radius-sm);padding:14px;font-size:15px;font-weight:700;transition:all .15s;position:relative;overflow:hidden}.btn:active{transform:scale(.97);opacity:.9}.btn-primary{background:var(--grad-main);color:#fff;box-shadow:0 4px 16px #a855f74d}.btn-cyan{background:var(--grad-cyan);color:#0c0a1a;box-shadow:0 4px 16px #00f0ff33}.btn-pink{background:var(--grad-pink);color:#fff;box-shadow:0 4px 16px #ff6b9d4d}.btn-gold{background:var(--grad-gold);color:#1a1020}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--text2)}.btn-danger{background:transparent;border:1px solid rgba(239,71,111,.3);color:var(--neon-red)}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1}.detail-img{width:100%;aspect-ratio:1;max-height:280px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--dim);margin-bottom:14px;overflow:hidden;border:1px solid var(--border)}.detail-img img{width:100%;height:100%;object-fit:cover}.detail-title{font-size:18px;font-weight:700}.detail-sub{font-size:12px;color:var(--muted);margin-bottom:14px}.price-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-bottom:14px;position:relative;overflow:hidden}.price-card .pc-label{font-size:10px;color:var(--dim);margin-bottom:4px}.price-card .pc-value{font-size:28px;font-weight:800;color:var(--neon-cyan);text-shadow:0 0 16px rgba(0,240,255,.3)}.price-card .pc-change{font-size:11px;font-weight:600}.price-card .pc-change.up{color:var(--neon-green)}.price-card .pc-change.down{color:var(--neon-red)}.price-chart{display:flex;align-items:flex-end;gap:3px;height:50px;margin-top:10px}.price-chart .bar{flex:1;background:#a855f733;border-radius:2px 2px 0 0;min-height:10%;transition:height .3s}.price-chart .bar.last{background:var(--neon-cyan);box-shadow:0 0 8px #00f0ff4d}.rank-item{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:8px;transition:border-color .2s}.rank-item:active{border-color:var(--neon-purple)}.rank-num{font-size:16px;font-weight:800;color:var(--dim);width:20px;text-align:center}.rank-num.top1{color:var(--neon-gold);text-shadow:0 0 8px rgba(255,209,102,.4)}.rank-num.top2{color:var(--text2)}.rank-num.top3{color:var(--neon-orange)}.rank-info{flex:1}.rank-name{font-size:13px;font-weight:600;color:var(--text)}.rank-desc{font-size:10px;color:var(--muted)}.rank-change{font-size:12px;font-weight:700}.rank-change.up{color:var(--neon-green)}.rank-change.down{color:var(--neon-red)}.consignment-item{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:8px;cursor:pointer;transition:all .15s}.consignment-item.selected{border-color:var(--neon-purple);background:#a855f70f;box-shadow:var(--glow-purple)}.ci-check{width:20px;height:20px;border-radius:6px;border:2px solid var(--border2);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;transition:all .15s}.consignment-item.selected .ci-check{background:var(--grad-main);border-color:transparent;color:#fff}.ci-info{flex:1}.ci-name{font-size:12px;font-weight:600;color:var(--text)}.ci-price{font-size:10px;color:var(--neon-cyan);font-weight:600}.ci-img{width:40px;height:40px;border-radius:var(--radius-xs);background:var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;overflow:hidden}.ci-img img{width:100%;height:100%;object-fit:cover}.summary-box{background:#ffd1660d;border:1px solid rgba(255,209,102,.15);border-radius:var(--radius-sm);padding:14px;margin:12px 0}.summary-box .sr{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.summary-box .sr .sr-label{color:var(--muted)}.summary-box .sr .sr-value{color:var(--text);font-weight:600}.summary-box .sr.total .sr-value{color:var(--neon-gold);font-size:14px}.swap-card{border-radius:var(--radius-sm);padding:14px;margin-bottom:10px}.swap-have{background:#00f0ff0f;border:1px solid rgba(0,240,255,.2)}.swap-want{background:#ff6b9d0f;border:1px solid rgba(255,107,157,.2)}.swap-label{font-size:10px;color:var(--muted);margin-bottom:4px}.swap-text{font-size:13px;color:var(--text);font-weight:600}.swap-want .swap-text{color:var(--neon-pink)}.match-result{background:#a855f70f;border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-sm);padding:16px;text-align:center;margin-bottom:12px;box-shadow:var(--glow-purple)}.match-result .mr-label{font-size:12px;color:var(--neon-purple);font-weight:700;margin-bottom:10px}.match-result .mr-users{display:flex;align-items:center;justify-content:center;gap:20px}.match-result .mr-user{text-align:center}.match-result .mr-avatar{width:44px;height:44px;border-radius:50%;background:var(--grad-main);margin:0 auto 4px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.match-result .mr-name{font-size:11px;color:var(--text)}.match-result .mr-item{font-size:9px;color:var(--muted)}.match-result .mr-arrow{font-size:20px;color:var(--neon-purple);filter:drop-shadow(0 0 4px rgba(168,85,247,.4))}.match-result .mr-diff{font-size:10px;color:var(--neon-gold);margin-top:8px}.on-sale-item{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.on-sale-item .osi-name{font-size:12px;font-weight:600;color:var(--text)}.on-sale-item .osi-meta{font-size:9px;color:var(--dim);margin-top:2px}.on-sale-item .osi-status{font-size:11px;color:var(--neon-cyan);font-weight:600}.toast{position:absolute;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background:var(--grad-main);color:#fff;font-size:13px;font-weight:600;padding:10px 24px;border-radius:24px;z-index:500;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap;box-shadow:0 4px 20px #a855f74d}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.value-badge{display:inline-block;font-size:9px;padding:2px 6px;border-radius:4px;font-weight:600}.vb-new{background:#00d4aa26;color:var(--neon-green)}.vb-flaw{background:#ffd16626;color:var(--neon-gold)}.vb-dup{background:#ef476f26;color:var(--neon-red)}.search-bar{display:flex;gap:8px;margin-bottom:14px}.search-input{flex:1;background:var(--card2);border:1px solid var(--border);border-radius:24px;padding:10px 16px 10px 36px;color:var(--text);font-size:13px;outline:none;position:relative}.search-input:focus{border-color:var(--neon-purple)}.search-wrap{position:relative;flex:1}.search-wrap:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;z-index:1}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--card2);border:1px solid var(--border);color:var(--muted);white-space:nowrap;transition:all .15s;cursor:pointer}.filter-chip.active{background:var(--grad-main);color:#fff;border-color:transparent}.filter-chip:active{transform:scale(.95)}.filter-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.profile-header{text-align:center;padding:24px 0 20px}.profile-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 12px;background:var(--grad-main);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;box-shadow:0 0 24px #a855f74d}.profile-name{font-size:18px;font-weight:700;color:var(--text)}.profile-bio{font-size:11px;color:var(--muted);margin-top:4px}.profile-stats{display:flex;justify-content:center;gap:24px;margin-top:16px}.profile-stat{text-align:center}.profile-stat .ps-num{font-size:18px;font-weight:800;color:var(--neon-cyan)}.profile-stat .ps-label{font-size:10px;color:var(--muted)}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.menu-item:active{background:#a855f70f}.menu-item .mi-icon{width:32px;height:32px;border-radius:var(--radius-xs);background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:16px}.menu-item .mi-text{flex:1;font-size:14px;color:var(--text)}.menu-item .mi-arrow{font-size:14px;color:var(--dim)}.auth-page{display:flex;flex-direction:column;min-height:100%;padding:20px}.auth-logo{text-align:center;margin:40px 0 32px}.auth-logo .logo-icon{font-size:56px;filter:drop-shadow(0 0 20px rgba(168,85,247,.5))}.auth-logo .logo-text{font-size:28px;font-weight:800;background:var(--grad-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:8px}.auth-logo .logo-sub{font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:4px}.auth-tabs{display:flex;gap:0;margin-bottom:20px;background:var(--card2);border-radius:var(--radius-sm);padding:3px}.auth-tab{flex:1;text-align:center;padding:10px;font-size:14px;font-weight:600;color:var(--muted);border-radius:var(--radius-xs);transition:all .2s}.auth-tab.active{background:var(--grad-main);color:#fff;box-shadow:0 2px 12px #a855f74d}.auth-code-row{display:flex;gap:8px}.auth-code-row .form-input{flex:1}.auth-code-btn{padding:12px 16px;background:var(--card2);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--neon-cyan);font-size:12px;font-weight:600;white-space:nowrap;transition:all .15s}.auth-code-btn:active{transform:scale(.95)}.auth-code-btn:disabled{color:var(--dim)}.market-item{display:flex;gap:12px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s}.market-item:active{border-color:var(--neon-purple)}.market-item .mi-thumb{width:64px;height:64px;border-radius:var(--radius-xs);background:var(--border);flex-shrink:0;overflow:hidden}.market-item .mi-thumb img{width:100%;height:100%;object-fit:cover}.market-item .mi-body{flex:1;min-width:0}.market-item .mi-title{font-size:13px;font-weight:600;color:var(--text)}.market-item .mi-meta{font-size:10px;color:var(--muted);margin-top:2px}.market-item .mi-price{font-size:16px;font-weight:800;color:var(--neon-cyan)}.empty-state{text-align:center;padding:40px 20px}.empty-state .es-icon{font-size:48px;opacity:.3}.empty-state .es-text{font-size:13px;color:var(--muted);margin-top:8px}.loading{text-align:center;padding:20px;color:var(--muted);font-size:13px}.loading:after{content:"...";animation:dots 1s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.text-cyan{color:var(--neon-cyan)}.text-pink{color:var(--neon-pink)}.text-purple{color:var(--neon-purple)}.text-gold{color:var(--neon-gold)}.text-muted{color:var(--muted)}.text-dim{color:var(--dim)}.grad-text{background:var(--grad-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}