/* PC 首页改版（Phase 1：结构 + 基础布局骨架）。仅由 home.html 加载。
   本文件是 PC 首页视觉的唯一层：旧首页结构（平台介绍横幅、实时内容四块、六个大入口卡）
   已从 home.html 移除，home-portal-density.css 与 platform-strength-banner.css 不再由首页引用。
   行为层（home-search.js / home-live.js / home-metrics.js / platform-strength-carousel.js）
   保持原样，因此这里只改变排版与外观，不改 DOM 契约（保留 #live-* 列表、#site-search-*、
   .portal-home-entry / .portal-card / .hero-search 等既有挂钩）。 */
:root {
  --brand-primary: #00ACEB;
  --brand-hover: #0096ce;
  --brand-soft: #eaf9ff;
  --brand-light: #f3fbfe;
  --text-primary: #163047;
  --text-secondary: #486278;
  --text-tertiary: #5B6B7C;
  --bg-page: #f7f9fc;
  --bg-card: #ffffff;
  --bg-soft: #f1f7fa;
  --border-light: rgba(22, 48, 71, .10);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --shadow-sm: 0 6px 18px rgba(27, 59, 83, .06);
  --shadow-md: 0 12px 30px rgba(27, 59, 83, .10);
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 18px;
  --space-lg: 28px;
  --space-xl: 40px;
}

body[data-page="home"]:not(.mobile-page) {
  /* Follow the Products wide canvas; keep the token local to PC Home. */
  --container-width: var(--desktop-shell-role-max, var(--desktop-canvas-max, 1840px));
  color: var(--text-primary);
  background: var(--bg-page);
}

body[data-page="home"]:not(.mobile-page) .container {
  width: min(var(--container-width), calc(100vw - 48px));
}

/* Header：沿用上一版统一完成的 8 项导航，规则保持不动。 */
body[data-page="home"]:not(.mobile-page) .nav {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: 66px;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid var(--border-light);
  box-shadow: 0 2px 10px rgba(27, 59, 83, .025);
  backdrop-filter: blur(10px);
}

body[data-page="home"]:not(.mobile-page) .nav-inner {
  height: 66px !important;
  min-height: 66px;
  gap: 22px;
  padding: 5px 0 !important;
}

body[data-page="home"]:not(.mobile-page) .nav-menu {
  gap: 4px;
}

body[data-page="home"]:not(.mobile-page) .nav-menu a {
  padding: 9px 10px;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 650;
}

body[data-page="home"]:not(.mobile-page) .nav-menu a:hover,
body[data-page="home"]:not(.mobile-page) .nav-menu a:focus-visible,
body[data-page="home"]:not(.mobile-page) .nav-menu a.active {
  color: var(--text-link, #00698F);
}

body[data-page="home"]:not(.mobile-page) .home-header-actions {
  display: flex;
  flex: 0 0 auto;
}

body[data-page="home"]:not(.mobile-page) .home-demand-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 39px;
  padding: 0 14px;
  color: #fff !important;
  background: var(--brand-primary);
  border: 1px solid var(--brand-primary);
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .home-demand-cta:hover,
body[data-page="home"]:not(.mobile-page) .home-demand-cta:focus-visible {
  color: #fff !important;
  background: var(--brand-hover);
  border-color: var(--brand-hover);
  transform: translateY(-1px);
}

/* =====================================================================
   Phase 1 结构层：Hero 行业专题 → 悬浮搜索 → 热门搜索词 → 四项数据
   → 六大入口 → 三组 62/38 内容行
   ===================================================================== */
body[data-page="home"]:not(.mobile-page) {
  --hm-border: rgba(22, 48, 71, .10);
  --hm-border-soft: rgba(22, 48, 71, .08);
  --hm-hero-h: clamp(320px, 26vw, 420px);
  --hm-hero-image: url('/images/banners/platform-strength/industry-connection-v1.webp');
  --hm-row-gap: clamp(20px, 1.25vw, 28px);
  --hm-card-padding-x: clamp(20px, 1.5vw, 28px);
}

/* Hero 行业专题：通栏出血，文案压在左侧深色区，轮播控制贴底。 */
body[data-page="home"]:not(.mobile-page) .hm-hero {
  position: relative;
  margin: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel {
  position: relative;
}

body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel__viewport {
  position: relative;
  height: var(--hm-hero-h);
  overflow: hidden;
  background: #04182c;
}

body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel__track {
  display: flex;
  flex-direction: column;
  will-change: transform;
}

body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel__track.is-animating {
  transition: transform 700ms cubic-bezier(.4, 0, .2, 1);
}

body[data-page="home"]:not(.mobile-page) .hm-hero__slide {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  height: var(--hm-hero-h);
  background-color: #04182c;
  background-image:
    linear-gradient(100deg, rgba(3, 17, 36, .95) 0%, rgba(3, 17, 36, .76) 40%, rgba(3, 17, 36, .30) 72%, rgba(3, 17, 36, .10) 100%),
    var(--hm-hero-image);
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: cover, cover;
}

body[data-page="home"]:not(.mobile-page) .hm-hero__slide--alt {
  background-image:
    linear-gradient(100deg, rgba(2, 13, 30, .96) 0%, rgba(2, 13, 30, .82) 46%, rgba(2, 13, 30, .38) 76%, rgba(2, 13, 30, .14) 100%),
    var(--hm-hero-image);
  background-position: center, 88% center;
}

/* 首页正文与 Hero 文案采用产品库同源的宽版心 / 留白规则。
   1840px 大屏封顶仍保留；搜索框和文案行长继续独立限制。 */
body[data-page="home"]:not(.mobile-page) main > .container,
body[data-page="home"]:not(.mobile-page) .hm-hero__copy {
  width: min(var(--container-width), calc(100vw - (var(--desktop-canvas-gutter, 24px) * 2))) !important;
  margin-inline: auto !important;
}

body[data-page="home"]:not(.mobile-page) .hm-hero__copy {
  margin-block: 0;
  color: #fff;
}

body[data-page="home"]:not(.mobile-page) .hm-hero__tag {
  display: inline-block;
  margin: 0 0 14px;
  padding: 5px 12px;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .04em;
}

body[data-page="home"]:not(.mobile-page) .hm-hero__title {
  max-width: 680px;
  margin: 0;
  color: #fff;
  /* 字号在 1440 档封顶：1920 不再为「大屏感」继续放大，避免长标题被挤到第二行只剩一个字。 */
  font-size: clamp(28px, 2.4vw, 34px);
  font-weight: 780;
  letter-spacing: -.02em;
  line-height: 1.2;
  /* 万一真实标题确实需要两行，均衡断行可避免末尾单字孤行。 */
  text-wrap: balance;
}

body[data-page="home"]:not(.mobile-page) .hm-hero__sub {
  max-width: 620px;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .90);
  font-size: 17px;
  font-weight: 650;
  line-height: 1.4;
}

body[data-page="home"]:not(.mobile-page) .hm-hero__summary {
  max-width: 560px;
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .74);
  font-size: 14px;
  line-height: 1.65;
}

body[data-page="home"]:not(.mobile-page) .hm-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding: 11px 22px;
  color: #fff !important;
  background: var(--brand-primary);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background-color 180ms ease, transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-hero__cta:hover,
body[data-page="home"]:not(.mobile-page) .hm-hero__cta:focus-visible {
  background: var(--brand-hover);
  transform: translateY(-1px);
}

/* PC 自动轮播：当前药丸从左向右填满，计时与下一张切换由轮播脚本统一驱动。 */
body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel__progress {
  position: absolute;
  right: auto;
  bottom: 92px;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  transform: translateX(-50%);
}

body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel__progress > span {
  display: block;
  width: 8px;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  /* Opaque track: moving Banner artwork and text must not show through the empty portion. */
  background: #687382;
  transition: width 240ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel__progress > span.is-active {
  width: 40px;
}

body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel__progress > span > i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left center;
}

/* 悬浮主搜索：压住 Hero 下沿，图标 / 输入 / 范围 / 按钮。
   注意：全站 ios-glass-theme.css 用 `body[data-page] :where(.hero-search, …)`
   对搜索条本身做了 `background/border/box-shadow/backdrop-filter` 的 !important 重置，
   因此白色胶囊的底色与投影放在外层容器 .hm-hero__search 上，内层表单只负责排布。 */
body[data-page="home"]:not(.mobile-page) .hm-hero__search {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  width: min(880px, calc(100vw - 48px));
  height: 68px;
  margin: -36px auto 0;
  padding: 0 12px 0 22px;
  background: #fff;
  border: 1px solid var(--hm-border);
  border-radius: 999px;
  box-shadow: 0 18px 40px rgba(12, 36, 64, .16);
}

body[data-page="home"]:not(.mobile-page) .hm-hero__search:focus-within {
  border-color: rgba(0, 172, 235, .45);
  box-shadow: 0 18px 40px rgba(12, 36, 64, .16), 0 0 0 4px rgba(0, 172, 235, .12);
}

body[data-page="home"]:not(.mobile-page) .hm-search {
  display: flex;
  flex: 1 1 auto;
  /* The legacy .hero-search rule forces stretch; this pill needs one shared center line. */
  align-items: center !important;
  gap: 10px;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-search__icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371869a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");
}

body[data-page="home"]:not(.mobile-page) .hm-search input {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  height: 100% !important;
  padding: 0 !important;
  color: var(--text-primary);
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  font-size: 15px;
}

body[data-page="home"]:not(.mobile-page) .hm-search input:focus,
body[data-page="home"]:not(.mobile-page) .hm-search input:focus-visible {
  outline: none;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-page="home"]:not(.mobile-page) .hm-search__submit {
  flex: 0 0 auto;
  width: auto !important;
  height: 48px !important;
  padding: 0 28px;
  color: #fff;
  background: var(--brand-primary);
  border: 0;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 180ms ease;
}

