:root{--ink:#111318;--paper:#f5f6f8;--panel:#fff;--muted:#68707d;--line:#dfe3e8;--accent:#087f9d;--accent-bright:#6be4ff;--danger:#c1392b;--shadow:0 14px 40px rgba(17,19,24,.10);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#eef1f4 0,#f7f8fa 320px);font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inventory-only[hidden]{display:none!important}.stats.public-stats{grid-template-columns:minmax(220px,360px)}.public-lock{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem;font-weight:700}.public-lock:before{content:"🔒"}.detail-login{margin-top:22px}.public-detail-note{color:var(--muted);line-height:1.65;margin:20px 0 0}
button,input,select{font:inherit}.topbar{height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:rgba(17,19,24,.96);color:#fff;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--accent-bright);color:var(--ink);font-weight:900;letter-spacing:-1px}.brand b,.brand small{display:block}.brand b{font-size:1.03rem}.brand small{font-size:.76rem;color:#aeb6c2;margin-top:2px}.actions{display:flex;gap:10px;align-items:center}.sync-state{font-size:.8rem;color:#b8c0ca;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.button{border:0;border-radius:10px;padding:11px 17px;cursor:pointer;font-weight:700;transition:.2s transform,.2s background,.2s color}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:wait;transform:none}.button-primary{background:var(--accent-bright);color:var(--ink)}.button-primary:hover{background:#9aecff}.button-ghost{background:transparent;color:inherit;border:1px solid currentColor}.topbar .button-ghost{color:#dbe0e6;border-color:#4b525c}
main{width:min(1500px,calc(100% - clamp(28px,6vw,96px)));margin:0 auto 80px}.control-panel{padding:42px 0 24px}.headline-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.eyebrow{margin:0 0 7px;color:var(--accent);font-weight:900;font-size:.73rem;letter-spacing:.16em;text-transform:uppercase}.headline-row h1{font-size:clamp(1.8rem,3.4vw,3.3rem);line-height:1.07;letter-spacing:-.05em;margin:0;max-width:780px}.last-sync{color:var(--muted);font-size:.85rem;margin:0 0 5px;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 18px}.stat{background:var(--ink);color:#fff;border-radius:15px;padding:18px 20px;min-height:92px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:72px;height:72px;border:16px solid rgba(107,228,255,.12);border-radius:50%;right:-18px;top:-22px}.stat span{display:block;font-size:.78rem;color:#b9c0c9}.stat strong{display:block;font-size:1.75rem;margin-top:8px;letter-spacing:-.04em}.stat.danger strong{color:#ff958b}
.filters{display:grid;grid-template-columns:minmax(280px,1fr) 170px 160px 175px;gap:10px}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:15px;top:50%;width:19px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:2}.search-wrap input,.filters select,.settings-dialog select{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:0 14px;outline:none}.search-wrap input{padding-left:46px;padding-right:45px}.search-wrap input:focus,.filters select:focus,.settings-dialog select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(8,127,157,.12)}kbd{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:#eef0f3;border:1px solid #d9dde2;border-radius:5px;padding:2px 7px;color:#6f7680;font-size:.74rem}
.results-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 2px 14px;color:var(--muted);font-size:.9rem}.text-button{border:0;background:none;color:var(--accent);font-weight:700;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:var(--panel);border:1px solid rgba(213,217,222,.9);border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 2px 0 rgba(17,19,24,.02);transition:.2s transform,.2s box-shadow}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.photo{aspect-ratio:4/5;background:#e8ebef;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s transform}.product-card:hover .photo img{transform:scale(1.025)}.photo-fallback{width:100%;height:100%;display:grid;place-items:center;color:#9da4ad;font-weight:800;font-size:2rem;background:repeating-linear-gradient(135deg,#eef0f3,#eef0f3 12px,#e8ebef 12px,#e8ebef 24px)}.badge{position:absolute;top:12px;left:12px;background:rgba(17,19,24,.88);color:#fff;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800;backdrop-filter:blur(8px)}.badge.negative{background:rgba(193,57,43,.94)}.badge.zero{background:rgba(86,93,103,.9)}.image-count{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.9);padding:5px 8px;border-radius:7px;font-size:.71rem;font-weight:800}.card-body{padding:15px 16px 17px}.card-code{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.card-title{font-size:1rem;line-height:1.35;margin:5px 0 14px;min-height:2.7em}.card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.price{font-size:.82rem;color:var(--muted)}.price b{display:block;color:var(--ink);font-size:1.02rem}.stock-total{text-align:right}.stock-total span{display:block;color:var(--muted);font-size:.72rem}.stock-total strong{font-size:1.25rem}.load-sentinel{height:44px;margin-top:8px;display:grid;place-items:center}.load-sentinel[hidden]{display:none}.load-sentinel span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:-16px 0 0 rgba(8,127,157,.22),16px 0 0 rgba(8,127,157,.22)}.empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd0d6;border-radius:16px;text-align:center;padding:70px 24px}.empty h2{margin:0 0 8px}.empty p{margin:0;color:var(--muted)}
dialog{border:0;padding:0;box-shadow:0 28px 90px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(11,13,17,.68);backdrop-filter:blur(5px)}.product-dialog{width:min(1120px,94vw);max-height:92vh;border-radius:18px;overflow:auto;background:#fff}.dialog-close{border:0;background:#eceff2;color:var(--ink);width:38px;height:38px;border-radius:50%;font-size:1.6rem;cursor:pointer;display:grid;place-items:center;line-height:1}.product-dialog>.dialog-close{position:sticky;float:right;top:16px;margin:16px;z-index:4}.detail{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);min-height:650px}.gallery{background:#e9edf1;padding:18px;display:grid;grid-template-columns:76px 1fr;gap:12px;position:relative}.thumbs{display:flex;flex-direction:column;gap:9px;max-height:610px;overflow:auto}.thumb{aspect-ratio:1;border:2px solid transparent;padding:0;border-radius:9px;overflow:hidden;background:#dfe3e8;cursor:pointer}.thumb.active{border-color:var(--accent)}.thumb img{width:100%;height:100%;object-fit:cover}.hero-image{width:100%;height:610px;object-fit:contain;background:#fff;border-radius:12px}.detail-info{padding:42px 38px 34px;overflow:hidden}.detail-info h2{font-size:2rem;line-height:1.15;letter-spacing:-.04em;margin:8px 0}.detail-code{font-family:ui-monospace,monospace;color:var(--muted);font-size:.85rem}.price-line{font-size:1.5rem;font-weight:900;margin:22px 0}.member-price{font-size:.84rem;color:var(--muted);font-weight:500;margin-left:8px}.meta-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 26px}.meta-item{padding:12px 14px;border-radius:10px;background:#f3f5f7}.meta-item span{display:block;font-size:.72rem;color:var(--muted);margin-bottom:5px}.sku-heading{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.sku-heading h3{margin:0;font-size:1rem}.sku-heading b{font-size:.9rem}.table-wrap{overflow:auto;max-height:285px;border:1px solid var(--line);border-radius:10px;margin-top:10px}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#f2f4f6;color:var(--muted);font-size:.73rem}td:last-child,th:last-child{text-align:right}.neg{color:var(--danger);font-weight:800}.source-note{font-size:.75rem;color:var(--muted);margin:14px 0 0}
.settings-dialog{width:min(520px,92vw);border-radius:16px;padding:28px}.dialog-title{display:flex;align-items:flex-start;justify-content:space-between}.dialog-title h2{margin:0 0 24px;font-size:1.65rem}.settings-dialog label:not(.check-row){display:block;font-weight:700}.settings-dialog select{margin-top:8px}.check-row{display:flex;gap:12px;align-items:flex-start;margin:22px 0;cursor:pointer}.check-row input{width:19px;height:19px;accent-color:var(--accent)}.check-row b,.check-row small{display:block}.check-row small{font-size:.78rem;color:var(--muted);margin-top:4px}.settings-note{background:#eef6f8;color:#395760;padding:13px 14px;border-radius:10px;font-size:.82rem;line-height:1.55}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.settings-actions .button-ghost{color:var(--ink);border-color:#aeb5bf}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:10px;padding:12px 18px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;z-index:100;font-size:.88rem}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr 1fr}.search-wrap{grid-column:1/-1}.detail{grid-template-columns:1fr}.gallery{min-height:620px}.detail-info{padding-top:26px}}
@media(max-width:760px){.topbar{height:auto;min-height:74px;padding:12px 18px}.brand small,.sync-state,.topbar .button-ghost{display:none}.topbar .button{padding:10px 12px;font-size:.84rem}main{width:calc(100% - 28px)}.control-panel{padding-top:28px}.headline-row{display:block}.last-sync{margin-top:12px}.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-body{padding:12px}.card-title{font-size:.9rem}.detail{display:block}.gallery{grid-template-columns:1fr;padding:12px;min-height:auto}.thumbs{order:2;flex-direction:row;max-height:none}.thumb{width:64px;flex:0 0 auto}.hero-image{height:52vh}.detail-info{padding:24px 20px}.product-dialog>.dialog-close{position:fixed;right:5vw}.meta-list{grid-template-columns:1fr}.headline-row h1{font-size:2rem}}
@media(max-width:430px){.brand-mark{width:36px;height:36px}.brand b{font-size:.92rem}.actions{gap:6px}.stats{gap:8px}.stat{padding:14px;min-height:80px}.stat strong{font-size:1.35rem}.filters{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.photo{aspect-ratio:3/4}.card-footer{display:block}.stock-total{text-align:left;margin-top:10px}.image-count{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Catalog density controls */
.results-actions{display:flex;align-items:center;gap:14px}.view-switcher{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff}.view-switcher button{min-width:58px;border:0;border-radius:7px;background:transparent;color:var(--muted);padding:7px 10px;font-size:.82rem;font-weight:750;cursor:pointer}.view-switcher button:hover{color:var(--ink)}.view-switcher button[aria-pressed="true"]{background:var(--ink);color:#fff}.product-grid.view-large{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-grid.view-medium{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-grid.view-small{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.product-grid.view-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.product-grid.view-gallery .product-card{border:0;border-radius:8px;box-shadow:none;background:#e8ebef}.product-grid.view-gallery .product-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(17,19,24,.16)}.product-grid.view-gallery .photo{aspect-ratio:3/4}.product-grid.view-gallery .card-body,.product-grid.view-gallery .badge,.product-grid.view-gallery .image-count{display:none}.product-grid.view-large .card-title{font-size:1.1rem}.product-grid.view-small .card-body{padding:11px 12px 13px}.product-grid.view-small .card-title{font-size:.86rem;margin-bottom:10px}.product-grid.view-small .card-code{font-size:.68rem}.product-grid.view-small .price,.product-grid.view-small .stock-total span{font-size:.68rem}.product-grid.view-small .price b,.product-grid.view-small .stock-total strong{font-size:.96rem}.product-grid.view-small .badge{top:8px;left:8px;padding:5px 7px;font-size:.64rem}.product-grid.view-small .image-count{right:8px;bottom:8px}
@media(max-width:1100px){.product-grid.view-large{grid-template-columns:repeat(2,1fr)}.product-grid.view-medium{grid-template-columns:repeat(3,1fr)}.product-grid.view-small{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.results-head{align-items:flex-start;gap:12px}.results-actions{align-items:flex-end;flex-direction:column-reverse}.view-switcher button{min-width:48px;padding-inline:8px}.product-grid.view-large{grid-template-columns:1fr}.product-grid.view-medium{grid-template-columns:repeat(2,1fr)}.product-grid.view-small,.product-grid.view-gallery{grid-template-columns:repeat(3,1fr)}.product-grid.view-gallery{gap:5px}.product-grid.view-small .card-footer{display:block}.product-grid.view-small .stock-total{text-align:left;margin-top:8px}.product-grid.view-small .image-count{display:none}}
@media(max-width:430px){.results-head{display:block}.results-actions{margin-top:10px;align-items:stretch;flex-direction:column-reverse}.view-switcher{align-self:flex-start}.view-switcher button{min-width:45px;padding-inline:7px}.product-grid.view-large{grid-template-columns:1fr}.product-grid.view-medium{grid-template-columns:repeat(2,1fr)}.product-grid.view-small,.product-grid.view-gallery{grid-template-columns:repeat(3,1fr)}}

/* Shareable product card */
.detail-share{display:inline-flex;align-items:center;gap:8px;margin:-8px 0 20px;color:var(--ink);border-color:#aeb5bf}.detail-share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.share-dialog{width:min(620px,94vw);max-height:92vh;border-radius:18px;padding:24px;background:#f5f6f8;overflow:auto}.share-dialog h2{margin:0}.share-hint{margin:0 0 14px;color:var(--muted);font-size:.86rem}.share-dialog>img{display:block;width:100%;height:auto;background:#fff;border-radius:12px;box-shadow:0 8px 28px rgba(17,19,24,.12);user-select:none;-webkit-user-select:none}.share-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.share-actions .button-ghost{color:var(--ink);border-color:#aeb5bf}
@media(max-width:600px){.share-dialog{padding:18px 14px}.share-actions{position:sticky;bottom:-18px;margin-inline:-14px;padding:12px 14px 18px;background:linear-gradient(transparent,#f5f6f8 18%,#f5f6f8)}.share-actions .button{flex:1}}