:root{--mall: #ee7933;--mall-dark: #d96b28;--mall-deep: #c45f1f;--mall-soft: #fff4ec;--mall-line: #ffd7b8;--ink: #1f2329;--ink2: #4e5969;--muted: #86909c;--line: #e5e6eb;--line2: #f0f1f3;--bg: #f2f3f5;--card: #ffffff;--w: 1200px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 4px 16px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:13px/1.55 PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .15s ease}a:hover{color:var(--mall)}img{max-width:100%;vertical-align:middle}button,input,select,textarea{font:inherit}.wrap{width:var(--w);max-width:calc(100% - 24px);margin:0 auto}.toast{position:fixed;left:50%;top:80px;transform:translate(-50%);background:#1f2329e0;color:#fff;padding:10px 18px;border-radius:6px;z-index:80;box-shadow:var(--shadow)}.topbar{height:34px;background:#f7f8fa;border-bottom:1px solid var(--line2);color:var(--ink2);font-size:12px}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:34px}.topbar .left,.topbar .right{display:flex;align-items:center;gap:14px}.topbar a{color:var(--ink2)}.topbar a:hover{color:var(--mall)}.topbar .sep{width:1px;height:12px;background:#d0d3d9}.masthead{background:linear-gradient(180deg,#fff,#fffaf6);border-bottom:1px solid var(--line2)}.masthead .wrap{display:flex;align-items:center;height:108px;gap:28px}.logo{display:flex;align-items:center;gap:12px;color:var(--mall);font-size:30px;font-weight:800;letter-spacing:.5px;line-height:1.05;white-space:nowrap}.logo-mark{width:52px;height:52px;border-radius:12px;background:linear-gradient(145deg,#ff9a4d 0%,var(--mall) 55%,var(--mall-deep) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;box-shadow:0 6px 14px #ee793347;letter-spacing:0}.logo .logo-text{display:flex;flex-direction:column;gap:4px}.logo small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.search-box{flex:1;max-width:640px}.search-row{display:flex;height:42px;border:2px solid var(--mall);border-radius:4px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.search-cat{width:78px;border:0;border-right:1px solid var(--mall-line);background:var(--mall-soft);padding:0 10px;color:var(--ink2);outline:none}.search-row input{flex:1;border:0;outline:none;padding:0 14px;font-size:14px;color:var(--ink);background:transparent}.search-row input::placeholder{color:#b0b6bf}.search-row button{width:96px;border:0;background:linear-gradient(180deg,#f38a48 0%,var(--mall) 100%);color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:2px}.search-row button:hover{background:linear-gradient(180deg,var(--mall) 0%,var(--mall-dark) 100%)}.hots{margin-top:8px;color:var(--muted);overflow:hidden;white-space:nowrap;font-size:12px}.hots a{margin-right:12px;color:var(--muted)}.hots a:hover{color:var(--mall)}.qr-tip{width:148px;display:flex;align-items:center;gap:10px;color:var(--ink2);font-size:12px;line-height:1.35}.qr-tip .dot{width:54px;height:54px;flex:0 0 54px;border:1px solid var(--mall-line);border-radius:8px;background:linear-gradient(180deg,#fff 0%,var(--mall-soft) 100%);color:var(--mall);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1.2;text-align:center;box-shadow:inset 0 0 0 3px #fff}.qr-tip b{display:block;color:var(--mall);font-size:13px;margin-bottom:2px}.nav{background:linear-gradient(180deg,#f38a48 0%,var(--mall) 40%,var(--mall-dark) 100%);height:42px;box-shadow:0 2px 8px #ee793340}.nav .wrap{display:flex;align-items:stretch;height:42px;position:relative}.nav-all{width:200px;background:#0000001f;color:#fff;display:flex;align-items:center;gap:8px;padding:0 16px;cursor:pointer;position:relative;font-size:14px;font-weight:600}.nav-all:before{content:"";width:14px;height:11px;background:linear-gradient(#fff 0 2px,transparent 2px 4.5px,#fff 4.5px 6.5px,transparent 6.5px 9px,#fff 9px 11px);opacity:.95}.mega{display:none;position:absolute;left:0;top:42px;width:920px;min-height:380px;background:#fff;color:var(--ink);z-index:30;box-shadow:var(--shadow-lg);border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px}.mega-l{width:200px;background:var(--mall-soft);border-right:1px solid var(--mall-line)}.mega-l a{display:block;padding:11px 16px;font-size:13px}.mega-l a:hover,.mega-l a.on{background:#fff;color:var(--mall);font-weight:600}.mega-r{flex:1;padding:16px 18px;display:flex;flex-wrap:wrap;gap:10px 20px;align-content:flex-start}.mega-r a{color:var(--ink2);padding:2px 0}.nav-links{display:flex}.nav-links a{color:#fff;padding:0 22px;display:flex;align-items:center;font-size:14px;font-weight:500;position:relative}.nav-links a:hover,.nav-links a.router-link-active{background:#ffffff24;color:#fff}.nav-links a.router-link-active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:#fff;border-radius:2px 2px 0 0}.rail{position:fixed;right:0;top:200px;width:40px;z-index:40;background:#2b2f36;color:#fff;border-radius:8px 0 0 8px;overflow:hidden;box-shadow:var(--shadow)}.rail a{display:block;writing-mode:vertical-rl;text-align:center;padding:16px 11px;color:#fff;border-bottom:1px solid #3f4652;letter-spacing:2px;font-size:12px}.rail a:hover{background:var(--mall);color:#fff}.rail a:last-child{border-bottom:0}.page{min-height:520px;padding:14px 0 48px}.panel{background:var(--card);border:1px solid var(--line2);border-radius:6px;box-shadow:var(--shadow-sm);overflow:hidden}.sec-title{height:48px;display:flex;align-items:center;padding:0 14px;font-size:17px;font-weight:700;border-bottom:1px solid var(--line2);background:linear-gradient(180deg,#fff,#fafbfc)}.sec-title span{display:inline-block;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#ff9a4d,var(--mall));margin-right:10px}.sec-title .more{margin-left:auto;font-size:12px;font-weight:400;color:var(--muted)}.brand-wall{background:var(--card);padding:0 0 8px;margin-bottom:12px;border:1px solid var(--line2);border-radius:6px;box-shadow:var(--shadow-sm)}.brand-wall .sec-title{border-bottom:1px solid var(--line2);margin-bottom:4px}.brand-wall .row{display:flex;flex-wrap:wrap}.brand-wall a{width:16.66%;height:72px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);transition:background .15s ease,transform .15s ease}.brand-wall a:nth-child(6n){border-right:0}.brand-wall a:hover{background:var(--mall-soft)}.brand-wall img{max-height:40px;max-width:78%;object-fit:contain;filter:grayscale(.15);transition:filter .15s}.brand-wall a:hover img{filter:none}.brand-wall a span{color:var(--ink2);font-size:13px;font-weight:600}.prod-grid{display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border:1px solid var(--line2);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-sm)}.prod-grid .hero{grid-row:span 2;overflow:hidden;background:#1a1d22;color:#fff;position:relative}.prod-grid .hero img{width:100%;height:100%;object-fit:cover;opacity:.88}.prod-grid .hero .cap{position:absolute;left:16px;bottom:20px;font-size:26px;font-weight:800;writing-mode:vertical-rl;letter-spacing:6px;text-shadow:0 2px 8px rgba(0,0,0,.35)}.prod-card{border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:14px 12px 16px;text-align:center;background:#fff;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;position:relative;display:block;color:inherit}.prod-card:nth-child(5n){border-right:0}.prod-card:hover{z-index:2;transform:translateY(-2px);box-shadow:var(--shadow);border-color:transparent}.prod-card .cover{height:148px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fafbfc,#f3f4f6);border-radius:4px;margin-bottom:10px;overflow:hidden}.prod-card img{height:148px;width:100%;object-fit:contain;display:block;transition:transform .2s ease}.prod-card:hover img{transform:scale(1.04)}.prod-card .cover-ph{width:72px;height:72px;border-radius:10px;background:linear-gradient(145deg,#ffe0c8,#ffc089);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;opacity:.85}.prod-card .name{height:40px;overflow:hidden;margin:0 0 8px;color:var(--ink2);font-size:13px;line-height:20px;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.prod-card:hover .name{color:var(--mall)}.prod-card .price{color:var(--mall);font-weight:800;font-size:18px;text-align:left;font-variant-numeric:tabular-nums}.prod-card .unit{color:var(--muted);font-weight:400;font-size:12px}.prod-card .est{margin-top:4px;text-align:left;font-size:12px;color:#fff;display:inline-block;background:linear-gradient(90deg,#ff8a3d,#ee7933);padding:1px 8px;border-radius:10px;line-height:18px}.prod-card .market{margin-top:2px;text-align:left;font-size:12px;color:var(--muted);text-decoration:line-through}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:16px;margin-top:8px;overflow:hidden;background:#fff}.stepper button{width:28px;height:26px;border:0;background:#fff;cursor:pointer;color:var(--ink2)}.stepper input{width:40px;height:26px;border:0;text-align:center;outline:none}.btn{display:inline-block;background:linear-gradient(180deg,#f38a48,var(--mall));color:#fff;border:0;padding:8px 18px;cursor:pointer;border-radius:4px;font-weight:600;box-shadow:0 2px 6px #ee793340}.btn:hover{background:linear-gradient(180deg,var(--mall),var(--mall-dark));color:#fff}.btn.ghost{background:#fff;color:var(--mall);border:1px solid var(--mall);box-shadow:none}.btn.gray{background:#f4f4f4;color:#555;box-shadow:none}.footer{background:linear-gradient(180deg,#2b2f36,#1f2329);border-top:0;padding:36px 0 20px;color:#a9b0bb;margin-top:8px}.footer .cols{display:flex;justify-content:space-between;padding-bottom:24px}.footer h4{margin:0 0 12px;color:#fff;font-size:14px;font-weight:600}.footer a{display:block;line-height:26px;color:#a9b0bb}.footer a:hover{color:#ffb27a}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;font-size:12px;color:#7b8494}.account{display:grid;grid-template-columns:196px 1fr;gap:12px}.aside{background:var(--card);border:1px solid var(--line2);padding:8px 0 16px;border-radius:6px;box-shadow:var(--shadow-sm)}.aside h3{margin:0;padding:10px 16px;font-size:14px}.aside a{display:block;padding:8px 16px;color:var(--ink2)}.aside a.router-link-active{color:var(--mall);background:var(--mall-soft);font-weight:600}.aside .group{margin-top:8px;padding-top:6px;border-top:1px solid var(--line2)}.aside .group b{display:block;padding:6px 16px;color:var(--muted);font-weight:400}.filter-bar{background:var(--card);border:1px solid var(--line2);padding:12px 14px;margin-bottom:12px;border-radius:6px;box-shadow:var(--shadow-sm)}.filter-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}.filter-row .k{width:48px;color:var(--muted);padding-top:6px}.filter-row .v{flex:1;display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 12px;border:1px solid transparent;cursor:pointer;border-radius:12px}.chip.on{background:var(--mall);color:#fff}.sorts{display:flex;gap:0;margin:10px 0}.sorts a{background:#fff;border:1px solid var(--line);padding:7px 16px;margin-right:-1px}.sorts a.on{background:var(--mall);color:#fff;border-color:var(--mall)}.login-box{width:420px;margin:48px auto;background:#fff;padding:32px 36px 40px;border-radius:8px;box-shadow:var(--shadow)}.login-box h2{margin:0 0 18px;font-size:20px}.login-box label{display:block;margin:10px 0 4px;color:var(--ink2)}.login-box input{width:100%;height:40px;border:1px solid var(--line);padding:0 12px;border-radius:4px}.login-box .btn{width:100%;margin-top:16px;height:42px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--line2);padding:12px 10px;text-align:left}.table th{background:#fafbfc;font-weight:600}.empty{padding:56px 24px;text-align:center;color:var(--muted);background:#fff;border-radius:6px;border:1px dashed var(--line)}.detail{display:grid;grid-template-columns:420px 1fr;gap:28px;background:#fff;padding:24px;border-radius:6px;box-shadow:var(--shadow-sm)}.detail .gallery{background:#fafbfc;min-height:380px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--line2)}.detail .gallery img{max-height:380px}.detail h1{font-size:20px;margin:0 0 12px;line-height:1.35}.price-lg{color:var(--mall);font-size:28px;font-weight:800;margin:12px 0}.rich{background:#fff;padding:18px;margin-top:12px;border-radius:6px}.quick{display:grid;grid-template-columns:220px 1fr;gap:12px;min-height:560px}.tree{background:#fff;border:1px solid var(--line2);overflow:auto;max-height:720px;border-radius:6px;box-shadow:var(--shadow-sm)}.tree .n{padding:8px 14px;cursor:pointer}.tree .n:hover,.tree .n.on{background:var(--mall-soft);color:var(--mall)}.tree .n2{padding-left:22px}.tree .n3{padding-left:34px;color:var(--ink2)}.banner-pc{height:320px;overflow:hidden;background:#e8eaed;position:relative;border-radius:6px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.banner-pc img{width:100%;height:320px;object-fit:cover}.banner-dots{position:absolute;bottom:14px;left:0;right:0;text-align:center}.banner-dots i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.45;margin:0 4px;box-shadow:0 1px 3px #0003}.banner-dots i.on{opacity:1;background:var(--mall);width:18px;border-radius:4px}.cs-box{background:#fff;min-height:420px;display:flex;flex-direction:column;border-radius:6px}.cs-log{flex:1;padding:12px;overflow:auto;max-height:420px}.cs-row{margin:8px 0}.cs-row.me{text-align:right}.cs-row span{display:inline-block;max-width:70%;background:#f4f4f4;padding:8px 10px;border-radius:6px;text-align:left}.cs-row.me span{background:#fff1e6}.cs-send{display:flex;border-top:1px solid var(--line2)}.cs-send input{flex:1;border:0;padding:12px;outline:none}.cs-send button{width:88px;border:0;background:var(--mall);color:#fff}.form-row{margin:10px 0}.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid var(--line);padding:9px 10px;border-radius:4px}.muted{color:var(--muted)}.ok{color:#07c160}.warn{color:#e53935}