/* ===== ElecMPN Homepage Styles ===== */
/* 品牌页隐藏搜索Hero */
html.is-brand-page .search-hero,
html.is-brand-page #groupNavContainer { display: none !important; }
html.is-brand-page .results-sticky-bar { top: 0 !important; }

/* 产品详情页隐藏搜索UI */
html.is-product-detail-page .search-hero,
html.is-product-detail-page #filterCard,
html.is-product-detail-page #sortBar,
html.is-product-detail-page #pageSkeleton,
html.is-product-detail-page #stat { display: none !important; }
html.is-product-detail-page #resultsWrapper { display: block !important; }

/* IC category card styles */
.cat-card { display: flex; flex-direction: column; align-items: center; padding: 20px 16px; border-radius:4px; background: var(--bg2); border: 1px solid var(--rule); text-decoration: none; transition: all 0.2s; }
.cat-card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,114,206,0.08); }
.cat-card .cat-icon { width: 40px; height: 40px; color: var(--accent); margin-bottom: 8px; }
.cat-card .cat-icon svg { width: 100%; height: 100%; }
.cat-card .cat-name { font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 4px; }
.cat-card .cat-desc { font-size: 11px; color: var(--muted); text-align: center; }
.home-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 16px; }
.home-section-title { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-size: 18px; color: var(--ink); }
.home-section-title span { display: block; width: 4px; height: 20px; background: var(--accent); border-radius:4px; }

/* 分类树子分类 */
.category-children { grid-column: 1 / -1; margin-top: -8px; margin-bottom: 4px; padding-left: 12px; }
.category-children .lbl { padding-top: 2px; font-size: 12px; }
.category-children .opts { display: flex; flex-wrap: wrap; gap: 8px; }
.category-children .opts a { padding: 3px 10px; font-size: 12px; }

/* 空状态 */
.empty { padding: 60px 20px; text-align: center; color: var(--muted); }
.empty-basic { font-size: 15px; margin-bottom: 8px; }
.empty-sub { font-size: 13px; color: var(--muted2); }

/* 骨架屏 */
.skeleton { background: var(--bg3); border-radius:4px; }
.sk-nav { height: 56px; margin-bottom: 16px; border-radius:4px; }
.sk-filter { height: 120px; margin-bottom: 16px; border-radius:4px; }
.skeleton-row { display: grid; grid-template-columns: 90px 1fr 1fr 1fr 100px 120px 100px; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--rule); }
.skeleton-card { display: none; padding: 14px; border-bottom: 1px solid var(--rule); }
.sk-img { width: 90px; height: 90px; }
.sk-line { height: 14px; }
.sk-line.short { height: 14px; width: 60%; }

/* 全页骨架屏 - 初始加载 */
.page-skeleton { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.page-skeleton .sk-hero { height: 200px; margin: 32px 0 24px; border-radius:4px; }
.page-skeleton .sk-filters { height: 180px; margin-bottom: 20px; border-radius:4px; }
.page-skeleton .sk-results-header { height: 44px; margin-bottom: 12px; border-radius:4px; }
.page-skeleton .sk-result-row { display: grid; grid-template-columns: 80px 1fr 1.2fr 160px 100px 100px; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--rule); align-items: center; }
.page-skeleton .sk-result-row .sk-img { width: 80px; height: 80px; }
.page-skeleton .sk-result-row .sk-line { height: 13px; }
.page-skeleton .sk-result-row .sk-line.wide { height: 13px; }
.page-skeleton .sk-result-row .sk-line.short { height: 13px; width: 50%; }
[data-theme="dark"] .skeleton, [data-theme="dark"] .page-skeleton .skeleton { background: var(--ink); }






/* === 桌面端弹窗绝对不透明 === */
.params-popup, .params-popup * {
  background-color: var(--bg) !important;
}
.params-popup {
  background: var(--bg) !important;
  background-color: var(--bg) !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  isolation: isolate !important;
  mix-blend-mode: normal !important;
}
.params-popup-inner {
  background: var(--bg) !important;
  background-color: var(--bg) !important;
  opacity: 1 !important;
}
.pp-row, .pp-label, .pp-value {
  background-color: var(--bg) !important;
}
[data-theme="dark"] .params-popup, [data-theme="dark"] .params-popup * {
  background-color: var(--ink) !important;
}
[data-theme="dark"] .params-popup {
  background: var(--ink) !important;
  background-color: var(--ink) !important;
}
[data-theme="dark"] .params-popup-inner {
  background: var(--ink) !important;
  background-color: var(--ink) !important;
}
[data-theme="dark"] .pp-row, [data-theme="dark"] .pp-label, [data-theme="dark"] .pp-value {
  background-color: var(--ink) !important;
}
/* 搜索关键词高亮 */
mark.search-highlight {
  background: #fef08a;
  color: var(--ink);
  border-radius:4px;
  padding: 0 1px;
}
[data-theme="dark"] mark.search-highlight {
  background: #854d0e;
  color: #fef08a;
}

/* 首页宽度自适应 */
main { max-width: 1380px; width: auto; }
body.desktop-only main { padding: 0 24px 40px !important; max-width: 1380px !important; width: auto !important; margin: 0 auto !important; }
.hero-inner { max-width: 1380px; }
.home-cats { max-width: 1380px; }
.quote-banner { max-width: 1380px; }
.subscribe-panel { max-width: 1380px; }

/* 全局弹窗样式 */
.global-popup { position: fixed; z-index: 999999; background: var(--bg); border: 1px solid var(--rule); border-radius:4px; box-shadow: 0 16px 56px rgba(0,0,0,0.18),0 4px 12px rgba(0,0,0,0.08); padding: 16px 20px; min-width: 260px; max-width: 400px; opacity: 1; backdrop-filter: none; -webkit-backdrop-filter: none; filter: none; isolation: isolate; mix-blend-mode: normal; pointer-events: none; }
.global-popup .global-popup-inner { display: grid; grid-template-columns: auto 1fr; gap: 5px 14px; font-size: 13px; background: var(--bg); opacity: 1; }
.global-popup .global-popup-arrow { position: absolute; top: -6px; left: 18px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid var(--bg); }
.global-popup .pp-row { display: contents; }
.global-popup .pp-desc-row { display: block; grid-column: 1 / -1; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--rule); }
.global-popup .pp-desc-row .pp-label { color: var(--muted); font-weight: 500; white-space: nowrap; }
.global-popup .pp-desc-row .pp-label::after { content: ':'; }
.global-popup .pp-desc-row .pp-value { color: var(--ink-soft); font-weight: 400; font-size: 12px; line-height: 1.5; white-space: normal; display: block; margin-top: 2px; }
.global-popup .pp-label { color: var(--muted); font-weight: 500; white-space: nowrap; }
.global-popup .pp-label::after { content: ':'; }
.global-popup .pp-value { color: var(--ink); font-weight: 500; }
[data-theme="dark"] .global-popup { background: var(--ink) !important; border-color: var(--ink-soft); }
[data-theme="dark"] .global-popup .global-popup-inner { background: var(--ink) !important; }
[data-theme="dark"] .global-popup .global-popup-arrow { border-bottom-color: var(--ink); }
[data-theme="dark"] .global-popup .pp-label { color: var(--muted); }
[data-theme="dark"] .global-popup .pp-value { color: var(--rule); }
[data-theme="dark"] .global-popup .pp-desc-row { border-top-color: var(--ink-soft); }
[data-theme="dark"] .global-popup .pp-desc-row .pp-label { color: var(--muted); }
[data-theme="dark"] .global-popup .pp-desc-row .pp-value { color: var(--rule); }