:root{--bg:#0a0a16;--bg-2:#12122a;--surface:#ffffff0d;--surface-2:#ffffff14;--border:#ffffff17;--txt:#f3f2ff;--txt-dim:#a9a7c7;--txt-faint:#6d6b8f;--violet:#a855f7;--indigo:#6366f1;--cyan:#22d3ee;--gold:#fbbf24;--rose:#fb7185;--grad:linear-gradient(135deg, #a855f7 0%, #6366f1 50%, #22d3ee 100%);--grad-gift:linear-gradient(135deg, #fb7185 0%, #f472b6 50%, #c084fc 100%);--side:248px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--txt);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 0,#241a4a 0%,#0000 36%),radial-gradient(circle at 90% 100%,#0e2d3a 0%,#0000 40%),#05050d;margin:0;font-family:Noto Sans SC,-apple-system,sans-serif}button,input{color:inherit;font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{grid-template-columns:var(--side) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a16db;flex-direction:column;gap:18px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:4px;display:flex}.brand strong{letter-spacing:2px;font-size:18px;display:block}.brand em{color:var(--txt-dim);margin-top:2px;font-size:12px;font-style:normal;display:block}.brand-jewel{filter:drop-shadow(0 0 10px #7c3aed73);flex:none;place-items:center;width:42px;height:42px;display:grid}.brand-jewel svg{width:42px;height:42px;display:block}.mobile-brand{display:none}.side-nav{flex-direction:column;gap:6px;display:flex}.side-link{color:var(--txt-dim);border-radius:16px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:12px 14px;display:grid;position:relative}.side-link svg{width:20px;height:20px}.side-label{grid-column:2;font-size:15px;font-weight:700}.side-hint{color:var(--txt-faint);grid-column:3;justify-self:end;font-size:12px}.side-link.active{color:var(--txt);background:var(--surface-2);box-shadow:inset 0 0 0 1px #a855f759}.side-link.featured .side-label{color:#f9a8d4}.side-badge{background:var(--rose);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:grid;position:absolute;top:8px;right:10px}.side-user{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:12px;display:grid}.side-name{font-weight:700}.side-id{color:var(--txt-faint);font-size:12px}.avatar{background:var(--grad);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.avatar.lg{width:72px;height:72px;font-size:28px}.workspace{min-width:0}.page{max-width:1280px;margin:0 auto;padding:28px 36px 56px}.page.narrow{max-width:920px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h1,.product-info h1{letter-spacing:.5px;margin:6px 0 0;font-size:28px}.eyebrow{color:var(--txt-dim);letter-spacing:1px;margin:0}.muted{color:var(--txt-dim)}.free{color:#34d399}.icon-btn,.ghost-btn,.primary-btn,.text-btn,.back,.chip,.link-row,.logout{border-radius:14px}.icon-btn,.ghost-btn,.text-btn,.back,.chip,.link-row{background:var(--surface);border:1px solid var(--border);color:var(--txt)}.icon-btn{padding:10px 16px;position:relative}.icon-btn .dot{background:var(--rose);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.ghost-btn,.primary-btn{padding:10px 16px}.primary-btn{background:var(--grad);color:#fff;border:none;font-weight:700;box-shadow:0 10px 24px -12px #6366f1cc}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.primary-btn.block{width:100%;margin-top:8px;padding:14px}.text-btn{color:var(--cyan);background:0 0;border:none;padding:0}.back{margin-bottom:8px;padding:6px 10px;display:inline-flex}.chips{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.chip{color:var(--txt-dim);padding:8px 16px}.chip.active{color:var(--txt);background:var(--surface-2);border-color:#a855f780;font-weight:700}.search-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:8px;padding:12px 16px;display:flex}.search-box input,.field,.stack input,.login-panel input{width:100%;color:var(--txt);background:0 0;border:none;outline:none;font-size:15px}.field,.stack input{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:8px;padding:14px 16px}.stack{color:var(--txt-dim);margin:14px 0;font-size:13px;display:block}.space-grid{grid-template-columns:340px 1fr;align-items:start;gap:22px;display:grid}.hero-panel,.panel,.profile-hero,.record,.track-item,.menu-card{border:1px solid var(--border);background:linear-gradient(#ffffff0d,#ffffff08);border-radius:24px}.hero-panel{padding:22px}.vault-core{place-items:center;padding:12px 0 4px;display:grid}.vault-ring{background:radial-gradient(circle at 50% 45%,#a855f759,#0000 62%),#12122a;border-radius:50%;align-content:center;place-items:center;width:168px;height:168px;display:grid;box-shadow:0 0 0 10px #a855f71f,0 0 40px #22d3ee2e}.vault-ring strong{font-size:42px}.vault-ring span,.vault-hint{color:var(--txt-dim)}.vault-hint{text-align:center;font-size:13px}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.metrics div,.metrics button{text-align:center;background:0 0;border:none;padding:8px 0}.metrics b{font-size:16px;display:block}.metrics span{color:var(--txt-faint);font-size:12px}.metrics .gift{color:#f9a8d4}.quick-row{gap:10px;display:grid}.quick{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px;position:relative}.quick strong,.quick span{display:block}.quick span{color:var(--txt-dim);margin-top:4px;font-size:12px}.quick.gift{background:linear-gradient(135deg,#fb718538,#a855f729)}.quick em{background:var(--grad-gift);border-radius:99px;padding:2px 8px;font-size:11px;font-style:normal;position:absolute;top:12px;right:12px}.toolbar{justify-content:space-between;align-items:center;display:flex}.card-grid,.shop-grid,.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-tile{flex-direction:column;gap:10px;display:flex}.shop-foot{color:var(--txt-dim);justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:13px;display:flex}.empty{color:var(--txt-faint);padding:32px 0}.page-more{color:var(--txt-faint);justify-content:center;align-items:center;padding:20px 0 8px;font-size:13px;display:flex}.page-more.end{margin:0}.page-more-probe{width:100%;height:24px}html.device-phone .page-more{min-height:48px;padding-bottom:24px}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:20px 0 8px;display:flex}.pager-btn{background:var(--surface);border:1px solid var(--border);min-width:36px;height:36px;color:var(--txt-dim);border-radius:10px;padding:0 12px}.pager-btn.active{color:#fff;background:var(--grad);border-color:#0000;font-weight:700}.pager-btn:disabled{opacity:.45;cursor:default}.pager-btn.active:disabled{opacity:1;cursor:default}.pager-gap{color:var(--txt-faint);text-align:center;min-width:16px}.bank-card{aspect-ratio:1.72;color:#fff;border:1px solid #ffffff2e;border-radius:22px;flex-direction:row;width:100%;min-height:168px;max-height:214px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 22px #0006}.bank-card:hover{transform:translateY(-3px)}.bank-card.selected{outline:2px solid var(--cyan)}.bank-card.cat-wine{background:linear-gradient(135deg,#6a2247 0%,#8a2b53 42%,#3a1230 100%)}.bank-card.cat-fresh{background:linear-gradient(135deg,#0f5c4a 0%,#149a7d 45%,#0a3d33 100%)}.bank-card.cat-collect{background:linear-gradient(135deg,#4a3a12 0%,#a5811f 45%,#241c07 100%)}.bank-card.cat-daily{background:linear-gradient(135deg,#1e3a6b 0%,#2f66b5 45%,#122544 100%)}.bank-card.pending{border:1.5px solid #fbbf24b3}.bc-media{flex:none;width:62%;position:relative;overflow:hidden}.bc-media.cat-wine{background:#6a2247}.bc-media.cat-fresh{background:#0f5c4a}.bc-media.cat-collect{background:#4a3a12}.bc-media.cat-daily{background:#1e3a6b}.bc-media img{object-fit:cover;width:100%;height:100%;display:block}.bc-media:after{content:"";background:linear-gradient(90deg,#0000,#0003);width:18px;position:absolute;top:0;bottom:0;right:0}.bc-body{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:12px;display:flex}.bc-row{align-items:center;gap:6px;width:100%;display:flex}.bc-cat{text-overflow:ellipsis;white-space:nowrap;letter-spacing:1.6px;flex:1;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.bc-status{background:#fff3;border-radius:20px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.bc-status.pending{background:#fbbf2459}.bc-status.expire{background:#fb718566}.bc-serial{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd9;letter-spacing:1.1px;max-width:100%;margin-top:8px;font-size:11px;overflow:hidden}.bc-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:16px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.bc-sub{text-overflow:ellipsis;white-space:nowrap;color:#fffc;max-width:100%;margin-top:4px;font-size:12px;font-weight:500;overflow:hidden}.bc-sub.warn{color:#fbbf24;font-weight:800}.attrs dd.warn{color:#ffd36a;font-weight:800}.bc-price{white-space:nowrap;margin-top:auto;padding-top:8px;font-size:20px;font-weight:800}.transfer-banner{color:#fff;background:var(--grad-gift);text-align:left;border:none;border-radius:20px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:18px 20px;display:flex}.transfer-banner strong,.transfer-banner em{font-style:normal;display:block}.transfer-banner em{opacity:.9;margin-top:4px;font-size:13px}.transfer-banner i{background:#ffffff40;border-radius:50%;place-items:center;width:40px;height:40px;font-style:normal;display:grid}.seg{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:6px;width:min(360px,100%);margin-bottom:16px;padding:4px;display:flex}.seg button{color:var(--txt-dim);background:0 0;border:none;border-radius:10px;flex:1;padding:8px}.seg button.active{background:var(--surface-2);color:var(--txt);font-weight:700}.track-list,.record-list{flex-direction:column;gap:14px;display:flex}.track-item,.record{grid-template-columns:320px 1fr;align-items:center;gap:18px;padding:14px;display:grid}.flow-line{align-items:flex-start;width:min(100%,420px);margin:14px 0;display:flex}.flow-node{flex-direction:column;flex:none;align-items:center;gap:6px;width:72px;display:flex}.flow-node span{box-sizing:border-box;background:var(--surface-2);border:1.5px solid var(--border);border-radius:50%;place-items:center;width:28px;height:28px;padding:0;font-size:12px;font-weight:700;line-height:1;display:grid}.flow-node.is-done span{background:var(--grad);color:#fff;border-color:#0000}.status-check{width:16px;height:16px;display:block}.status-check path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.flow-node.is-cur span{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 4px #fbbf2429}.flow-node em{color:var(--txt-faint);white-space:nowrap;font-size:12px;font-style:normal}.flow-node.is-done em,.flow-node.is-cur em{color:var(--txt)}.flow-line>i{background:var(--border);flex:1;min-width:16px;height:2px;margin-top:13px}.flow-line>i.is-done{background:var(--indigo)}.stepper{gap:8px;margin-bottom:18px;display:flex}.step{background:var(--surface);color:var(--txt-faint);border-radius:14px;flex:1;align-items:center;gap:8px;padding:10px 12px;display:flex}.step span{background:#ffffff14;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.step.active,.step.done{color:var(--txt)}.step.active span,.step.done span{background:var(--grad)}.lead{color:var(--txt-dim)}.tip,.warn,.notice{color:var(--txt-dim);background:#22d3ee14;border-radius:14px;padding:12px 14px;line-height:1.6}.warn{background:#fbbf241a}.hint-row{gap:8px;display:flex}.hint-row button{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px}.confirm{background:var(--surface);border-radius:16px;gap:10px;margin-bottom:12px;padding:16px;display:grid}.confirm div{justify-content:space-between;gap:12px;display:flex}.confirm span{color:var(--txt-dim)}.flow-foot{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.finish{text-align:center;padding:24px 0}.finish>div{font-size:54px}.pick.sel .bank-card{outline:2px solid #7ef0ff}.split{grid-template-columns:380px 1fr;align-items:start;gap:18px;display:grid}.notif-list{flex-direction:column;gap:8px;display:flex}.notif{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:12px;padding:12px;display:flex}.notif.active{border-color:#a855f780}.notif.unread strong:after{content:"";background:var(--rose);border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.notif strong,.notif em,.notif small{display:block}.notif em{color:var(--txt-dim);margin:4px 0;font-size:13px;font-style:normal}.notif small{color:var(--txt-faint)}.notif-ico{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.detail{flex-direction:column;gap:14px;padding:22px;display:flex}.detail .bank-card{max-width:420px}.timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:110px 1fr;gap:10px;display:grid}.timeline b{color:var(--cyan);font-weight:500}.product-layout,.detail-columns{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.detail-columns{margin-top:22px}.gallery{border-radius:28px;flex-direction:column;justify-content:space-between;min-height:420px;padding:28px;display:flex}.cat-hero-wine{background:radial-gradient(circle at 30% 20%,#8a2b53,#1a0b16 70%)}.cat-hero-fresh{background:radial-gradient(circle at 30% 20%,#149a7d,#06241c 70%)}.cat-hero-collect{background:radial-gradient(circle at 30% 20%,#a5811f,#1a1406 70%)}.cat-hero-daily{background:radial-gradient(circle at 30% 20%,#2f66b5,#0c1830 70%)}.gallery-hero{text-align:center;font-size:120px}.gallery-hero img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.loading,.error-box{color:var(--txt-dim);padding:40px 0}.pay-list{gap:12px;margin-top:24px;display:grid}.pay-list button{text-align:left;border-radius:16px;padding:18px 20px}.gallery-row{gap:10px;display:flex}.gallery-row span{background:#ffffff1f;border-radius:16px;place-items:center;width:64px;height:64px;font-size:28px;display:grid}.product-info h1{font-size:32px}.price-row{align-items:baseline;gap:10px;display:flex}.price-row b{font-size:32px}.price-row s{color:var(--txt-faint)}.price-row em{color:var(--rose);font-style:normal}.tag-row,.guards{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.tag-row span,.guards span{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:13px}.buy-bar{gap:10px;margin-top:18px;display:flex}.panel{padding:22px}.panel h2{margin:18px 0 10px;font-size:18px}.panel h2:first-child{margin-top:0}.highlights{gap:12px;display:grid}.highlights div{gap:12px;display:flex}.attrs{gap:8px;margin:0;display:grid}.attrs div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.attrs dt{color:var(--txt-dim)}.attrs dd{margin:0}.rule{background:var(--surface);border-radius:14px;padding:12px}.steps-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps-list li{gap:2px;display:grid}.steps-list span{color:var(--txt-dim);font-size:13px}.profile-hero{align-items:center;gap:18px;margin-bottom:16px;padding:22px;display:flex}.profile-hero h1{margin:0}.profile-hero .ghost-btn{margin-left:auto}.stat-row,.menu-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.menu-grid{grid-template-columns:repeat(3,1fr);margin-top:16px}.stat-row a,.menu-card{padding:18px}.stat-row b,.stat-row span,.menu-card span,.menu-card strong{display:block}.stat-row b{font-size:26px}.stat-row span{color:var(--txt-dim)}.menu-card span{margin-bottom:8px;font-size:22px}.record-top,.section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-title{margin:18px 0 10px;font-size:16px}.status-tag{border-radius:99px;padding:3px 8px;font-size:12px}.st-hold{color:#a5b4fc;background:#6366f12e}.st-pending{color:var(--gold);background:#fbbf242e}.st-expire{color:var(--rose);background:#fb71852e}.st-extract{color:var(--cyan);background:#22d3ee2e}.addr-list,.bind-list,.set-list,.flow-recs{gap:10px;display:grid}.addr,.bind-list>div,.set-item,.flow-rec,.link-row{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.addr.sel{border-color:#22d3ee80}.addr p,.bind-list p,.set-item p,.flow-rec p{color:var(--txt-dim);margin:6px 0 0}.addr em,.bind-list em{color:var(--cyan);margin-left:8px;font-size:12px;font-style:normal}.addr .def{color:var(--gold)}.bind-list>div,.set-item,.flow-rec{grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;display:grid}.set-item,.flow-rec{grid-template-columns:auto 1fr auto}.bind-list button,.link-row{background:0 0}.bind-list button{border:1px solid var(--border);border-radius:10px;padding:6px 10px}.bind-list button.primary{background:var(--grad);border:none}.bind-list em.on{color:#34d399}.switch{background:#2a2a40;border:none;border-radius:99px;width:46px;height:26px;position:relative}.switch i{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--indigo)}.switch.on i{left:23px}.link-row{justify-content:space-between;width:100%;margin-top:10px;display:flex}.logout{width:100%;color:var(--rose);background:#fb718526;border:none;margin-top:16px;padding:12px}.edit-avatar{align-items:center;gap:16px;margin-bottom:8px;display:flex}.extract-summary{background:var(--surface);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.extract-summary>span{font-size:36px}.modal-mask{z-index:35;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#141428;border-radius:24px;flex-direction:column;width:min(520px,100%);max-height:calc(100dvh - 48px);padding:0;display:flex;overflow:hidden}.modal-body{min-height:0;padding:22px 22px 12px;overflow:auto}.modal-hero{align-items:center;gap:12px;font-size:42px;display:flex}.modal-hero span{color:var(--txt-dim);font-size:13px}.modal .bank-card{margin-bottom:14px}.modal h2{margin:8px 0}.status-row{align-items:center;gap:10px;display:flex}.status-row b{margin-left:auto}.modal-actions{border-top:1px solid var(--border);background:#141428;flex:none;justify-content:flex-end;gap:10px;padding:12px 22px 22px;display:flex}.login{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand,.login-panel{flex-direction:column;justify-content:center;padding:64px;display:flex}.login-brand{text-align:center;align-items:center}.login-brand h1{letter-spacing:8px;margin:12px 0;padding-left:8px;font-size:56px}.login-brand p{color:var(--txt-dim);letter-spacing:3px;padding-left:3px}.login-brand ul{color:var(--txt-dim);text-align:left;max-width:22em;margin-top:28px;padding-left:1.2em;line-height:1.9}.login-panel{border-left:1px solid var(--border);background:#0a0a16b8}.login-panel h2{margin-bottom:8px}.login-note{color:var(--txt-faint);font-size:13px}.code-row{grid-template-columns:1fr auto;gap:8px;margin-top:8px;display:grid}.code-row input{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.login-panel label{color:var(--txt-dim);margin:16px 0;font-size:13px;display:block}.login-panel label>input{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:8px;padding:14px 16px}.ring-scene{place-items:center;width:220px;height:220px;display:grid;position:relative}.ring-orbit{border:1px solid #a855f747;border-radius:50%;position:absolute}.orbit-1{border-top-color:var(--violet);width:220px;height:220px;animation:8s linear infinite spin}.orbit-2{border-left-color:var(--cyan);width:165px;height:165px;animation:6s linear infinite reverse spin}.orbit-3{border-bottom-color:var(--indigo);width:110px;height:110px;animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ring-jewel{width:108px;height:108px;position:relative}.jewel-glow{background:var(--grad);filter:blur(18px);opacity:.45;border-radius:50%;position:absolute;inset:10px}.jewel-core{place-items:center;width:108px;height:108px;display:grid;position:relative}.jewel-core svg{width:108px;height:108px;display:block}.toast-stack{z-index:40;gap:8px;display:grid;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{background:#141428eb;border:1px solid #a855f766;border-radius:14px;padding:12px 18px;box-shadow:0 12px 30px #00000059}.tabbar{display:none}html.device-desktop{--side:272px}html.device-desktop .sidebar{background:linear-gradient(#101024f0,#080814e6);padding:28px 18px 22px}html.device-desktop .side-nav{gap:8px;margin-top:8px}html.device-desktop .side-link{border-radius:18px;padding:14px}html.device-desktop .side-link.active{box-shadow:inset 3px 0 0 var(--violet);background:linear-gradient(90deg,#a855f747,#ffffff0a)}html.device-desktop .side-link.featured .side-label{color:#f9a8d4}html.device-desktop .workspace{background:linear-gradient(#ffffff06,#0000 220px)}html.device-desktop .page{max-width:1240px;padding:40px 48px 72px}html.device-desktop .page-head h1{letter-spacing:0;font-size:34px}html.device-desktop .card-grid,html.device-desktop .pick-grid{gap:20px}html.device-desktop .card-grid .bank-card{min-height:168px}html.device-desktop .shop-grid{gap:22px}html.device-desktop .space-grid{grid-template-columns:360px minmax(0,1fr);gap:28px}html.device-desktop .hero-panel,html.device-desktop .panel,html.device-desktop .profile-hero{border-radius:28px}@media (width>=1500px){html.device-desktop .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px){html.device-desktop .space-grid,html.device-desktop .split,html.device-desktop .product-layout,html.device-desktop .detail-columns,html.device-desktop .track-item,html.device-desktop .record{grid-template-columns:1fr}html.device-desktop .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.device-desktop .page{padding:32px 28px 56px}}html.device-phone .shell{grid-template-columns:1fr}html.device-phone .sidebar{display:none}html.device-phone .shell-tabs .tabbar{z-index:30;height:calc(78px + env(safe-area-inset-bottom));padding:8px 6px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);background:#0a0a16eb;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}html.device-phone .shell-tabs .workspace{padding-bottom:calc(86px + env(safe-area-inset-bottom))}html.device-phone .tab{min-width:0;color:var(--txt-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 2px 0;font-size:10.5px;line-height:1.2;display:flex}html.device-phone .tab svg{width:24px;height:24px;display:block}html.device-phone .tab.active{color:var(--violet)}html.device-phone .tab.active svg{filter:drop-shadow(0 0 6px #a855f799)}html.device-phone .tab-center.active{color:var(--rose)}html.device-phone .tab-ico{place-items:center;height:24px;display:grid;position:relative}html.device-phone .tab-badge{background:var(--rose);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-6px;right:-12px}html.device-phone .center-btn{color:#fff;background:var(--grad-gift);border-radius:18px;place-items:center;width:52px;height:52px;margin-top:-22px;display:grid;box-shadow:0 10px 26px -6px #fb7185b3}html.device-phone .center-btn svg{width:26px;height:26px}html.device-phone .workspace{position:relative}html.device-phone .mobile-brand{text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;min-height:52px;margin:0;padding:8px 96px 0 16px;display:flex}html.device-phone .mobile-brand .brand-jewel,html.device-phone .mobile-brand .brand-jewel svg{width:36px;height:36px}html.device-phone .mobile-brand strong{letter-spacing:1px;font-size:16px}html.device-phone .page{padding:12px 16px calc(24px + env(safe-area-inset-bottom));max-width:none}html.device-phone .page-head{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:14px}html.device-phone .page-head .icon-btn{z-index:2;position:absolute;top:10px;right:16px}html.device-phone .page-head h1,html.device-phone .product-info h1{font-size:20px;line-height:1.4}html.device-phone .eyebrow{font-size:13px}html.device-phone .vault-ring{width:120px;height:120px;box-shadow:0 0 0 8px #a855f71f,0 0 28px #22d3ee29}html.device-phone .vault-ring strong{font-size:36px}html.device-phone .metrics b{font-size:14px}html.device-phone .quick-row{grid-template-columns:1.35fr 1fr}html.device-phone .quick{padding:14px 12px}html.device-phone .quick em{margin-top:8px;display:inline-block;position:static}html.device-phone .toolbar{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-bottom:10px}html.device-phone .toolbar .muted{align-self:flex-end}html.device-phone .chips{scrollbar-width:none;flex-wrap:nowrap;width:100%;margin-bottom:0;padding-bottom:2px;overflow-x:auto}html.device-phone .chips::-webkit-scrollbar{display:none}html.device-phone .chip{flex:none}html.device-phone .card-grid,html.device-phone .shop-grid,html.device-phone .pick-grid{grid-template-columns:1fr}html.device-phone .bank-card:hover{transform:none}html.device-phone .gallery{border-radius:20px;min-height:0;padding:16px}html.device-phone .gallery-hero{font-size:72px}html.device-phone .gallery-hero img{object-fit:cover;height:220px}html.device-phone .price-row b{font-size:26px}html.device-phone .buy-bar{flex-wrap:wrap}html.device-phone .buy-bar .ghost-btn{flex:1}html.device-phone .buy-bar .primary-btn{flex:100%}html.device-phone .profile-hero{flex-wrap:wrap;align-items:flex-start;padding:16px}html.device-phone .profile-hero h1{font-size:22px}html.device-phone .profile-hero .ghost-btn{margin-left:auto}html.device-phone .stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}html.device-phone .stat-row a{text-align:center;padding:12px 4px}html.device-phone .stat-row b{font-size:20px}html.device-phone .menu-grid{grid-template-columns:1fr}html.device-phone .menu-card{align-items:center;gap:12px;padding:14px 16px;display:flex}html.device-phone .menu-card span{text-align:center;width:28px;margin:0;font-size:20px}html.device-phone .menu-card:after{content:"›";color:var(--txt-faint);margin-left:auto;font-size:22px;font-weight:300}html.device-phone .step{min-width:0;padding:8px 6px;font-size:12px;line-height:1.3}html.device-phone .step span{flex:none}html.device-phone .flow-line{width:100%;overflow-x:auto}html.device-phone .flow-node{width:64px}html.device-phone .flow-node em{font-size:11px}html.device-phone .flow-foot{flex-wrap:wrap}html.device-phone .flow-foot .ghost-btn,html.device-phone .flow-foot .primary-btn{flex:1}html.device-phone .hint-row{flex-wrap:wrap}html.device-phone .timeline li{grid-template-columns:84px minmax(0,1fr)}html.device-phone .bind-list>div,html.device-phone .flow-rec{grid-template-columns:auto minmax(0,1fr)}html.device-phone .bind-list>div em,html.device-phone .bind-list>div button,html.device-phone .flow-rec em{grid-column:2;justify-self:start}html.device-phone .detail .bank-card{max-width:none}html.device-phone .space-grid,html.device-phone .split,html.device-phone .product-layout,html.device-phone .detail-columns,html.device-phone .track-item,html.device-phone .record,html.device-phone .login{grid-template-columns:1fr}html.device-phone .login-brand{text-align:center;align-items:center;padding:32px 20px 4px}html.device-phone .login-brand ul{display:none}html.device-phone .login-brand .ring-scene,html.device-phone .login-brand .orbit-1{width:150px;height:150px}html.device-phone .login-brand .orbit-2{width:112px;height:112px}html.device-phone .login-brand .orbit-3{width:76px;height:76px}html.device-phone .login-brand h1{letter-spacing:6px;margin:8px 0;font-size:36px}html.device-phone .login-panel{border-left:none;padding:8px 20px 36px}html.device-phone .code-row .ghost-btn{white-space:nowrap;padding:10px 12px}html.device-phone .modal-mask{padding:16px 16px calc(96px + env(safe-area-inset-bottom));align-items:end}html.device-phone .modal{width:100%;max-height:calc(100dvh - 112px - env(safe-area-inset-bottom));border-radius:24px 24px 16px 16px}html.device-phone .modal-actions{flex-direction:column-reverse}html.device-phone .modal-actions .ghost-btn,html.device-phone .modal-actions .primary-btn{width:100%}html.device-phone .toast-stack{width:min(92vw,420px)}html.device-phone .toast{text-align:center}