/* =========================================================================
   首页补充样式（客户 2026-10-19 新设计的「工程补丁」，不改客户 home.css 原件）
   只含布局兜底，不参与视觉设计；仅在首页加载（见 src/App.tsx RouteStyles）。
   ========================================================================= */

/* 后台新闻标题比设计稿长得多（例：「康曌电磁炒灶成为第八届全国饭店业职业技能竞赛
   火锅专项赛全国总决赛赛事指定使用设备」40 字）。home.css 的
   `.news-mini{grid-template-columns:repeat(3,1fr)}` 里 `1fr` 的最小值是 auto，
   而 `.t strong` 是 nowrap ⇒ 长标题会把三列撑成 518/584/332（应三等分 431×3）。
   把网格项的最小宽度归零后，省略号才会按设计生效。 */
.news-mini li {
  min-width: 0;
}
/* ── banner 第 4、5 张是纯图（客户 2026-10-24：删掉那两屏的文案层 + 去掉压暗遮罩）────
   home.css 里 `.hero-slide::after` 是一条 left→right 的黑渐变（.74 → .44 → .06 → .2），
   它的唯一用途是"把背景压暗、让左侧白字读得清"。纯图屏没有白字，
   留着就等于把图片左半边糊上一层黑 —— 这里置为透明，图片按原样显示。
   ⚠️ 客户 home.css 原件**逐字不改**（这套样式是叠加加载的第二张表），
      选择器带 `.is-plain` 只是为了拿到更高特异性、稳定压过原件那条。 */
.hero-slide.is-plain::after {
  background: transparent;
}
/* ── 点过导航后强制收起下拉（客户 2026-10-26 反馈「点完导航二级菜单不收回」）─────────────
   首页这套下拉只有 `:hover` 一个开关（`.hd-nav li:hover .hd-drop`）。SPA 换页后鼠标
   还停在原处，`:hover` 继续成立 ⇒ 菜单挂在页面上不收回。
   Header 组件点击时给 <li> 打 `is-suppressed`，hover 时也保持隐藏，鼠标离开再摘掉。
   选择器带 `:hover` 是为了在**同特异性**下后写生效（`home.css` 里那条也是 0,3,0 左右）。 */
.hd-nav li.is-suppressed:hover .hd-drop {
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px);
}
/* ── 页脚底栏右侧别被「返回顶部」按钮压住（客户 2026-10-28 加了「企业资质」链接）──────
   `.ft-bar .in` 是 justify-content:space-between，右侧那串文字现在变长了，
   而 `.to-top` 固定在 right:24px / bottom:24px（42×42）⇒ 宽屏下会盖住最后一个链接。
   home.css 只在 ≤1280 给了 58px（那时文字会折行），宽屏这一段由这里补。
   🔴 内页的页脚样式在 footer-shared.css，同一处也要改（两份必须同步）。 */
@media (min-width: 1281px) {
  .ft-bar .in { padding-right: 72px; }
}
/* ── Wap 端 banner（客户 2026-10-28）：高度固定 200px + 去掉 banner 上的按钮 ─────────────
   客户原话：「Wap 端的 banner 图高度改为 200px，banner 图上的按钮也要删除」。
   ① 高度：home.css 的 `.hero` 是 `calc(100svh - var(--nav-h))`，手机段另有
      `min-height:460px` 与 `max-height:760px`。三者必须一起改 —— 只写 height 的话，
      `min-height:460px` 会赢（CSS 里 min-height 优先于 height），实测还是 460 高。
   ② 按钮：只做**视觉隐藏**，DOM 保留 —— PC 端客户没要求删，且 check-design-parity
      仍按结构断言 `.hero-btn` 存在于首页 HTML。`.hero .hero-btn` 特异性 (0,2,0)
      压过 home.css 里全部单类 `.hero-btn` 规则，本表又是后加载，不依赖顺序巧合。
   ③ 断点只取 ≤767px（手机竖屏）。横屏手机（宽 844/932）与 iPad 竖屏 768 不在 Wap 端
      这套版式里，banner 仍旧按视口高算，不做改动。 */
@media (max-width: 767px) {
  .hero {
    height: 200px;
    min-height: 200px;
    max-height: 200px;
  }
  .hero .hero-btn {
    display: none;
  }
}

/* ── 背景图改走平台素材库（2026-10-28，客户要求"模板图片上传后台 OSS"）──────────────
   这三处背景图写在**客户原件 home.css** 里（`.brand` / `.cta` / `.news--promo`），
   原件不动 ⇒ 在本表用同样选择器覆盖 `background-image`（本表后加载，且特异性相同即后者胜）。
   ⚠️ 只换图源，`center/cover`、`fixed`、渐变叠层这些**必须原样重复一遍**：
      只写 background-image 会保留原声明的附加属性，但把整条 background 重写成
      `url(...)` 就会丢掉 `#141414` 底色与 `fixed` —— 所以下面逐条对齐原声明。
   ⚠️ 本段若被谁整表覆盖掉，首页工艺段/需求横幅/新闻促销块会退回本地图（不会破图，但就不是 OSS 了）。 */
.brand {
  background: #141414 url("https://oss-wcloud-v3.iwanshang.cloud/merchants/68c5c618-0153-4464-b1a4-fdde68a3766f/uploads/media/images/20261028/1793156395853-41907495.jpg?x-oss-process=image/resize,w_1920/format,webp/quality,q_82") center center / cover no-repeat fixed;
}
.cta {
  background: #0d0d0d url("https://oss-wcloud-v3.iwanshang.cloud/merchants/68c5c618-0153-4464-b1a4-fdde68a3766f/uploads/media/images/20261028/1793156395912-48f5f1f1.jpg?x-oss-process=image/resize,w_1920/format,webp/quality,q_82") center 42% / cover no-repeat fixed;
}
.news--promo {
  background: linear-gradient(150deg, rgba(233, 64, 12, 0.94), rgba(186, 28, 0, 0.94)), url("https://oss-wcloud-v3.iwanshang.cloud/merchants/68c5c618-0153-4464-b1a4-fdde68a3766f/uploads/media/images/20261028/1793156395912-48f5f1f1.jpg?x-oss-process=image/resize,w_1920/format,webp/quality,q_82") center / cover;
}