/* V2 · 专业货架及深浅主题适配。色彩不直接改变图片内容；有示意标记。 */
:root{
  --green:#087747;--green2:#08613c;--blue:#1b65c4;
  --ink:#15283e;--muted:#506176;--line:#dce5ec;
  --bg:#f7fafb;--surface:#fff;--surface-2:#f1f6f9;--surface-3:#eaf8f1;
  --action:#087747;--ink-soft:#506176;--ink-weak:#5c6c7d;
  --shadow:0 10px 32px rgba(24,55,71,.065);
}
html[data-theme="light"]{color-scheme:light}
html{scroll-padding-top:85px}
body{background:var(--bg);color:var(--ink)}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #64b996;outline-offset:3px}
input::placeholder,textarea::placeholder{color:#66798c;opacity:1}
/* 在浅背景上，所有正文与标签使用深色而不是轻灰色 */
.brand-sub,.hero .sub,.hero .safeline,.entry-caption,.benefit span,
.desc,.detail-desc,.info-tile p,.param-pane,.copyblock,
.page-banner p,.material span,.material-card small,.factory-option p,
.factory-option ul,.matched-card .sm,.stage ul,.select-control,
.select-control select,.results-count,.crumb,.aside-info,
.match-step span,.service-item span,.site-footer,.modal p,
.notice,.notice.blue,.callout p,.floatbtn,.sort-tabs button,
.field input,.field select,.field textarea,.filter-chip,.advanced label,
.material-card small{color:var(--ink-soft)}
.notice,.notice.blue{color:#365a4a}
.match-step span,.service-item span,.benefit span,.results-count,.brand-sub{font-size:12px}
.brand-title em,.reset-link,.nav-link.active,.cat-btn.active,.match-strip .lead strong{color:var(--green2)}
.btn-primary,.btn-blue,.header-search button,.num{color:#fff}
.btn-primary{background:var(--action)}
.btn-primary:hover{background:#06653b}
.btn-blue{background:#1a61bf}
.product-imgtag.warm{background:#97560e;color:white}
.pill{color:#2d5b7d;background:#eaf1f8}
.pill.amber{color:#86500d;background:#ffedce}
.product-image::after{background:rgba(14,32,52,.86);color:#fff;font-size:11px;padding:2px 7px}
.product-image img,.showcase-media img,.mini-card img,.matched-card img,.bag-item img{transition:filter .2s ease}
/* 工厂店货架：所有系统可见，不分页；支持清单紧凑视图 */
.side-cats h3{display:flex;align-items:center;justify-content:space-between;gap:10px}
.category-count{color:var(--ink-soft);font-size:11px;font-weight:600}
.cat-name{min-width:0;line-height:1.3;overflow-wrap:anywhere}
.cat-number{background:#eaf1f5;color:#466179;min-width:27px;text-align:center;border-radius:999px;padding:2px 6px;font-size:11px;font-variant-numeric:tabular-nums;margin-left:8px;flex-shrink:0}
.cat-btn.active .cat-number{background:#caebd7;color:#075735}
.shelf-intro{padding:0 0 14px}
.shelf-intro h2{font-size:20px;font-weight:900;line-height:1.3;margin:0 0 4px}
.shelf-intro p{color:var(--ink-soft);font-size:12px;line-height:1.5;margin:0}
.shelf-head{gap:12px;flex-wrap:wrap}
.shelf-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.view-switch,.export-catalog{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-soft);font-weight:700;padding:6px 10px;font-size:12px;min-height:33px}
.view-switch.active{color:var(--green2);border-color:#74ba93;background:#e6f6ed}
.view-switch:hover,.export-catalog:hover{border-color:var(--green);color:var(--green2)}
.inventory-end{font-size:12px;text-align:center;color:var(--ink-soft);border-top:1px solid var(--line);padding:18px 3px 6px;margin-top:18px}
.product-card{content-visibility:auto;contain-intrinsic-size:auto 365px}
.product-image{cursor:pointer}
.product-image img{display:block}
.image-product-id{position:absolute;left:9px;bottom:6px;background:rgba(13,29,45,.87);color:#fff;font-size:10px;font-weight:800;border-radius:4px;padding:3px 7px;z-index:1}
.product-major{font-size:11px;color:var(--ink-soft);display:flex;align-items:center;gap:5px;min-height:18px;line-height:1.4}
.product-major .ico{width:14px;height:14px;color:var(--green2)}
.prod-name{overflow-wrap:anywhere}
.cards-grid.as-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.catalog-row{display:grid;grid-template-columns:70px minmax(0,1fr) 105px 168px;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--line);min-height:65px}
.catalog-row:last-child{border-bottom:0}
.catalog-row:nth-child(even){background:#f8fbfd}
.catalog-row-id{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-soft);font-weight:700}
.catalog-row-title{font-weight:800;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.catalog-row-title:hover{color:var(--green2)}
.catalog-row-info p{font-size:11px;color:var(--ink-soft);margin:3px 0 0;line-height:1.4}
.catalog-row-meta{justify-self:start}
.catalog-row-buttons{display:flex;gap:7px;justify-content:flex-end}
.catalog-row-buttons .btn{min-width:70px}
/* 图文货架、正文、交互控件的稳定色 */
:root[data-theme="light"] .entry-card{color:var(--ink)}
:root[data-theme="light"] .entry-card.green{background:linear-gradient(110deg,#e2f7ea,#f3fcf7)}
:root[data-theme="light"] .entry-card.blue{background:linear-gradient(110deg,#e3f1ff,#f3f8ff)}
:root[data-theme="light"] .entry-card.amber{background:linear-gradient(110deg,#ffefd7,#fff9ed)}
:root[data-theme="light"] .stage.green{background:#edf9f1}
:root[data-theme="light"] .stage.blue{background:#eef6ff}
:root[data-theme="light"] .stage.orange{background:#fff7e9}
.theme-toggle{background:#eef4f7;border:1px solid var(--line);border-radius:9px;color:#264a63;padding:7px 10px;min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:800}
.theme-toggle:hover{border-color:var(--green)}
.theme-icon{font-size:19px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:21px}
/* 深色主题：对比度控制，图片不反色，只降低亮度以匹配深色界面。 */
html[data-theme="dark"]{
  color-scheme:dark;
  --green:#83e8b1;--green2:#83e8b1;--blue:#84baff;
  --ink:#eef6ff;--muted:#c5d2e1;--line:#394c60;
  --bg:#0e1725;--surface:#192738;--surface-2:#223347;--surface-3:#1c4439;
  --action:#087747;--ink-soft:#c0d0e0;--ink-weak:#b1c3d5;
  --shadow:0 14px 30px rgba(0,0,0,.22)
}
[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
[data-theme="dark"] .site-header,[data-theme="dark"] .site-footer,[data-theme="dark"] .modal,
[data-theme="dark"] .whitepanel,[data-theme="dark"] .product-card,
[data-theme="dark"] .info-tile,[data-theme="dark"] .material,
[data-theme="dark"] .mini-card,[data-theme="dark"] .matched-card,
[data-theme="dark"] .bag-item,[data-theme="dark"] .stage,
[data-theme="dark"] .material-card,[data-theme="dark"] .factory-option,
[data-theme="dark"] .floatbtn,[data-theme="dark"] .mobile-nav,
[data-theme="dark"] .mobile-menu,[data-theme="dark"] .cards-grid.as-list{
  background:var(--surface);border-color:var(--line);color:var(--ink)
}
[data-theme="dark"] .site-header,[data-theme="dark"] .site-footer,[data-theme="dark"] .mobile-nav{border-color:var(--line)}
[data-theme="dark"] .hero{background:radial-gradient(ellipse at 45% 0%,#1b3a36 0%,#13243a 57%,#0e1725 91%)}
[data-theme="dark"] .page-banner{background:linear-gradient(110deg,#1b3933,#17273c);border-color:var(--line)}
[data-theme="dark"] .hero h1{color:var(--ink)}
[data-theme="dark"] .hero h1 .highlight{color:#87ecb7}
[data-theme="dark"] .hero .sub,[data-theme="dark"] .hero .safeline,
[data-theme="dark"] .brand-sub,[data-theme="dark"] .entry-caption,
[data-theme="dark"] .benefit span,[data-theme="dark"] .desc,
[data-theme="dark"] .product-major,[data-theme="dark"] .detail-desc,
[data-theme="dark"] .info-tile p,[data-theme="dark"] .param-pane,
[data-theme="dark"] .copyblock,[data-theme="dark"] .page-banner p,
[data-theme="dark"] .material span,[data-theme="dark"] .material-card small,
[data-theme="dark"] .factory-option p,[data-theme="dark"] .factory-option ul,
[data-theme="dark"] .matched-card .sm,[data-theme="dark"] .stage ul,
[data-theme="dark"] .select-control,[data-theme="dark"] .select-control select,
[data-theme="dark"] .results-count,[data-theme="dark"] .crumb,
[data-theme="dark"] .aside-info,[data-theme="dark"] .match-step span,
[data-theme="dark"] .service-item span,[data-theme="dark"] .site-footer,
[data-theme="dark"] .modal p,[data-theme="dark"] .callout p,
[data-theme="dark"] .sort-tabs button,[data-theme="dark"] .field input,
[data-theme="dark"] .field select,[data-theme="dark"] .field textarea,
[data-theme="dark"] .advanced label,[data-theme="dark"] .shelf-intro p,
[data-theme="dark"] .catalog-row-info p,[data-theme="dark"] .catalog-row-id,
[data-theme="dark"] .inventory-end,[data-theme="dark"] .cat-number,
[data-theme="dark"] .reset-link{color:var(--ink-soft)}
[data-theme="dark"] .entry-card.green{background:linear-gradient(110deg,#214d3c,#1b3e36)}
[data-theme="dark"] .entry-card.blue{background:linear-gradient(110deg,#223e60,#1a3651)}
[data-theme="dark"] .entry-card.amber{background:linear-gradient(110deg,#4b3924,#3d342b)}
[data-theme="dark"] .entry-card{color:var(--ink);border:1px solid var(--line)}
[data-theme="dark"] .entry-icon{background:#142b3a}
[data-theme="dark"] .entry-card.green .entry-icon{color:#80edb1}
[data-theme="dark"] .entry-card.blue .entry-icon{color:#9dc6ff}
[data-theme="dark"] .entry-card.amber .entry-icon{color:#f3c481}
[data-theme="dark"] .entry-arrow{color:#dcefe8}
[data-theme="dark"] .benefit,[data-theme="dark"] .service-item,[data-theme="dark"] .side-cats{border-color:var(--line)}
[data-theme="dark"] .header-search,[data-theme="dark"] .theme-toggle,
[data-theme="dark"] .select-control,[data-theme="dark"] .field input,
[data-theme="dark"] .field textarea,[data-theme="dark"] .field select,
[data-theme="dark"] .advanced select,[data-theme="dark"] .upload-box,
[data-theme="dark"] .filter-chip,[data-theme="dark"] .view-switch,
[data-theme="dark"] .export-catalog,[data-theme="dark"] .pagination button,
[data-theme="dark"] .mobile-menu a{background:#233549;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .header-search input{background:#233549;color:var(--ink)}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#aabed0}
[data-theme="dark"] .header-search button,[data-theme="dark"] .btn-primary,
[data-theme="dark"] .pagination button.active{background:#087747;color:#fff;border-color:#087747}
[data-theme="dark"] .btn-primary:hover{background:#06653b}
[data-theme="dark"] .btn-blue{background:#1a61bf;color:#fff}
[data-theme="dark"] .btn-outline{background:#183d32;border-color:#58a786;color:#dbffec}
[data-theme="dark"] .btn-outline:hover{background:#24543e}
[data-theme="dark"] .btn-soft,[data-theme="dark"] .btn-ghost{background:#284054;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .pill{background:#254661;color:#d3ebff}
[data-theme="dark"] .pill.green{background:#154f38;color:#bdf9d5}
[data-theme="dark"] .pill.amber{background:#5b3b17;color:#ffe3b5}
[data-theme="dark"] .pill.dark{background:#334761;color:#dcecff}
[data-theme="dark"] .cat-btn{color:var(--ink-soft)}
[data-theme="dark"] .cat-btn:hover{background:#253d42;color:var(--ink)}
[data-theme="dark"] .cat-btn.active{background:#1d513c;color:#d3fce3;border-color:#45ae78}
[data-theme="dark"] .cat-btn.active .cat-number{background:#256f4c;color:#fff}
[data-theme="dark"] .cat-number{background:#304255;color:var(--ink-soft)}
[data-theme="dark"] .nav-link.active,[data-theme="dark"] .brand-title em,[data-theme="dark"] .prod-name:hover,
[data-theme="dark"] .reset-link,[data-theme="dark"] .sort-tabs button.current,
[data-theme="dark"] .match-strip .lead strong,[data-theme="dark"] .catalog-row-title:hover{color:var(--green)}
[data-theme="dark"] .match-strip,[data-theme="dark"] .process-item,
[data-theme="dark"] .callout,[data-theme="dark"] .notice{background:#1a3a33;border-color:#35594b;color:#e4f9ed}
[data-theme="dark"] .notice.blue{background:#20364f;border-color:#3a587a;color:#dcecff}
[data-theme="dark"] .advanced,[data-theme="dark"] .param-pane,
[data-theme="dark"] .param-detail pre{background:#142236;border-color:var(--line);color:var(--ink-soft)}
[data-theme="dark"] .param-detail summary{color:var(--green)}
[data-theme="dark"] .process-item .num{background:#0a7650;color:#fff}
[data-theme="dark"] .stage.green{background:#214135}
[data-theme="dark"] .stage.blue{background:#263c58}
[data-theme="dark"] .stage.orange{background:#463825}
[data-theme="dark"] .stage .muted{color:#d6e2ef}
[data-theme="dark"] .stage .small[style*="color:#52667a"]{color:#d6e2ef!important}
[data-theme="dark"] .upload-box{background:#1b4439;border-color:#53856c;color:#d6ffe7}
[data-theme="dark"] .matched-card .matched-why{color:#9be8b9}
[data-theme="dark"] .catalog-row:nth-child(even){background:#1b2d40}
[data-theme="dark"] .catalog-row{border-color:var(--line)}
[data-theme="dark"] .view-switch.active{background:#1e513b;border-color:#5bb685;color:#d5ffe5}
[data-theme="dark"] .product-image,[data-theme="dark"] .showcase-media{background:#162334}
[data-theme="dark"] .product-image img,[data-theme="dark"] .showcase-media img,
[data-theme="dark"] .matched-card img,[data-theme="dark"] .mini-card img,
[data-theme="dark"] .bag-item img{filter:brightness(.78) saturate(.91) contrast(1.08)}
[data-theme="dark"] .product-imgtag{color:#fff}
[data-theme="dark"] .product-imgtag.warm{background:#98520e}
[data-theme="dark"] .product-imgtag.green{background:#09653c}
[data-theme="dark"] .media-label{background:#091a2fe0;color:#fff}
[data-theme="dark"] .qr-placeholder{background:#203f3a;border-color:#578d71;color:#daffe8}
[data-theme="dark"] .icon-btn{color:#ebf7ff}
[data-theme="dark"] .floatbtn{color:#a6f2c8}
[data-theme="dark"] .floatbtn.bag{color:#b7d6ff}
[data-theme="dark"] .mobile-nav button{color:#bdcde0}
[data-theme="dark"] .mobile-nav button.active{color:#84e7b0}
[data-theme="dark"] .empty,[data-theme="dark"] .empty strong{color:var(--ink-soft)}
/* 手机体验：按钮可点击、目录可快速切清单、没有横向溢出 */
@media(max-width:1100px){.theme-word{display:none}.theme-toggle{width:40px;height:38px;padding:7px}}
@media(max-width:850px){.theme-toggle{margin-left:auto}.menu-btn{margin-left:0}.shelf-intro h2{font-size:18px}.view-switch{padding:6px 9px}.shelf-tools{justify-content:flex-start}.cards-grid.as-list{display:block}.catalog-row{grid-template-columns:55px minmax(0,1fr) auto;gap:9px;padding:11px}.catalog-row-meta{display:none}.catalog-row-buttons{flex-direction:column;gap:5px}.catalog-row-buttons .btn{min-width:60px}.category-count{display:none}.cat-btn{gap:6px}.cat-btn .cat-number{margin-left:0}}
@media(max-width:540px){.hero h1{letter-spacing:-.5px;font-size:28px}.shelf-intro h2{font-size:17px}.shelf-intro p{font-size:11px}.shelf-head{align-items:flex-start}.shelf-tools{width:100%;justify-content:space-between}.sort-tabs button{padding:7px 6px;font-size:11px}.results-count{width:100%;font-size:12px}.view-switch span{display:none}.export-catalog{padding:7px}.catalog-row{grid-template-columns:48px minmax(0,1fr) 58px;gap:7px;padding:10px 8px}.catalog-row-id{font-size:10px}.catalog-row-title{font-size:12px}.catalog-row-info p{font-size:10px}.catalog-row-buttons{gap:5px}.catalog-row-buttons .btn{padding:5px 4px;font-size:10px;min-height:30px;min-width:52px}.product-image .image-product-id{font-size:9px;bottom:3px;left:4px;padding:2px 4px}.product-major{font-size:10px}.theme-toggle{min-width:39px;flex-shrink:0}.cards-grid:not(.as-list) .product-card{grid-template-columns:38% minmax(0,62%)}.entry-caption{font-size:11px;line-height:1.42}}
@media print{html[data-theme="dark"] body{color:black;background:white}html[data-theme="dark"] .whitepanel,html[data-theme="dark"] .detail-box{background:white;color:black} .theme-toggle,.shelf-tools{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* 2026-10-29 手机实测修正：不让分类标题拉高整行 */
@media(max-width:850px){
 .side-cats h3{display:none!important}
 .side-cats{display:flex;align-items:center;overflow-x:auto;gap:7px;padding:2px 0 12px;scrollbar-width:thin}
 .cat-btn{align-self:center;flex:0 0 auto;min-height:39px;max-height:43px;padding:7px 10px;white-space:nowrap;align-items:center;width:max-content;gap:7px}
 .cat-name{white-space:nowrap;overflow-wrap:normal}
 .cat-number{flex:0 0 auto}
 .hero-mobile-search{margin-bottom:13px}
 .hero-mobile-search .header-search{border-radius:10px;border-color:#b2cfc1}
 [data-theme="dark"] .hero-mobile-search .header-search{border-color:#557467}
}
/* Search, recommendations and customer inquiry */
.header-search{position:relative;overflow:visible}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:8px;background:var(--surface,#fff);color:var(--text,#16334b);border:1px solid #d9e8df;border-radius:12px;box-shadow:0 15px 40px #173c5424;z-index:80;max-height:390px;overflow:auto}.search-suggestions[hidden]{display:none}.search-suggestions button{display:block!important;width:100%;text-align:left;border:0!important;background:transparent!important;color:inherit!important;padding:11px 10px!important;border-radius:7px!important;white-space:normal}.search-suggestions button:hover,.search-suggestions button:focus{background:#e9f6ef!important;outline:2px solid #108553}.search-suggestions small{display:block;font-size:11px;color:#638173;margin-top:4px}.suggestion-heading{font-size:11px;color:#657d71;padding:7px 10px}.suggestion-all{font-weight:700;color:#078751!important}.search-report{background:#eef9f3;border:1px solid #cbe9d8;border-radius:10px;padding:13px 16px;margin:10px 0 17px;color:#205d43;font-size:13px}.search-report p{font-size:12px;line-height:1.8;margin:5px 0 0}.search-reason{font-size:11px;color:#087a4c;line-height:1.7;margin:9px 0 0}.contact-modal{width:min(780px,calc(100vw - 28px));max-width:780px;max-height:90vh;overflow:auto}.contact-columns{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding-top:6px}.contact-qr{text-align:center}.contact-qr img{width:100%;max-width:240px;height:auto;display:block;background:#fff;border-radius:10px;user-select:auto}.contact-qr p{font-size:12px;line-height:1.7}.contact-qr a{color:#078751;font-size:12px}.contact-columns h4{font-size:18px;margin:5px 0 8px}.contact-columns form label{display:block;font-size:12px;font-weight:600;margin:16px 0 7px}.contact-columns input,.contact-columns textarea{width:100%;border:1px solid #cbded3;border-radius:8px;padding:11px;background:var(--surface,#fff);color:inherit;font:inherit}.contact-columns form>button{width:100%;margin-top:15px}.inquiry-receipt{background:#eef9f3;color:#205d43;border:1px solid #b8dfc8;border-radius:10px;padding:15px;margin-top:16px;font-size:12px;overflow-wrap:anywhere}.inquiry-receipt>strong{font-size:16px}.inquiry-receipt p{line-height:1.8}.inquiry-error{padding:13px;background:#fff0ed;color:#9e3826;border-radius:8px;font-size:12px;margin-top:12px;line-height:1.8}button:disabled{opacity:.6;cursor:wait}[data-theme="dark"] .search-suggestions{background:#182c3b;color:#e1eaf1;border-color:#355244}[data-theme="dark"] .search-suggestions button:hover,[data-theme="dark"] .search-suggestions button:focus{background:#244437!important}[data-theme="dark"] .search-report,[data-theme="dark"] .inquiry-receipt{background:#173b2f;color:#b6e4cb;border-color:#315e48}[data-theme="dark"] .search-reason{color:#8cdbb6}[data-theme="dark"] .contact-columns input,[data-theme="dark"] .contact-columns textarea{background:#152938;border-color:#41584f;color:#edf4f0}
@media(max-width:620px){.contact-columns{grid-template-columns:1fr;gap:12px}.contact-qr img{width:218px;margin:auto}.contact-qr p{margin:8px 0 4px}.contact-modal{max-height:92vh}.contact-columns h4{margin-top:9px}.search-report{font-size:12px;padding:11px}}