/* 搜索按钮：底色由全站玻璃主题以 !important 提供（品牌蓝渐变，静态观感不变），
   因此 hover 反馈用 filter 表达，避免与全局 !important 对抗。 */
body[data-page="home"]:not(.mobile-page) .hm-search__submit:hover,
body[data-page="home"]:not(.mobile-page) .hm-search__submit:focus-visible {
  filter: brightness(.93);
}

/* 热门搜索词：单独一行，紧随搜索框。 */
body[data-page="home"]:not(.mobile-page) .hm-hotwords {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  color: var(--text-tertiary);
  font-size: 13px;
}

body[data-page="home"]:not(.mobile-page) .hm-hotwords__label {
  margin-right: 2px;
}

body[data-page="home"]:not(.mobile-page) .hm-hotwords button {
  padding: 5px 12px;
  color: var(--text-secondary);
  background: #fff;
  border: 1px solid var(--hm-border);
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: 12.5px;
  line-height: 1.3;
  transition: color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-hotwords button:hover,
body[data-page="home"]:not(.mobile-page) .hm-hotwords button:focus-visible {
  color: var(--brand-primary);
  border-color: rgba(0, 172, 235, .42);
  transform: translateY(-1px);
}

/* 六大核心入口：紧凑横向六列，彩色 icon 容器 + 清晰标题层级 + 轻箭头。 */
body[data-page="home"]:not(.mobile-page) .hm-entries {
  margin-top: 18px;
  padding: 14px 16px 16px;
  background: #EFF4F9;
  border-radius: 16px;
}

body[data-page="home"]:not(.mobile-page) .hm-entries .section-head {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-entries__grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  /* 比原六卡间距收紧 15%，保留自适应节奏。 */
  gap: clamp(8.5px, 0.7225vw, 12.75px) !important;
}

body[data-page="home"]:not(.mobile-page) .hm-entry {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 70px !important;
  padding: 13px 10px !important;
  overflow: visible !important;
  background: #F4F7FB !important;
  border: 1px solid rgba(22, 48, 71, .05) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  transition: background-color 180ms ease, border-color 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-entry:hover {
  background: #F7FAFD !important;
  border-color: rgba(0, 172, 235, .22) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* 入口配色收敛为三系：品牌蓝（产品库 / 行业资讯 / 需求登记）、青绿（实用工具 / 概念知识库）、
   紫蓝点缀（社区交流），不再是六张卡六种独立主题色。 */
body[data-page="home"]:not(.mobile-page) .hm-entry[data-card="products"] { --hm-icon-color: #1E7FD6; --hm-icon-tint: #EAF2FC; }
body[data-page="home"]:not(.mobile-page) .hm-entry[data-card="publish"] { --hm-icon-color: #2A6FC9; --hm-icon-tint: #EAF1FB; }
body[data-page="home"]:not(.mobile-page) .hm-entry[data-card="demand"] { --hm-icon-color: #3D6BD8; --hm-icon-tint: #EDF1FD; }
body[data-page="home"]:not(.mobile-page) .hm-entry[data-card="tools"] { --hm-icon-color: #1C8F6B; --hm-icon-tint: #E6F4EF; }
body[data-page="home"]:not(.mobile-page) .hm-entry[data-card="knowledge"] { --hm-icon-color: #128C8C; --hm-icon-tint: #E7F4F3; }
body[data-page="home"]:not(.mobile-page) .hm-entry[data-card="forum"] { --hm-icon-color: #6B57C9; --hm-icon-tint: #EFECFB; }

/* 统一 icon 体系：入口与模块标题区共用同一套容器与描边规格。 */
body[data-page="home"]:not(.mobile-page) .hm-accent--amber { --hm-icon-color: #C97A16; --hm-icon-tint: #FBF2E3; }
body[data-page="home"]:not(.mobile-page) .hm-accent--blue { --hm-icon-color: #1E7FD6; --hm-icon-tint: #EAF2FC; }
body[data-page="home"]:not(.mobile-page) .hm-accent--teal { --hm-icon-color: #128C8C; --hm-icon-tint: #E7F4F3; }
body[data-page="home"]:not(.mobile-page) .hm-accent--green { --hm-icon-color: #1C8F6B; --hm-icon-tint: #E6F4EF; }
body[data-page="home"]:not(.mobile-page) .hm-accent--indigo { --hm-icon-color: #4A5BC4; --hm-icon-tint: #EDEFFB; }

body[data-page="home"]:not(.mobile-page) .hm-entry__icon,
body[data-page="home"]:not(.mobile-page) .hm-card__icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  /* 全站 ios-glass-theme.css 对 .portal-icon/.module-icon 等有 background/color !important 重置，
     这里同带 !important 并以更高特异性取胜，避免图标被刷成主题蓝 + 半透明白底。 */
  color: var(--hm-icon-color, var(--brand-primary)) !important;
  background: var(--hm-icon-tint, var(--brand-light)) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}

/* 「快捷入口」模块标题：透明 section header（非第 7 张卡），与下方六卡同容器同左右边界。 */
body[data-page="home"]:not(.mobile-page) .hm-entries__lead {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: var(--space-sm);
}

/* 视觉锚点：标题左侧品牌色短竖线（二选一方案中的竖线，不叠加分隔线）。 */
body[data-page="home"]:not(.mobile-page) .hm-entries__lead::before {
  content: '';
  flex: 0 0 auto;
  width: 3px;
  height: 26px;
  border-radius: 2px;
  background: var(--brand-primary, #0087B3);
}

body[data-page="home"]:not(.mobile-page) .hm-entries__lead-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: var(--hm-icon-color, var(--brand-primary)) !important;
  background: var(--hm-icon-tint, var(--brand-light)) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}

body[data-page="home"]:not(.mobile-page) .hm-entries__lead-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="home"]:not(.mobile-page) .hm-entries__lead-text {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-entries__lead-text strong {
  color: #0F2739;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.2;
}

body[data-page="home"]:not(.mobile-page) .hm-entries__lead-text p {
  margin: 0;
  color: var(--text-tertiary);
  font-size: 12.5px;
  line-height: 1.4;
}

body[data-page="home"]:not(.mobile-page) .hm-entry__icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px;
}

body[data-page="home"]:not(.mobile-page) .hm-entry__icon svg,
body[data-page="home"]:not(.mobile-page) .hm-card__icon svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="home"]:not(.mobile-page) .hm-entry__icon svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.7;
}

body[data-page="home"]:not(.mobile-page) .hm-entry strong {
  display: block;
  color: #0F2739;
  /* B1A2: type-item-title */
  font-size: var(--type-item-title-size) !important;
  font-weight: var(--type-item-title-weight);
  letter-spacing: -.01em;
  line-height: var(--type-item-title-line-height);
}

body[data-page="home"]:not(.mobile-page) .hm-entry p {
  display: -webkit-box;
  margin: 4px 0 0 !important;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 11.5px !important;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 放宽列宽后仍两行的描述（1366 的 12-13 字句）两行均衡收尾，避免 1-3 字孤行残端。 */
  text-wrap: balance;
}

/* 入口动作：整卡可点，文案仍由 /api/content 配置驱动（.portal-actions a）；
   右侧按参考图只留轻箭头，配置文案保留在 DOM 中供读屏与后台使用。
   箭头不再占独立 grid column（P1B）：a 改为卡片内绝对定位覆盖层，
   描述列获得第三列 + 双 gap 的宽度；!important 需压过 ios-glass 的 52px 按钮。 */
body[data-page="home"]:not(.mobile-page) .hm-entry__action {
  display: contents !important;
}

body[data-page="home"]:not(.mobile-page) .hm-entry__action a {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  /* 箭头贴右上角空带：垂直居中会撞上描述首行（描述列已放宽到卡内边距），
     标题/描述块随行数垂直居中导致标题行 y 不定，右上 padding 带是唯一全行数无碰撞区。 */
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
  padding: 8px 10px 0 0 !important;
  color: transparent !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-entry__action a::after {
  display: block;
  width: 14px;
  height: 14px;
  content: '';
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8bccd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 5 7 7-7 7'/%3E%3C/svg%3E");
  transition: transform 180ms ease, background-image 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-entry__action a::before {
  position: absolute;
  inset: 0;
  content: '';
}

body[data-page="home"]:not(.mobile-page) .hm-entry:hover .hm-entry__action a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aceb' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 5 7 7-7 7'/%3E%3C/svg%3E");
  transform: translateX(2px);
}

body[data-page="home"]:not(.mobile-page) .hm-entry__action a:focus-visible {
  outline: 2px solid rgba(0, 172, 235, .5);
  outline-offset: 3px;
}

/* 三组 62 / 38 内容行。 */
body[data-page="home"]:not(.mobile-page) .hm-rows {
  display: grid;
  gap: var(--hm-row-gap);
  margin-top: 24px;
}

body[data-page="home"]:not(.mobile-page) .hm-row {
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr);
  gap: var(--hm-row-gap);
  align-items: stretch;
}

body[data-page="home"]:not(.mobile-page) .hm-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 20px var(--hm-card-padding-x);
  background: #fff;
  border: 1px solid var(--hm-border);
  border-radius: 16px;
}

/* 模块标题区：统一「主题 icon + 标题组 + 右侧操作」抬头系统。 */
body[data-page="home"]:not(.mobile-page) .hm-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--hm-border-soft);
}

body[data-page="home"]:not(.mobile-page) .hm-card__title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}

body[data-page="home"]:not(.mobile-page) .hm-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 11px;
}

body[data-page="home"]:not(.mobile-page) .hm-card__icon svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.9;
}

body[data-page="home"]:not(.mobile-page) .hm-card__text {
  min-width: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-card__head h2 {
  margin: 0;
  color: #0F2739;
  font-size: 17px;
  font-weight: 760;
  letter-spacing: -.01em;
  line-height: 1.3;
}

body[data-page="home"]:not(.mobile-page) .hm-card__head p {
  margin: 3px 0 0;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.45;
}

/* 右侧操作：五个模块共用同一处理（品牌蓝小字 + 轻箭头，去胶囊背景）。 */
body[data-page="home"]:not(.mobile-page) .hm-card__more {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  padding: 0;
  color: var(--brand-primary);
  background: none;
  border: 0;
  font-size: 13px;
  font-weight: 650;
  white-space: nowrap;
  transition: color 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-card__more span {
  display: inline-block;
  font-size: 12px;
  transition: transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-card__more:hover,
body[data-page="home"]:not(.mobile-page) .hm-card__more:focus-visible {
  color: var(--brand-hover);
}

body[data-page="home"]:not(.mobile-page) .hm-card__more:hover span,
body[data-page="home"]:not(.mobile-page) .hm-card__more:focus-visible span {
  transform: translateX(3px);
}

/* 本模块主操作（社区发布讨论）。 */
body[data-page="home"]:not(.mobile-page) .hm-card__cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding: 12px 26px;
  color: var(--action-text, #002E3D) !important;
  background: var(--brand-primary);
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(0, 172, 235, .22);
  font-size: 14px;
  font-weight: 700;
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-card__cta:hover,
body[data-page="home"]:not(.mobile-page) .hm-card__cta:focus-visible {
  background: var(--brand-hover);
  box-shadow: 0 10px 22px rgba(0, 172, 235, .28);
  transform: translateY(-1px);
}

/* 列表：内容由 home-live.js 渲染，这里只负责排版。 */
body[data-page="home"]:not(.mobile-page) .hm-list {
  display: grid;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

body[data-page="home"]:not(.mobile-page) .hm-list--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
}

body[data-page="home"]:not(.mobile-page) .hm-list li {
  min-width: 0;
  border-bottom: 1px solid var(--hm-border-soft);
}

body[data-page="home"]:not(.mobile-page) .hm-list li:last-child {
  border-bottom: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-list a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 8px 0;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.45;
}

body[data-page="home"]:not(.mobile-page) .hm-list a:hover,
body[data-page="home"]:not(.mobile-page) .hm-list a:focus-visible {
  color: var(--brand-primary);
}

/* 全站 ios-glass-theme.css 用 `a { color: #00ACEB !important }` 统一了链接色，
   页面级 hover 变色无法生效；这里改用下划线作为 hover/focus 的可用性反馈。
   语义边界（2026-10-02）：下划线只属于 text-link（资讯/社区/知识条目等纯文本链接列表）；
   热门产品卡是 card-link（整卡可点），下划线会经行盒传播画到产品名上——
   hover 反馈由卡片自身承接（.hm-product-card:hover 的品牌蓝边框），此处显式排除。 */
body[data-page="home"]:not(.mobile-page) .hm-list a:hover:not(.hm-product-card),
body[data-page="home"]:not(.mobile-page) .hm-list a:focus-visible:not(.hm-product-card),
body[data-page="home"]:not(.mobile-page) .hm-card__more:hover,
body[data-page="home"]:not(.mobile-page) .hm-card__more:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body[data-page="home"]:not(.mobile-page) .hm-list:not(.hm-list--products) a::before {
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  content: '';
  background: var(--brand-primary);
  border-radius: 50%;
  opacity: .45;
}

/* 行业资讯：与热门产品同行等高，列表吃满卡片剩余高度并把条目均匀铺满，
   避免条数少于邻卡时下端留白（home-live.js 条数由 #live-news data-live-limit 声明）。 */
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list {
  flex: 1;
  align-content: space-between;
}

/* 空状态：完整图形 + 明确层级，观感是「暂时还没有讨论」而不是「空了一块」。 */
body[data-page="home"]:not(.mobile-page) .hm-list .live-empty {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 26px 12px 18px;
  color: var(--text-tertiary);
  border-bottom: 0;
  font-size: 12.5px;
  line-height: 1.6;
  text-align: center;
}

body[data-page="home"]:not(.mobile-page) .hm-list .live-empty::before {
  width: 44px;
  height: 44px;
  content: '';
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8bccd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h12a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H9l-5 4V6Z'/%3E%3Cpath d='M8 10h7'/%3E%3Cpath d='M8 13h4'/%3E%3C/svg%3E") center / 22px 22px no-repeat,
    linear-gradient(#F1F6FA, #F1F6FA);
  border-radius: 50%;
}

/* 实用工具：浅色科技工具卡（2026-10-09 视觉优化）。
   浅蓝底 + 深色文字 + 品牌蓝 CTA + 轻量装饰插画。
   从深蓝主卡改为浅色卡，与首页其他模块视觉重量协调。 */
body[data-page="home"]:not(.mobile-page) .hm-tool--primary {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
  min-height: 226px;
  margin: 0;
  padding: 22px;
  background:
    radial-gradient(52% 42% at 86% 100%, rgba(174, 226, 252, .28), transparent 72%),
    radial-gradient(45% 38% at 12% 8%, rgba(255, 255, 255, .45), transparent 65%),
    linear-gradient(135deg, #EEF7FC 0%, #E8F4FB 48%, #E0F0FA 100%);
  border: 1px solid rgba(0, 172, 235, .18);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(27, 59, 83, .06);
}

body[data-page="home"]:not(.mobile-page) .hm-tool__top {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  padding-bottom: 0;
  gap: 14px;
}

body[data-page="home"]:not(.mobile-page) .hm-tool__icon {
  display: grid;
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  place-items: center;
  color: #1E7FD6;
  background: rgba(255, 255, 255, .65);
  border: 1px solid rgba(0, 172, 235, .22);
  border-radius: 13px;
  box-shadow: 0 2px 8px rgba(0, 172, 235, .08);
}

body[data-page="home"]:not(.mobile-page) .hm-tool__icon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="home"]:not(.mobile-page) .hm-tool--primary strong {
  display: block;
  min-width: 0;
  color: #0F2739;
  font-size: 16px;
  font-weight: 720;
  letter-spacing: -.01em;
  line-height: 1.4;
}

body[data-page="home"]:not(.mobile-page) .hm-tool--primary p {
  margin: 7px 0 0;
  padding-right: 10px;
  color: #486278;
  font-size: 12.5px;
  line-height: 1.6;
}

body[data-page="home"]:not(.mobile-page) .hm-tool__body {
  min-width: 0;
}

/* 主 CTA：2026-10-09 起与社区「发布讨论」同款（品牌青蓝底白字 pill），
   已脱离首页品牌蓝 CTA 系统清单，直接声明同值。 */
body[data-page="home"]:not(.mobile-page) .hm-tool__cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  /* 2026-10-09 用户反馈：标签行在上、主 CTA 沉底（位置互换）。 */
  margin: auto 0 0;
  padding: 12px 26px;
  /* VA-501（Oil UI P0-1）：白字在品牌蓝上 2.59:1 → 深墨前景 5.56:1。 */
  color: #002E3D !important;
  background: var(--brand-primary, #00ACEB);
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(0, 172, 235, .22);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-tool__cta:hover {
  /* hover 背景加深以维持深墨前景 ≥4.5:1（#0096CE 只有 4.29:1）。 */
  background: #00A0DB;
  box-shadow: 0 10px 22px rgba(0, 172, 235, .28);
  transform: translateY(-1px);
}

body[data-page="home"]:not(.mobile-page) .hm-tool__cta:focus-visible {
  outline: 2px solid rgba(255, 255, 255, .75);
  outline-offset: 2px;
}

body[data-page="home"]:not(.mobile-page) .hm-tool__cta-arrow {
  display: inline-block;
}

/* 能力标签：来自工具真实能力（标准查询/检测项目/任务清单），位于主 CTA 之上。 */
body[data-page="home"]:not(.mobile-page) .hm-tool__tags {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

body[data-page="home"]:not(.mobile-page) .hm-tool__tags li {
  padding: 6px 14px;
  color: #0F2739;
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 172, 235, .26);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.5;
}

/* 标准文档线框插画：纯装饰，右下角锚定，不参与交互、不遮挡文字。
   浅色化处理：降低视觉重量，适配浅背景。 */
body[data-page="home"]:not(.mobile-page) .hm-tool__art {
  position: absolute;
  right: -8px;
  bottom: -10px;
  z-index: 0;
  width: 54%;
  height: 88%;
  opacity: .5;
  pointer-events: none;
}

body[data-page="home"]:not(.mobile-page) .hm-tool__art svg {
  width: 100%;
  height: 100%;
}

/* 社区交流分类切换（2026-10-02）：pill 升级为可点击筛选 tab，语义 = button + aria-pressed。
   状态变化只动配色与字重（CJK 粗体不改变字宽），按压用 transform，均不产生 layout shift。 */
body[data-page="home"]:not(.mobile-page) .hm-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

body[data-page="home"]:not(.mobile-page) .hm-topic-chip {
  position: relative;
  display: inline-block;
  padding: 3px 11px;
  color: var(--text-secondary);
  background: #F5F9FC;
  border: 1px solid rgba(22, 48, 71, .06);
  border-radius: 999px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

body[data-page="home"]:not(.mobile-page) .hm-topic-chip:hover {
  color: var(--text-primary, #163047);
  background: #fff;
  border-color: rgba(0, 135, 179, .45);
}

body[data-page="home"]:not(.mobile-page) .hm-topic-chip:active {
  transform: translateY(1px);
}

body[data-page="home"]:not(.mobile-page) .hm-topic-chip:focus-visible {
  outline: 2px solid var(--brand-primary, #0087B3);
  outline-offset: 2px;
}

/* 选中态放在 hover 之后，保证选中项悬停时仍保持品牌蓝识别。#00698F on #E8F6FD = 5.6:1。
   2026-10-09 用户反馈：原选中态左侧的 4px 小圆点装饰删除，仅保留配色/字重识别。 */
body[data-page="home"]:not(.mobile-page) .hm-topic-chip.is-active {
  color: var(--text-link, #00698F);
  background: #E8F6FD;
  border-color: rgba(0, 135, 179, .55);
  font-weight: 700;
}

/* 分类切换反馈：140ms 轻淡入 + 加载中半透明；系统“减少动态效果”时不启用动画。 */
@media (prefers-reduced-motion: no-preference) {
  body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list.is-topic-swapping {
    animation: hm-topic-swap 140ms ease-out;
  }
}

@keyframes hm-topic-swap {
  from { opacity: 0; }
}

body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list.is-topic-loading {
  opacity: .45;
}

/* 空分类态：内容保持收紧；操作仍与右侧需求卡对齐，不改变空态结构。 */
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list .live-empty {
  padding: 12px 12px 4px;
  gap: 8px;
}

body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list .live-empty__hint {
  margin-top: -5px;
  color: #64748B;
  font-size: 11.5px;
}

body[data-page="home"]:not(.mobile-page) .hm-card--forum:has(.live-empty) .hm-list {
  flex: 0 0 auto;
  margin-bottom: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-card--forum:has(.live-empty) .hm-card__cta {
  margin-top: auto;
}

/* 社区交流：主操作压到卡片底部，避免高卡片下方留白。 */
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list {
  margin-bottom: 18px;
}

body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-card__cta {
  margin-top: auto;
  /* 为右卡 CTA 下方的 10px 间距 + 17px 辅助说明预留相同底部节奏。 */
  margin-bottom: 27px;
}

/* 2026-10-22 用户指令：社区交流列表的 hover / 指针样式只属于帖子标题文字本身。
   普通帖子行把整行链接收缩为标题宽度（fit-content），行内右侧空白不再命中 <a>；
   置顶规范帖保留整行链接的点击范围，但只有标题文字显示指针与变蓝。
   两类都只作用于 PC 首页（mobile 首页列表由 mobile-home-layout.css 接管）。 */
body[data-page="home"]:not(.mobile-page) #live-forum .community-rule-home-link {
  cursor: default;
}

body[data-page="home"]:not(.mobile-page) #live-forum .community-rule-title {
  align-self: flex-start;
  max-width: 100%;
  cursor: pointer;
}

/* 压过 community-rule-post.css「整行 hover 就让标题变蓝」的规则：行内其它区域不变色。 */
body[data-page="home"]:not(.mobile-page) #live-forum .community-rule-home-link:hover .community-rule-title {
  color: #18344f;
}

body[data-page="home"]:not(.mobile-page) #live-forum .community-rule-home-link .community-rule-title:hover {
  color: #007da8;
}

/* 需求合作功能入口：浅色轻量卡（2026-10-09 视觉优化）。
   从深蓝底改为白底 + 浅蓝装饰，视觉重量低于实用工具卡。 */
body[data-page="home"]:not(.mobile-page) .hm-card--coop {
  position: relative;
  justify-content: flex-start;
  gap: 0;
  overflow: hidden;
  color: var(--text-primary);
  background:
    radial-gradient(60% 50% at 88% 10%, rgba(174, 226, 252, .18), transparent 68%),
    radial-gradient(55% 48% at 10% 92%, rgba(200, 235, 252, .15), transparent 64%),
    linear-gradient(135deg, #FFFFFF 0%, #F8FCFE 52%, #F2F9FD 100%);
  border: 1px solid rgba(0, 172, 235, .14);
  box-shadow: 0 4px 14px rgba(27, 59, 83, .04);
}

/* 需求卡装饰插画：轻量、不抢主体内容 */
body[data-page="home"]:not(.mobile-page) .hm-coop__art {
  position: absolute;
  right: -20px;
  bottom: -10px;
  z-index: 0;
  width: 58%;
  height: 85%;
  opacity: .6;
  pointer-events: none;
}

body[data-page="home"]:not(.mobile-page) .hm-coop__art svg {
  width: 100%;
  height: 100%;
}

body[data-page="home"]:not(.mobile-page) .hm-coop__intro {
  position: relative;
  z-index: 1;
  margin-bottom: calc(2 * var(--space-sm));
}

body[data-page="home"]:not(.mobile-page) .hm-coop__info {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--space-xs));
  margin-bottom: var(--space-sm);
}

body[data-page="home"]:not(.mobile-page) .hm-coop__actions {
  position: relative;
  z-index: 1;
  margin-top: auto;
}

body[data-page="home"]:not(.mobile-page) .hm-card--coop .hm-coop__tag {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: 28px;
  margin: 0 0 var(--space-xs);
  padding: 0 14px;
  color: #0A6E96;
  background: rgba(0, 172, 235, .08);
  border: 1px solid rgba(0, 172, 235, .2);
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 650;
  letter-spacing: .06em;
}

body[data-page="home"]:not(.mobile-page) .hm-card--coop h2 {
  margin: 0;
  color: #0F2739;
  font-size: clamp(20px, 1.7vw, 25px);
  font-weight: 760;
  letter-spacing: -.01em;
  line-height: 1.22;
}

body[data-page="home"]:not(.mobile-page) .hm-card--coop .hm-coop__description {
  margin: 0;
  color: #486278;
  font-size: 13px;
  line-height: 1.65;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body[data-page="home"]:not(.mobile-page) .hm-coop__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-page="home"]:not(.mobile-page) .hm-coop__tags li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 9px;
  color: #33414F;
  background: rgba(0, 172, 235, .06);
  border: 1px solid rgba(0, 172, 235, .18);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.4;
}

body[data-page="home"]:not(.mobile-page) .hm-card--coop .hm-coop__cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-top: 0;
  padding: 12px 26px;
  color: #fff !important;
  background: var(--brand-primary);
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(0, 172, 235, .22);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-card--coop .hm-coop__cta:hover,
body[data-page="home"]:not(.mobile-page) .hm-card--coop .hm-coop__cta:focus-visible {
  background: var(--brand-hover);
  box-shadow: 0 10px 22px rgba(0, 172, 235, .28);
  transform: translateY(-1px);
  text-decoration: none;
}

body[data-page="home"]:not(.mobile-page) .hm-card--coop .hm-coop__helper {
  margin: 10px 0 0;
  color: #5B6B7C;
  font-size: 11.5px;
  line-height: 17px;
}

@media (max-width: 1280px) {
  body[data-page="home"]:not(.mobile-page) .hm-entry strong { font-size: 14px !important; }
  body[data-page="home"]:not(.mobile-page) .hm-entry p { font-size: 11.5px !important; }
}

@media (max-width: 1100px) {
  body[data-page="home"]:not(.mobile-page) .hm-entries__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 980px) {
  body[data-page="home"]:not(.mobile-page) .nav-menu a { padding-inline: 6px; font-size: 13px; }
  body[data-page="home"]:not(.mobile-page) .nav-inner { gap: 10px; }
  body[data-page="home"]:not(.mobile-page) .hm-row { grid-template-columns: minmax(0, 1fr); }
  body[data-page="home"]:not(.mobile-page) .hm-list--two { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
  body[data-page="home"]:not(.mobile-page) .container { width: min(var(--container-width), calc(100vw - 28px)); }
  body[data-page="home"]:not(.mobile-page) .home-header-actions { display: none; }
  body[data-page="home"]:not(.mobile-page) .hm-entries__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body[data-page="home"]:not(.mobile-page) .hm-hero__search { width: calc(100vw - 28px); margin-top: -26px; }
  body[data-page="home"]:not(.mobile-page) .hm-search { height: 58px; padding-left: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"]:not(.mobile-page) .home-demand-cta,
  body[data-page="home"]:not(.mobile-page) .hm-hotwords button,
  body[data-page="home"]:not(.mobile-page) .hm-search__submit,
  body[data-page="home"]:not(.mobile-page) .hm-hero__cta,
  body[data-page="home"]:not(.mobile-page) .hm-entry,
  body[data-page="home"]:not(.mobile-page) .hm-card--coop .hm-coop__cta { transition: none; }
  body[data-page="home"]:not(.mobile-page) .hm-hero .platform-strength-carousel__track.is-animating { transition: none; }
}

/* 公告条与合规页脚属于全站共享结构，首页仅保持既有底色，本阶段不改动其内容。 */
body[data-page="home"]:not(.mobile-page) {
  background: #f7f9fc !important;
}

body[data-page="home"]:not(.mobile-page) main {
  background: #f7f9fc !important;
}

body[data-page="home"]:not(.mobile-page) .site-announcement {
  background: #fff !important;
  border-bottom-color: rgba(22, 48, 71, .10) !important;
}

body[data-page="home"]:not(.mobile-page) .site-announcement__inner {
  min-height: 38px !important;
}

body[data-page="home"]:not(.mobile-page) .site-announcement__label {
  /* VA-511（第八批，①C）：与公告条基础样式一致——浅底 + 红色竖条 + 深红字，整条不再撞色。 */
  padding: 3px 9px 3px 8px !important;
  border: 0 !important;
  border-left: 3px solid #D64545 !important;
  border-radius: 6px !important;
  background: #FDECEC !important;
  color: #B42318 !important;
  box-shadow: none !important;
}

body[data-page="home"]:not(.mobile-page) .site-announcement__message {
  color: #0F2433 !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  text-shadow: none !important;
}

body[data-page="home"]:not(.mobile-page) .site-announcement__link {
  color: #B42318 !important;
}

body[data-page="home"]:not(.mobile-page) .site-compliance-footer {
  background: #f7f9fc !important;
  border-top: 1px solid rgba(22, 48, 71, .08) !important;
  padding-top: 30px !important;
}

/* Keep the injected footer on the same responsive edges as the content rows. */
body[data-page="home"]:not(.mobile-page) .site-compliance-footer__main,
body[data-page="home"]:not(.mobile-page) .site-compliance-footer__legal {
  width: min(var(--container-width), var(--desktop-canvas-max, 1840px), calc(100vw - (var(--desktop-canvas-gutter, clamp(24px, 3.35vw, 64px)) * 2)));
}

/* =====================================================================
   Phase 2：真实数据渲染所需的最小布局适配（不做视觉抛光）
   ===================================================================== */
/* 热门产品：真实品牌主图卡。 */
body[data-page="home"]:not(.mobile-page) .hm-list--products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

body[data-page="home"]:not(.mobile-page) .hm-list--products li {
  min-width: 0;
  border-bottom: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-product-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  height: 100%;
  padding: 12px;
  color: var(--text-primary);
  background: #fff;
  border: 1px solid var(--hm-border-soft);
  border-radius: 12px;
  transition: border-color 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-product-card:hover,
body[data-page="home"]:not(.mobile-page) .hm-product-card:focus-visible {
  color: var(--text-primary);
  background: #fff;
  border-color: var(--brand-primary);
  transform: none;
}

body[data-page="home"]:not(.mobile-page) .hm-product-media {
  display: block;
  flex: none;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}

body[data-page="home"]:not(.mobile-page) .hm-product-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body[data-page="home"]:not(.mobile-page) .hm-product-card .live-product-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--text-tertiary);
  font-size: 12px;
}

body[data-page="home"]:not(.mobile-page) .hm-product-body {
  display: block;
  min-width: 0;
  min-height: 52px;
  text-align: left;
}

body[data-page="home"]:not(.mobile-page) .hm-product-body strong {
  display: block;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

body[data-page="home"]:not(.mobile-page) .hm-product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

/* 与产品库的信息型标签保持相同尺寸和品牌色描边，不作为操作按钮。 */
body[data-page="home"]:not(.mobile-page) .hm-product-tag {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  color: #003b52;
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(0, 172, 235, .34);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

/* A long capability may wrap; its badge must grow rather than clip a second line. */
html body[data-page="home"]:not(.mobile-page) .hm-product-tags .hm-product-tag {
  height: auto !important;
  min-height: 24px;
  max-width: 100%;
  padding-block: 3px !important;
  line-height: 1.3 !important;
}

/* 概念知识库 + 实用工具行（2026-10-08 参考图复刻）。
   参考图实测（1536 画布）：左卡 964 : 列距 16 : 右卡 499 → 1.93 : 1。 */
body[data-page="home"]:not(.mobile-page) .hm-row--kb {
  grid-template-columns: minmax(0, 1.93fr) minmax(0, 1fr);
  gap: clamp(14px, 1.05vw, 17px);
}

/* 两模块头区：参考图无分隔线，标题区下方直接接内容（仅 kb/工具行，其余模块不动）。 */
body[data-page="home"]:not(.mobile-page) .hm-card--knowledge .hm-card__head,
body[data-page="home"]:not(.mobile-page) .hm-card--tools .hm-card__head {
  padding-bottom: 0;
  margin-bottom: 16px;
  border-bottom: 0;
}

/* 头像放大到参考图比例（仅 kb/工具行；其余首页模块的 36px 头像不动）。 */
body[data-page="home"]:not(.mobile-page) .hm-card--knowledge .hm-card__icon,
body[data-page="home"]:not(.mobile-page) .hm-card--tools .hm-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 13px;
}

body[data-page="home"]:not(.mobile-page) .hm-card--knowledge .hm-card__icon svg,
body[data-page="home"]:not(.mobile-page) .hm-card--tools .hm-card__icon svg {
  width: 24px;
  height: 24px;
}

/* 模块头 icon 语义色：知识库 cyan/teal、工具 green（对照参考图）。 */
body[data-page="home"]:not(.mobile-page) .hm-accent--kb {
  --hm-icon-color: #1E9EC6;
  --hm-icon-tint: #D9F4FC;
}

body[data-page="home"]:not(.mobile-page) .hm-accent--tools {
  --hm-icon-color: #21A45D;
  --hm-icon-tint: #D9F4E5;
}

/* 真实词条总数（home-metrics.js 写入）用品牌蓝强调。 */
body[data-page="home"]:not(.mobile-page) .hm-card--knowledge [data-home-metric] {
  color: #00698F;
  font-weight: 650;
}

/* 知识库主体：主视觉卡 : 分类矩阵 = 0.714 : 1（参考图 381 : 534 实测映射），上下自然 stretch 对齐。 */
body[data-page="home"]:not(.mobile-page) .hm-kb-body {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: minmax(0, .714fr) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  min-width: 0;
  min-height: 0;
}

/* 主视觉卡：浅蓝知识氛围 + 左文右图（书堆 + 学士帽 SVG 插画，不承载真实数据）。 */
body[data-page="home"]:not(.mobile-page) .hm-kb-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
  min-height: 216px;
  padding: 26px 24px 22px;
  background:
    radial-gradient(58% 46% at 80% 12%, rgba(255, 255, 255, .62), transparent 70%),
    linear-gradient(115deg, transparent 46%, rgba(255, 255, 255, .34) 54%, transparent 66%),
    linear-gradient(180deg, #D6EEFE 0%, #E7F5FE 52%, #F2FAFE 100%);
  border-radius: 14px;
  text-decoration: none;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero__text {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero__title {
  margin: 0;
  color: #16294A;
  font-size: 17px;
  font-weight: 740;
  letter-spacing: -.01em;
  line-height: 1.4;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero__desc {
  margin-top: 9px;
  max-width: 18.5em;
  color: #55677E;
  font-size: 12.5px;
  line-height: 1.7;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero__desc [data-home-metric] {
  color: #1F87D5;
  font-weight: 650;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 12px 26px;
  /* VA-501（Oil UI P0-1）：白字在品牌蓝上 2.59:1 → 深墨前景 5.56:1。 */
  color: #002E3D !important;
  background: var(--brand-primary, #00ACEB);
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(0, 172, 235, .22);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

/* 2026-10-09 用户定规：首页四张卡的主 CTA（开始浏览/打开工具/发布讨论/登记需求）统一样式，
   基准 = 社区交流「发布讨论」。 */
body[data-page="home"]:not(.mobile-page) .hm-kb-hero:hover .hm-kb-hero__cta {
  background: #00A0DB;
  box-shadow: 0 10px 22px rgba(0, 172, 235, .28);
  transform: translateY(-1px);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero__cta-arrow {
  display: inline-block;
  transition: transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero:hover .hm-kb-hero__cta-arrow {
  transform: translateX(2px);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero:focus-visible {
  outline: 2px solid rgba(4, 118, 216, .55);
  outline-offset: 2px;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero__art {
  position: absolute;
  right: 8px;
  bottom: 4px;
  width: 58%;
  height: 90%;
  pointer-events: none;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-hero__art svg {
  width: 100%;
  height: 100%;
}

/* 分类矩阵：4×2 等高行（参考图列距/行距 11，卡宽 ~124）。 */
body[data-page="home"]:not(.mobile-page) .hm-kb-categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 11px;
  min-width: 0;
}

/* 分类卡（2026-10-09 用户反馈二改）：小标题与图标同行——
   grid 两列两行（icon|name / desc 横跨），名称最多两行（clamp）且块高不超过图标，
   单行/双行都与图标垂直居中对齐（align-items:center + 行高由 38px icon 撑起）。 */
body[data-page="home"]:not(.mobile-page) .hm-kb-category {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas:
    'icon name'
    'desc desc';
  column-gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  color: var(--text-primary);
  background: #fff;
  border: 1px solid #E8EEF4;
  border-radius: 12px;
  box-shadow: none;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category:hover {
  background: #FAFDFF;
  border-color: rgba(0, 172, 235, .38);
  transform: translateY(-1px);
  text-decoration: none;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category:focus-visible {
  outline: 2px solid rgba(0, 172, 235, .45);
  outline-offset: 1px;
  text-decoration: none;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category__icon {
  grid-area: icon;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 11px;
}

/* 词条示例行：纯文字（2026-10-09 用户反馈：行尾圆形箭头图标已删除）。
   VA-507（Oil UI P2-5）：名称与描述此前都是单行 nowrap + ellipsis，实测 8/8 张卡两行都被截断
   （名称可用宽仅 42px，"结构与机械" 只剩 "结构与"；描述 90px 宽被截 1/4）。
   按本节头注释的原意改为最多两行：名称 2 行高度 36.4px 不超过 38px 图标，卡片不会被撑歪；
   描述同样 2 行，保证"锁体、离合、锁芯、面板"类完整可读。 */
body[data-page="home"]:not(.mobile-page) .hm-kb-category__name {
  grid-area: name;
  display: -webkit-box;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #16304A;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: -.02em;
  line-height: 1.4;
  white-space: normal;
  text-overflow: clip;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category__desc {
  grid-area: desc;
  display: -webkit-box;
  width: 100%;
  margin-top: 8px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* VA-501（Oil UI P0-3）：10.5px #8296A9 仅 3.05:1 → #4F6579（6.05:1）。 */
  color: #4F6579;
  font-size: 11px;
  line-height: 1.5;
  white-space: normal;
  text-overflow: clip;
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category[href$="#category-structure"] .hm-kb-category__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312909B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='3'/%3E%3Cpath d='M9.5 9.5h5v5h-5z'/%3E%3C/svg%3E") center / 20px 20px no-repeat, linear-gradient(#D9F3F1, #D9F3F1);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category[href$="#category-biometric"] .hm-kb-category__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B62E0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12a7 7 0 0 1 14 0'/%3E%3Cpath d='M8 12a4 4 0 0 1 8 0'/%3E%3Cpath d='M11 12a1 1 0 0 1 2 0v6'/%3E%3C/svg%3E") center / 20px 20px no-repeat, linear-gradient(#E7EAFD, #E7EAFD);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category[href$="#category-vision"] .hm-kb-category__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 6.5 12 6.5 21.5 12 21.5 12 18 17.5 12 17.5 2.5 12 2.5 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E") center / 20px 20px no-repeat, linear-gradient(#F0E9FD, #F0E9FD);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category[href$="#category-security"] .hm-kb-category__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231FA34A' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l6.5 2.8v5.4c0 4.1-2.7 6.9-6.5 8.3-3.8-1.4-6.5-4.2-6.5-8.3V6.3L12 3.5Z'/%3E%3Cpath d='m9.2 12 2 2 3.6-3.8'/%3E%3C/svg%3E") center / 20px 20px no-repeat, linear-gradient(#DFF4E7, #DFF4E7);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category[href$="#category-power"] .hm-kb-category__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F59A0B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.7C10.4 5.3 8.4 4.6 5.8 4.6c-.9 0-1.6.7-1.6 1.6v10.4c0 .9.7 1.6 1.6 1.6 2.6 0 4.6.7 6.2 2.1 1.6-1.4 3.6-2.1 6.2-2.1.9 0 1.6-.7 1.6-1.6V6.2c0-.9-.7-1.6-1.6-1.6-2.6 0-4.6.7-6.2 2.1Z'/%3E%3Cpath d='M12 6.7v14'/%3E%3C/svg%3E") center / 20px 20px no-repeat, linear-gradient(#FDF1DC, #FDF1DC);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category[href$="#category-connect"] .hm-kb-category__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232268E8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5a11.3 11.3 0 0 1 16 0'/%3E%3Cpath d='M7 13a7 7 0 0 1 10 0'/%3E%3Cpath d='M10 16.5a3 3 0 0 1 4 0'/%3E%3Ccircle cx='12' cy='19.3' r='1'/%3E%3C/svg%3E") center / 20px 20px no-repeat, linear-gradient(#E0EAFD, #E0EAFD);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category[href$="#category-install"] .hm-kb-category__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F7AE0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='3.5' width='13' height='17' rx='2'/%3E%3Cpath d='M14.2 12h.01'/%3E%3Cpath d='M3 20.5h18'/%3E%3C/svg%3E") center / 20px 20px no-repeat, linear-gradient(#DBEDFD, #DBEDFD);
}

body[data-page="home"]:not(.mobile-page) .hm-kb-category[href$="#category-supply"] .hm-kb-category__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8506E' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.5' y='7.5' width='9' height='9' rx='2'/%3E%3Cpath d='M10 3.5V6'/%3E%3Cpath d='M14 3.5V6'/%3E%3Cpath d='M10 18v2.5'/%3E%3Cpath d='M14 18v2.5'/%3E%3Cpath d='M3.5 10H6'/%3E%3Cpath d='M3.5 14H6'/%3E%3Cpath d='M18 10h2.5'/%3E%3Cpath d='M18 14h2.5'/%3E%3C/svg%3E") center / 20px 20px no-repeat, linear-gradient(#FCE3E9, #FCE3E9);
}

/* 行业资讯日期：固定宽度 + 右对齐（等宽数字），颜色弱于标题，随行垂直居中。
   全站 border-box 下 84px = 74px 内容 + 10px 左间距，足够容纳 YYYY-MM-DD 不换行。 */
body[data-page="home"]:not(.mobile-page) .hm-list .live-date {
  flex: 0 0 auto;
  width: 84px;
  margin-left: auto;
  padding-left: 10px;
  color: var(--text-tertiary);
  font-size: 12px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* 行业资讯：标题与核实日期同行——日期右缘到卡片右边框的距离 =
   标题左缘到卡片左边框的距离（同为卡片内边距）；长标题在剩余宽度内换行。 */
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li:not(.live-empty) {
  display: flex;
  align-items: center;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li:not(.live-empty) a {
  flex: 1 1 auto;
  min-width: 0;
}

/* 行业资讯/社区交流列表文字层级（2026-10-01）：
   默认深正文色、hover 品牌蓝（--text-link 文字级品牌色，AA 达标）；
   !important 用于压过 ios-glass-theme.css 的全局 `a { color: --text-link !important }`。 */
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list a,
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list a {
  color: var(--text-primary, #163047) !important;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list a:hover,
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list a:focus-visible,
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list a:hover,
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list a:focus-visible {
  color: var(--text-link, #00698F) !important;
}

/* 标题单行省略：a 改块级承载省略号（::before 圆点转行内随文排布）。 */
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li:not(.live-empty) a,
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list li:not(.live-empty) a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 2026-10-22 用户指令：社区交流帖子行只有标题文字范围显示可点击样式。
   fit-content 让链接盒与标题文字同宽（长标题仍被 max-width 约束并省略）；
   行内右侧空白由 <li> 承接，不再出现 pointer / 下划线 / 变色。 */
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list li:not(.live-empty) a:not(.community-rule-home-link) {
  width: fit-content;
  max-width: 100%;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list a::before,
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list a::before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 9px;
  opacity: .3;
  vertical-align: 3px;
}

/* 行距放松 + 分隔线弱化：资讯/社区共用同一行距节奏。 */
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list a,
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list a {
  min-height: 44px;
  padding: 10px 0;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li:not(.live-empty),
body[data-page="home"]:not(.mobile-page) .hm-card--forum .hm-list li:not(.live-empty) {
  border-bottom-color: rgba(22, 48, 71, .05);
}

/* 日期：比标题浅一档（#64748B = 4.54:1，AA 达标），右缘固定对齐。 */
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list .live-date {
  color: #64748B;
}

body[data-page="home"]:not(.mobile-page) .hm-list a {
  justify-content: flex-start;
}

/* Hero 未核实事件时间时不显示副标题行。 */
body[data-page="home"]:not(.mobile-page) .hm-hero__sub[hidden] {
  display: none;
}

@media (max-width: 1180px) {
  body[data-page="home"]:not(.mobile-page) .hm-list--products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 窄画布保结构不降级：分类矩阵始终 4×2（完整分类名由 title 提供），只收间距/内边距。 */
@media (max-width: 1680px) {
  body[data-page="home"]:not(.mobile-page) .hm-kb-categories { gap: 9px; }
  body[data-page="home"]:not(.mobile-page) .hm-kb-category { padding: 11px; }
  body[data-page="home"]:not(.mobile-page) .hm-kb-category__desc { font-size: 10.5px; }
}

@media (max-width: 1440px) {
  body[data-page="home"]:not(.mobile-page) .hm-kb-body { gap: 12px; }
  body[data-page="home"]:not(.mobile-page) .hm-kb-categories { gap: 8px; }
  body[data-page="home"]:not(.mobile-page) .hm-kb-category { padding: 10px; }
  body[data-page="home"]:not(.mobile-page) .hm-kb-hero { padding: 22px 20px 20px; }
}

@media (max-width: 1282px) {
  body[data-page="home"]:not(.mobile-page) .hm-kb-body { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 720px) {
  body[data-page="home"]:not(.mobile-page) .hm-kb-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* PC 首页 Primary CTA：只统一主操作的文字/图标与状态，不接管尺寸或次级控件。
   搜索表单 ID 使这组语义适配规则能覆盖共享 search-family 的深色 !important 文本。 */
body[data-page="home"]:not(.mobile-page) {
  /* VA-501（Oil UI P0-1）：白字在品牌蓝 CTA 上仅 2.59:1 → 深墨前景 5.56:1。 */
  --home-cta-ink: #002E3D;
  --home-cta-weight: 600;
}

html body[data-page="home"]:not(.mobile-page) :is(
  #site-search-form.hm-search .hm-search__submit,
  .hm-hero__cta, .home-banner-slide__cta,
  .hm-card__cta, .hm-coop__cta
) {
  color: var(--home-cta-ink) !important;
  background: var(--home-cta-surface, var(--brand-primary)) !important;
  font-weight: var(--home-cta-weight) !important;
  text-decoration: none !important;
  transform: none !important;
}

body[data-page="home"]:not(.mobile-page) #site-search-form .hm-search__submit {
  --home-cta-surface: var(--ui-search-button-surface);
}

html body[data-page="home"]:not(.mobile-page) :is(
  #site-search-form.hm-search .hm-search__submit,
  .hm-hero__cta, .home-banner-slide__cta,
  .hm-card__cta, .hm-coop__cta
) :is(span, svg) {
  color: inherit !important;
}

html body[data-page="home"]:not(.mobile-page) :is(
  #site-search-form.hm-search .hm-search__submit,
  .hm-hero__cta, .home-banner-slide__cta,
  .hm-card__cta, .hm-coop__cta
):hover {
  filter: brightness(.93);
}

html body[data-page="home"]:not(.mobile-page) :is(
  #site-search-form.hm-search .hm-search__submit,
  .hm-hero__cta, .home-banner-slide__cta,
  .hm-card__cta, .hm-coop__cta
):active {
  filter: brightness(.88);
}

html body[data-page="home"]:not(.mobile-page) :is(
  #site-search-form.hm-search .hm-search__submit,
  .hm-hero__cta, .home-banner-slide__cta,
  .hm-card__cta, .hm-coop__cta
):focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--home-cta-ink);
}

html body[data-page="home"]:not(.mobile-page) :is(
  #site-search-form.hm-search .hm-search__submit,
  .hm-hero__cta, .home-banner-slide__cta,
  .hm-card__cta, .hm-coop__cta
):is(:disabled, [aria-disabled="true"]) {
  opacity: .55;
  filter: none;
  cursor: not-allowed;
}

/* =====================================================================
   Phase 3（2026-10-08，第二版）：按用户最终效果图 1:1 复刻首页两模块——
   热门产品 = 左主推大卡（文字|超大产品图+展台）+ 右侧 3 张竖向窄卡横向并排；
   行业资讯 = 深蓝重点卡（pill+日期同行）+ 4 条编号行（右对齐日期 + 圆形箭头）。
   只作用于 PC 首页这两个模块；全部规则带 body[data-page="home"]:not(.mobile-page)
   门控，Mobile 与其他页面不满足条件不生效。数据逻辑与 Phase 1 相同。
   ===================================================================== */

/* ---------- 热门产品：单行四列——主推 46% + 三张次级竖卡（46 : 18 : 18 : 18） ---------- */
body[data-page="home"]:not(.mobile-page) .hm-list--products {
  flex: 1 1 auto;
  grid-template-columns: minmax(0, 2.56fr) repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: 12px;
  margin-top: 14px;
}

body[data-page="home"]:not(.mobile-page) .hm-list--products li.hm-product-hero-item {
  grid-column: 1;
  grid-row: 1;
}

/* 数量不足 4 时按实际收缩（不补假数据），主推卡恒为左列。 */
body[data-page="home"]:not(.mobile-page) .hm-list--products[data-count="3"] { grid-template-columns: minmax(0, 1.7fr) repeat(2, minmax(0, 1fr)); }
body[data-page="home"]:not(.mobile-page) .hm-list--products[data-count="2"] { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); }
body[data-page="home"]:not(.mobile-page) .hm-list--products[data-count="1"] { grid-template-columns: minmax(0, 1fr); }

/* 主推卡：奶油白/淡金橙渐变（高端家居展示感），左文右图。
   选择器带 .hm-list--products 前缀：(0,4,1) 压过旧 `.hm-list a` 的 align-items:center（(0,3,2)），
   否则 body/stage 在 row 布局里不拉伸到全高。 */
body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--hero {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 6px;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(90% 70% at 86% 6%, rgba(244, 197, 122, .2) 0%, rgba(244, 197, 122, 0) 55%),
    radial-gradient(70% 60% at 8% 96%, rgba(238, 186, 108, .12) 0%, rgba(238, 186, 108, 0) 60%),
    linear-gradient(118deg, #FFFDF8 0%, #FBF3E1 52%, #F6EAD1 100%);
  border: 1px solid rgba(202, 156, 90, .24);
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(163, 116, 51, .08);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--hero:hover,
body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--hero:focus-visible {
  color: var(--text-primary);
  border-color: rgba(202, 156, 90, .46);
  box-shadow: 0 14px 30px rgba(163, 116, 51, .14);
}

/* 左侧文字列。 */
body[data-page="home"]:not(.mobile-page) .hm-product-hero__body {
  display: flex;
  flex: 0 0 46%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
  padding: 22px 8px 20px 26px;
  text-align: left;
}

body[data-page="home"]:not(.mobile-page) .hm-product-hero__badge {
  padding: 4px 13px;
  color: #fff;
  background: linear-gradient(135deg, #B0793B, #96622B);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.4;
}

body[data-page="home"]:not(.mobile-page) .hm-product-hero__name {
  margin-top: 14px;
  color: #14293E;
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.22;
}

body[data-page="home"]:not(.mobile-page) .hm-product-hero__subtitle {
  margin-top: 7px;
  color: #3D4E63;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.4;
}

/* 能力行：暖黄圆形 icon（白色小图形）+ 文字。 */
body[data-page="home"]:not(.mobile-page) .hm-product-hero__features {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: 16px;
}

body[data-page="home"]:not(.mobile-page) .hm-product-hero__feature {
  display: flex; align-items: center; gap: 9px; min-width: 0;
  color: #33414F; font-size: 13.5px; font-weight: 600; line-height: 1.45;
}
body[data-page="home"]:not(.mobile-page) .hm-product-feature-icon {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 23px;
  width: 23px; height: 23px; border-radius: 50%; background: #F2A93B; color: #fff;
}
body[data-page="home"]:not(.mobile-page) .hm-product-feature-icon svg { display: block; width: 16px; height: 16px; }
body[data-page="home"]:not(.mobile-page) .hm-product-feature-text { min-width: 0; overflow-wrap: anywhere; }
body[data-page="home"]:not(.mobile-page) .home-product-empty { grid-column: 1 / -1; }

/* CTA：深蓝渐变 pill，属于文字信息组的最后一个元素（固定间距跟随功能点，
   不用 margin-top:auto 沉到卡底）。 */
body[data-page="home"]:not(.mobile-page) .hm-product-hero__cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding: 11px 24px;
  color: #fff;
  background: linear-gradient(150deg, #17497A 0%, #0C2C52 100%);
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(10, 39, 71, .24);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  transition: filter 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-product-card--hero:hover .hm-product-hero__cta {
  filter: brightness(1.14);
  box-shadow: 0 10px 22px rgba(10, 39, 71, .3);
  transform: translateY(-1px);
}

/* 右侧产品舞台：超大产品图站在浅色椭圆展台上；multiply 让白底图与暖背景自然融合。 */
body[data-page="home"]:not(.mobile-page) .hm-product-hero__stage {
  position: relative;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 250px;
}

body[data-page="home"]:not(.mobile-page) .hm-product-hero__pedestal {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 74%;
  height: 40px;
  background: linear-gradient(180deg, #FFFDF6 0%, #F4E8CF 100%);
  border-radius: 50%;
  box-shadow: 0 12px 20px rgba(163, 116, 51, .16);
  transform: translateX(-50%);
}

body[data-page="home"]:not(.mobile-page) .hm-product-hero__media {
  position: absolute;
  inset: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-hero__media img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  /* 按舞台高度定尺寸（非 contain 的宽度受限）：锁体高恒定 ≈83% 卡高、顶部贴近卡顶，
     与卡片实际高度解耦（卡高由同行资讯卡内容决定，宽度随视口变化）。
     scale origin 取画布锁脚位置（88.5%），脚不离展台、白边出卡被卡 overflow 裁掉、锁体不裁。 */
  transform: translateX(-50%) scale(1.08);
  transform-origin: 50% 88.5%;
  mix-blend-mode: multiply;
}

/* 次级卡：竖向窄卡（大图上 / 名 / 标签，箭头 absolute 右下），三张横向并排。
   同样带 .hm-list--products 前缀压 .hm-list a 的 align-items:center——
   没有它 media 这个 stretch 项宽度会塌成 0（图片区域全白的根因）。
   卡片 position:relative 是箭头 absolute 的包含块。 */
body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--minor {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  height: 100%;
  padding: 4px 12px 0;
  background: #fff;
  border: 1px solid var(--hm-border-soft);
  border-radius: 12px;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--minor:hover,
body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--minor:focus-visible {
  color: var(--text-primary);
  background: #fff;
  border-color: rgba(0, 172, 235, .42);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}

/* Media/Info 再平衡（2026-10-08 第二轮）：media 以 56% 为基准（可收缩），
   实测占卡高 ≈55.5%（规格 55~58），info 含摘要行占 ≈43.5%（规格 42~45）。 */
body[data-page="home"]:not(.mobile-page) .hm-product-minor__media {
  position: relative;
  flex: 0 1 56%;
  min-height: 0;
  border-radius: 8px;
  background: #fff;
}

body[data-page="home"]:not(.mobile-page) .hm-product-minor__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* 底部锚定：图片下沉贴住信息区，盒内留白留在图上方——
     产品视觉中心略高于卡中心，图与产品名之间不产生大段空白。 */
  object-position: 50% 100%;
}

body[data-page="home"]:not(.mobile-page) .hm-product-minor__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
  min-height: 0;
  margin-top: 0;
  padding: 12px 2px 12px;
  text-align: left;
}

/* 能力摘要：真实 highlights（不足时合并能力补足）" · " 连接，单行省略；
   字号比产品名小一级、secondary 色不过浅。 */
body[data-page="home"]:not(.mobile-page) .hm-product-minor__summary {
  overflow: hidden;
  max-width: 100%;
  margin-top: 7px;
  color: #46586B;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* VA-001：与产品名同理，避免 flex 收缩把单行摘要压到 11px（< 行高 17px）。 */
  flex: 0 0 auto;
}

body[data-page="home"]:not(.mobile-page) .hm-product-card--minor .hm-product-tags {
  margin-top: 9px;
  margin-bottom: 12px;
}

body[data-page="home"]:not(.mobile-page) .hm-product-minor__name {
  overflow: hidden;
  color: #14293E;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  /* VA-001：卡片高度由同行网格拉伸时，本节点曾被 flex 默认 shrink 压到
     11px（< 行高 18px），产品名/摘要被纵向裁掉字形；文字行不参与收缩。 */
  flex: 0 0 auto;
}

body[data-page="home"]:not(.mobile-page) .hm-product-card--minor .hm-product-tag {
  height: 20px;
  padding: 0 8px;
  font-size: 10.5px;
}

/* 轻量「查看产品」动作带（ghost CTA）：比主推深蓝按钮轻一级的明确动作提示。
   不产生交互嵌套——整卡是唯一链接，这条只是视觉锚点；margin-top:auto 把它
   钉在信息区底部填充卡底空白，margin-bottom 12px 让它离开卡片底边框
   （卡 padding-bottom 为 0，不加会正好压住边框——2026-10-09 用户反馈）。 */
body[data-page="home"]:not(.mobile-page) .hm-product-minor__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 37px;
  margin-top: auto;
  margin-bottom: 12px;
  padding: 0 13px;
  color: #0A6E96;
  background: #F2FAFE;
  border: 1px solid rgba(0, 172, 235, .22);
  border-radius: 11px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-product-minor__cta-arrow {
  /* VA-501（Oil UI P0-2）：品牌蓝作小箭头在浅蓝底仅 2.45:1 → 文字蓝。 */
  color: var(--text-link, #00698F);
  font-size: 14px;
  line-height: 1;
  transition: transform 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--minor:hover .hm-product-minor__cta,
body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--minor:focus-visible .hm-product-minor__cta {
  color: #0080AC;
  background: #E8F7FE;
  border-color: rgba(0, 172, 235, .45);
}

body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--minor:hover .hm-product-minor__cta-arrow {
  transform: translateX(2px);
}

/* 摘要/名称为末尾元素时（无 chips 或零能力）与动作带的保底间距。 */
body[data-page="home"]:not(.mobile-page) .hm-product-minor__summary:last-child,
body[data-page="home"]:not(.mobile-page) .hm-product-minor__name:last-child {
  margin-bottom: 12px;
}

/* 键盘焦点：清晰可见的焦点环。 */
body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--minor:focus-visible {
  outline: 2px solid rgba(0, 172, 235, .55);
  outline-offset: 2px;
}

/* ---------- 行业资讯：重点卡（pill+日期同行）+ 编号行（圆形箭头） ---------- */
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-feature {
  flex: 0 0 auto;
  border-bottom: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-feature a.hm-news-feature__link {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 6px;
  padding: 16px 56px 16px 16px;
  color: #fff !important;
  text-decoration: none;
  white-space: normal;
  background: linear-gradient(148deg, #0B3A5D 0%, #072A46 56%, #061F36 100%);
  border-radius: 12px;
  isolation: isolate;
  transition: box-shadow 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-feature a.hm-news-feature__link:hover,
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-feature a.hm-news-feature__link:focus-visible {
  color: #fff !important;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(6, 31, 54, .24);
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-feature a.hm-news-feature__link::before {
  display: none;
}

body[data-page="home"]:not(.mobile-page) .hm-news-feature__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: #072A46;
}

body[data-page="home"]:not(.mobile-page) .hm-news-feature__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 深色遮罩：任何真实图上保证白字可读。 */
body[data-page="home"]:not(.mobile-page) .hm-news-feature__scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(5, 24, 42, .16) 0%, rgba(5, 24, 42, .5) 52%, rgba(4, 19, 34, .82) 100%);
}

body[data-page="home"]:not(.mobile-page) .hm-news-feature__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 150px;
}

/* pill 与日期同一行（效果图口径）。 */
body[data-page="home"]:not(.mobile-page) .hm-news-feature__meta {
  display: flex;
  align-items: center;
  gap: 10px;
}

body[data-page="home"]:not(.mobile-page) .hm-news-feature__pill {
  padding: 3px 11px;
  color: #fff;
  background: rgba(0, 120, 170, .92);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.4;
}

body[data-page="home"]:not(.mobile-page) .hm-news-feature__date {
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}

body[data-page="home"]:not(.mobile-page) .hm-news-feature__title {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 12px;
  color: #fff !important;
  font-size: 15.5px;
  font-weight: 740;
  line-height: 1.42;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-page="home"]:not(.mobile-page) .hm-news-feature__summary {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 6px;
  color: rgba(255, 255, 255, .78);
  font-size: 12.5px;
  line-height: 1.55;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 重点卡右缘垂直居中的圆形箭头按钮（效果图口径）。 */
body[data-page="home"]:not(.mobile-page) .hm-news-feature__arrow {
  position: absolute;
  top: 50%;
  right: 14px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #fff;
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  font-size: 14px;
  transform: translateY(-50%);
  transition: background-color 180ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-feature a.hm-news-feature__link:hover .hm-news-feature__arrow {
  background: rgba(255, 255, 255, .3);
}

/* 编号紧凑行：02~05 + 标题 + 右对齐日期 + 圆形小箭头；细分隔线；hover 浅蓝背景。 */
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-row {
  flex: 1 1 0;
  min-height: 44px;
  display: flex;
  align-items: stretch;
  border-bottom-color: rgba(22, 48, 71, .06);
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-row:last-child {
  border-bottom: 0;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-row a.hm-news-row__link {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0 -8px;
  padding: 6px 8px;
  color: var(--text-primary, #163047) !important;
  border-radius: 9px;
  text-decoration: none;
  transition: background-color 160ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-row a.hm-news-row__link::before {
  display: none;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-row a.hm-news-row__link:hover,
body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-row a.hm-news-row__link:focus-visible {
  color: #0A6E96 !important;
  background: rgba(0, 172, 235, .06);
  text-decoration: none;
}

body[data-page="home"]:not(.mobile-page) .hm-news-row__no {
  flex: 0 0 auto;
  width: 22px;
  /* VA-501（Oil UI P0-3）：原 #5E7FA0 仅 4.18:1 → #4F6579（6.05:1）。 */
  color: #4F6579;
  font-size: 12.5px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}

body[data-page="home"]:not(.mobile-page) .hm-news-row__title {
  flex: 1 1 auto;
  overflow: hidden;
  min-width: 0;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 日期列固定宽度右对齐（纵向对齐），圆形箭头贴最右且右缘同一垂直线。 */
body[data-page="home"]:not(.mobile-page) .hm-news-row__date {
  flex: 0 0 auto;
  width: 70px;
  /* VA-501（Oil UI P0-3）：原 #8296A8 11.5px 仅 3.05:1 → #60798A 12px（4.57:1）。 */
  color: #60798A;
  font-size: 12px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

body[data-page="home"]:not(.mobile-page) .hm-news-row__arrow {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  /* VA-501（Oil UI P0-2）：品牌蓝作小图标文字在浅蓝底仅 4.11:1 → 文字蓝 5.9:1。 */
  color: #00698F;
  background: #EAF7FF;
  border: 1px solid rgba(0, 172, 235, .26);
  border-radius: 999px;
  font-size: 11px;
  line-height: 1;
  transition: background-color 160ms ease, color 160ms ease;
}

body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-row a.hm-news-row__link:hover .hm-news-row__arrow {
  /* hover 也保持深墨前景（白字在品牌蓝上 2.59:1）。 */
  color: #002E3D;
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}

/* Reduced Motion：位移动画全部回退为颜色/阴影反馈。 */
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"]:not(.mobile-page) .hm-product-card--minor:hover,
  body[data-page="home"]:not(.mobile-page) .hm-product-card--minor:focus-visible,
  body[data-page="home"]:not(.mobile-page) .hm-product-card--hero:hover .hm-product-hero__cta,
  body[data-page="home"]:not(.mobile-page) .hm-list--products .hm-product-card--minor:hover .hm-product-minor__cta-arrow {
    transform: none;
  }
}

/* 窄画布（≤1440）：主推卡字号/内边距收一档，防挤压；竖卡结构不变。 */
@media (max-width: 1440px) {
  body[data-page="home"]:not(.mobile-page) .hm-product-hero__body { flex-basis: 44%; padding: 16px 6px 16px 18px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-hero__name { font-size: 22px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-hero__subtitle { font-size: 12.5px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-hero__features { margin-top: 13px; gap: 8px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-hero__feature { font-size: 12px; gap: 8px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-feature-icon { width: 20px; height: 20px; flex-basis: 20px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-hero__cta { margin-top: 14px; padding: 8px 18px; font-size: 12.5px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-hero__stage { min-height: 218px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-hero__pedestal { height: 34px; }
  body[data-page="home"]:not(.mobile-page) .hm-product-minor__name { font-size: 13px; }
  body[data-page="home"]:not(.mobile-page) .hm-card--news .hm-list li.hm-news-feature a.hm-news-feature__link { padding: 13px 50px 13px 14px; }
  body[data-page="home"]:not(.mobile-page) .hm-news-feature__content { min-height: 138px; }
  body[data-page="home"]:not(.mobile-page) .hm-news-feature__title { font-size: 14.5px; }
}

/* The half-width product section cannot fit a hero plus three narrow columns
   on laptop windows. Give the hero its own row before the three secondary cards. */
@media (max-width: 1366px) {
  body[data-page="home"]:not(.mobile-page) .hm-list--products,
  body[data-page="home"]:not(.mobile-page) .hm-list--products[data-count="4"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: auto;
  }
  body[data-page="home"]:not(.mobile-page) .hm-list--products[data-count="3"] { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; }
  body[data-page="home"]:not(.mobile-page) .hm-list--products:is([data-count="1"],[data-count="2"]) { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; }
  body[data-page="home"]:not(.mobile-page) .hm-list--products li.hm-product-hero-item { grid-column: 1 / -1; }
  body[data-page="home"]:not(.mobile-page) .hm-product-minor__media { flex: none; height: 140px; }
}
body[data-page="home"]:not(.mobile-page) :is(.hm-product-hero__cta,.hm-product-minor__cta-label) {
  white-space: nowrap;
  flex-shrink: 0;
}

/* =====================================================================
   VA-506（Oil UI P1-3 第三批）：PC 首页三张内容卡的主 CTA 并入按钮家族 compact 档。
   收敛前「打开工具 →」「发布讨论 →」「登记需求 →」是 44px 高、999px 圆角的 pill，
   而同一站点里卡片动作已统一为 40 / 12（产品卡 VA-504）、表单提交为 48 / 12（VA-505），
   首页卡片因此成为唯一还停留在 pill 形状的"卡片内动作"。
   本块只收敛几何（40px / 12px 圆角）并去掉各卡自带的发光与上浮，保留卡片主操作的分量：
   字号 14 / 600、品牌底色 + 深墨前景（5.56:1）沿用 VA-501 口径。
   hero / banner 上的 pill CTA（.hm-hero__cta / .home-banner-slide__cta）属于 hero 面
   的设计语言，与 search family 的胶囊同口径，不在本批范围内。 */
html body[data-page="home"]:not(.mobile-page) :is(.hm-card__cta, .hm-tool__cta, .hm-card--coop .hm-coop__cta) {
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  padding: 0 20px;
  border-radius: var(--ui-button-radius, 12px);
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
  transform: none;
}

html body[data-page="home"]:not(.mobile-page) :is(.hm-card__cta, .hm-tool__cta, .hm-card--coop .hm-coop__cta):hover,
html body[data-page="home"]:not(.mobile-page) :is(.hm-card__cta, .hm-tool__cta, .hm-card--coop .hm-coop__cta):focus-visible {
  box-shadow: none;
  transform: none;
}
/* Shared platform placeholder also applies when home recommendations lose image permission. */
body[data-page="home"] .hm-product-card .product-main-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
body[data-page="home"] .hm-product-card .product-main-placeholder-art{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}