/* ============================================================
   鑫乐种业 · 精品精修层 v2.0（2026-08-16）
   设计原则：克制 · 沉稳 · 可信 —— 与『做老百姓信得过的
   品牌种子』品牌气质一致。去掉一切浮夸效果，只做有分量
   的细节打磨。删除本文件即可完整回滚。
   ============================================================ */

/* ----------------------------------------------------------
   一、排印精修（杂志风的核心竞争力）
   ---------------------------------------------------------- */

/* 中文大标题：收紧字距显力量，同时拉开小标题呼吸感 */
h1, .hero-title { letter-spacing: -.01em; }
h2 { letter-spacing: 0; }
.chapter, .article-kicker, .section-eyebrow {
  letter-spacing: .14em;           /* 章节小标加宽字距，编辑感 */
  font-weight: 600;
}

/* 审定编号、日期、规格等关键信息：等宽数字，整齐可信 */
.product-card-meta, .catalog-card-meta, .catalog-facts,
.term-date, .case-status, .field-video-meta,
.article-checklist li::before, .steps li::before {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* 正文行长与行高节奏：农民朋友读起来不累 */
.section-sub, .article-intro, .finder-result li,
.solar-term-detail ul, .field-faq .faq-answer {
  line-height: 1.85;
}

/* 段落末尾标点悬挂（支持的浏览器自动生效，杂志级细节） */
p, .section-sub, li { hanging-punctuation: last; }

/* ----------------------------------------------------------
   二、色彩与层次：深绿区块的微妙区分
   ---------------------------------------------------------- */

/* 三个深色区块（农户价值/选种工具/理念）原色接近，
   用极克制的明度差建立阅读秩序 */
.farmer-value { background-color: #16281d; }          /* 最深：开场定调 */
.seed-finder.section--dark { background-color: #1a2f22; } /* 中段：工具区 */
.philosophy.section--dark { background-color: #182e21; }  /* 收尾：理念区 */

/* 深色区块内的次级文字统一提亮一档，保证可读性 */
.section--dark p, .section--dark li,
.farmer-value p, .philosophy li {
  color: rgba(244, 240, 232, .78);
}

/* 金色文字对比度修正：浅底用深金（达标），深底用亮金 */
.chapter, .article-kicker { color: #8a6d1f; }
.section--dark .chapter, .farmer-value .chapter,
.philosophy .chapter, .seed-finder .chapter,
.footer-cta .chapter { color: #e8c97a; }

/* ----------------------------------------------------------
   三、交互的分寸：稳，不飘
   ---------------------------------------------------------- */

/* 统一沉稳缓动：比原轻快曲线更有重量感 */
:root { --ease-steady: cubic-bezier(.25, .46, .45, .94); }

/* 卡片悬停：位移收敛到 3px 以内，主要靠阴影纵深变化 */
.farmer-value-card, .product-card, .catalog-card, .crop-card,
.case-card, .knowledge-card-grid > *, .advantage-grid > *,
.insight-grid > *, .knowledge-entry, .monthly-guide-card {
  transition: box-shadow .5s var(--ease-steady),
              border-color .5s var(--ease-steady),
              transform .5s var(--ease-steady);
}
.farmer-value-card:hover, .product-card:hover, .catalog-card:hover,
.crop-card:hover, .case-card:hover, .knowledge-card-grid > *:hover,
.advantage-grid > *:hover, .insight-grid > *:hover, .knowledge-entry:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 48px rgba(16, 34, 25, .13);
}

/* 按钮：去掉流光，改为沉稳的色深变化 + 轻微下沉确认感 */
.button, .header-action, .btn-primary, .product-detail-link {
  transition: background-color .35s var(--ease-steady),
              box-shadow .35s var(--ease-steady),
              transform .2s var(--ease-steady);
}
.button:hover, .header-action:hover, .btn-primary:hover {
  box-shadow: 0 6px 18px rgba(16, 34, 25, .22);
}
.button:active, .header-action:active, .btn-primary:active,
.product-detail-link:active {
  transform: translateY(1px);       /* 下沉而非弹起，像按下实体按钮 */
}

/* 导航与文本链接：下划线从左侧沉稳展开 */
.main-nav a, .footer-nav a, .case-link {
  background: linear-gradient(currentColor, currentColor)
              no-repeat left 100% / 0 1px;
  transition: background-size .45s var(--ease-steady);
  padding-bottom: 2px;
}
.main-nav a:hover, .footer-nav a:hover, .case-link:hover {
  background-size: 100% 1px;
}

/* ----------------------------------------------------------
   四、品牌细节：印章感与编辑感
   ---------------------------------------------------------- */

/* 审定编号 → 精致的『档案徽章』：双线描边，克制有据 */
.product-card-meta, .catalog-card-meta {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid rgba(35, 73, 50, .28);
  border-radius: 3px;               /* 小圆角：方正中带柔和，像档案章 */
  font-size: .78rem;
  letter-spacing: .04em;
  color: #4a5a4e;
  background: rgba(35, 73, 50, .04);
}

/* 章节标签的金色横线：滚动进入时从左展开（配合 reveal） */
.chapter::before, .section-eyebrow::before {
  transition: width .8s var(--ease-steady) .15s;
}

/* 节气当前项：金色描边加内圈，像日历上圈出的今天 */
.solar-term-item.current {
  box-shadow: 0 0 0 1px rgba(201, 162, 39, .55),
              inset 0 0 0 1px rgba(201, 162, 39, .25);
}

/* 对比工具选中勾：从圆形改为方角小章，与档案感统一 */
.compare-chip.selected::after {
  border-radius: 4px;
  font-size: .7rem;
}

/* 资料核对日期等『据实标注』：统一弱化但清晰 */
.catalog-note, .compare-hint, .section-sub {
  color: #6f766d;
}

/* ----------------------------------------------------------
   五、可访问性（实用价值，保留）
   ---------------------------------------------------------- */

::selection { background: rgba(201, 162, 77, .3); color: #1f2a24; }

:focus { outline: none; }
:focus-visible {
  outline: 2px solid #c9a24d;
  outline-offset: 3px;
  border-radius: 3px;
}
.section--dark :focus-visible, .farmer-value :focus-visible,
.site-footer :focus-visible, .footer-cta :focus-visible {
  outline-color: #ffd700;
}

.skip-link {
  position: fixed; top: -64px; left: 16px; z-index: 9999;
  background: #234932; color: #f4f0e8;
  padding: 12px 22px; border-radius: 0 0 6px 6px;
  font-size: 14px; text-decoration: none;
  transition: top .3s var(--ease-steady);
}
.skip-link:focus-visible { top: 0; }

/* ----------------------------------------------------------
   六、移动端实用增强
   ---------------------------------------------------------- */
@media (max-width: 820px) {
  .main-nav a, .mobile-action-bar a, .float-contact a,
  .solar-terms-nav button, .knowledge-filters button,
  .compare-chip, .month-picker button {
    min-height: 44px; min-width: 44px;
    display: inline-flex; align-items: center; justify-content: center;
  }
  /* 横滑列表滚动定位，滑到哪张停哪张 */
  .season-cycle, .product-grid, .knowledge-card-grid, .solar-terms-track {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .season-cycle > *, .product-grid > *,
  .knowledge-card-grid > *, .solar-term-item {
    scroll-snap-align: start;
  }
  .mobile-action-bar {
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }
  .float-contact {
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  }
}
@media (min-width: 641px) and (max-width: 820px) {
  .advantage-grid, .insight-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px;
  }
}

/* ----------------------------------------------------------
   七、偏好兜底
   ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .farmer-value-card:hover, .product-card:hover, .catalog-card:hover,
  .crop-card:hover, .case-card:hover, .knowledge-card-grid > *:hover {
    transform: none;
  }
  .button:active, .header-action:active { transform: none; }
}

/* ----------------------------------------------------------
   八、图片背景上的文字可读性修复
   田间视频卡 / 洞察卡：原渐变压暗收束过早（72%/65% 处
   已近透明），简介文字透明度偏低，在明亮画面（麦田、
   天空）上发虚。加深压暗、提亮文字、加分离阴影。
   ---------------------------------------------------------- */

/* 田间视频卡：压暗加深并提前收束，文字区始终处于深色底上 */
.field-video-card::after {
  background: linear-gradient(0deg,
    rgba(12, 30, 19, .94) 0%,
    rgba(12, 30, 19, .72) 34%,
    rgba(12, 30, 19, .28) 58%,
    rgba(12, 30, 19, .05) 78%) !important;
}
.field-video-card h3 {
  text-shadow: 0 2px 14px rgba(8, 20, 13, .55);
}
.field-video-card p {
  color: rgba(244, 240, 232, .92) !important;
  text-shadow: 0 1px 10px rgba(8, 20, 13, .5);
}
.field-video-meta span {
  text-shadow: 0 1px 8px rgba(8, 20, 13, .6);
}

/* 洞察卡：同样加深底部压暗 */
.insight-card::after {
  background: linear-gradient(0deg,
    rgba(19, 35, 26, .95) 0%,
    rgba(19, 35, 26, .68) 36%,
    rgba(19, 35, 26, .22) 62%,
    rgba(19, 35, 26, .06) 80%) !important;
}
.insight-card p, .insight-card small {
  text-shadow: 0 1px 10px rgba(10, 22, 15, .5);
}

/* 产品包装图：点击进入详情页的指针提示 */
.product-media img { cursor: pointer; }

/* ----------------------------------------------------------
   九、产品卡简介文字可读性修复
   『冬小麦 · 国审麦20230152』简介行原为浅金 #c9a24d
   12px 小字，白底对比度仅约 2.5:1，看不清。
   浅底金色文字统一改用深金，弱色标签同步加深。
   ---------------------------------------------------------- */
.product-type {
  color: #8a6d1f !important;        /* 深金：白底对比度 ≥4.5:1 */
}
.product-copy dt {
  color: #57604f !important;        /* 资料亮点/包装规格标签加深 */
}
.product-copy dd {
  color: #2c362e;                   /* 简介正文明确为深墨色 */
}
/* ----------------------------------------------------------
   十、产品资料页（products.html）简介可读性强制修复
   根因：页面自定义的 --text-muted-dark 为 58% 透明度，
   简介正文、标签全部偏淡。直接覆盖变量，一劳永逸。
   ---------------------------------------------------------- */
:root {
  --text-muted-dark: rgba(26, 31, 23, .85) !important;
}
.catalog-card-body h3 {
  color: #1f2a24 !important;                    /* 品种名：深墨 */
}
.catalog-card-meta {
  color: #8a6d1f !important;                    /* 审定编号：深金 */
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.catalog-card-body > p {
  color: #2c362e !important;                    /* 简介正文：深墨 */
  line-height: 1.8;
}
.catalog-facts dt {
  color: #57604f !important;                    /* 标签：深灰绿 */
}
.catalog-facts dd {
  color: #2c362e !important;                    /* 内容：深墨 */
}
.catalog-fit span {
  color: #234932 !important;                    /* 特性标签：品牌绿 */
  border-color: rgba(35, 73, 50, .35) !important;
  background: rgba(35, 73, 50, .06) !important;
  font-weight: 600;
}
.catalog-consult {
  color: #fffefa !important;                    /* 咨询按钮文字 */
  font-weight: 600;
}
.catalog-compare {
  color: #234932 !important;                    /* 对比按钮文字 */
  font-weight: 600;
}

/* ----------------------------------------------------------
   十一、锚点定位修正
   固定头部滚动后增高，112px 不足以避开遮挡
   ---------------------------------------------------------- */
section[id], [id^="product-"] {
  scroll-margin-top: 148px !important;
}

/* ----------------------------------------------------------
   十二、全站导航统一（about/cases 等页面对齐首页风格）
   将 site-nav 的视觉风格统一为与 site-header 一致
   ---------------------------------------------------------- */
.site-nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  padding: 16px 0;
  transition: .45s var(--ease);
}
.site-nav.scrolled {
  padding: 12px 0;
}
.site-nav.scrolled .site-nav__inner {
  padding: 8px 14px;
  border: 1px solid rgba(35, 73, 50, .1);
  border-radius: 999px;
  background: rgba(244, 240, 232, .93);
  box-shadow: 0 16px 40px rgba(20, 39, 28, .1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.site-nav:not(.scrolled) .brand {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .1));
}
.site-nav.scrolled .nav-links {
  color: var(--ink);
}
.site-nav.scrolled .nav-links a {
  color: var(--ink);
}
.site-nav.scrolled .nav-links a:hover,
.site-nav.scrolled .nav-links a.is-active {
  color: var(--gold);
}
.site-nav.scrolled .nav-cta {
  min-height: 40px;
  padding-inline: 16px;
}
@media (max-width: 820px) {
  .site-nav,
  .site-nav.scrolled {
    padding: 8px 0;
  }
  .site-nav.scrolled .site-nav__inner {
    padding: 5px 10px;
  }
  .site-nav.scrolled .brand-logo {
    width: 126px;
  }
}

/* ----------------------------------------------------------
   十四、2026-08-24 导航、产品图与联系区视觉修复
   - 旧产品页保留 left:50%/translateX，导致统一导航被整体推离屏幕；
   - 产品包装图使用 multiply 融合浅底，消除图片导出时的白色方底；
   - 二维码原图为竖版截图，统一以正方形二维码区域承载，避免页面被拉长。
   ---------------------------------------------------------- */

/* 首页首屏：Logo 使用不透明底衬，避免刚打开时在图片上发虚。 */
.site-header:not(.scrolled) .brand-lockup {
  width: auto;
  height: 64px;
  aspect-ratio: auto;
  padding: 7px 14px;
  border: 1px solid rgba(35, 73, 50, .12);
  border-radius: 15px;
  background: #f4f0e8;
  box-shadow: 0 12px 30px rgba(8, 22, 14, .18);
  filter: none;
}
.site-header:not(.scrolled) .brand-lockup img {
  width: auto;
  height: 48px;
}

/* 产品包装统一使用浅色自然底；白底 PNG/WebP 与背景融合而不再像白色相框。 */
.product-media,
.home-editorial .product-media,
.catalog-card figure {
  background: linear-gradient(145deg, #edf0e8, #e3e8dc);
}
.product-media img,
.catalog-card img {
  mix-blend-mode: multiply;
  filter: contrast(1.025) saturate(1.035);
}

/* 所有内页导航采用与首页相同的“首屏轻、滚动后圆角浅底”结构。 */
.site-nav,
.site-nav.scrolled {
  position: fixed;
  inset: 0 0 auto;
  left: 0;
  right: 0;
  z-index: 100;
  width: auto;
  padding: 16px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.site-nav__inner {
  width: min(calc(100% - 64px), 1240px);
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.site-nav .brand {
  padding: 7px 14px;
  border: 1px solid rgba(35, 73, 50, .12);
  border-radius: 15px;
  background: #f4f0e8;
  box-shadow: 0 12px 30px rgba(8, 22, 14, .18);
  filter: none;
}
.site-nav .brand-logo {
  width: auto;
  height: 48px;
  aspect-ratio: auto;
  filter: none;
}
.site-nav:not(.scrolled) .nav-links {
  color: rgba(255, 255, 255, .92);
  text-shadow: 0 2px 10px rgba(7, 18, 11, .72);
}
.site-nav:not(.scrolled) .nav-links a:hover,
.site-nav:not(.scrolled) .nav-links a.is-active {
  color: #fff4c6;
}
.site-nav.scrolled {
  padding: 12px 0;
}
.site-nav.scrolled .site-nav__inner {
  width: min(calc(100% - 64px), 1240px);
  margin: 0 auto;
  padding: 8px 14px;
  border: 1px solid rgba(35, 73, 50, .1);
  border-radius: 999px;
  background: rgba(244, 240, 232, .96);
  box-shadow: 0 16px 40px rgba(20, 39, 28, .12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.site-nav.scrolled .brand {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.site-nav.scrolled .brand-logo {
  width: auto;
  height: 38px;
}

/* 联系区二维码：展示真正可扫码的正方形区域，不再按竖版截图比例撑高。 */
.wechat-qr-card img,
.contact-touchpoints__qr img {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center 40%;
}

@media (max-width: 820px) {
  .site-header:not(.scrolled) .brand-lockup {
    height: 54px;
    padding: 6px 11px;
    border-radius: 13px;
  }
  .site-header:not(.scrolled) .brand-lockup img { height: 40px; }

  .site-nav,
  .site-nav.scrolled {
    padding: 8px 0;
  }
  .site-nav__inner,
  .site-nav.scrolled .site-nav__inner {
    width: min(calc(100% - 32px), 620px);
    grid-template-columns: auto 1fr auto;
    gap: 10px;
  }
  .site-nav .brand {
    padding: 6px 10px;
    border-radius: 13px;
  }
  .site-nav .brand-logo { height: 36px; }
  .site-nav.scrolled .site-nav__inner { padding: 5px 10px; }
  .site-nav.scrolled .brand-logo { height: 31px; }
  .site-nav .nav-cta { display: none; }

  .catalog-card,
  .catalog-card:first-child {
    grid-template-columns: 1fr;
  }
  .catalog-card figure,
  #product-zhongke608 figure {
    height: clamp(220px, 62vw, 270px);
    min-height: 0;
    padding: 16px;
  }
  #product-zhongke608 figure {
    width: 100%;
    align-self: stretch;
  }
  .catalog-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  #product-zhongke608 figure img {
    width: auto;
    max-width: 100%;
    height: calc(clamp(220px, 62vw, 270px) - 32px);
    max-height: none;
    object-fit: contain;
  }

  .wechat-qr-card {
    grid-template-columns: 86px 1fr;
    gap: 12px;
    padding: 12px 14px;
  }
  .wechat-qr-card img { width: 86px; }
  .contact-touchpoints__qr {
    grid-template-columns: 72px 1fr;
    gap: 12px;
  }
  .contact-touchpoints__qr img {
    width: 72px;
    height: 72px;
  }
}

/* ----------------------------------------------------------
   十三、全站页脚统一（about/cases 等页面对齐首页风格）
   将 footer-main/footer-links 的视觉风格统一为与 footer-grid 一致
   ---------------------------------------------------------- */
footer {
  padding: 46px 0 28px;
  background: #102219;
  color: var(--ivory);
}
.footer-main {
  display: grid;
  grid-template-columns: 1.4fr .6fr .6fr;
  gap: 58px;
}
.footer-mission {
  max-width: 460px;
  margin: 20px 0 0;
  color: rgba(244, 240, 232, .6);
  line-height: 1.8;
}
.footer-links {
  display: grid;
  align-content: start;
  gap: 12px;
}
.footer-links h4 {
  margin-bottom: 8px;
  color: var(--gold);
  font-size: 12px;
  letter-spacing: .16em;
}
.footer-links a {
  color: rgba(244, 240, 232, .68);
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 36px;
  padding-top: 22px;
  border-top: 1px solid rgba(244, 240, 232, .12);
  color: rgba(244, 240, 232, .46);
  font-size: 12px;
}
@media (max-width: 820px) {
  .footer-main {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .footer-bottom {
    display: grid;
  }
}

.compare-toggle { min-height: 44px; padding: 0 18px; border: 1px solid #2d5a3d; border-radius: 999px; background: transparent; color: #2d5a3d; font-size: 14px; font-weight: 700; font-family: inherit; cursor: pointer; transition: background .2s, color .2s; }
.compare-toggle--active { background: #2d5a3d; color: #fff; }
.compare-bar { position: fixed; z-index: 96; right: 12px; bottom: calc(76px + env(safe-area-inset-bottom)); left: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px; background: rgba(16, 34, 25, .95); box-shadow: 0 14px 38px rgba(10, 23, 16, .3); backdrop-filter: blur(14px); color: #f4f0e8; }
.compare-bar-label { font-size: 13px; opacity: .8; }
.compare-bar-items { flex: 1 1 auto; font-size: 15px; font-weight: 750; }
.compare-bar-go { min-height: 44px; padding: 0 22px; border: 0; border-radius: 999px; background: #d9a441; color: #18261f; font-size: 14px; font-weight: 800; font-family: inherit; cursor: pointer; }
.compare-bar-go:disabled { opacity: .55; cursor: not-allowed; }
.compare-bar-clear { min-height: 44px; padding: 0 14px; border: 1px solid rgba(244, 240, 232, .35); border-radius: 999px; background: transparent; color: #f4f0e8; font-size: 13px; font-family: inherit; cursor: pointer; }
.compare-modal { position: fixed; inset: 0; z-index: 210; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(10, 23, 16, .72); }
.compare-modal.open { display: flex; }
.compare-modal-panel { position: relative; width: min(860px, 100%); max-height: 86vh; overflow: auto; padding: 32px 28px; border-radius: 20px; background: #faf7f0; color: #1d2b22; box-shadow: 0 30px 80px rgba(0, 0, 0, .35); }
.compare-modal-panel h3 { margin: 0 0 8px; font-size: 24px; }
.compare-modal-tip { margin: 0 0 18px; color: #5c6b60; font-size: 14px; line-height: 1.6; }
.compare-modal-close { position: absolute; top: 14px; right: 16px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(16, 34, 25, .08); color: #1d2b22; font-size: 24px; line-height: 1; cursor: pointer; }
.compare-table-wrap { overflow-x: auto; }
.compare-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 15px; }
.compare-table th, .compare-table td { padding: 13px 14px; border: 1px solid rgba(16, 34, 25, .14); text-align: left; vertical-align: top; line-height: 1.6; }
.compare-table thead th { background: #2d5a3d; color: #fff; font-size: 16px; }
.compare-table tbody th { width: 110px; background: rgba(45, 90, 61, .07); font-weight: 700; white-space: nowrap; }
.compare-modal-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 20px; padding: 0 26px; border-radius: 999px; background: #2d5a3d; color: #fff; font-size: 15px; font-weight: 750; text-decoration: none; }
@media (max-width: 640px) {
  .compare-modal-panel { padding: 24px 16px; }
  .compare-bar { bottom: calc(70px + env(safe-area-inset-bottom)); }
}
.product-trace { margin: 4px 0 12px; padding-left: 22px; position: relative; color: #2d5a3d; font-size: 13px; font-weight: 650; line-height: 1.5; }
.product-trace::before { content: "✓"; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; border-radius: 50%; background: #2d5a3d; color: #fff; font-size: 11px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; }

/* ----------------------------------------------------------
   首页产品卡文字压图强制修复（2026-10-02）
   症状：.product-copy 与 .product-media 重叠，文字压在包装图上看不清。
   强制上下结构 + 取消图片混合模式 + 品种名加大加深。
   ---------------------------------------------------------- */
#products .product-card {
  display: flex !important;
  flex-direction: column !important;
}
#products .product-media {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 300px !important;
  max-height: 300px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  margin: 0 !important;
  transform: none !important;
}
#products .product-media img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 300px !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  margin: 0 !important;
  transform: none !important;
}
#products .product-copy {
  flex: 1 1 auto !important;
  position: static !important;
  margin: 0 !important;
  transform: none !important;
  background: #ffffff !important;
  z-index: 1 !important;
}
#products .product-copy h3 {
  font-size: 30px !important;
  color: #1c2b1f !important;
  text-shadow: none !important;
}
#products .product-copy .product-type {
  font-size: 14px !important;
}
/* 品种列表页卡片同样取消混合模式，避免图片发虚 */
.catalog-card img {
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* ===== Logo重做：图标+文字排版（2026-10-02，用户反馈旧版照片式logo太丑） ===== */
.brand-lockup, .footer-logo { display:inline-flex !important; align-items:center; gap:12px; width:auto !important; aspect-ratio:auto !important; }
.brand-lockup .brand-icon, .footer-logo .brand-icon { width:46px !important; height:46px !important; border-radius:50%; background:#fff; object-fit:cover; flex:0 0 auto; box-shadow:0 3px 10px rgba(10,23,16,.22); }
.brand-name { display:flex; flex-direction:column; line-height:1.25; }
.brand-name b { font-size:21px; font-weight:800; letter-spacing:.08em; color:#1f4a31; }
.brand-name .brand-sub { font-size:10px; font-weight:600; letter-spacing:.42em; color:#8a6d2f; margin-top:3px; white-space:nowrap; }
/* 页眉胶囊底（首屏深色背景上） */
.site-header:not(.scrolled) .brand-lockup { height:auto; background:rgba(244,240,232,.94); border-radius:16px; padding:8px 20px 8px 10px; border:1px solid rgba(35,73,50,.12); box-shadow:0 6px 24px rgba(10,23,16,.25); }
.site-header:not(.scrolled) .brand-lockup img { height:auto; }
/* 滚动后缩小 */
.site-header.scrolled .brand-lockup .brand-icon { width:36px !important; height:36px !important; }
.site-header.scrolled .brand-name b { font-size:17px; }
.site-header.scrolled .brand-name .brand-sub { font-size:9px; }
/* 页脚深底：字用米白+金 */
.footer-logo .brand-name b { color:#f2eee4; }
.footer-logo .brand-name .brand-sub { color:#d1a24d; }

/* ===== 全站统一导航 · 内页logo适配（2026-10-02） ===== */
/* brand.html 深色hero：logo字用米白+金 */
.brand-header .brand-name b { color:#f2eee4; }
.brand-header .brand-name .brand-sub { color:#d1a24d; }
/* products.html .site-nav：logo胶囊 */
.site-nav .brand-lockup { padding:7px 16px 7px 9px; border:1px solid rgba(35,73,50,.12); border-radius:15px; background:#f4f0e8; box-shadow:0 12px 30px rgba(8,22,14,.18); }
.site-nav .brand-lockup .brand-icon { width:38px !important; height:38px !important; }
.site-nav .brand-name b { font-size:18px; }
.site-nav .brand-name .brand-sub { font-size:9px; letter-spacing:.32em; }
/* geo-header（facts/faq）：浅底，缩小图标 */
.geo-header .brand-lockup { gap:10px; }
.geo-header .brand-lockup .brand-icon { width:40px !important; height:40px !important; }
.geo-header .brand-name b { font-size:18px; }
/* privacy页 */
.legal-nav .brand-lockup .brand-icon { width:40px !important; height:40px !important; }
.legal-nav-links { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; }
.legal-nav-links a { color:var(--brand); font-weight:700; font-size:14px; }