@charset "utf-8";
/* ============================================================================
   hangye-mobile.css — hangye/ 目录「行业解决方案」70 页移动端适配
   ----------------------------------------------------------------------------
   接入方式 (每个页面 </head> 前加两行, 见文末「接入」):
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link href="./css/hangye-mobile.css?v=20260915" rel="stylesheet" />
     <link href="../css/mobile-hf.css?v=20260918f" rel="stylesheet" />   <!-- 公共头/底 -->
   并在 </body> 前加:
     <script src="../js/mobile-nav.js"></script>                        <!-- 汉堡菜单 -->

   hangye/ 下页面的三种形态 (2026-09-15 实测分类):
     A. 56 页「内容页」—— 由 hangye_rebuild.py 从 <cat>/<key>.html 片段生成:
        div.banxin > h2.topsize + p.wenzi_p* + div.img_width > img
        ⚠️ 溢出主因: hangye.css 里 .banxin{width:900px} 写死, 图片带着
           HTML 属性 width="700" (全站 487 处), 于是 390px 视口下整页横向溢出。
     B. 7 页「pro 模板页」(K12 / hezhang / jihuoxiaoshou / shuju / tuijian /
        xiansuo / youhui) —— 老式整页, 载入 change.css + pro-god.css,
        内含 .pro-mes/.cell-sale/.sale-left/.sale-right + 大量**内联固定宽与负 margin**
        (width:1200px / 1080px / margin-left:-105px / margin-left:342px ...),
        外加一个老式内联 .footer。
        ⚠️ K12-education_K12 原本也在这一档, 2026-09-15 已与 K12.html 合并成跳转桩,
           不再需要适配 (见 hangye_rebuild.py 的 REDIRECTS)。
     C. hangye.html = 老 SPA 壳 (?cat_sub 查询串用 jQuery .load() 取片段),
        正文是同目录 images/ 下的大图, 也需要按 A 的图片规则处理。

   作用域: 全部规则在 @media (max-width: 768px) 内 → 桌面端零影响。
   ⚠️ 本文件被 hangye_rebuild.py 引用: 改这里不用重新生成页面 (脚本只在生成时写 <link>)。
   ============================================================================ */

