/* 发现版共用的导航、搜索和图片列表。 */
.site-header {height:74px}
.header-inner {width:min(1280px,calc(100% - 64px))}
.brand {font-size:19px;gap:10px}
.brand-symbol {width:40px;height:40px;border-radius:11px}
.brand small {font-size:10px;letter-spacing:2px;margin-top:2px}
.site-header nav {height:auto;gap:4px}
.site-header nav a {height:40px;padding:0 16px;border-radius:24px;font-size:15px}
.site-header nav a.active {color:var(--accent-ink);font-weight:650}
.site-header nav a.active::after {border-radius:2px}
.theme-toggle {border-radius:50%}
.header-actions {gap:14px}
.header-actions .saved-link svg {display:none}
.search-bar {padding:3px 4px 3px 0;border-radius:28px}
.search-bar .search-submit {min-height:38px;border-radius:24px;padding-inline:17px}
.search-bar .search-submit:hover {transform:none}
.type-tabs a,.category-links a[data-category-id] {border:0;background:transparent;color:var(--muted)}
.type-tabs a.active {position:relative;isolation:isolate;background:transparent;color:var(--accent-ink)}
.type-tabs a.active::after {content:"";position:absolute;inset:3px 0;border-radius:24px;background:var(--accent-soft);z-index:-1}
.category-links a[data-category-id].active {background:var(--accent-soft);color:var(--accent-ink)}
.category-links a[data-category-id] {border-radius:10px}
.category-sidebar,.merchant-card,.info-card,.empty-state,.route-panel,.quote-panel,dialog {border-radius:16px}
[data-theme="light"] .category-sidebar {background:var(--panel)}
[data-theme="light"] .category-sidebar h2 {display:flex;align-items:center;gap:8px}
[data-theme="light"] .category-sidebar h2::before {content:'';width:3px;height:1em;border-radius:2px;background:var(--primary-bg)}
[data-theme="light"] .category-links a[data-category-id]:where(:not(.active)) {color:var(--text)}
@media (hover:hover) and (pointer:fine) {
  [data-theme="light"] .category-links a[data-category-id]:not(.active):hover {background:var(--card-hover);color:var(--accent-ink)}
}
.directory-photos {width:100%;display:flex;gap:4px;margin-top:12px;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--field)}
.directory-photos a {flex:1;min-width:0;cursor:zoom-in}
.directory-photos a:focus-visible {outline-offset:-2px}
.directory-photos img {display:block;width:100%;height:clamp(88px,8vw,116px);object-fit:cover}
.market-card {background:var(--accent-soft);border-color:transparent}
.market-card.clearance {background:var(--stock-soft);border-color:transparent}
.market-section {border:0;padding-bottom:0}

