:root{--ink-void: #0A0A0B;--ink-900: #101012;--ink-850: #141417;--ink-800: #18181B;--ink-700: #1F1F23;--line-strong: #2A2A2E;--line-soft: #1A1A1C;--paper: #F5F5F7;--paper-2: #C7C7CC;--paper-3: #8A8A8E;--paper-4: #5A5A5E;--state-on: #F5F5F7;--state-off: #5A5A5E;--state-warn: #B8B8BC;--glass-bg: rgba(20, 20, 23, .62);--glass-bg-strong: rgba(16, 16, 18, .78);--glass-border: rgba(245, 245, 247, .1);--glass-border-strong: rgba(245, 245, 247, .16);--glass-blur: 22px;--glass-shadow: 0 1px 0 rgba(245,245,247,.04) inset, 0 8px 30px rgba(0,0,0,.45);--glow: 0 0 0 1px rgba(245,245,247,.06), 0 0 24px rgba(245,245,247,.05);--inner-hair: inset 0 1px 0 rgba(245,245,247,.05);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Segoe UI", Inter, Roboto, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.32, .72, 0, 1);--dur: .32s;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}:root[data-theme=light]{--ink-void: #F2F2F4;--ink-900: #FFFFFF;--ink-800: #FFFFFF;--line-strong: #D8D8DC;--line-soft: #E6E6EA;--paper: #0A0A0B;--paper-2: #3A3A3E;--paper-3: #6A6A6E;--glass-bg: rgba(255,255,255,.62);--glass-bg-strong: rgba(255,255,255,.82);--glass-border: rgba(10,10,11,.08);--glass-border-strong: rgba(10,10,11,.12);--glass-shadow: 0 1px 0 rgba(10,10,11,.03) inset, 0 8px 30px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--ink-void);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}img{display:block;max-width:100%}::selection{background:#f5f5f72e}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 50% -10%,rgba(245,245,247,.05),transparent 60%),radial-gradient(600px 400px at 100% 100%,rgba(245,245,247,.03),transparent 60%)}#app{position:relative;z-index:1;min-height:100%}.wrap{max-width:1080px;margin:0 auto;padding:0 var(--sp-4)}.page{padding-top:calc(64px + var(--safe-t));padding-bottom:calc(96px + var(--safe-b))}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(56px + var(--safe-t));padding-top:var(--safe-t);display:none;align-items:center;gap:var(--sp-5);padding-left:var(--sp-5);padding-right:var(--sp-5);background:var(--glass-bg-strong);backdrop-filter:saturate(180%) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur));border-bottom:1px solid var(--glass-border)}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:1px}.topbar .brand img{width:26px;height:26px;border-radius:8px}.topbar nav{display:flex;gap:4px;margin-left:auto}.topbar nav a{padding:8px 14px;border-radius:var(--r-pill);font-size:14px;color:var(--paper-3);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.topbar nav a.active{color:var(--paper);background:#f5f5f714}.topbar .me{width:34px;height:34px;border-radius:50%;background:var(--ink-700);border:1px solid var(--glass-border);display:grid;place-items:center;font-size:13px}.bottomtab{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(64px + var(--safe-b));padding-bottom:var(--safe-b);display:flex;align-items:stretch;background:var(--glass-bg-strong);backdrop-filter:saturate(180%) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur));border-top:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.bottomtab button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--paper-3);font-size:11px;transition:color var(--dur) var(--ease)}.bottomtab button .ico{font-size:20px;line-height:1;filter:grayscale(1);opacity:.85}.bottomtab button.active{color:var(--paper)}.bottomtab button.active .ico{opacity:1;text-shadow:0 0 14px rgba(245,245,247,.4)}.card{background:var(--ink-900);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--inner-hair);padding:var(--sp-4)}.panel{background:linear-gradient(180deg,var(--ink-850),var(--ink-900));border:1px solid var(--line-soft);border-radius:var(--r-xl);box-shadow:var(--glow);padding:var(--sp-5)}.hairline{height:1px;background:var(--line-soft);margin:var(--sp-4) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-pill);font-size:15px;font-weight:500;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease);border:1px solid transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--paper);color:var(--ink-void)}.btn-primary:hover{box-shadow:0 0 22px #f5f5f740}.btn-ghost{background:transparent;color:var(--paper);border-color:var(--glass-border-strong)}.btn-ghost:hover{background:#f5f5f70f}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.btn:disabled{opacity:.4;pointer-events:none}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--sp-4)}.label{font-size:13px;color:var(--paper-3)}.input,select.input,textarea.input{width:100%;padding:13px 15px;border-radius:var(--r-md);background:var(--ink-800);border:1px solid var(--line-strong);color:var(--paper);font-size:15px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input:focus{border-color:#f5f5f766;box-shadow:0 0 0 3px #f5f5f70f}.input::placeholder{color:var(--paper-4)}textarea.input{resize:vertical;min-height:84px}.muted{color:var(--paper-3)}.dim{color:var(--paper-2)}.mono{font-family:var(--font-mono)}.tiny{font-size:12px}.h1{font-size:30px;font-weight:600;letter-spacing:-.5px}.h2{font-size:22px;font-weight:600;letter-spacing:-.3px}.h3{font-size:17px;font-weight:600}.row{display:flex;align-items:center;gap:var(--sp-3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;border:1px solid var(--glass-border);color:var(--paper-2)}.hero{padding:var(--sp-7) 0 var(--sp-5);text-align:center}.hero .mark{width:72px;height:72px;margin:0 auto var(--sp-4);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--glow)}.hero .sub{color:var(--paper-3);margin-top:var(--sp-2);letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.pcard{position:relative;background:var(--ink-900);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.pcard:active{transform:scale(.98)}.pcard .thumb{aspect-ratio:16/10;background:radial-gradient(120% 120% at 30% 20%,var(--ink-700),var(--ink-850));display:grid;place-items:center;border-bottom:1px solid var(--line-soft)}.pcard .thumb span{font-size:26px;opacity:.5}.pcard .body{padding:var(--sp-3)}.pcard .price{font-weight:600;margin-top:4px}.pcard .stock{font-size:12px}.backdrop{position:fixed;inset:0;z-index:80;background:#00000080;backdrop-filter:blur(2px);opacity:0;transition:opacity var(--dur) var(--ease)}.backdrop.show{opacity:1}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--glass-bg-strong);backdrop-filter:saturate(180%) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur));border-top:1px solid var(--glass-border);border-radius:22px 22px 0 0;padding:var(--sp-4) var(--sp-4) calc(var(--sp-5) + var(--safe-b));transform:translateY(100%);transition:transform var(--dur) var(--ease)}.sheet.show{transform:translateY(0)}.sheet .grab{width:38px;height:4px;border-radius:2px;background:var(--paper-4);margin:0 auto var(--sp-4)}.sheet .item{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:var(--r-md)}.sheet .item:active{background:#f5f5f70f}.sheet .item .ico{width:34px;height:34px;border-radius:10px;background:var(--ink-700);border:1px solid var(--glass-border);display:grid;place-items:center}#toast{position:fixed;top:calc(20px + var(--safe-t));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--paper);padding:10px 16px;border-radius:var(--r-pill);font-size:14px;box-shadow:var(--glass-shadow);animation:pop var(--dur) var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.stat{background:var(--ink-900);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:var(--sp-4)}.stat .v{font-size:24px;font-weight:600}.stat .k{font-size:12px;color:var(--paper-3);margin-top:2px}.list{display:flex;flex-direction:column}.list .li{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line-soft)}.list .li:last-child{border-bottom:none}@media (min-width: 768px){.topbar{display:flex}.bottomtab{display:none}.grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.stat-grid{grid-template-columns:repeat(4,1fr)}.page{padding-top:calc(72px + var(--safe-t))}.hero{padding:var(--sp-7) 0}}