@media (max-width: 768px) {

  /* ==========================================================================
     0. 全局兜底
     ========================================================================== */
  /* 图片: 一律不超过容器宽, 高度按比例 —— 直接压掉 HTML 的 width="700"/height="400px"
     属性与内联 px 尺寸。
     ⚠️ 必须 !important: 属性会被样式表的 width 覆盖, 但内联 style 里的 width 需要
        !important 才压得住。
     ⚠️ 不能限定 `#pagewrap img`: 8 个老页里 #pagewrap 在 header 之后**就闭合了**,
        正文 (含全部插图) 在 pagewrap 之外, 限定作用域会整片漏掉 (实测 4 页右溢 690px)。 */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  /* 长英文/URL 不撑宽 */
  .hy-page p, .hy-page dd, .hy-page li, .wenzi_p, .wenzi_p1, .wenzi_p2 {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  /* 固定悬浮元素 (返回顶部 / 二维码) 隐藏 —— 与其它已适配页一致 */
  #back-to-top, .qr_code_l { display: none !important; }

  /* ==========================================================================
     1. 页面骨架 (全 70 页)
     ========================================================================== */
  /* ⚠️⚠️ 这里**不能**再垫 padding-top —— 这是用户 2026-09-15 截图投诉「空白太大」
     的根因 (红框圈住面包屑 + H1, 下方一大片死白)。
     实测 390px 下 #pagewrap 的子元素顺序:
       [1] #header           position:fixed; height:64px   ← 脱离文档流
       [2] <div style="height:100px">  static; height:64px  ← header_sub.js 注入的
                                                              占位, 被 mobile-hf.css
                                                              压成 64px 且**仍在流里**
       [4] <main class="hy-page">      top = 64px           ← 顶端已经贴在头部下沿
     ∴ 占位 spacer 已经顶好了 64px, 原来的 padding-top:72px 是**纯死白**,
       把面包屑推到了 y=136 (头部下沿 64 → 空了 72px)。归零即可, 头部不会遮挡。 */
  .hy-page { padding-top: 0 !important; }

  /* 1.1 面包屑: 灰色分隔 + 深蓝链接, 末级(当前页)浅蓝胶囊
         沿用站点产品页 .sale-crumb 的「中文面包屑」语言, 但色系收敛到品牌主色
         #19355e 家族 (站点设计约定: 白底 + 最多 2 色)。 */
  .breadcrumb {
    max-width: 100% !important;
    padding: 10px 14px 0 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #9aa4b2 !important;
  }
  .breadcrumb a {
    color: #19355e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }
  .breadcrumb > span:last-child {
    display: inline-block !important;
    padding: 1px 8px !important;
    border-radius: 9px !important;
    background: #eef2f8 !important;
    color: #19355e !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
  }

  /* 1.2 H1: 居中 + 品牌色短下划条, 当「页头」用
         下边距归 0 —— 与后面 .banxin 之间还夹着一个 BOM 字符 (\ufeff, 见
         内容片段首行), 它会生成一个 16px 高的匿名行盒, 再叠 14px 边距就成
         30px 空白。见 2.3。 */
  .hy-h1 {
    position: relative !important;
    max-width: 100% !important;
    font-size: 18px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
    color: #19355e !important;
    padding: 0 18px 16px !important;
    margin: 10px auto 0 !important;
    box-sizing: border-box !important;
  }
  .hy-h1::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 36px !important;
    height: 3px !important;
    margin-left: -18px !important;
    border-radius: 2px !important;
    background: #19355e !important;
  }
  .hy-faq, .hy-recommend {
    max-width: 100% !important;
    margin: 18px auto !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
  }
  /* ⚠️ .hy-faq h2 / .hy-recommend h2 的字号与外观统一到下面 2.0 标题体系里,
        这里只留正文 (dt/dd/li) —— 别再单独写 font-size, 会被 2.0 覆盖成两套风格。 */
  .hy-faq dt { font-size: 14px !important; line-height: 1.6 !important; margin-top: 14px !important; }
  .hy-faq dd { font-size: 14px !important; line-height: 1.75 !important; }
  .hy-recommend li { font-size: 14px !important; line-height: 1.9 !important; }
  /* 总览 hub (index.html) 的 .hy-cat 重设计见本文件 §4 (文件末尾), 那里会覆盖本节 */

  /* ==========================================================================
     2. A 段 —— 56 个内容页 (.banxin / .img_width / .topsize* / .wenzi_p*)
     ========================================================================== */
  /* 溢出主因: hangye.css 的 .banxin{width:900px}; 行内 <style> 又补了 max-width:1000px */
  .banxin {
    width: 100% !important;
    max-width: 100% !important;
    /* 上 8 / 下 18: 与 H1 之间还夹着 BOM 生成的 16px 匿名行盒 ⇒ 实际 24px */
    margin: 8px auto 18px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }

  /* ---- 2.0 标题体系重设计 (2026-09-15) -------------------------------------
     改造前: .topsize 只是「深蓝 18px 纯文字 + padding-top 18 + margin-bottom 20」,
             与上文之间隔 64px, 与图之间隔 12px —— 层级只能靠字号区分, 且上下
             留白几乎一样大, 标题「浮」在两块内容中间, 视觉归属不清。
     改造后沿用站点既有的极简语言 (白底 + 品牌主色 #19355e + 它的 4% 淡底
     #f4f7fb, 全站仍然只有 1 个主色), 用「左侧 4px 品牌色竖条 + 圆角浅底」
     让每个小节自成区块; 间距改为「上大下小」(上 24 / 下 12), 标题紧贴它
     所描述的那张图, 归属感明确。
     ⚠️ 与 `.hy-faq h2` (原本就有 border-left:4px solid #19355e) 统一到同一
        套语言, 所以整页读下来是同一个设计系统, 不出现两种标题风格。 */
  .topsize,
  .banxin > h2:not([class]),
  .hy-faq h2,
  .hy-recommend h2,
  .hy-cat h2 {
    font-weight: 700 !important;
    color: #19355e !important;
    background: #f4f7fb !important;
    border-left: 4px solid #19355e !important;
    border-radius: 0 6px 6px 0 !important;
    box-sizing: border-box !important;
  }
  /* 一级标题 (h2.topsize 562 处 + h3.topsize 45 处, 共 607 处) */
  .topsize,
  .banxin > h2:not([class]) {
    font-size: 17px !important;
    line-height: 1.45 !important;
    padding: 9px 12px !important;
    margin: 24px 0 12px !important;
  }
  /* 页尾两块 (FAQ / 相关推荐) 与 hub 分类块的 h2 略小一号, 与正文小节的 17px 拉开 */
  .hy-faq h2,
  .hy-recommend h2,
  .hy-cat h2 {
    font-size: 16px !important;
    line-height: 1.45 !important;
    padding: 8px 12px !important;
    margin: 0 0 10px !important;
  }
  /* ⚠️ .hy-recommend 容器本身就是 #f6f8fb 浅底, 标题再用 #f4f7fb 会「隐形」→ 换白底 */
  .hy-recommend h2 { background: #ffffff !important; }

  /* 二级标题 (.topsize2 11 处 / .topsize3 24 处): 细竖条 + 深灰蓝, 不铺底 */
  .topsize2,
  .topsize3 {
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    background: transparent !important;
    border-left: 3px solid #c3cfe0 !important;
    border-radius: 0 !important;
    padding: 1px 0 1px 10px !important;
    margin: 20px 0 10px !important;
    box-sizing: border-box !important;
  }
  .topsize2 { color: #33445e !important; }
  .topsize3 { color: #5b6b85 !important; }

  /* 2.3 每个 .banxin 的第一个标题紧跟页头, 不再叠加 24px 上边距。
         ⚠️ 内容片段的第一个标题前面通常有一行 `<!-- 1 -->` 注释 —— CSS 的
            `:first-child` **忽略注释**, 实测 56 页的第一个元素子节点都是
            h2.topsize, 所以这条能全量命中 (用 querySelectorAll 复核过)。 */
  .banxin > .topsize:first-child,
  .banxin > .topsize2:first-child,
  .banxin > .topsize3:first-child,
  .banxin > h2:not([class]):first-child { margin-top: 0 !important; }

  /* 字号阶梯: 正文 15 / 14 / 15 / 14 */
  .wenzi_p { font-size: 15px !important; line-height: 1.75 !important; }
  .wenzi_p1 { font-size: 14px !important; line-height: 1.7 !important; }
  .wenzi_p2 { font-size: 15px !important; line-height: 1.7 !important; }
  .wenzi_p3 { padding: 20px 0 10px 0 !important; }
  .img_width { margin: 12px auto !important; }
  /* ⚠️ education_study.html 的「左图右文」外层是内联 `<div style="width:900px;display:flex">`,
     只改 .img_left/.test_right 没用 —— 900px 的 flex 容器会把两个子项各压到 450px。
     必须把容器整宽化并改成纵向堆叠。max-width 在 CSS 里优先于 width, 所以
     `max-width:100%` 就能压住内联固定宽, 不必逐个枚举数值。 */
  .hy-page div[style*="width"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .hy-page div[style*="display: flex"],
  .hy-page div[style*="display:flex"] {
    flex-direction: column !important;
  }
  /* education_study.html 独有的「左图右文」两栏 → 上下堆叠 (hangye.css 里 .img_left 是 float:left + 右 padding 30px) */
  .img_left {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .test_right {
    float: none !important;
    width: 100% !important;
    margin-top: 12px !important;
  }

  /* ==========================================================================
     3. B 段 —— 8 个 pro 模板页 (+ hangye.html 的壳)
     ========================================================================== */
  /* 3.1 容器整宽 (change.css 里 .pro-mes 是 1180px 固定宽, .pro-left 是左栏菜单) */
  .pro-mes {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  .pro-left { display: none !important; }
  .pro-right {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-left: none !important;
  }

  /* 3.2 首屏 banner: .pro-one 内联 margin-left:-105px; .back-con 内联 -40px;
         .back-bg 是桌面用的 250px 空占位
     ⚠️ 关键: change.css 把 .pro-ding / .back-con 都写成 **position:absolute**
        (桌面靠 left:80px 把标题压在图上)。只清 margin 不能归位 —— 实测
        .back-con 仍在 x=52→418 (父级 12 起, 多出 left:80 - margin-left:40 = 40px),
        390 视口下恰好右溢 28px。必须同时 `position:static` + left/top 归 auto,
        让标题和图标行回到正常文档流。 */
  .pro-one { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; }
  .pro-one > div, .pro-ding, .back-con {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  .pro-ding .back-bg { display: none !important; }
  .pro-ding h3 { font-size: 20px !important; line-height: 1.35 !important; color: #1c3d7a !important; text-shadow: none !important; }
  /* 装饰长条 (lantiao.png / hengtiao.jpg): 桌面是 absolute + 内联负 margin, 手机端归位成普通图 */
  img[src*="lantiao"],
  img[src*="hengtiao"] {
    position: static !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 10px auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
  /* banner 里 7 个产品入口图标行 (内联 width:1200px + 每个 <a>/<img> 带负 margin)
     → flex 换行居中, 负 margin 归零 */
  div[style*="1200px"] {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 6px 10px !important;
    box-sizing: border-box !important;
  }
  div[style*="1200px"] > a { margin: 0 !important; display: block !important; }
  div[style*="1200px"] > a img {
    margin: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    max-height: 190px !important;
  }

  /* 3.3 正文块: 内联固定宽 (820/995/1000/1080/1200px) 与负 margin 全部归位。
         用 `[style*="px"]` 泛匹配 + max-width:100% —— max-width 在 CSS 里优先于
         width, 所以不必逐个枚举数值就能压住固定宽。
     ⚠️⚠️ 作用域**不能只写 .pro-mes**: youhui / hezhang / tuijian / shuju 这 4 页的
         `<div class="cell-sale" style="width:1080px">` 是 **<body> 的直接子级**
         (页面里 #pagewrap 在 </header> 后就闭合了, 正文全在 pagewrap 之外!) ——
         只写 .pro-mes 会漏掉, 实测这 4 页仍右溢 690px。故把 .cell-sale 也纳入作用域。 */
  .pro-mes div[style*="px"], .pro-mes p[style*="px"],
  .cell-sale div[style*="px"], .cell-sale p[style*="px"],
  .cell-sale[style*="px"] { max-width: 100% !important; box-sizing: border-box !important; }
  .pro-mes [style*="margin-left: -"], .pro-mes [style*="margin-left:-"],
  .cell-sale [style*="margin-left: -"], .cell-sale [style*="margin-left:-"],
  .cell-sale[style*="margin-left: -"], .cell-sale[style*="margin-left:-"],
  .wrap [style*="margin-left: -"], .wrap [style*="margin-left:-"] { margin-left: 0 !important; }
  .pro-mes [style*="margin-right: -"], .pro-mes [style*="margin-right:-"],
  .cell-sale [style*="margin-right: -"], .cell-sale [style*="margin-right:-"] { margin-right: 0 !important; }
  .pro-mes [style*="margin-top: -"], .pro-mes [style*="margin-top:-"],
  .cell-sale [style*="margin-top: -"], .cell-sale [style*="margin-top:-"] { margin-top: 0 !important; }
  /* 桌面靠「文字右对齐 + 负 margin-left」实现的居中 → 手机端直接居中 */
  .pro-mes p[style*="margin-left"], .cell-sale p[style*="margin-left"] {
    margin-left: 0 !important; text-align: center !important;
  }

  /* 3.4 左图右文块 → 纵向堆叠 (change.css 里 .sale-left 是 float / .no-potion 是 absolute)
     ⚠️ 同 3.3: 这几个类不写 .pro-mes 前缀 —— 它们可能出现在 body 直属的 .cell-sale 里。
        这些类名只存在于 hangye 的 8 个老页, 去掉前缀不会波及其它页面。 */
  .clear-both { display: flex !important; flex-direction: column !important; }
  .clear-both > div { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; box-sizing: border-box !important; }
  .sale-left, .sale-right, .no-potion, .no-float {
    float: none !important;
    position: static !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
  .sale-left img, .no-potion img { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; display: block !important; }
  .cell-sale {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 12px 0 !important;
    padding: 16px 12px !important;
    box-sizing: border-box !important;
  }
  .top-shou {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
  }
  .top-shou h3, h3.top-30, .pro-mes h3.top-30 { font-size: 17px !important; line-height: 1.4 !important; margin: 8px 0 !important; }
  .top-shou p { font-size: 14px !important; line-height: 1.75 !important; }
  .pro-mes .wenzi_p { font-size: 14px !important; line-height: 1.75 !important; }
  .banyou2 { display: none !important; }

  /* 3.5 老式内联页脚 (.footer, 8 个 B 段页各有一份) → 纵向堆叠居中 */
  #pagewrap > .footer, .wrap > .footer {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    text-align: center !important;
    padding: 16px 12px !important;
    box-sizing: border-box !important;
  }
  #pagewrap > .footer p, .wrap > .footer p { line-height: 1.9 !important; }

  /* 3.6 hangye.html (老 SPA 壳): 正文由 jQuery .load() 填充, 内容是 images/ 下的大图 */
  #hangye { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  #hangye img { max-width: 100% !important; height: auto !important; }

  /* ==========================================================================
     4. 行业总览 hub (index.html) —— 移动端重设计 (2026-09-15)
     --------------------------------------------------------------------------
     用户 2026-09-15 反馈「hangye/index.html 设计一下，太拉垮」。原移动端形态:
       面包屑 / H1 / 12px 灰字引导段 + 8 个板块, 每个板块 = 一行 h2 + 单栏 12px
       纯文字链接, 61 个链接一路竖排(整页 4388px)。既没有卡片的边界, 也没有
       「可以点」的视觉暗示, 信息密度还极低(每行 17px 高、右边一半是空的)。
     重设计 (仍只用品牌主色 #19355e + 它的浅色衍生, 不引入第二个色相):
       · 每个行业 = 一张卡片: 白底 + 1px #e6ebf0 描边 + 12px 圆角, 卡片之间留 14px
       · 卡头 = 通栏 #f4f7fb 浅底 + 左侧 4px 品牌色竖条 (与内容页标题同一语言)
       · 卡内 = 2 列「标签按钮」网格: 浅底 + 描边 + 8px 圆角, 最小高 38px 好点按
     ⚠️ 用户明确要求「只重设计移动端，桌面端保持原样」⇒ 本节全部规则必须待在
        @media (max-width:768px) 内, 不得外提。
     ========================================================================== */
  /* 4.1 引导段落: 原 12px 居中 4 行(手机长段落居中很难读) → 13.5px 蓝灰、左对齐 */
  .hy-lead {
    max-width: 100% !important;
    margin: 12px 0 2px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
    color: #5b6b85 !important;
    text-align: left !important;
  }

  /* 4.2 行业卡片
     ⚠️ 必须给左右外边距: 页面内联 <style> 的 .hy-cat 是 `padding:0 12px` 靠内边距
        留白的; 本节把 padding 归 0 改成描边卡片后, 若只写 `margin:14px auto` 卡片
        会通栏贴到屏幕两边 (实测 360 视口下卡片 0..360), 很憋。用 margin:14px 四边留白。 */
  .hy-cat {
    max-width: 100% !important;
    margin: 14px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #e6ebf0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  /* 4.2.1 锚点落点高亮 (2026-09-16)
     60 个详情页面包屑的「行业名」现已链到 hub 的 #制造/#IT科技/... 锚点,
     跳进来时把落点那个行业卡片描一道品牌色, 否则 8 个同构卡片一眼认不出落在哪。
     ⚠️ 上面 4.2 的 .hy-cat 带 `border:...!important`, 同层 !important 只比特异性:
        必须写成 .hy-cat:target(0,2,0) 才压得过 .hy-cat(0,1,0); 两处都要 !important。
     注: .hy-cat 类全站仅 hangye/index.html 使用, 本规则不会外溢到其他页。 */
  .hy-cat:target {
    border-color: #19355e !important;
    box-shadow: 0 0 0 3px rgba(25, 53, 94, .07) !important;
  }
  /* 卡头: 通栏浅底 + 左 4px 品牌色竖条; 右侧圆角归 0 让它贴住卡片上沿。
     ⚠️ 卡头底色 (#eef3fa) 必须**比卡内标签按钮 (#f7f9fc) 深一档** —— 两者都用
        #f4f7fb 时实测在手机上糊成一片, 卡片看起来像一张表格。 */
  .hy-cat h2 {
    margin: 0 !important;
    padding: 11px 14px !important;
    box-sizing: border-box !important;
    background: #eef3fa !important;
    border-left: 4px solid #19355e !important;
    border-bottom: 1px solid #dfe7f0 !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #19355e !important;
  }

  /* 4.3 卡内标签网格
     ⚠️ 必须把 columns 一并归成 auto: 页面内联 <style> 里写的是 `.hy-cat-list{columns:3}`,
        只写 columns:1 仍会保留分栏, 与 display:grid 叠加会错排。 */
  .hy-cat-list {
    columns: auto !important;
    column-count: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .hy-cat-list li {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    break-inside: auto !important;
    list-style: none !important;
  }
  .hy-cat-list a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 7px 8px !important;
    box-sizing: border-box !important;
    background: #f7f9fc !important;
    border: 1px solid #e2e9f2 !important;
    border-radius: 8px !important;
    color: #19355e !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-decoration: none !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  .hy-cat-list a:hover,
  .hy-cat-list a:active,
  .hy-cat-list a:focus {
    background: #e9f0fa !important;
    border-color: #c9d6e6 !important;
    text-decoration: none !important;
  }

  /* 4.4 行业「概述」入口 (卡片里的第一个标签)
     指向该行业的落地总览页 (原 solution/solutionsov.html 独有的 8 条入口, 2026-09-15 迁入)。
     用品牌色实心 + 白字跟周围浅底功能标签拉开层级 —— 它是"入口", 不是"功能点"。
     ⚠️ 选择器必须带 .hy-ov 且写在上面 4.3 的 `.hy-cat-list a` 之后并同样加 !important:
        PC 端那套 .hy-ov 规则写在页面内联 HUB_CSS 里(无 !important), 会被 4.3 的
        `background:#f7f9fc !important` 整条压掉, 手机上就退化成普通浅底标签、看不出入口。 */
  .hy-cat-list .hy-ov a {
    background: #19355e !important;
    border-color: #19355e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
  }
  .hy-cat-list .hy-ov a:hover,
  .hy-cat-list .hy-ov a:active,
  .hy-cat-list .hy-ov a:focus {
    background: #12294a !important;
    border-color: #12294a !important;
  }
}

/* end @media (max-width: 768px) */