/* 首页行业图鉴。 */
.discovery-head {display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;padding:46px 0 32px;border-bottom:1px solid var(--line)}
.edition {display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.4px}
.edition i {width:17px;height:7px;background:var(--primary-bg);transform:skew(-22deg);border-radius:1px}
.edition span {color:var(--subtle)}
.discovery-intro h1 {font-size:clamp(38px,3.3vw,54px);letter-spacing:-.055em;line-height:1.2;font-weight:750;margin:12px 0 10px}
.discovery-intro h1 span {color:var(--accent-ink)}
.discovery-intro p,.shelf-head>div>span {font-size:14px;color:var(--muted)}
.discovery-intro b {color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.discovery-tools {min-width:0}
.discovery-tools .hero-search {margin:0;max-width:none;padding:5px}
.discovery-tools .hero-search select {width:120px;padding-left:13px}
.discovery-tools .search-submit {min-height:40px;padding-inline:23px}
.discovery-tools .hot-search {gap:8px 14px;margin:10px 0 0 10px;align-items:center;font-size:13px}
.hot-search span {color:var(--subtle)}
.hot-search a:hover {color:var(--accent-ink)}
.shelf-head,.shelf-head>div:first-child {display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.shelf-head {align-items:center;justify-content:space-between;margin:26px 0 18px}
.shelf-head h2 {font-size:var(--section-title);font-weight:var(--title-weight);letter-spacing:-.025em}
.shelf-head>div>span {font-size:13px}
.discovery-filters {display:flex;gap:3px;padding:3px;background:var(--field);border-radius:24px}
.discovery-filters button {border:0;background:transparent;color:var(--muted);padding:6px 15px;border-radius:24px;font-size:14px;font-weight:550;line-height:1.7}
.discovery-filters button[aria-pressed="true"] {background:var(--text);color:var(--bg)}
.discovery-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px}
.discovery-card {display:flex;flex-direction:column;min-width:0;border-radius:16px}
.discovery-card[hidden] {display:none}
.industry-plate {
  --sheet:#27292c;--ink:#e1e5eb;--lit:#9ca5af;--mid:#6c7681;--shade:#515964;
  --recess:#30353b;--tint:#dca348;--fine:#acb4be;
  position:relative;aspect-ratio:1.85;overflow:hidden;border:1px solid var(--line);border-radius:14px;
  background-color:var(--sheet);
}
[data-theme="light"] .industry-plate {
  --sheet:#f5f2ed;--ink:#4a5057;--lit:#fbfcfe;--mid:#e0e5ec;--shade:#bdc6d1;
  --recess:#67717d;--tint:#ffc353;--fine:#79838f;
}
.plate-index {position:absolute;top:10px;left:13px;display:flex;align-items:center;gap:6px;color:var(--ink);font:500 10px/1.25 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.plate-index::before {content:'';width:10px;height:2px;background:var(--primary-bg)}
.plate-drawing {position:absolute;inset:17px 0 2px;width:100%;height:calc(100% - 19px);stroke:var(--ink);stroke-width:1.55;fill:none}
.plate-lit {fill:var(--lit)}
.plate-mid {fill:var(--mid)}
.plate-shade {fill:var(--shade)}
.plate-accent {fill:var(--tint)}
.plate-recess {fill:var(--recess)}
.plate-cut {fill:var(--sheet);stroke:none}
.plate-detail {stroke:var(--fine);stroke-width:1.1}
.plate-seam,.plate-glint {stroke:var(--lit);stroke-width:1.3}
.plate-spark {stroke:var(--tint)}
.discovery-caption {display:flex;flex-direction:column;flex:1;padding:10px 3px 0}
.discovery-caption h3 {font-size:19px;font-weight:660;line-height:1.45;letter-spacing:-.02em}
.discovery-caption p {margin:3px 0 6px;color:var(--muted);font-size:14px;line-height:1.55}
.discovery-caption small {margin-top:auto;display:inline-flex;align-items:center;gap:5px;color:var(--subtle);font-size:12px}
.discovery-caption small svg {width:15px;height:15px}
@media (hover:hover) and (pointer:fine) {
  .discovery-card:hover h3,.discovery-filters button:not([aria-pressed="true"]):hover {color:var(--accent-ink)}
  .site-header nav a:not(.active):hover {background:var(--field)}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) {
  .plate-drawing {transition:transform .22s ease-out}
  .discovery-card:hover .plate-drawing {transform:translateY(-2px)}
}
@media (max-width:1100px) {
  .site-header nav a {padding-inline:10px}
  .discovery-grid {gap:20px 14px}
  .discovery-head {gap:25px}
}
@media (max-width:900px) {
  .site-header {height:114px}
  .site-header nav {height:38px;gap:6px;margin:4px 0 0}
  .site-header nav a {height:35px}
  .discovery-head {grid-template-columns:1fr;gap:18px;padding-top:30px}
  .discovery-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:650px) {
  .header-inner {width:calc(100% - 32px)}
  .site-header {height:102px}
  .brand {font-size:16px;gap:7px}
  .brand-symbol {width:35px;height:35px}
  .brand small {letter-spacing:1px}
  .header-actions {gap:4px}
  .header-actions .theme-toggle {display:inline-flex;width:40px;min-width:40px}
  .site-footer .theme-toggle {display:none}
  .site-header nav {height:44px;gap:2px;justify-content:space-between;margin-top:2px}
  .site-header nav a {flex:1 0 auto;justify-content:center;height:44px;max-width:5.5em;padding:0 4px;font-size:14px}
  .site-header nav a.active::after {bottom:3px}
  #factory-directory>.type-tabs {gap:3px;margin:8px 0 12px;padding:0;border-bottom:0}
  .type-tabs a {padding-inline:7px}
  .type-tabs a.active::after {inset-block:7px}
  .discovery-head {padding:19px 0 17px;gap:16px}
  .edition {font-size:10px}
  .discovery-intro h1 {font-size:33px;margin:7px 0}
  .discovery-intro p {font-size:13px}
  .discovery-tools .hero-search {padding:3px}
  .discovery-tools .hero-search select {width:89px;padding-left:8px}
  .discovery-tools .search-submit {padding-inline:13px;min-height:38px}
  .discovery-tools .hot-search {gap:5px 10px;margin:7px 0 0 2px;font-size:12px}
  .shelf-head {margin:17px 0 13px;gap:8px}
  .shelf-head>div:first-child {gap:10px}
  .discovery-filters {max-width:100%;overflow:auto}
  .discovery-filters button {min-height:44px;padding:5px 10px;font-size:13px;white-space:nowrap}
  .discovery-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .industry-plate {aspect-ratio:1.65;border-radius:10px}
  .plate-index {top:7px;left:9px;font-size:8px;gap:4px}
  .plate-drawing {top:13px;height:calc(100% - 14px)}
  .discovery-caption {padding:7px 1px 0}
  .discovery-caption h3 {font-size:16px}
  .discovery-caption p {font-size:13px;line-height:1.5;margin-bottom:4px}
  .discovery-caption small {font-size:11px}
  .directory-layout .directory-photos img {height:96px}
}