:root{--bg:#f8f8f8;--surface:#fff;--text:#6e6b7b;--heading:#5e5873;--primary:#37b5c1;--primary-active:#31a2ad;--success:#28c76f;--warning:#ff9f43;--shadow-nav:0 4px 24px #22292f1a;--shadow-card:0 4px 24px #22292f1a;--shadow-active:0 2px 5px #22292f29, 0 2px 10px #22292f1f;--shadow-buy:0 0 10px #0000001a;--radius-btn:5px;--radius-nav:6px;--radius-card:7px;--header-h:67px;--h-nav-h:65px;--buy-h:102px;--font:"PingFang SC", HarmonyOS_Regular, "Helvetica Neue", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{background:#000;margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:0 0;font-size:14px;font-weight:400;line-height:20.3px}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font-family:inherit}#app{min-height:100vh;position:relative}.site-wallpaper{z-index:-1;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.top-nav{height:var(--header-h);z-index:999;background:var(--surface);box-shadow:var(--shadow-nav);align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.top-nav .brand{color:var(--heading);white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.top-nav .search{border-radius:var(--radius-btn);max-width:420px;height:36px;color:var(--text);background:#fafafa;border:1px solid #e6e6e8;flex:1;margin:0 auto;padding:0 12px}.top-nav .links{align-items:center;gap:18px;margin-left:auto;display:flex}.top-nav .links a,.top-nav .links button.linkish{color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.top-nav .links a:hover,.top-nav .links button.linkish:hover{color:var(--primary)}.h-nav-wrap{padding:calc(var(--header-h) + 16px) 24px 0}.h-nav{max-width:1280px;height:var(--h-nav-h);background:var(--surface);border-radius:var(--radius-nav);box-shadow:var(--shadow-nav);align-items:stretch;margin:0 auto;display:flex;overflow:hidden}.h-nav a{color:var(--text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex}.h-nav a.active,.h-nav a:hover{color:var(--primary)}.h-nav a.active{box-shadow:inset 0 -2px 0 var(--primary)}.h-nav svg{width:18px;height:18px}.page{max-width:1280px;padding:16px 24px calc(var(--buy-h) + 24px);margin:0 auto}.panel{background:var(--surface);border-radius:var(--radius-nav);box-shadow:var(--shadow-card);padding:20px}.crumb{margin-bottom:12px;font-size:13px}.crumb span{color:var(--heading);font-weight:500}.page-title{color:var(--heading);margin:0 0 16px;font-size:16px;font-weight:500}.pills{flex-wrap:wrap;gap:0;margin-bottom:16px;display:flex}.pill{border-radius:var(--radius-btn);border:1px solid var(--primary);height:36px;color:var(--primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin:0 14px 7px 0;padding:2px 10.5px 0;font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif;font-size:12.6px;font-weight:700;line-height:1;display:inline-flex}.pill.active{background:var(--primary-active);color:#fff;border-color:var(--primary)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.product-card{background:var(--surface);border-radius:var(--radius-card);min-height:220px;box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;padding:16px 18px;transition:box-shadow .15s;display:flex;position:relative}.product-card.selected{box-shadow:var(--shadow-active)}.product-card h3{color:var(--heading);margin:0;font-size:16px;font-weight:500}.product-card .price{color:var(--heading);margin:8px 0 0;font-size:28px;font-weight:500;line-height:34px}.product-card .stock{font-size:12px;position:absolute;top:12px;right:12px}.product-card .summary{color:var(--text);margin-top:12px;font-size:13px;line-height:1.6}.hot{color:#fff;background:#ea5455;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}.bind-row{flex-wrap:wrap;align-items:end;gap:16px;margin-top:20px;display:flex}.bind-ok{color:var(--success);margin:8px 0 0;font-size:13px}.field{flex-direction:column;gap:6px;min-width:220px;display:flex}.field span{color:var(--heading);font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--primary);border-radius:var(--radius-btn);height:38px;color:var(--text);background:#fff;padding:0 12px}.field textarea{resize:vertical;height:120px;padding:8px 12px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #37b5c140}.buy-bar{z-index:990;height:var(--buy-h);background:var(--surface);box-shadow:var(--shadow-buy);justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.buy-inner{grid-template-columns:180px 1fr 360px;align-items:center;gap:16px;width:min(1211px,100% - 48px);display:grid}.buy-label{font-size:13px}.badge-warn{background:var(--warning);color:#fff;vertical-align:middle;border-radius:140px;margin-left:6px;padding:4.2px 7px;font-size:11.9px;font-weight:600;line-height:1;display:inline-block}.btn-outline{border-radius:var(--radius-btn);border:1px solid var(--primary);height:38px;color:var(--primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:2px 21px 0;font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.price-now{color:var(--warning);margin:0 8px 0 0;font-size:28px;font-weight:500}.price-old{font-size:13px;text-decoration:line-through}.btn-relief{border-radius:var(--radius-btn);border:1px solid var(--success);background:var(--success);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:100%;height:41px;padding:3px 21px 0;font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif;font-size:14px;font-weight:700;line-height:1;display:flex;box-shadow:inset 0 -3px #22292f33}.btn-relief:hover{filter:brightness(1.05)}.btn-relief:disabled{opacity:.55;cursor:not-allowed}.rebate{text-align:right;margin:6px 0 0;font-size:12px}.rebate strong{color:var(--warning);font-weight:400}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid #eee;padding:10px 8px}.table th{color:var(--heading);font-weight:500}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border-radius:var(--radius-nav);width:360px;box-shadow:var(--shadow-nav);padding:28px 24px}.login-card h1{color:var(--heading);margin:0 0 8px;font-size:18px;font-weight:500}.error{color:#ea5455;font-size:13px}.muted{color:var(--text)}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.linkish{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0 8px 0 0;font-size:13px}.cdk-box{border-radius:var(--radius-btn);border:1px dashed var(--success);letter-spacing:1px;color:var(--heading);background:#f3fffa;margin-top:16px;padding:16px;font-size:22px;font-weight:600}@media (width<=1200px){.grid{grid-template-columns:1fr 1fr}.h-nav{overflow-x:auto}.buy-inner{grid-template-columns:1fr 1fr}}@media (width<=768px){.grid{grid-template-columns:1fr}.top-nav .search{display:none}.buy-bar{height:auto}.buy-inner{grid-template-columns:1fr;width:calc(100% - 24px);padding:12px 0}.page{padding-bottom:180px}}