:root{--accent:#6550ed;--soft:#efecff;--ink:#202037;--muted:#828298;--line:#e9e8f0;--bg:#f7f7fb;--side:220px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.6 Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled){filter:brightness(.97)}.sidebar{position:fixed;top:64px;bottom:0;width:var(--side);background:#fff;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;z-index:10}.logo{font-weight:800;font-size:22px;letter-spacing:-1px;margin:0 12px 32px;display:flex;align-items:center;gap:10px}.logo img{width:29px;height:29px}.logo small{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:1.6px;display:block;line-height:1.4}.nav-label{font-size:11px;color:var(--muted);letter-spacing:1.4px;margin:0 14px 13px}.brands{display:flex;flex-direction:column;gap:7px}.brand{display:flex;align-items:center;text-align:left;gap:12px;padding:13px 14px;border-radius:9px;width:100%;color:#686778}.brand img{width:23px;height:23px;object-fit:contain;border-radius:5px}.brand b{font-size:14px;font-weight:600;flex:1}.brand small{font-size:11px;color:#9b96ae}.brand.active{background:var(--soft);color:var(--accent)}.brand.active small{color:var(--accent)}.brand-group{border-top:1px solid var(--line);padding-top:14px;margin-top:8px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 12px 0}.sidebar-bottom button{display:block;text-align:left;color:#737184;font-size:13px;margin:9px 0}.support-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36b589;margin-right:6px}.sidebar-bottom .cs{font-size:12px;color:var(--muted);margin-top:20px}.workspace{margin-left:var(--side)}.topbar{height:74px;padding:0 42px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:#fff}.crumb{font-size:12px;color:var(--muted);flex:1}.crumb strong{font-weight:500;color:#4c485f;margin-left:8px}.topbar button{font-size:12px;color:#646075}.topbar .top-cta{color:var(--accent);background:var(--soft);padding:8px 17px;border-radius:6px}.main{max-width:1460px;padding:34px 42px 48px;margin:auto}.page-heading{display:flex;align-items:flex-end;gap:25px;margin-bottom:26px}.eyebrow{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:1.6px;margin-bottom:7px}.page-heading h1{font-size:30px;letter-spacing:-.8px;line-height:1.4;margin:0 0 7px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.heading-side{margin-left:auto;text-align:right;color:var(--muted);font-size:12px}.heading-side b{color:var(--ink);font-size:20px;margin-right:4px}.subnav{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);margin:0 0 22px;overflow:auto;scrollbar-width:thin}.subnav button{position:relative;white-space:nowrap;padding:12px 16px 16px;font-size:13px;color:#817b91}.subnav button.active{color:var(--accent);font-weight:700}.subnav button.active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:3px;border-radius:2px;background:var(--accent)}.subnav small{font-size:10px;margin-left:7px;color:#aaa4b8}.tools{display:flex;align-items:center;gap:16px;margin-bottom:22px}.search{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 12px;width:280px;gap:9px}.search img{width:15px;opacity:.45}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;font-size:12px}.sort-wrap{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.sort-wrap select{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;color:#645c73;max-width:160px}.result-head{font-size:12px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin:0 0 15px}.result-head b{color:#555062;font-weight:600}.priority{color:#32876e;background:#eaf5f0;padding:4px 9px;border-radius:4px;font-size:11px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:12px;min-height:274px;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}.card:hover{border-color:#c7bfef;box-shadow:0 5px 20px #34225a07}.card.online{border-top:3px solid var(--accent);padding-top:21px}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.product-logo{width:37px;height:37px;padding:7px;object-fit:contain;background:#f5f4f9;border-radius:9px;flex-shrink:0}.card-top .type{font-size:11px;color:var(--muted)}.badge{font-size:10px;white-space:nowrap;padding:3px 7px;border-radius:4px;background:#f6f2eb;color:#9a7a49}.badge.available{color:#248367;background:#e9f7f0}.card-top .badge{margin-left:auto}.name{font-size:15px;line-height:1.6;font-weight:650;margin:0 0 6px;overflow-wrap:anywhere}.intro{font-size:12px;color:var(--muted);margin:0 0 17px;line-height:1.8}.specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:3px}.specs span{font-size:10px;color:#867e96;background:#f7f6fa;padding:2px 7px;border-radius:3px}.price-row{display:flex;align-items:end;justify-content:space-between;margin:18px 0 12px}.price{font-size:27px;font-weight:700;line-height:1;letter-spacing:-.8px;white-space:nowrap}.price small{font-size:13px;font-weight:500;margin-right:3px}.price-note{font-size:10px;color:var(--muted)}.card-actions{display:flex;gap:9px;margin-top:2px}.primary,.secondary{padding:10px 14px;border-radius:6px;font-size:12px;font-weight:600;text-align:center}.primary{background:var(--accent);color:#fff}.secondary{background:#fff;border:1px solid #dcd7ee;color:#686078}.card-actions .primary{flex:1}.card-actions .secondary{padding:9px 12px}.manual-btn{background:#f2f0f9;color:#65587e}.footer-note{display:flex;justify-content:space-between;align-items:center;margin-top:28px;color:var(--muted);font-size:11px;gap:20px}.more{margin:26px auto 0;display:block;padding:10px 26px;border:1px solid #dcd6eb;background:#fff;border-radius:6px;color:#787081;font-size:12px}.empty{text-align:center;grid-column:1/-1;padding:80px 20px;background:#fff;border:1px dashed #ded8e9;border-radius:10px}.empty h3{font-size:17px}.empty p{color:var(--muted)}.empty button{margin-top:10px}
.sidebar{top:0}.topbar{position:static}.logo{color:var(--ink)}.sidebar-bottom a{display:block;color:#737184;font-size:13px;margin:9px 0}.topbar a{font-size:12px;color:#646075}.card .name{margin:0 0 6px}.card .specs{margin-bottom:0}.card .price-row{gap:0}.card .price{display:block}.card .primary{min-height:39px}.drawer .dr-bd{overflow-wrap:anywhere}.scrim{z-index:100}.drawer{z-index:110}.askmodal{z-index:130}#askScrim{z-index:120}.toast{z-index:150}#toast:empty{display:none}[hidden]{display:none!important}.footer-note a{color:var(--accent)}
@media(min-width:1650px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.main{padding:28px}.topbar{padding:0 28px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{gap:10px}.sort-wrap .sort-hint{display:none}}
@media(max-width:850px){:root{--side:84px}.sidebar{padding:24px 9px}.logo>span,.brand small,.nav-label,.sidebar-bottom{display:none}.brand{justify-content:center}.brand img{width:26px;height:26px}.page-heading h1{font-size:27px}.heading-side{display:none}.tools{flex-wrap:wrap}.search{width:100%;flex:1;min-width:180px}.sort-wrap{margin-left:0}.topbar{height:60px}.products{gap:12px}.main{padding:24px}.card{padding:18px}}
@media(max-width:560px){.sidebar{width:64px;padding:22px 5px}.workspace{margin-left:64px}.logo img{width:25px}.topbar a:not(.top-cta){display:none}.main{padding:22px 15px}.page-heading p{font-size:11px}.products{grid-template-columns:1fr}.card{min-height:255px}.subnav{margin-bottom:15px}.subnav button{padding:10px 12px 14px}.sort-wrap select{font-size:11px;padding:6px}.result-head{align-items:start;font-size:11px}.tools{gap:12px}.footer-note{flex-direction:column;align-items:start;gap:8px}.drawer{width:100%;max-width:100vw}}
/* A 版确认稿：品牌名称、库存说明与多尺寸适配。 */
.logo{font-size:17px;letter-spacing:-.4px;gap:8px;margin-left:8px;margin-right:8px;white-space:nowrap}.logo small{font-size:9px;letter-spacing:1.4px;margin-top:3px}.sidebar{overflow-y:auto}.workspace,.main,#content{min-width:0}.mobile-brand{display:none}.stock-note{display:flex;align-items:center;gap:18px;padding:14px 18px;margin:0 0 21px;background:#edf6f2;border:1px solid #dcece4;border-radius:8px}.stock-copy{flex:1;min-width:0}.stock-copy strong{display:block;font-size:13px;color:#297e60;font-weight:600}.stock-copy span{display:block;font-size:12px;color:#6d897b;margin-top:3px}.stock-contact{flex-shrink:0;border:1px solid #bed9ca;background:#fff;border-radius:6px;font-size:12px;color:#2b7c5d;padding:8px 13px}.result-head{flex-wrap:wrap;gap:8px}.card-top{flex-wrap:wrap}.search{max-width:100%}
@media(max-width:850px){.logo{margin:0 10px 26px}.mobile-brand{display:block;font-weight:700;font-size:16px;flex:1;white-space:nowrap}.topbar .crumb{display:none}.brand{flex-direction:column;gap:5px;padding:11px 4px}.brand b{display:block;font-size:11px;font-weight:600;line-height:1.4}.stock-note{gap:12px}.stock-copy span{font-size:11px}}
@media(max-width:560px){.logo{margin-left:10px;margin-right:10px}.topbar{padding:0 12px;gap:8px}.mobile-brand{font-size:14px}.topbar .top-cta{padding:8px 10px;white-space:nowrap}.brand{padding:9px 2px}.brand b{font-size:10px}.stock-note{padding:12px;flex-wrap:wrap;gap:10px}.stock-copy{flex-basis:100%}.stock-copy span{font-size:12px;line-height:1.8}.stock-contact{padding:7px 12px}.priority{font-size:10px}.page-heading h1{font-size:23px}.sort-wrap{flex-wrap:wrap}.sort-hint{display:none}}
.drawer:not(.on){box-shadow:none}.card .price-row{border-top:0;padding-top:0}
.drawer #drClose *{pointer-events:none}