/* ===== site-styles/tokens.css ===== */
/* 设计变量：颜色 / 间距 / 字号（后台预览与 CMS 模板同源；取值复刻旧官网） */
:root {
  --hkp-color-primary: #2f9be8;
  --hkp-color-accent: #67caff;
  --hkp-color-blue: #20a7e1;        /* 旧站标题下划杠 / 高亮蓝 */
  --hkp-color-blue-border: #25a6e0; /* 旧站合作伙伴边框蓝 */
  --hkp-color-bg-light: #ebf9ff;    /* 旧站浅蓝区块底 */
  --hkp-color-text: #333333;
  --hkp-color-text-secondary: #666666;
  --hkp-color-bg: #ffffff;
  --hkp-color-border: #ececec;
  --hkp-font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --hkp-radius: 8px;
  /* Banner 高度：PC 取旧站 index.css #bannerSwiper{height:310px}；
     移动端复刻旧站 #main .swiper{height:7.13rem} = 容器宽 71.3%（banner.css 内 71.3cqw 实现，2026-09-04 决策：复刻旧站等比高度，废弃此前的 170px 固定高方案） */
  --hkp-banner-height: 310px;
}

/* ===== site-styles/base.css ===== */
/* 站点基础样式：仅保留"文档级"基础项（容器声明 + 字体/颜色/图片兜底）
   规范（组件自治）：各模块的区块标题/留白等样式一律写在各自模块 CSS 里，
   类名不跨模块引用、不相互覆盖——本文件不提供任何区块级公共类
   命名空间：hkp-；不写全局 * 重置和 body 样式；不用 rem */

/* 容器查询声明：预览面板 / 官网页面外层使用（需求文档 2.3） */
.site-container {
  container-type: inline-size;
  width: 100%;
}

/* 文档级兜底：字体 / 文字色 / 背景 / 图片不溢出 */
.hkp-page {
  font-family: var(--hkp-font-family);
  /* 旧站 body（css/normal.css L6-11）无 color / line-height 声明，默认 #000 + normal——
     2026-09-08 用户拍板"按旧站默认黑"收口（此前 #333 + 1.6 为无出处自定值）；
     旧站显式 #333 的位置（专家姓名/方法卡标题等）在各模块 CSS 内单独声明 */
  color: #000000;
  background: var(--hkp-color-bg);
  line-height: normal;
}

.hkp-page img {
  max-width: 100%;
}

/* ===== site-styles/menu.css ===== */
/* 全局导航菜单（结构对齐旧站 #header PC / #mobileHeader H5，未来 CMS 模板公共片段）
   消费端：后台预览 + 官网静态页模板（服务端公共片段引入，改一处全站生效）
   复刻来源：旧站 css/normal.css L86-174（PC header）、L292-385（移动端 header）
   移动端换算：旧站 rem 基准 = 屏宽 / 10（js/rem.js），等比转 cqw（1rem = 10cqw）
   双端策略：PC / 移动两个变体同 DOM 渲染，容器 ≤768px 切换
   （旧站为 PC / H5 两套独立页面 + UA 跳转，新站合并为响应式单页） */

/* ========== PC 端 ========== */

/* 旧站 #header + .flex（css/normal.css L25-28、L86-90）：
   flex + space-between + padding 0 20px；无显式宽度（旧站 body min-width 1400px，全宽渲染） */
.hkp-menu {
  display: flex;
  align-items: center;          /* 旧站 .flex */
  justify-content: space-between; /* 旧站 #header */
  padding: 0 20px;              /* 旧站 #header */
}

/* 旧站 #header .logo 无样式（logo 图片自然尺寸渲染，不约束宽高） */

/* 旧站 #header .nav_list（css/normal.css L94-98）+ .flex：
   flex:1 + 右对齐 + 垂直居中 */
.hkp-menu-nav {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* 旧站 @media (max-width:1670px) .nav_list{font-size:12px}（css/normal.css L100-104）：
   子项 .item 均有显式 16px，此规则对子项实际不生效（存档照抄）；
   新站 media 改 container（预览面板按容器宽度触发） */
@container (max-width: 1670px) {
  .hkp-menu-nav {
    font-size: 12px;
  }
}

/* 旧站 #header .nav_list .item（css/normal.css L106-114）：
   10px 15px 内边距 + 5px 透明下边框（选中态变色不跳动） */
.hkp-menu-item {
  padding: 10px 15px;
  border-bottom: 5px solid transparent;
  cursor: pointer;
  text-decoration: none;
  color: #000000;
  font-size: 16px;
}

/* 旧站 .item:hover / .item:active（css/normal.css L116-119） */
.hkp-menu-item:hover,
.hkp-menu-item:active {
  color: #20a7e1;
}

/* 旧站 .actItem（css/normal.css L121-124）：选中态蓝字 + 蓝色下边框 */
.hkp-menu-item.is-active {
  color: #20a7e1;
  border-bottom: 5px solid #20a7e1;
}

/* 旧站 .nav-item（css/normal.css L126-131）：带子菜单的一级项，relative 挂下拉 */
.hkp-menu-item-wrap {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 15px;
}

/* 旧站 .nav-item > .item（css/normal.css L133-135）：内层项去内边距（由 wrap 提供） */
.hkp-menu-item-wrap > .hkp-menu-item {
  padding: 0;
}

/* 旧站 .sub-menu（css/normal.css L137-149）：hover 下拉，居中于父项下方 */
.hkp-submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
  z-index: 1000;
  min-width: 140px;
  white-space: nowrap;
}

/* 旧站 .nav-item:hover .sub-menu（css/normal.css L151-153） */
.hkp-menu-item-wrap:hover .hkp-submenu {
  display: block;
}

/* 旧站 .sub-menu .sub-item（css/normal.css L155-163） */
.hkp-submenu-item {
  display: block;
  padding: 12px 20px;
  color: #000000;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.2s;
}

/* 旧站 .sub-menu .sub-item:last-child（css/normal.css L165-167） */
.hkp-submenu-item:last-child {
  border-bottom: none;
}

/* 旧站 .sub-menu .sub-item:hover（css/normal.css L169-172） */
.hkp-submenu-item:hover {
  color: #20a7e1;
  background: #f8f9fa;
}

/* ========== 移动端（旧站 #mobileHeader） ========== */

/* 双端变体显隐切换 */
.hkp-menu-mobile {
  display: none;
}

@container (max-width: 768px) {
  .hkp-menu-pc {
    display: none;
  }

  .hkp-menu-mobile {
    display: flex;
  }
}

/* 预览机制专用（非复刻值，2026-09-10 决策）：手机屏内 fixed 定位需被容器捕获，
   frame 设 transform 形成 containing block；官网模板直接渲染 header（真机 fixed 相对视口） */
.hkp-menu-mobile-frame {
  position: relative;
  transform: translateZ(0);
}

/* 旧站 h5 头部占位（h5/index.html L94 margin-top:2.2rem）：为 fixed 头部让位 */
.hkp-mobile-header-spacer {
  height: 22cqw; /* 旧站 2.2rem */
}

/* 旧站 #mobileHeader（css/normal.css L292-302）：
   10rem 宽 / 2.35rem 高 / .5rem 内边距（左 .1rem）/ fixed top 0 / z-index 99 / 白底 */
.hkp-mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100cqw;       /* 旧站 10rem */
  height: 23.5cqw;     /* 旧站 2.35rem */
  padding: 5cqw;       /* 旧站 .5rem */
  padding-left: 1cqw;  /* 旧站 .1rem */
  box-sizing: border-box;
  background: #ffffff;
  display: flex;
  align-items: center; /* 旧站 #mobileHeader class="flex" */
}

/* 旧站 #mobileHeader .title（css/normal.css L304-309） */
.hkp-mobile-title {
  color: #20a7e1;
  margin-left: 32cqw; /* 旧站 3.2rem */
  font-weight: bold;
  width: 60cqw;       /* 旧站 6rem */
}

/* 旧站 #mobileHeader .nav img（css/normal.css L311-314）：汉堡按钮图标 */
.hkp-mobile-nav-btn {
  cursor: pointer;
}

.hkp-mobile-nav-btn img {
  width: 6cqw;       /* 旧站 .6rem */
  margin-top: 2cqw;  /* 旧站 .2rem */
}

/* 旧站 #mobileHeader .logo img（css/normal.css L316-322）：
   大 logo 压在头部左上、负偏移出界（height 133px 为旧站 px 绝对值，照抄不换算） */
.hkp-mobile-logo img {
  height: 133px;
  position: absolute;
  z-index: -1;
  top: -5cqw; /* 旧站 -.5rem */
  left: -9cqw; /* 旧站 -.9rem */
}

/* 旧站 #mobileHeader .nav_list（css/normal.css L324-333）：汉堡抽屉，默认收起
   旧站 jQuery slideDown/slideUp(400ms) 动画，此处简化 display 切换（预览机制差异，已登记） */
.hkp-mobile-nav-list {
  position: absolute;
  width: 40cqw;         /* 旧站 4rem */
  height: auto;
  background: #434345;
  right: 0;
  top: 15cqw;           /* 旧站 1.5rem */
  display: none;
  padding-bottom: 5cqw; /* 旧站 .5rem */
}

.hkp-mobile-nav-list.is-open {
  display: block;
}

/* 旧站 #mobileHeader .nav_list div（css/normal.css L335-338）：一级项容器 relative（挂选中蓝条） */
.hkp-mobile-nav-list > div {
  margin: 0;
  position: relative;
}

/* 旧站 .nav_list div:first-child（css/normal.css L340-342） */
.hkp-mobile-nav-list > div:first-child {
  margin-top: 5cqw; /* 旧站 .5rem */
}

/* 旧站 #mobileHeader .nav_list a（css/normal.css L345-354） */
.hkp-mobile-item {
  color: #ffffff;
  text-decoration: none;
  margin-left: 5cqw;   /* 旧站 .5rem */
  font-size: 4cqw;     /* 旧站 .4rem */
  display: inline-block;
  width: 100%;
  height: 10.5cqw;     /* 旧站 1.05rem */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 旧站 #mobileHeader .nav_list .actItem（css/normal.css L356-362）：
   选中项左侧蓝条（旧站仅当前页对应项渲染，预览默认首页项） */
.hkp-mobile-act-item {
  position: absolute;
  width: 2cqw;    /* 旧站 .2rem */
  height: 10cqw;  /* 旧站 1rem */
  background-color: #20a7e1;
  top: -7cqw;     /* 旧站 -.7rem */
}

/* 旧站 #mobileHeader .nav_list .sub-item（css/normal.css L364-370）：二级默认收起 */
.hkp-mobile-sub {
  margin-left: 9cqw;  /* 旧站 .9rem */
  font-size: 3.6cqw;  /* 旧站 .36rem */
  color: #cfcfcf;
  height: 9cqw;       /* 旧站 .9rem */
  display: none;
}

/* 旧站 #mobileHeader .nav_list div.open .sub-item（css/normal.css L372-374） */
.hkp-mobile-nav-list > div.is-open .hkp-mobile-sub {
  display: block;
}

/* 旧站 .parent-item .parent-arrow（css/normal.css L376-381） */
.hkp-parent-arrow {
  float: right;
  margin-right: 5cqw; /* 旧站 .5rem */
  color: #cfcfcf;
  transition: transform 0.2s;
}

/* 旧站 .nav_list div.open .parent-arrow（css/normal.css L383-385） */
.hkp-mobile-nav-list > div.is-open .hkp-parent-arrow {
  transform: rotate(90deg);
}

/* ===== site-styles/banner.css ===== */
/* 首页 Banner 区块（结构对齐旧站 #bannerSwiper / 未来 CMS 模板）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局（渐进增强） */

.hkp-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* 旧站 #bannerSwiper：height 310px（css/index.css L5-7），swiper/slide 逐层 100% 撑满 */
.hkp-banner .swiper {
  width: 100%;
  height: var(--hkp-banner-height);
}

.hkp-banner .swiper-slide {
  height: 100%;
}

.hkp-banner-link {
  display: block;
  width: 100%;
}

/* 链接包裹层撑满 slide 高度：img 的 height:100% 百分比需要父级高度可解析，
   否则带链接的轮播图退化为原始比例渲染、object-fit cover 失效（2026-09-08 补） */
.hkp-banner .swiper-slide .hkp-banner-link {
  height: 100%;
}

/* 旧站 #bannerSwiper .banner：width/height 100% + object-fit cover（css/index.css L16-19、css/normal.css L176-178） */
.hkp-banner-img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.hkp-banner .swiper-slide .hkp-banner-img {
  height: 100%;
}

/* 单张 Banner 静态展示（与旧站一致：不初始化 Swiper），固定 310px */
.hkp-banner > .hkp-banner-link > .hkp-banner-img,
.hkp-banner > .hkp-banner-img {
  height: var(--hkp-banner-height);
}

/* 轮播分页器：复刻旧站自定义 .my-bullet（css/normal.css L240-254）
   20×4 白色圆角点、当前项 #3aace9、bottom 0（css/normal.css L494-499） */
.hkp-banner .swiper-pagination {
  bottom: 0;
}

.hkp-banner .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 4px;
  background: #ffffff;
  opacity: 1;
  margin: 0 2px;
  cursor: pointer;
}

.hkp-banner .swiper-pagination-bullet-active {
  background: #3aace9;
}

.hkp-banner-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;       /* 仅编辑器空数据占位，官网不渲染此状态 */
  color: var(--hkp-color-text-secondary);
  background: #f5f7fa;
  font-size: 14px;
}

/* 双端 Banner 显隐（2026-09-08 用户确认补 PC/移动双端配置，旧站 js/api.js bannerList：
   location=1 PC / location=2 移动，双端可配不同 Banner 图）：
   PC/移动两个变体同 DOM 渲染，默认显示 PC 列表；容器 ≤768px 切换为移动列表 */
.hkp-banner-mobile {
  display: none;
}

@container (max-width: 768px) {
  /* 复刻旧站移动端 #main .swiper{height:7.13rem}（h5/index.html L46-53）：
     rem 基准 = 屏宽/10，即高度 = 容器宽 × 71.3%（cqw），随容器等比缩放
     （2026-09-04 决策：复刻旧站等比高度，废弃 170px 固定值） */
  .hkp-banner .swiper {
    height: 71.3cqw;
  }

  /* 单张静态（不走 Swiper）同样等比高度，与旧站移动端行为一致 */
  .hkp-banner > .hkp-banner-link > .hkp-banner-img,
  .hkp-banner > .hkp-banner-img {
    height: 71.3cqw;
  }

  /* 旧站移动端分页器与 PC 同为 .my-bullet 20×4（h5 引入同一 normal.css），不缩小 */

  .hkp-banner-empty {
    height: 71.3cqw;
  }

  /* 双端显隐切换：移动端隐藏 PC 列表、显示移动列表 */
  .hkp-banner-pc {
    display: none;
  }

  .hkp-banner-mobile {
    display: block;
  }
}

/* ===== site-styles/hero.css ===== */
/* 首页 6G 计划主视觉（一比一复刻旧站 .p1/.box1，2026-09-08 CMS 阶段结束后复刻决策）
   取值出处：旧站 css/index.css L150-284（.box1 装饰全套）、L755-792（.p1/.t1/.t2）、
             css/normal.css L609-619（.descVideo/.play）
   静态装饰素材与旧站同源：apps/admin/public/images/（官网部署时同路径 /images/）
   响应式：默认 PC 布局；容器宽度 ≤768px 切换移动布局（旧站 h5 无 .p1 样式，移动端为新增适配决策值） */

/* 旧站 .p1：relative / 100% / max-width 1920px / height 900px / cover 不重复（无 overflow 规则，2026-09-08 移除误加的 hidden） */
.hkp-hero {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 900px;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ebf9ff; /* 无背景图时的兜底色 */
}

/* 旧站 .p1 .t1：padding-top 35px / 40px 加粗白字居中 */
.hkp-hero-title {
  position: relative;
  margin: 0;
  padding-top: 35px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}

/* 旧站 .p1 .t1::before：白色下划杠 100×5 / bottom -10px 居中 */
.hkp-hero-title::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  height: 5px;
  background-color: #ffffff;
}

/* 旧站 .p1 .t2：padding-top 35px / 24px 白字居中 */
.hkp-hero-subtitle {
  margin: 0;
  padding-top: 35px;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  white-space: pre-line; /* 副标题支持换行 */
}

/* ===== 装饰区（旧站 .box1 全套，index.css L150-284 逐值复刻） ===== */

/* 旧站 .p1 .box1（index.css L765-772，特异性覆盖通用 .box1 L151）：
   absolute / top 0 / left 50% translateX(-50%) / 1200px 固定宽 / height 100%
   2026-09-08 修正：此前误用通用 .box1（relative / 100%），装饰与视频框坐标系整体错误 */
.hkp-hero-decor {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  height: 100%;
}

/* 旧站 .box1 .ball1：top 190 / left 115，fadeIn 2s 延迟 2s */
.hkp-hero-ball1 {
  position: absolute;
  top: 190px;
  left: 115px;
  opacity: 0;
  animation: hkpFadeIn 2s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

/* 旧站 .box1 .ball2：top 460 / left 0，fadeIn 2s 延迟 4s */
.hkp-hero-ball2 {
  position: absolute;
  top: 460px;
  left: 0;
  opacity: 0;
  animation: hkpFadeIn 2s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}

/* 旧站 .box1 .ball3：top 460 / left 265，fadeIn 2s 延迟 6s */
.hkp-hero-ball3 {
  position: absolute;
  top: 460px;
  left: 265px;
  opacity: 0;
  animation: hkpFadeIn 2s;
  animation-delay: 6s;
  animation-fill-mode: forwards;
}

/* 旧站 .box1 .islet：top 406 / left 161 / z-index 1，fadeIn 2s 延迟 8s */
.hkp-hero-islet {
  position: absolute;
  top: 406px;
  left: 161px;
  z-index: 1;
  opacity: 0;
  animation: hkpFadeIn 2s;
  animation-delay: 8s;
  animation-fill-mode: forwards;
}

/* 旧站 .isletShine：top 284 / left 27，isletShine 1s infinite alternate 延迟 8s */
.hkp-hero-islet-shine {
  position: absolute;
  top: 284px;
  left: 27px;
  opacity: 0;
  animation: hkpIsletShine 1s infinite;
  animation-delay: 8s;
  animation-direction: alternate;
}

/* 旧站 .box1 .arrow：left 365 / top 300 / z-index 1，arrowAnima 2s 延迟 8s 单次 */
.hkp-hero-arrow {
  position: absolute;
  left: 365px;
  top: 300px;
  z-index: 1;
  opacity: 0;
  animation-name: hkpArrowAnima;
  animation-delay: 8s;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

/* 旧站 .box1 .shine：130×130 圆形白色光晕，fadeIn 2s infinite alternate */
.hkp-hero-shine {
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 140px;
  box-shadow: 0 0 40px 8px #ffffff;
  opacity: 0;
  animation: hkpFadeIn 2s infinite;
  animation-direction: alternate;
}

/* 旧站 .shine1：top 234 / left 160 延迟 4s */
.hkp-hero-shine1 {
  top: 234px;
  left: 160px;
  animation-delay: 4s;
}

/* 旧站 .shine2：top 503 / left 42 延迟 6s */
.hkp-hero-shine2 {
  top: 503px;
  left: 42px;
  animation-delay: 6s;
}

/* 旧站 .shine3：top 503 / left 308 延迟 8s */
.hkp-hero-shine3 {
  top: 503px;
  left: 308px;
  animation-delay: 8s;
}

/* 旧站 animate.min.css fadeIn：0→1 透明度（复刻所需，自持定义不引入整个库） */
@keyframes hkpFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 旧站 index.css L274-282 isletShine：0.5→1 透明度 */
@keyframes hkpIsletShine {
  from {
    opacity: 0.5;
  }

  to {
    opacity: 1;
  }
}

/* 旧站 index.css L208-219 arrowAnima：左移 100px 缩放 0.3 进入 */
@keyframes hkpArrowAnima {
  0% {
    opacity: 0;
    transform: translateX(-100px) scale3d(0.3, 0.3, 1);
  }

  100% {
    opacity: 1;
    transform: translateX(0) scale3d(1, 1, 1);
  }
}

/* ===== 视频框（旧站 .box1 .descVideo + .play） ===== */

/* 旧站 .box1 .descVideo：left 578 / top 240 / 646 宽 / 白底 / padding 7px（白色相框效果）
   高度取线上计算值 363px：css/index.css L269 为 368px，被 index.html L189 内联 style="height:363px" 覆盖
   2026-09-08：动画球已补齐，视频框从过渡期居中改回旧站原位 left 578px */
.hkp-hero-video {
  position: absolute;
  left: 578px;              /* 旧站 .descVideo：left 578px */
  top: 240px;               /* 旧站 .descVideo：top 240px */
  width: 646px;
  height: 363px;            /* 旧站线上：内联 style="height:363px"（index.html L189） */
  background: #ffffff;
  padding: 7px;
  box-sizing: content-box;  /* 旧站 padding 在 646 宽之外（content-box） */
  cursor: pointer;          /* 旧站 .jump：cursor pointer */
}

.hkp-hero-video img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 旧站 .descVideo .play（normal.css L613-619）：play.png 150px 居中
   2026-09-08：由 CSS 圆形近似改回旧站真实图片（静态素材 /images/play.png）
   2026-09-09 修复：选择器补 .hkp-hero-video 前缀（对齐旧站 .descVideo .play 双类特异性），
   否则上方 .hkp-hero-video img（类+标签 0,1,1）会覆盖 width:150px 把播放钮拉满整个视频框；
   height:auto 中和封面规则的 height:100%（旧站 .play 无 height 声明，即 auto） */
.hkp-hero-video .hkp-hero-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: auto;
}

/* PC 与移动端共用：移动内容图默认隐藏（移动端才显示，见下） */
.hkp-hero-body-img {
  display: none;
}

@container (max-width: 768px) {
  /* ===== 移动端：完全复刻旧站 h5 6G 区（h5/index.html L117-134，2026-09-04 用户拍板）
     旧站 h5 无 PC 的 .p1 背景图与装饰球，而是：.tips 标题 + 三行 .text 文案 + 全宽内容图 + 视频封面 */

  /* 装饰球/光晕/箭头：旧站 h5 无此模块，隐藏（视频框保留，2026-09-08 移入 decor 后改为按子元素隐藏）
     decor 转为文档流容器（DOM 顺序：标题→文案→内容图→视频，对齐旧站 h5） */
  .hkp-hero-decor {
    position: static;
    width: 100%;
    height: auto;
    transform: none;
  }

  .hkp-hero-ball1,
  .hkp-hero-ball2,
  .hkp-hero-ball3,
  .hkp-hero-shine,
  .hkp-hero-islet,
  .hkp-hero-islet-shine,
  .hkp-hero-arrow {
    display: none;
  }

  .hkp-hero {
    height: auto;
    padding: 0;
    background-image: none !important; /* h5 无背景图（覆盖内联 backgroundImage） */
    background-color: #ffffff; /* 2026-09-11 用户拍板：移动端改白底（对齐旧站 h5 body 默认白，覆盖 PC 兜底 #ebf9ff） */
    overflow: visible;
  }

  /* 旧站 h5 .tips（css/mobile/index.css L5-25）：定高 1.4rem=52.5px + 杠绝对定位 bottom 0
     居中（left 50% + translateX(-50%)），margin 1rem 0 0.3rem = 37.5px 0 11.25px——
     2026-09-08 用户拍板：收口改定高方案（废弃 padding 近似，旧站 .tips 无 padding） */
  .hkp-hero-title {
    position: relative;
    height: 52.5px;
    margin: 37.5px 0 11.25px;
    padding: 0;
    font-size: 26.25px;
    font-weight: bold;
    text-align: center;
    color: #20a7e1;
  }

  .hkp-hero-title::before {
    bottom: 0;
    left: 50%;
    width: 56.25px;
    margin-left: -28.125px;
    height: 3.75px;
    background-color: #20a7e1;
  }

  /* 旧站 h5 .text（css/mobile/index.css L27-30）：居中、margin 0.2rem 0 = 7.5px 0；
     无 color/line-height/padding 声明，继承 body 默认黑 #000、行高 normal——2026-09-08 用户拍板"按旧站默认" */
  .hkp-hero-subtitle {
    margin: 7.5px 0;
    padding: 0;
    font-size: 16px;
    line-height: normal;
    color: #000000;
  }

  /* 旧站 h5 内容图 body_v6.png（style="width:100%"）
     2026-09-08：新增独立字段 mobile_image（旧站 h5 用独立素材 body_v6.png，与 PC 背景图非同一张） */
  .hkp-hero-body-img {
    display: block;
    width: 100%;
  }

  /* 旧站 h5 .descVideo：width 10rem height 6rem margin-top -.1rem（h5/index.html L127）
     无白相框，封面图 100%×100% 铺满 */
  .hkp-hero-video {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: 225px;             /* 6rem × 37.5 = 225px */
    margin-top: -3.75px;       /* -.1rem × 37.5 */
    padding: 0;
    background: none;
    box-sizing: border-box;
  }

  .hkp-hero-video img {
    height: 100%;
  }

  /* 旧站 h5 播放图 play.png 3rem×3rem = 112.5px（h5/index.html L132 内联样式）
     2026-09-09 修复：同样需带 .hkp-hero-video 前缀覆盖 .hkp-hero-video img 的 100% 规则
     （旧站为内联 style，无级联竞争；容器查询不增加特异性） */
  .hkp-hero-video .hkp-hero-play {
    width: 112.5px;
    height: 112.5px;
  }
}

/* ===== 视频弹层（2026-09-09 补齐，一比一复刻旧站 videoPlay/maskVideo）
   旧站出处：js/common.js L276-312（videoPlay→maskVideo 动态插入 .mask+.descVideo1），
             css/normal.css L521-573（.mask/.descVideo1/.close）、L540-566（h5 .h5DescVideo/.close）
   注：预览容器 site-container 设 container-type: inline-size 具有布局包含性，
       fixed 后代相对预览面板定位（官网上线时相对视口，与旧站一致） */

/* 旧站 .mask（normal.css L521-528）：fixed 全屏 rgba(0,0,0,.7) / z-index 99 */
.hkp-hero-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
}

/* 旧站 .descVideo1（normal.css L530-538）：fixed 1200×550 / top 55% / left 50% translate(-50%,-50%) / z-index 999 */
.hkp-hero-popup {
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  height: 550px;
  z-index: 999;
}

/* 旧站 .descVideo1 video（normal.css L555-558）：100%×100% */
.hkp-hero-popup video {
  width: 100%;
  height: 100%;
}

/* 旧站 .close（normal.css L568-573）：absolute / top -10% / right 0 / 30px，素材 close.png */
.hkp-hero-popup-close {
  position: absolute;
  top: -10%;
  right: 0;
  width: 30px;
  cursor: pointer; /* 旧站 .jump */
}

@container (max-width: 768px) {
  /* 旧站 h5 弹层 .h5DescVideo（normal.css L540-548）：宽 9rem=337.5px、无 height（视频自然高） */
  .hkp-hero-popup {
    width: 337.5px;
    height: auto;
  }

  /* 旧站 h5 .h5DescVideo .close（normal.css L560-566）：top -15% / 0.5rem=18.75px */
  .hkp-hero-popup-close {
    top: -15%;
    width: 18.75px;
  }
}

/* ===== site-styles/blocks.css ===== */
/* 首页内容区块（复刻旧站线上版 .block：280×300 卡 + 阴影，默认背景图 block1/2/3.png 按位置索引，hover 整图换 block_act1/2/3.png）
   决策登记（2026-09-08 用户确认）：默认/hover 背景图取旧站静态资源（/images/index/，与旧站部署同路径），
   按卡片位置索引取图（旧站 index.html L200 isColor inline + L100-113 hover）；配色字段移除（旧站无此概念）
   ——替代 2026-09-04「白卡 + hover 纯色近似」决策
   交互复刻旧站：卡片为普通 div，仅"了解详情"按钮 window.open 新窗口跳转（index.html L207 .more.jump）
   决策登记（2026-09-08 用户确认）：本模块仅应用于首页，-150px 重叠等页面组合规则并入模块自身
   （废弃 2026-09-04「页面级布局归 home.css」拆分方案，此前拆分理由是其他频道页复用模块——实际不存在）
   响应式：默认 PC 布局；旧站 h5 无此模块——移动端整体隐藏（2026-09-04 用户拍板：完全复刻 h5） */

/* 旧站 .block（css/index.css L59-63）+ class="block flex"（css/normal.css L25-28）+ index.html L199 内联：
   relative / margin-top -150px（与 6G 主视觉重叠）/ flex 居中（justify + align-items center）/ 有数据高 320px */
.hkp-blocks {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 320px;
  margin-top: -150px;
  width: 100%;
}

/* 旧站 .block .item（css/index.css L69-82）：280×300 白卡 / margin 0 70px / 阴影 3px 0 18px
   color #666 / 居中 / padding 10px / 行高 30px / background-size 100% */
.hkp-block-item {
  position: relative;
  width: 280px;
  height: 300px;
  margin: 0 70px;
  padding: 10px;
  box-sizing: content-box;   /* 旧站未设 box-sizing，280×300 为内容盒 */
  background: #ffffff;
  background-size: 100%;
  box-shadow: 3px 0 18px rgba(0, 0, 0, 0.22);
  color: #666666;
  text-align: center;
  line-height: 30px;
  word-break: break-all;
}

/* 旧站 isColor(index)（index.html L790-792 内联 background:url）：默认背景图 block1/2/3.png 按位置索引；
   内联 background 简写重置 background-size 为 auto，此处同样用简写复刻（第 4 张及以后旧站无图，保持白卡） */
.hkp-block-item[data-index='0'] { background: url('/hkpimg/images/index/block1.png'); }
.hkp-block-item[data-index='1'] { background: url('/hkpimg/images/index/block2.png'); }
.hkp-block-item[data-index='2'] { background: url('/hkpimg/images/index/block3.png'); }

/* 旧站 hover：背景整图换 block_act1/2/3.png（css/index.css L100-113，旧站 !important 压内联，此处靠特异性） */
.hkp-block-item[data-index='0']:hover { background: url('/hkpimg/images/index/block_act1.png'); }
.hkp-block-item[data-index='1']:hover { background: url('/hkpimg/images/index/block_act2.png'); }
.hkp-block-item[data-index='2']:hover { background: url('/hkpimg/images/index/block_act3.png'); }

/* 旧站 .block0/1/2:hover（css/index.css L100-113）：卡片本体 color #fff，
   .desc 等未显式设色的文字靠继承变白——2026-09-11 补齐（此前漏复刻致 hover 描述文字仍灰色） */
.hkp-block-item:hover {
  color: #ffffff;
}

/* 旧站 hover 时标题/按钮同步变白（css/index.css L90-98） */
.hkp-block-item:hover .hkp-block-title,
.hkp-block-item:hover .hkp-block-subtitle {
  color: #ffffff;
}

.hkp-block-item:hover .hkp-block-more {
  color: #ffffff;
  border-color: #ffffff;
}

/* 旧站 .iInner（css/index.css L115-120）：relative / z-index 1 / 100%×100% */
.hkp-block-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

/* 旧站 .firtTitle（css/index.css L122-128）：30px 加粗 #20a7e1 / padding-top 30px / padding-bottom 8px */
.hkp-block-title {
  padding-top: 30px;
  padding-bottom: 8px;
  font-size: 30px;
  font-weight: bold;
  color: #20a7e1;
}

/* 旧站 .secondTitle（css/index.css L130-134）：19px #93999b / padding-bottom 10px */
.hkp-block-subtitle {
  padding-bottom: 10px;
  font-size: 19px;
  color: #93999b;
}

/* 旧站 .desc（css/index.css L84-88）：max-height 120px / overflow 隐藏 / pre-line
   + .lint-line-4（normal.css L595-599）：line-clamp 4 行，超出显示省略号 */
.hkp-block-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  max-height: 120px;
  overflow: hidden;
  white-space: pre-line;
}

/* 旧站 .more（css/index.css L136-148）：100×22 圆角 22 蓝边蓝字，absolute bottom 20px 居中
   + .jump（normal.css L278-280）：cursor pointer（卡片本体不可点，仅按钮跳转） */
.hkp-block-more {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #20a7e1;
  border-radius: 22px;
  text-align: center;
  color: #20a7e1;
  font-size: 16px; /* 旧站 .more 无 font-size，继承 body 16px（css/normal.css L6-7）——2026-09-08 复核修正 */
  cursor: pointer;
}

/* 旧站 .block 空数据时高 130px（index.html L199 内联 :style height 130px/320px 同一元素，需求文档 6.2）；
   -150px 重叠同样生效（旧站空态与有数据共用 .block 规则） */
.hkp-blocks-empty {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  margin-top: -150px;
  color: var(--hkp-color-text-secondary);
  font-size: 14px;
  background: #f5f7fa;
}

@container (max-width: 768px) {
  /* 旧站 h5 首页无内容区块模块（2026-09-04 用户拍板：完全复刻 h5 结构），移动端隐藏 */
  .hkp-blocks,
  .hkp-blocks-empty {
    display: none;
  }
}

/* ===== site-styles/expert.css ===== */
/* 首页专家区块（复刻旧站 .box2/#teamSwiper/.teamList：PC 端 slide 分组 + 前后导航箭头；
   移动端复刻 h5 fxBox：纵向卡片、左头像右文字，双 DOM 由容器查询显隐）
   组件自治：本文件自包含区块标题/留白样式，不依赖其他模块的类
   响应式：默认 PC 布局；容器宽度 ≤768px 切换移动布局 */

/* ===== PC 端 ===== */

/* 旧站 .box2（css/index.css L287-290）：padding 0 0 20px、居中 */
.hkp-expert {
  background: var(--hkp-color-bg);
  padding: 0 0 20px;
  text-align: center;
}

/* 旧站 .t_title（css/index.css L292-304）：40px 加粗 + 蓝色下划杠 80×6 #20a7e1、margin 10px auto；
   无 color 声明，继承 body 默认黑 #000——2026-09-08 用户拍板"按旧站默认黑" */
.hkp-expert-heading {
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  color: #000000;
}

.hkp-expert-heading::after {
  content: '';
  display: block;
  width: 80px;
  height: 6px;
  margin: 10px auto;
  background: #20a7e1;
}

/* 旧站 .box2 .t_desc（css/index.css L306-312）：width 700px / margin 10px auto / 24px 行高 36px #666 */
.hkp-expert-lead {
  width: 700px;
  max-width: 100%;
  margin: 10px auto;
  font-size: 24px;
  line-height: 36px;
  color: var(--hkp-color-text-secondary);
}

/* 旧站 #teamSwiper（css/index.css L315-317 width:1100px，被 index.html L229 内联 style width:1200px 覆盖 → 取 1200px）；
   导航箭头色 #67caff（css/index.css L319-324 --swiper-navigation-color）；
   轮播参数仅 navigation 无 autoplay/loop（index.html L667-673） */
.hkp-expert-swiper {
  width: 1200px;
  max-width: 100%;
  --swiper-theme-color: #67caff;
  --swiper-navigation-color: #67caff;
}

/* 旧站 .teamList（css/index.css L326-330 + .flex normal.css L25-28）：
   display flex / align-items center / flex-wrap wrap / padding 20px 100px / margin 35px；
   宽度由模板 inline 设置（index.html L232：组内恰 4 人 460px、其余 960px，组件内联实现） */
.hkp-expert-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 35px;
  padding: 20px 100px;
}

/* 旧站 .teamList .item（css/index.css L332-337）：width 170px + padding 10px 30px（content-box 合计 230px）
   / text-align center / font-size 14px */
.hkp-expert-item {
  width: 230px;
  box-sizing: border-box;
  padding: 10px 30px;
  text-align: center;
  font-size: 14px;
}

/* 2026-09-17 拍板：编辑详情的专家卡片可点（跳 expertDetail-{姓名}.html；旧站整卡均 @click 跳详情，
   新版仅详情已编辑的卡片可点——旧站 12 人字典全覆盖，新版详情为可选配置）；未编辑详情保持默认光标 */
.hkp-expert-item.is-clickable {
  cursor: pointer;
}

/* 2026-09-17 官网静态页模板卡片渲染为 <a>（有详情 href=expertDetail-{姓名}.html、无详情无 href——
   a 无 href 即无链接语义不可点，行为同预览 div；预览组件为 div+点击事件，类名一致仅标签不同，登记对照表）；
   a 复位：去下划线、块级布局与预览 div 一致（卡片文字色均由子级类显式声明，无继承污染） */
a.hkp-expert-item {
  display: block;
  text-decoration: none;
}

/* 旧站 .teamList .item .picture（css/index.css L339-346）：160×160 / border-radius 130px /
   margin 0 0 5px 25px（注释掉的 0 auto 5px 为废弃值，取生效值 25px 左偏） */
.hkp-expert-avatar {
  width: 160px;
  height: 160px;
  margin: 0 0 5px 25px;
  border-radius: 130px;
  overflow: hidden;
}

/* 旧站 .teamList .item .picture .img（css/index.css L348-351）：100% × 100% */
.hkp-expert-avatar img {
  width: 100%;
  height: 100%;
}

/* 旧站 .pdbottom6 双文件叠加：index.css L359-363（16px/210px/#666）+ normal.css L66-68（padding-bottom 6px）
   ——2026-09-08 复核补 padding-bottom（此前遗漏 normal.css 侧定义），同行姓名+职称 */
.hkp-expert-brief {
  width: 210px;
  padding-bottom: 6px;
  font-size: 16px;
  color: var(--hkp-color-text-secondary);
}

/* 旧站 .teamList .item .name（css/index.css L353-357）：20px #333 / padding-right 10px */
.hkp-expert-name {
  font-size: 20px;
  padding-right: 10px;
  color: var(--hkp-color-text);
}

/* 旧站 .pDesc（css/index.css L365-369）：16px / width 210px / #666 */
.hkp-expert-desc {
  width: 210px;
  margin: 0 auto;
  font-size: 16px;
  color: var(--hkp-color-text-secondary);
  white-space: pre-line;
}

/* 旧站 .item:hover .moveBlue（index.html L45-47）：pDesc hover 变 #20a7e1 */
.hkp-expert-item:hover .hkp-expert-desc {
  color: #20a7e1;
}

.hkp-expert-empty {
  padding: 40px 0 60px;
  color: var(--hkp-color-text-secondary);
  font-size: 14px;
}

/* 移动端 DOM（h5 fxBox 平铺）默认隐藏，容器查询内反转 */
.hkp-expert-mobile {
  display: none;
}

@container (max-width: 768px) {
  /* ===== 移动端：完全复刻旧站 h5 专家区（h5/index.html L135-189，2026-09-04 用户拍板） =====
     结构：.tips 标题 + 三行 .text.greyTxt 简介 + fxBox 横向卡（左图右文）+ .blueBtn 更多专家 */

  /* PC swiper 结构整体隐藏。
     踩坑登记（2026-09-09）：swiper 根元素同时带 .swiper 类，组件级 import 'swiper/css' 注入晚于
     site-styles，其 .swiper{display:block}（swiper.css L35-45，特异性同为 0,1,0）会反超单类选择器
     （@container 不加特异性），导致移动端两份 DOM 同显——故此处用双类 .hkp-expert .hkp-expert-swiper
     抬高特异性到 0,2,0 规避；勿改回单类写法 */
  .hkp-expert .hkp-expert-swiper {
    display: none;
  }

  .hkp-expert-mobile {
    display: block;
  }

  .hkp-expert {
    padding: 0;
  }

  /* 旧站 h5 .tips（css/mobile/index.css L5-25）：定高 1.4rem=52.5px + 杠绝对定位 bottom 0
     居中（left 50% + translateX(-50%)），margin 1rem 0 0.3rem = 37.5px 0 11.25px——
     2026-09-08 用户拍板：收口改定高方案（废弃 padding 近似，旧站 .tips 无 padding） */
  .hkp-expert-heading {
    position: relative;
    height: 52.5px;
    margin: 37.5px 0 11.25px;
    padding: 0;
    font-size: 26.25px;
    font-weight: bold;
    text-align: center;
    color: #20a7e1;
  }

  .hkp-expert-heading::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 56.25px;
    height: 3.75px;
    background: #20a7e1;
  }

  /* 旧站 h5 .text.greyTxt（css/mobile/index.css L27-30、L49-52）：0.39rem=14.6px #666 居中、margin 0.2rem 0；
     无 padding/line-height 声明（默认 normal）——2026-09-08 按旧站默认收口 */
  .hkp-expert-lead {
    width: auto;
    max-width: none;
    margin: 7.5px 0;
    padding: 0;
    font-size: 14.6px;
    line-height: normal;
    color: #666666;
  }

  /* 旧站 h5 fxBox 行间距：首个 margin .9333rem 0 .64rem = 35px 0 24px，其余 margin-bottom .64rem = 24px */
  .hkp-expert-m-item {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
  }

  .hkp-expert-m-item:first-child {
    margin-top: 35px;
  }

  /* 2026-09-17：移动端卡片同样详情可点（H5 详情为新增能力，旧站 h5 无详情页） */
  .hkp-expert-m-item.is-clickable {
    cursor: pointer;
  }

  /* 同 PC 拍板：官网模板移动卡片为 <a>，复位下划线（display:flex 由上方 .hkp-expert-m-item 规则提供） */
  a.hkp-expert-m-item {
    text-decoration: none;
  }

  /* 旧站 h5 .leftBox（L59-66）：flex .7 右对齐，img 宽 3rem = 112.5px（自然高度、不裁圆） */
  .hkp-expert-m-item .hkp-expert-avatar {
    flex: 0.7;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 0;
    overflow: visible;
    text-align: right;
  }

  .hkp-expert-m-item .hkp-expert-avatar img {
    width: 112.5px;
    height: auto;
    object-fit: contain;
  }

  /* 旧站 h5 .txtBox（L77-79）：margin .4rem .5rem = 15px 18.75px */
  .hkp-expert-m-info {
    flex: 1;
    margin: 15px 18.75px;
    text-align: left;
  }

  /* 旧站 h5 .txtBold（L87-92）：0.5rem=18.75px 加粗 #333 / margin-right .4rem=15px */
  .hkp-expert-m-name {
    font-size: 18.75px;
    font-weight: bold;
    color: #333333;
    margin-right: 15px;
  }

  /* 旧站 h5 .rightBox span（L68-71，职称"教授"位）：0.35rem=13.1px #666 */
  .hkp-expert-m-title {
    font-size: 13.1px;
    color: #666666;
  }

  /* 旧站 h5 .text1（L81-85）：0.35rem=13.1px #666 / margin-bottom .1rem=3.75px；
     无 line-height 声明（默认 normal）——2026-09-08 按旧站默认收口；
     首行距姓名行 .3rem = 11.25px（h5/index.html L149 内联 margin-top） */
  .hkp-expert-m-desc {
    margin: 0 0 3.75px;
    font-size: 13.1px;
    line-height: normal;
    color: #666666;
  }

  .hkp-expert-m-desc:first-of-type {
    margin-top: 11.25px;
  }

  /* 旧站 h5 .blueBtn（css/mobile/index.css L36-47）：3rem×0.7rem = 112.5×26.25px /
     圆角 0.5rem=18.75px / 2px #02b5e7 边 / #20a7e1 加粗 / margin 1rem auto=37.5px */
  .hkp-expert-more {
    display: block;
    width: 112.5px;
    height: 26.25px;
    line-height: 26.25px;
    margin: 37.5px auto;
    border: 2px solid #02b5e7;
    border-radius: 18.75px;
    text-align: center;
    color: #20a7e1;
    font-weight: bold;
    cursor: pointer;
  }
}

/* ===== site-styles/expertDetail.css ===== */
/* 专家详情页（expertDetail-{姓名}.html，2026-09-17 拍板：每人一页服务端直出）
   结构对齐旧站：PC E:\lrf\hxhkp\expertDetail.html 页内 <style> L17-149（.rc-* 全套，仅本页使用）
   ——前缀换 .hkp-rc-*；页面框架（导航/banner/底部）复用全站 menu.css/banner.css/company.css；
   H5：旧站无详情页（h5 目录无 expertDetail.html），本页为新增能力——
   移动端取值按 PC 同源等比换算（max-width 收缩 + 字号/间距缩放，基准 375px 视口）；
   旧站悬浮联系条 #contact / 百度智能体不复刻（2026-09-14 全站统一拍板） */

/* ===== 页面容器（旧站 .rc-section L18-22：1200px 居中 padding 60px 20px） ===== */

.hkp-rc-section {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 20px;
  box-sizing: border-box;
}

/* ===== 专家卡（旧站 .rc-team-list/.rc-team-item L32-47） ===== */

/* 旧站 .rc-team-list{flex column; gap 30px; bg #f5f8fa; 圆角 8; padding 20px 30px} */
.hkp-rc-team-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background: #f5f8fa;
  border-radius: 8px;
  padding: 20px 30px;
}

/* 旧站 .rc-team-item{flex; gap 30px; align-items flex-start; bg #f8fafb; padding 30px; 圆角 10} */
.hkp-rc-team-item {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  background: #f8fafb;
  padding: 30px;
  border-radius: 10px;
}

/* 旧站 .rc-team-avatar L48-53：flex 0 0 auto / max-width 300px / 圆角 8 / overflow hidden
   + img L54-58：block max-width 100% height auto */
.hkp-rc-team-avatar {
  flex: 0 0 auto;
  max-width: 300px;
  border-radius: 8px;
  overflow: hidden;
}
.hkp-rc-team-avatar img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ===== 右栏信息（旧站 .rc-team-info L59-61：flex 1） ===== */

.hkp-rc-team-info {
  flex: 1;
  min-width: 0;
}

/* 旧站 .rc-team-info h3 L62-67：22px bold #0f98d6 / margin-bottom 8px */
.hkp-rc-team-info h3 {
  font-size: 22px;
  font-weight: bold;
  color: #0f98d6;
  margin: 0 0 8px;
}

/* 旧站 .rc-en-name L68-72：16px #888 normal（姓名后空格分隔，span 内联） */
.hkp-rc-en-name {
  font-size: 16px;
  color: #888;
  font-weight: normal;
}

/* 旧站 .rc-subtitle L100-106：microsoft yahei / 16px bold #000 / margin-bottom 10px */
.hkp-rc-subtitle {
  font-family: 'microsoft yahei', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  margin: 0 0 10px;
}

/* ===== 栏目（旧站 .rc-section-label 三形态 L107-131） ===== */

/* 旧站 .rc-section-label L107-115：18px bold #333 / margin 20px 0 10px / padding-bottom 6px /
   border-bottom 2px #2a9df4 / inline-block（默认形态，自定义栏目标题） */
.hkp-rc-section-label {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 20px 0 10px;
  padding-bottom: 6px;
  border-bottom: 2px solid #2a9df4;
  display: inline-block;
}

/* 旧站 .rc-label-medical L116-123：18px bold #0f98d6 / 无下边框 / margin 20px 0 8px / padding 0 */
.hkp-rc-section-label.hkp-rc-label-medical {
  font-size: 18px;
  font-weight: bold;
  color: #0f98d6;
  border-bottom: none;
  margin: 20px 0 8px;
  padding-bottom: 0;
}

/* 旧站 .rc-label-research L124-131：同 medical 取值（研究领域变体） */
.hkp-rc-section-label.hkp-rc-label-research {
  font-size: 18px;
  font-weight: bold;
  color: #0f98d6;
  border-bottom: none;
  margin: 20px 0 8px;
  padding-bottom: 0;
}

/* ===== 栏目内容（旧站 L73-99） ===== */

/* 旧站 .rc-team-achievements L73-84：无列表样式 / li 15px #666 lh2 / padding-left 16 / relative
   + li::before L85-94：absolute left 0 top 10px / 6px 圆点 #0f98d6 */
.hkp-rc-team-achievements {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hkp-rc-team-achievements li {
  font-size: 15px;
  color: #666666;
  line-height: 2;
  padding-left: 16px;
  position: relative;
}
.hkp-rc-team-achievements li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0f98d6;
}

/* 旧站 .rc-team-desc L95-99：15px #555 lh1.8（type=text 段落，取 items[0]） */
.hkp-rc-team-desc {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  margin: 0;
}

/* ===== 返回按钮（旧站 .rc-back-btn L132-148） ===== */

.hkp-rc-back-btn {
  text-align: center;
  padding: 30px 0 50px;
}
.hkp-rc-back-btn a {
  display: inline-block;
  padding: 10px 40px;
  font-size: 16px;
  color: #fff;
  background: #0f98d6;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
}
.hkp-rc-back-btn a:hover {
  background: #0b7db0;
}

/* ===== 移动端（容器查询 ≤768px；旧站无 H5 详情页——PC 同源取值等比缩放，
   决策值非旧站值：头像 max-width 300→120px、字号/间距缩放，2026-09-17 拍板新增能力） ===== */
@container (max-width: 768px) {

  .hkp-rc-section {
    padding: 15px 11.25px;
  }

  .hkp-rc-team-list {
    gap: 11.25px; /* 30px×0.375 等比 */
    padding: 11.25px;
  }

  .hkp-rc-team-item {
    flex-direction: column; /* 窄屏头像与信息纵向堆叠 */
    gap: 11.25px;
    padding: 11.25px;
  }

  .hkp-rc-team-avatar {
    max-width: 120px; /* 决策值：移动端头像缩小（旧站 h5 首页卡片 img 宽 3rem=112.5px 同量级） */
  }

  .hkp-rc-team-info h3 {
    font-size: 16.5px; /* 22px×0.75 */
    margin-bottom: 4px;
  }

  .hkp-rc-en-name {
    font-size: 12px;
  }

  .hkp-rc-subtitle {
    font-size: 12px;
    margin-bottom: 6px;
  }

  .hkp-rc-section-label,
  .hkp-rc-section-label.hkp-rc-label-medical,
  .hkp-rc-section-label.hkp-rc-label-research {
    font-size: 14px;
    margin: 12px 0 6px;
  }

  .hkp-rc-team-achievements li {
    font-size: 12px;
    line-height: 1.7;
    padding-left: 10px;
  }

  .hkp-rc-team-achievements li::before {
    top: 7px; /* 行高收紧后圆点随行居中（决策值） */
  }

  .hkp-rc-team-desc {
    font-size: 12px;
  }

  .hkp-rc-back-btn {
    padding: 15px 0 22.5px;
  }

  .hkp-rc-back-btn a {
    padding: 7.5px 30px;
    font-size: 12px;
  }
}

/* ===== site-styles/brand.css ===== */
/* 首页品牌区块（复刻旧站 .example/.brandBg：.e-title 标题 + .e-nav 下划线 Tab + .brandBox 内容）
   Tab 口径以旧站 PC 端为准（品牌文化/数字医疗平台/精准医学门诊/检验中心/品牌荣誉）——待拍板 #3 暂按建议方案
   内容两种形态：image-text 图+段落（旧站 .brandDesc + .brandBox-p）
                two-column 图文双栏（旧站 .brand-clinic，仅"精准医学门诊"）
   响应式：默认 PC 布局；容器宽度 ≤768px 切换移动布局（复刻旧站 h5 tabBar + 文案叠图） */

/* 旧站 .example（css/index.css L384-388）：padding 40px 0；
   旧站 .brandBg（css/index.css L530-535）：背景图 no-repeat / 100% 100% / bottom，URL 内联按 Tab 绑定 images/brandBg{index}.png
   决策登记：2026-09-09 用户拍板迁移 brandBg0~4.png 恢复旧站每 Tab 背景图（撤销 2026-09-08 扁平化 #ebf9ff 决策），
   改为 CMS 每 Tab 配 background_image 字段（新站 Tab 可增删排序，不按序号取图）；
   背景图缺失时兜底 #ebf9ff（2026-09-09 用户拍板"背景图+兜底底色"）；background-image 由模板内联绑定 */
.hkp-brand {
  background-color: var(--hkp-color-bg-light); /* 兜底底色，同旧站 .navBg #ebf9ff */
  background-image: var(--hkp-brand-bg, none); /* URL 由模板以 --hkp-brand-bg 自定义属性注入（避免内联 background-image 覆盖移动端重置） */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
  padding: 40px 0;
  text-align: center;
}

/* 旧站 .e-title（css/normal.css L181-196）：40px 加粗居中 margin-top 10px + 杠 90×8 #3aace9 margin 20px auto；
   无 color 声明，继承 body 默认黑 #000——2026-09-08 用户拍板"按旧站默认黑" */
.hkp-brand-heading {
  margin: 10px 0 0;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #000000;
}

.hkp-brand-heading::after {
  content: '';
  display: block;
  width: 90px;
  height: 8px;
  margin: 20px auto;
  background: #3aace9;
}

/* 旧站 .e-nav（css/normal.css L201-215）：24px / margin 30px 0 / 居中；
   .example .navBg（css/index.css L390-392）：导航条底 #ebf9ff */
.hkp-brand-tabs {
  display: flex;
  justify-content: center;
  margin: 30px 0;
  background: #ebf9ff;
  font-size: 24px;
}

/* 旧站 .e-nav .item：宽 200px / padding 10px 0 / 底部 6px 透明杠 / margin 0 24px -1px；
   无 color 声明，继承 body 默认黑 #000——2026-09-08 用户拍板"按旧站默认黑" */
.hkp-brand-tab {
  width: 200px;
  margin: 0 24px -1px;
  padding: 10px 0;
  text-align: center;
  border-bottom: 6px solid transparent;
  color: #000000;
  cursor: pointer;
}

/* 旧站 .e-nav .actItem（css/normal.css L217-222）：#20A7E1 + 底部 4px 蓝杠、圆角 1px */
.hkp-brand-tab.is-active {
  color: #20a7e1;
  border-bottom: 4px solid #20a7e1;
  border-radius: 1px;
}

/* Tab 内容区：旧站 .brandBox（css/index.css L545-547 + index.html 内联 L79-82）：
   padding 20px 0 / min-height 600px / 内容盒宽 1200px（css/normal.css L20-23 .contentBox） */
.hkp-brand-panel {
  position: relative;
  width: 1200px;
  max-width: 100%;
  min-height: 600px;
  margin: 0 auto;
  padding: 20px 0;
  box-sizing: border-box;
}

/* ---- 形态一：image-text（旧站 .brandDesc + .brandBox-p）---- */
.hkp-brand-item {
  width: 100%;
  text-align: center;
}

/* 旧站 .brandDesc（css/index.css L549-552）：display block / margin auto，原图居中；
   决策登记：补 margin-top 30px（旧站 tab0/1 图内联有、tab3/4 无——index.html L340/L349，
   2026-09-08 用户拍板统一添加；移动端重置为 0） */
.hkp-brand-img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 30px auto 0;
}

/* 旧站 .brandBox-p（index.html 内联 L84-89）：居中 / margin-top 30px / 20px / 行高 50px；
   无 color 声明，继承 body 默认黑 #000——2026-09-08 用户拍板"按旧站默认黑" */
.hkp-brand-desc {
  margin-top: 30px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: #000000;
  white-space: pre-line; /* 描述支持多段落 */
}

/* ---- 形态二：two-column 图文双栏（旧站 .brand-clinic，css/index.css L554-590）---- */
/* 旧站 .brand-clinic-title：40px 加粗 #333 / margin-bottom 20px / 居中 */
.hkp-brand-clinic-title {
  margin: 0 0 20px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}

/* 旧站 .brand-clinic-content：flex / align-items flex-start / 居中 / max-width 900px / gap 20px；
   旧站 .brand-clinic（css/index.css L556）：padding 20px 0——2026-09-08 复核补入 */
.hkp-brand-clinic {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 0;
  gap: 20px;
  text-align: left;
}

/* 旧站 .brand-clinic-img：flex 0 0 450px / 宽 450px / 圆角 8px */
.hkp-brand-clinic-img {
  flex: 0 0 450px;
  width: 450px;
  max-width: 50%;
  border-radius: 8px;
  display: block;
}

/* 旧站 .brand-clinic-text p：20px #000 / 行高 1.8 / margin-bottom 10px */
.hkp-brand-clinic-text {
  flex: 1;
  font-size: 20px;
  line-height: 1.8;
  color: #000000;
  white-space: pre-line;
}

.hkp-brand-empty {
  padding: 40px 0 60px;
  color: var(--hkp-color-text-secondary);
  font-size: 14px;
  text-align: center;
}

/* 移动端整图结构默认隐藏，容器查询（≤768px）内显示（2026-09-09 拍板对齐旧站 h5，
   结构同 hero/partners 双 DOM 方案） */
.hkp-brand-item-mobile,
.hkp-brand-clinic-mobile {
  display: none;
}

@container (max-width: 768px) {
  /* ===== 移动端：完全复刻旧站 h5 品牌区（h5/index.html L290-329，2026-09-04 用户拍板） ===== */
  .hkp-brand {
    padding: 0;
    background: var(--hkp-color-bg); /* h5 品牌区无底色（.blueBackground 仅隐藏的案例区使用） */
  }

  /* 旧站 h5 .tips（css/mobile/index.css L5-25）：定高 1.4rem=52.5px + 杠绝对定位 bottom 0
     居中（left 50% + translateX(-50%)），margin 1rem 0 0.3rem = 37.5px 0 11.25px——
     2026-09-08 用户拍板：收口改定高方案（废弃 padding 近似，旧站 .tips 无 padding） */
  .hkp-brand-heading {
    position: relative;
    height: 52.5px;
    margin: 37.5px 0 11.25px;
    padding: 0;
    font-size: 26.25px;
    font-weight: bold;
    text-align: center;
    color: #20a7e1;
  }

  .hkp-brand-heading::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 56.25px;
    height: 3.75px;
    background: #20a7e1;
  }

  /* 旧站 h5 .tabBar（css/normal.css L461-481 + h5 margin-top .6933rem=26px）：
     条底 #e8f8ff / 项 flex 1 高 1rem=37.5px / 12px #333；当前项 #41b4e5 白字 14px */
  .hkp-brand-tabs {
    margin: 26px 0 0;
    background: #e8f8ff;
    font-size: 12px;
  }

  .hkp-brand-tab {
    flex: 1;
    width: auto;
    margin: 0;
    padding: 0;
    height: 37.5px;
    line-height: 37.5px;
    border-bottom: none;
    background: #e8f8ff;
    color: #333333;
    font-size: 12px;
  }

  .hkp-brand-tab.is-active {
    background: #41b4e5;
    color: #ffffff;
    font-size: 14px;
    border-bottom: none;
    border-radius: 0;
  }

  /* 旧站 h5 品牌内容：整宽整图 + .brandBox-p 绝对定位叠图（2026-09-09 用户拍板对齐旧站 h5，
     每 Tab 配 mobile_image 整图替代复用 PC image；缺失回退 PC image） */
  .hkp-brand-panel {
    width: 100%;
    min-height: 0;
    padding: 0;
  }

  /* PC 内容结构整体隐藏（image-text 单栏 + two-column 双栏），移动端用专属整图结构 */
  .hkp-brand-item,
  .hkp-brand-clinic,
  .hkp-brand-clinic-title {
    display: none;
  }

  /* 移动端整图结构默认隐藏，此处显示（PC 端见文件末尾默认规则） */
  .hkp-brand-item-mobile,
  .hkp-brand-clinic-mobile {
    display: block;
  }

  /* 旧站 h5 品牌图 style="width:100%"（h5/index.html L303） */
  .hkp-brand-img-mobile,
  .hkp-brand-clinic-mobile-img {
    display: block;
    width: 100%;
    margin: 0;
  }

  .hkp-brand-item-mobile,
  .hkp-brand-clinic-mobile {
    position: relative;
  }

  /* 旧站 h5 .brandBox-p（h5/index.html 内联 L55-63）：absolute top 5.7rem=213.75px /
     0.36rem=13.5px #444 / 居中 / 行高 1.8；description 为空时模板不渲染该节点，
     旧站 h5 tab2/3/4 即纯整图无叠字 */
  .hkp-brand-desc,
  .hkp-brand-clinic-text {
    position: absolute;
    top: 213.75px;
    left: 0;
    width: 100%;
    margin: 0;
    font-size: 13.5px;
    line-height: 1.8;
    color: #444444;
    text-align: center;
  }
}

/* ===== site-styles/methods.css ===== */
/* 首页知识方法大全（复刻旧站 .methods：浅蓝底 + .e-title 标题 + 左侧 .hNav 行式导航 + 右侧文章列表 + .e-btn）
   本模块只读（数据源自媒体资讯/6G 分享内容，编辑归内容管理模块，另行排期）
   响应式：默认 PC 左右布局；容器宽度 ≤768px 切换移动布局（复刻旧站 h5"逆转课堂"：tabBar + 横向小图卡） */

/* 旧站 .methods（css/index.css L592-596 + index.html L384 内联）：背景 #d5f2ff、padding-top 100px */
.hkp-methods {
  background: #d5f2ff;
  padding-top: 100px;
  text-align: center;
}

/* 旧站知识方法大全标题用 .e-title（index.html L385）：40px 加粗 margin-top 10px + 杠 90×8 #3aace9 margin 20px auto；
   .e-title 无 color 声明，继承 body 默认黑 #000——2026-09-08 用户拍板"按旧站默认黑" */
.hkp-methods-heading {
  margin: 10px 0 0;
  font-size: 40px;
  font-weight: bold;
  color: #000000;
}

/* 旧站 .e-title::after（css/normal.css L188-196）：margin 20px auto（2026-09-14 误改 30px 已回退，PC 端无问题） */
.hkp-methods-heading::after {
  content: '';
  display: block;
  width: 90px;
  height: 8px;
  margin: 20px auto;
  background: #3aace9;
}

/* 旧站 .methods .inner（css/index.css L598-602）：高 510px、顶部对齐、居中 */
.hkp-methods-inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 510px;
}

/* 旧站 .methods .left（L604-608）宽 190px + .menu（L610-615）宽 226px 绝对靠右
   → 导航列实效宽 226px；右侧竖线 .occupy（L617-623）：右边框 1px #90dafb、top 79px、高 409px */
.hkp-methods-nav {
  position: relative;
  flex: none;
  width: 226px;
  text-align: center;
}

.hkp-methods-nav::after {
  content: '';
  position: absolute;
  right: 0;
  top: 79px;
  height: 409px;
  border-right: 1px solid #90dafb;
}

/* 旧站 .hNav .nItem（L629-635）：高 80px / 行高 80px / 居中 / 底部分隔线 1px #90dafb；
   无 color 声明，继承 body 默认黑 #000——2026-09-08 用户拍板"按旧站默认黑" */
.hkp-methods-nav-item {
  position: relative;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-bottom: 1px solid #90dafb;
  font-size: 16px;
  color: #000000;
  cursor: pointer;
}

/* 旧站 .hNav .actNItem（L637-644）：底部 3px #20a7e1 杠 / #20a7e1 / 18px 加粗（无底色填充） */
.hkp-methods-nav-item.is-active {
  border-bottom: 3px solid #20a7e1;
  color: #20a7e1;
  font-size: 18px;
  font-weight: bold;
}

/* 旧站 .actNItem::after（L646-656）：右侧箭头 right.png 10×20、right 15px、垂直居中 */
.hkp-methods-nav-item.is-active::after {
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  width: 10px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cpath d='M1 1l7 9-7 9' fill='none' stroke='%2320a7e1' stroke-width='2'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

/* 旧站 .methods .right（L396-408 结构）：列表 + .e-btn 同栏；
   旧站 .right 无定宽，由 .list width 950px（content-box）+ padding-left 40px 撑出实效 990px（css/index.css L658-665）——
   2026-09-08 复核修正：此前误写 950px 致每行仅排 2 卡（旧站 3 卡） */
.hkp-methods-right {
  width: 990px;
  max-width: 100%;
  text-align: center;
}

/* 旧站 .methods .right .list（L658-665）：宽 950px / padding-left 40px / padding-top 5px / min-height 441px */
.hkp-methods-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 40px;
  padding-top: 5px;
  min-height: 441px;
  text-align: center;
}

/* 旧站 .methods .right .item（L667-670）：padding 20px 30px（无卡片底） */
.hkp-methods-item {
  padding: 20px 30px;
  cursor: pointer;
}

/* 旧站 .pic（L672-676）：255×148 / margin-bottom 5px */
.hkp-methods-item img {
  display: block;
  width: 255px;
  height: 148px;
  margin-bottom: 5px;
  object-fit: cover;
}

/* 旧站 .titleTxt（index.html 内联 L36-43 + L400 内联 font-size 16px）：
   宽 255px / 单行省略 / 居中 / #333 16px */
.hkp-methods-item-title {
  width: 255px;
  font-size: 16px;
  color: #333333;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 旧站 hover 标题变蓝（index.html 内联 L45-47 .item:hover .moveBlue） */
.hkp-methods-item:hover .hkp-methods-item-title {
  color: #20a7e1;
}

/* 旧站 .e-btn（css/normal.css L53-63）：100×22 / 圆角 22 / #20a7e1 蓝边蓝字 / margin auto */
.hkp-methods-more {
  width: 100px;
  height: 22px;
  line-height: 22px;
  margin: 0 auto;
  border: 1px solid #20a7e1;
  border-radius: 22px;
  text-align: center;
  color: #20a7e1;
  cursor: pointer;
}

/* 旧站空数据：line-height 380px（index.html L402 内联） */
.hkp-methods-empty {
  width: 100%;
  line-height: 380px;
  text-align: center;
  color: var(--hkp-color-text-secondary);
  font-size: 14px;
}

@container (max-width: 768px) {
  /* ===== 移动端：完全复刻旧站 h5"逆转课堂"（h5/index.html L330-359，2026-09-04 用户拍板） =====
     注意：旧站 h5 本区块为白底（.blueBackground 仅隐藏的案例区使用） */
  .hkp-methods {
    background: var(--hkp-color-bg);
    padding-top: 0;
  }

  /* 旧站 h5 .tips（css/mobile/index.css L5-25 + normal.css L439-459）：定高 1.4rem=52.5px + 杠绝对定位 bottom 0
     居中（left 50% + translateX(-50%)），margin 1rem 0 0.3rem = 37.5px 0 11.25px——
     2026-09-08 用户拍板：收口改定高方案（废弃 padding 近似，旧站 .tips 无 padding）；
     2026-09-14 用户反馈移动端杠离标题太近（旧站 52.5px 定高下行盒余量仅约 18px），
     定高 52.5px → 62.5px 拉开约 10px（有意偏离旧站，决策值待确认） */
  .hkp-methods-heading {
    position: relative;
    height: 62.5px;
    margin: 37.5px 0 11.25px;
    padding: 0;
    font-size: 26.25px;
    font-weight: bold;
    text-align: center;
    color: #20a7e1;
  }

  .hkp-methods-heading::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 56.25px;
    height: 3.75px;
    background: #20a7e1;
  }

  .hkp-methods-inner {
    flex-direction: column;
    min-height: 0;
  }

  /* 旧站 h5 .tabBar（css/normal.css L461-481 + h5 margin-top .6933rem=26px）：
     条底 #e8f8ff / 项 flex 1 高 1rem=37.5px / 12px #333；当前项 #41b4e5 白字 14px */
  .hkp-methods-nav {
    display: flex;
    width: 100%;
    margin-top: 26px;
    background: #e8f8ff;
  }

  .hkp-methods-nav::after {
    display: none;
  }

  .hkp-methods-nav-item {
    flex: 1;
    height: 37.5px;
    line-height: 37.5px;
    border-bottom: none;
    background: #e8f8ff;
    color: #333333;
    font-size: 12px;
    white-space: nowrap;
  }

  .hkp-methods-nav-item.is-active {
    background: #41b4e5;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    border-bottom: none;
  }

  .hkp-methods-nav-item.is-active::after {
    display: none;
  }

  .hkp-methods-right {
    width: 100%;
  }

  /* 旧站 h5 列表容器（h5/index.html L345 内联）：padding .2rem=7.5px / min-height 4rem=150px */
  .hkp-methods-list {
    display: block;
    padding: 7.5px;
    min-height: 150px;
  }

  /* 旧站 h5 .articleBox1（css/mobile/index.css L172-176）：高 2rem=75px / margin .8rem 0=30px 0 / 垂直居中 */
  .hkp-methods-item {
    display: flex;
    align-items: center;
    height: 75px;
    margin: 30px 0;
    padding: 0;
  }

  /* 旧站 h5 .articleLetf（L178-182）：flex .4 / 高 1.7067rem=64px / 溢出隐藏
     决策登记：旧站左图右文比例 flex .4 / flex 1，此处图定宽 102.5px（.articleImg 2.7333rem） */
  .hkp-methods-item img {
    flex: none;
    width: 102.5px;
    height: 64px;
    margin-bottom: 0;
  }

  /* 旧站 h5 .articleRight（L184-189）0.4rem=15px + 标题（h5/index.html L352 内联）：
     宽 6.3rem=236px / margin-left .5rem=18.75px / 加粗 #333 */
  .hkp-methods-item-title {
    flex: 1;
    width: auto;
    margin-left: 18.75px;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-align: left;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  /* 旧站 h5 .blueBtn（css/mobile/index.css L36-47 + h5 margin .5rem auto=18.75px） */
  .hkp-methods-more {
    width: 112.5px;
    height: 26.25px;
    line-height: 26.25px;
    margin: 18.75px auto;
    border: 2px solid #02b5e7;
    border-radius: 18.75px;
    color: #20a7e1;
    font-weight: bold;
  }

  .hkp-methods-empty {
    line-height: 150px;
  }
}

/* ===== site-styles/partner.css ===== */
/* 首页合作伙伴区块（复刻旧站 .cooperation .left：840px 蓝色描边框 + cTitle + Logo 墙）
   响应式：默认 PC 布局；容器宽度 ≤768px 切换移动布局（复刻旧站 h5 合作伙伴长图区） */

/* 独立渲染兜底值（非旧站 .left 自身规则）：旧站 padding 60px 0 / flex 居中在 .cooperation 容器上
   （css/index.css L678-681），页面组合时由 home.css .hkp-home-cooperation 提供并将此处归零；
   本条仅模块单独预览时生效，视觉对齐旧站容器留白（2026-09-08 注释勘误：此前误标为旧站出处） */
.hkp-partner {
  display: flex;
  justify-content: center;
  background: var(--hkp-color-bg);
  padding: 60px 0; /* 兜底值，组合渲染时归零（见 home.css） */
}

/* 旧站 .cooperation .left（css/index.css L683-690）：宽 840px / 边框 1px #25a6e0 /
   圆角 5px / padding 20px 30px / 居中 */
.hkp-partner-box {
  width: 840px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 20px 30px;
  border: 1px solid #25a6e0;
  border-radius: 5px;
  text-align: center;
}

/* 旧站 .cTitle（css/index.css L692-697）：28px 加粗 #20a7e1 / padding-bottom 20px */
.hkp-partner-title {
  padding-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #20a7e1;
}

/* 旧站 .list（css/index.css L699-702）：flex 换行、space-between */
.hkp-partner-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* 旧站 .item（css/index.css L704-706）：margin-bottom 20px（无固定宽，自然排列）
   名称文字：未设样式，继承 body 16px 默认黑 #000（css/normal.css L6-11）——
   2026-09-08 用户拍板"按旧站默认黑" */
.hkp-partner-item {
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  color: #000000;
}

.hkp-partner-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* 旧站 .logo（css/index.css L708-712）：高 60px、内容居中
   决策登记：img 加 max 约束防溢出（旧站依赖素材原始尺寸） */
.hkp-partner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}

.hkp-partner-logo img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
}

.hkp-partner-empty {
  padding: 30px 0 50px;
  color: var(--hkp-color-text-secondary);
  font-size: 14px;
}

/* 移动端整图（旧站 h5 .cooperationLogo img，icon5_v2.png）：PC 端隐藏，仅移动端渲染（模块级字段 mobile_image） */
.hkp-partner-mobile-img {
  display: none;
}

@container (max-width: 768px) {
  /* ===== 移动端：完全复刻旧站 h5 合作伙伴区（h5/index.html L360-363，2026-09-04 用户拍板） =====
     旧站为单张静态长图 icon5_v2.png（.cooperationLogo img：宽 9rem / margin 2rem 0=75px 0，
     css/mobile/index.css L191-195；居中由父容器 text-align: center 实现，h5/index.html L361）
     决策登记：CMS 增加模块级移动端长图字段 mobile_image，一比一还原旧站单张整图
     （2026-09-08 用户拍板"改为整图模式"，替代 2026-09-04「Logo 列表纵向排列近似」方案）；
     未上传长图时回退显示 PC 蓝框 Logo 列表（回退样式见下方规则，非旧站形态） */
  .hkp-partner {
    padding: 0;
  }

  /* 整图模式：隐藏 PC 蓝框 Logo 墙 */
  .hkp-partner.is-mobile-img .hkp-partner-box {
    display: none;
  }

  /* 旧站 .cooperationLogo（css/mobile/index.css L191-195）：宽 9rem（rem 基准=屏宽/10）→ 90cqw 等比、
     margin 2rem 0 → 75px 0；display: block + margin auto 等效旧站父容器 text-align: center 的居中 */
  .hkp-partner-mobile-img {
    display: block;
    width: 90cqw;
    margin: 75px auto;
  }

  /* ---- 以下为未上传移动端长图时的回退显示（近似，旧站移动端只有整图无此形态） ---- */
  .hkp-partner-box {
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
  }

  /* 旧站 h5 无"合作伙伴"文字标题（整图自带），回退时同样隐藏 */
  .hkp-partner-title {
    display: none;
  }

  .hkp-partner-list {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 75px 0;
  }

  .hkp-partner-item {
    width: 337.5px;
    max-width: 90%;
    margin-bottom: 20px;
  }

  .hkp-partner-logo {
    height: auto;
    margin-bottom: 6px;
  }

  .hkp-partner-logo img {
    max-height: none;
  }
}

/* ===== site-styles/company.css ===== */
/* 首页公司信息（复刻旧站 .cooperation .right：330px 右栏——认证 logo + 资质图 + 公司名/地址/热线）
   决策登记（2026-09-04 用户拍板）：PC 端布局并入合作伙伴区块右侧 330px 栏（旧站 .cooperation 一行两栏），
   后台按模块分 Tab 预览时本模块独立渲染，样式值与旧站 .right 完全一致；整页并排在官网页面模板实现
   响应式：默认 PC 布局；旧站 h5 无独立公司信息（2026-09-04 用户拍板：完全复刻 h5），移动端隐藏 */

/* 旧站 .cooperation .right（css/index.css L714-718）：宽 330px / 居中 */
.hkp-company {
  width: 330px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* 旧站 .right-header（index.html 内联 L91-97）：flex 横排，首个 img margin 0 45px 0 32px
   决策登记：img 加 max-height 约束防溢出（旧站依赖素材原始尺寸） */
.hkp-company-logos {
  display: flex;
  align-items: center;
}

.hkp-company-logos img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
}

.hkp-company-logos img:first-child {
  margin: 0 45px 0 32px;
}

/* 旧站 .right 资质图（index.html L426：information.png，无类名、自然宽度展示，栏宽 330px 兜底） */
.hkp-company-cert {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/* 旧站 .cooperation .right .info（css/index.css L725-727）：顶部分隔线 1px #ECECEC */
.hkp-company-info {
  border-top: 1px solid #ececec;
}

/* 旧站 .info .company（css/index.css L729-734）：26px 加粗 #20a7e1 / padding 10px 0 */
.hkp-company-name {
  padding: 10px 0;
  font-size: 26px;
  font-weight: bold;
  color: #20a7e1;
}

/* 旧站 .info .address（css/index.css L736-742 + L744-747 .local）：
   16px #333 / 行高 24px / flex / padding 0 8px；地址文本 flex 1 左对齐 */
.hkp-company-address {
  display: flex;
  padding: 0 8px;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.hkp-company-local {
  flex: 1;
  text-align: left;
}

/* 旧站 .info .phone（css/index.css L749-753）：18px #20a7e1 / padding-top 10px */
.hkp-company-phone {
  padding-top: 10px;
  font-size: 18px;
  color: #20a7e1;
}

@container (max-width: 768px) {
  /* 旧站 h5 首页无独立公司信息模块（2026-09-04 用户拍板：完全复刻 h5 结构），移动端隐藏 */
  .hkp-company {
    display: none;
  }
}

/* ============ 底部联系（全站公用富文本，预览按 v-html 渲染） ============ */

/* 旧站 .e-bottom（css/normal.css L226-232）：#25a6e0 蓝底 / padding 30px / 白字居中 / 行高 36px */
.hkp-footer {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background: #25a6e0;
  color: #ffffff;
  text-align: center;
  line-height: 36px;
}

/* 旧站 .e-bottom a（css/normal.css L234-237）：白色、无下划线 */
.hkp-footer a {
  color: #ffffff;
  text-decoration: none;
}

/* 移动端页脚标语（复刻旧站 h5 .mobileFooter，见下），PC 端隐藏 */
.hkp-footer-slogan {
  display: none;
}

@container (max-width: 768px) {
  /* 旧站 h5 页脚为 .mobileFooter（css/normal.css L403-421 + js/common.js mobileFooter()）：
     #20a7e1 蓝底 / 高 2.1rem=78.75px / logo + 标语"家庭健康   精准管理" 0.5rem=18.75px 白字
     决策登记：富文本 bottomContact 为 PC 端内容，移动端显示蓝底标语条；
     旧站标语条含 logo.png（静态资源，CMS 无此字段），预览仅渲染文字
     （2026-09-04 决策，2026-09-08 用户确认维持） */
  .hkp-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 78.75px;
    padding: 0;
    background: #20a7e1;
    line-height: normal;
  }

  /* 移动端隐藏富文本内容 */
  .hkp-footer > * {
    display: none;
  }

  .hkp-footer-slogan {
    display: block;
    font-size: 18.75px;
    color: #ffffff;
  }
}

/* ===== site-styles/home.css ===== */
/* 首页页面级组合布局（页面模板职责：各模块 CSS 自包含、不含页面组合规则，见 blocks.css / company.css 注释）
   作用范围：仅 .hkp-home-page 整页（后台整页预览与未来官网页面模板同源共用），不影响模块独立渲染
   响应式：默认 PC 布局；容器宽度 ≤768px 切换移动布局（复刻旧站 h5 结构） */

/* 旧站 .block 的 relative/-150px 重叠/320px 高已并入 blocks.css 模块自身
   （2026-09-08 用户确认：四色块仅应用于首页，废弃页面级拆分方案） */

/* 旧站 .content（css/index.css L53-56）：position relative / margin-top 100px——页面级容器，
   包裹专家及其后内容区块，其 margin-top 即四色块与专家区的 100px 间距
   决策登记（2026-09-09 用户拍板）：间距补在页面级 home.css（旧站 .content 为跨模块容器，同 .cooperation 例外口径）；
   旧站 .contentBox（normal.css L20-23 1200px）首页计算值实为 width:100%（被 index.css L64-67 自身覆盖，
   index.css L1 @import normal.css 后自身规则在级联中靠后），为透明容器不复刻其 DOM */
.hkp-home-page .hkp-expert {
  margin-top: 100px;
}

/* 旧站 .cooperation（css/index.css L678-681）：flex 一行两栏 / padding 60px 0 / align-items center（.flex）
   左栏 .left 840px 合作伙伴 + 右栏 .right 330px 公司信息（margin-left 40px，css/index.css L714-718）
   决策登记（2026-09-04 用户拍板）：PC 端公司信息并入合作伙伴区块右侧 330px 栏，与旧站一行两栏一致 */
.hkp-home-page .hkp-home-cooperation {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
  background: var(--hkp-color-bg);
}

/* 行内两栏：去掉模块自身 padding 60px 0（partner.css 独立渲染用），避免与行容器叠加 */
.hkp-home-page .hkp-home-cooperation .hkp-partner {
  padding: 0;
}

/* 旧站 .cooperation .right：margin-left 40px（模块独立渲染时为 margin 0 auto，此处改回旧站栏间距） */
.hkp-home-page .hkp-home-cooperation .hkp-company {
  margin: 0 0 0 40px;
}

@container (max-width: 768px) {
  /* 旧站 h5 为独立 DOM 无 .content 容器，无此间距 */
  .hkp-home-page .hkp-expert {
    margin-top: 0;
  }

  /* 旧站 h5 无 .cooperation 行容器：合作伙伴为整图长条（见 partner.css），公司信息不显示（见 company.css） */
  .hkp-home-page .hkp-home-cooperation {
    display: block;
    padding: 0;
  }

  .hkp-home-page .hkp-home-cooperation .hkp-company {
    margin: 0;
  }
}

/* ===== site-styles/mediaReport.css ===== */
/* 媒体报道页（结构对齐旧站 mediaReport.html + css/6GShare.css + 页内联 style）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局（旧站 h5 无右栏） */

/* 页面容器：Banner 高度取旧站本页口径（css/6GShare.css L5-7 #bannerSwiper{height:300px}，
   区别于首页 index.css 的 310px；banner.css 读取本变量） */
.hkp-mediareport-page {
  --hkp-banner-height: 300px; /* 旧站 6GShare.css L6：300px */
}

/* ===== 页面级两栏布局（旧站 mediaReport.html 内联 .box，职责归页面模板、不进模块 CSS） ===== */

/* 旧站 .box{padding:20px; justify-content:center; align-items:flex-start}（页内联 L21-25） */
.hkp-mr-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 20px; /* 旧站 .box：20px */
}

/* 旧站 .box .left{width:900px}（页内联 L27-29）：媒体资讯列表（只读模块，待内容管理接入） */
.hkp-mr-left {
  width: 900px;
  padding: 10px; /* 旧站 .box .left .list：10px */
}

/* 旧站 .box .right{width:280px; font-size:14px; line-height:26px; padding-left:60px}（页内联 L72-77） */
.hkp-mr-right {
  width: 280px;
  font-size: 14px;
  line-height: 26px;
  padding-left: 60px;
}

/* ===== 推荐专家（右栏模块，旧站页内联 .expert_list / .e_item） ===== */

/* 旧站 .samll_title{font-size:18px; font-weight:bold; color:#20a7e1; padding-left:5px; padding-bottom:5px}（页内联 L110-116） */
.hkp-mr-expert-title {
  font-size: 18px;
  font-weight: bold;
  color: #20a7e1;
  padding-left: 5px;
  padding-bottom: 5px;
}

/* 旧站 .e_item{padding:10px; border-bottom:1px solid #eeeeed; margin-bottom:15px}（页内联 L79-83） */
.hkp-mr-e-item {
  padding: 10px;
  border-bottom: 1px solid #eeeeed;
  margin-bottom: 15px;
}

/* 旧站 .e_item:last-child{border-bottom:none}（页内联 L85-87） */
.hkp-mr-e-item:last-child {
  border-bottom: none;
}

/* 旧站 .e_item .logo{width:120px; height:120px; border-radius:120px; display:block; margin:auto}（页内联 L89-95） */
.hkp-mr-e-logo {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 120px;
  margin: auto;
  object-fit: cover;
}

/* 旧站 .e_item .name{font-size:18px; font-weight:bold; padding:10px; text-align:center}（页内联 L97-102） */
.hkp-mr-e-name {
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

/* 旧站 .e-txt.greyTxt：#666 文字 + 前置 6×6 蓝点（normal.css L286-288 / L257-266） */
.hkp-mr-e-label {
  color: #666; /* 旧站 .greyTxt */
}

.hkp-mr-e-label::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #20a7e1;
  margin-right: 3px;
  vertical-align: middle;
}

/* 旧站 .e_item .description{line-height:24px; padding:10px 0; color:#333}（页内联 L104-108） */
.hkp-mr-e-desc {
  line-height: 24px;
  padding: 10px 0;
  color: #333;
}

.hkp-mr-e-empty {
  color: var(--hkp-color-text-secondary);
  padding: 20px 0;
  font-size: 14px;
}

/* ===== 热门标签（右栏模块，旧站页内联 .tag_list / .tag，2026-09-10 拍板改为可配置） ===== */

/* 旧站 .samll_title「热门标签」（页内联 L110-116，同推荐专家标题样式） */
.hkp-mr-tag-title {
  font-size: 18px;
  font-weight: bold;
  color: #20a7e1;
  padding-left: 5px;
  padding-bottom: 5px;
}

/* 旧站 .tag_list{flex-wrap:wrap; padding-bottom:50px}（页内联 L118-121，flex 由 .flex 工具类提供） */
.hkp-mr-tag-list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 50px;
}

/* 旧站 .tag_list .tag{padding:0 12px; height:26px; line-height:26px; background:#d6f1ff; margin:5px; border-radius:2px}（页内联 L123-130）
   旧站 .actTag 选中态（L132-135）此页无选中，官网渲染时标签聚合页复用可加 .hkp-mr-tag--act 变体 */
.hkp-mr-tag {
  padding: 0 12px;
  height: 26px;
  line-height: 26px;
  background: #d6f1ff;
  margin: 5px;
  border-radius: 2px;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.hkp-mr-tag--act {
  background: #20a7e1; /* 旧站 .actTag */
  color: #ffffff;
}

.hkp-mr-tag-empty {
  color: var(--hkp-color-text-secondary);
  padding: 5px 0 20px;
  font-size: 14px;
}

/* ===== 媒体资讯列表（左栏只读模块，2026-09-10 后端确认直接复用旧站开放接口） ===== */

/* 旧站 .box .left .list .item{align-items:flex-start; margin-bottom:50px; cursor:pointer}（mediaReport.html 页内联 L35-39） */
.hkp-mr-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
  cursor: pointer;
}

/* 旧站 .item .i_left{width:244px; height:153px; margin-right:20px}（页内联 L41-45） */
.hkp-mr-i-left {
  flex: none;
  width: 244px;
  height: 153px;
  margin-right: 20px;
}

.hkp-mr-i-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 旧站 .item .i_right .title{font-size:18px; font-weight:bold; padding-bottom:10px}（页内联 L47-51） */
.hkp-mr-i-title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* 旧站 .item .i_right .article{line-height:24px}（页内联 L53-56） */
.hkp-mr-i-article {
  line-height: 24px;
}

/* 旧站 .greyTxt{color:#666}（normal.css）/ .primary{color:#20A7E1}（normal.css） */
.hkp-mr-i-summary {
  color: #666;
}

.hkp-mr-i-more {
  color: #20a7e1;
  cursor: pointer;
}

/* 旧站 .i_right:hover .moveBlue{color:#20A7E1}（页内联 L157-159，标题与摘要同变蓝） */
.hkp-mr-i-right:hover .hkp-mr-i-title,
.hkp-mr-i-right:hover .hkp-mr-i-summary {
  color: #20a7e1;
}

/* 编辑器空态（仅后台预览渲染，官网不输出） */
.hkp-mr-list-empty {
  color: var(--hkp-color-text-secondary);
  font-size: 14px;
  padding: 20px 0;
}

/* ----- PC 分页器（复刻 css/pageination.css + 页内联 .v_pageination，行为对齐 js/pageination.js） ----- */

/* 旧站 .box .left .v_pageination{display:flex; justify-content:flex-end}（页内联 L67-70） */
.hkp-mr-v-pageination {
  display: flex;
  justify-content: flex-end;
}

/* 旧站 .pageination_align{text-align:center}（pageination.css L2-4） */
.hkp-mr-pageination-align {
  text-align: center;
}

/* 旧站 .pageination{color:#48576a; font-size:12px; display:inline-block; user-select:none}（pageination.css L6-11） */
.hkp-mr-pageination {
  display: inline-block;
  color: #48576a;
  font-size: 12px;
  user-select: none;
}

.hkp-mr-pageination::after {
  content: '';
  display: block;
  clear: both; /* 旧站 .pagination_page{float:left} 需 clearfix */
}

/* 旧站 .pagination_page{padding:0 4px; border:1px solid #d1dbe5; border-right:0; background:#fff; font-size:13px; min-width:28px; height:28px; line-height:28px; cursor:pointer; box-sizing:border-box; text-align:center; float:left}（pageination.css L13-26） */
.hkp-mr-page {
  float: left;
  padding: 0 4px;
  border: 1px solid #d1dbe5;
  border-right: 0;
  background: #ffffff;
  font-size: 13px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
}

/* 旧站 .pagination_page_right{border-right:1px solid #d1dbe5}（pageination.css L28-30） */
.hkp-mr-page--right {
  border-right: 1px solid #d1dbe5;
}

/* 旧站 .pagination_page:hover{color:#20a0ff}（pageination.css L32-34） */
.hkp-mr-page:hover {
  color: #20a0ff;
}

/* 旧站 .disabled{color:#e4e4e4 !important; background-color:#fff; cursor:not-allowed}（pageination.css L36-40） */
.hkp-mr-page.is-disabled {
  color: #e4e4e4 !important;
  background-color: #ffffff;
  cursor: not-allowed;
}

/* 旧站 .pagination_page_active{border-color:#20a0ff; background-color:#20a0ff; color:#fff !important; cursor:default}（pageination.css L42-48） */
.hkp-mr-page.is-active {
  border-color: #20a0ff;
  background-color: #20a0ff;
  color: #ffffff !important;
  cursor: default;
}

/* 移动端滚动加载到底提示：旧站为 justTip toast，预览改为底部文字（2026-09-10 决策，见拆分表） */
.hkp-mr-list-end {
  text-align: center;
  color: var(--hkp-color-text-secondary);
  font-size: 13px;
  padding: 10px 0;
}

/* ===== 移动端（容器 ≤768px）：旧站 h5 mediaReport 无右栏（推荐专家/热门标签不显示） ===== */

@container (max-width: 768px) {
  .hkp-mr-right {
    display: none;
  }

  /* 旧站 h5 单栏全宽（.box 两栏为 PC 结构，移动端左栏撑满） */
  .hkp-mr-box {
    display: block;
    padding: 0;
  }

  .hkp-mr-left {
    width: 100%;
    padding: 0;
  }

  /* ----- 列表条目（h5 横向小图卡）：旧站 normal.css .articleBox / css/mobile/mediaReport.css
       L22-42 .articleBox1/.articleLetf/.articleImg/.articleRight，rem×37.5=px 再 /375=cqw ----- */

  /* 旧站 .articleBox{padding:0.2rem; border-bottom:1px solid rgb(211,211,211)}（normal.css L631-634）
     注：旧站结构 articleBox>articleBox1 两层，新版合并为 .hkp-mr-item 一层（拆分表登记待确认偏差）；
     articleBox1 的 margin:.3rem 0（=3cqw）由下方两列承接，整体视觉尺寸与旧站一致 */
  .hkp-mr-item {
    margin-bottom: 0;
    padding: 2cqw; /* 旧站 .articleBox padding：0.2rem×37.5=7.5px → 2cqw */
    border-bottom: 1px solid rgb(211, 211, 211);
    align-items: center; /* 旧站 .articleBox1 .fxBox{align-items:center} */
  }

  /* 旧站 .articleLetf{flex:.5; height:2rem}（css/mobile/mediaReport.css L28-31），
     margin 3cqw 承接旧站 .articleBox1{margin:.3rem 0}（同上合并说明） */
  .hkp-mr-i-left {
    flex: .5;
    width: auto;
    height: 20cqw; /* 旧站 height：2rem×37.5=75px → 20cqw */
    margin: 3cqw 0;
    margin-right: 0;
  }

  /* 旧站 .articleImg{width:2.7333rem; height:1.7067rem}（css/mobile/mediaReport.css L32-36） */
  .hkp-mr-i-img {
    width: 27.33cqw; /* 2.7333rem×37.5=102.5px → 27.33cqw */
    height: 17.07cqw; /* 1.7067rem×37.5=64px → 17.07cqw */
  }

  /* 旧站 .articleRight{flex:1; font-size:.45rem}（css/mobile/mediaReport.css L38-42），margin 同上 */
  .hkp-mr-i-right {
    flex: 1;
    font-size: 4.5cqw; /* .45rem×37.5=16.875px → 4.5cqw */
    margin: 3cqw 0;
  }

  /* 旧站 h5 标题容器 width:5.5rem; margin-left:.5rem（h5 mediaReport.html L80 内联） */
  .hkp-mr-i-title {
    width: 55cqw; /* 5.5rem×37.5=206.25px → 55cqw */
    margin-left: 5cqw; /* .5rem×37.5=18.75px → 5cqw */
    font-size: inherit; /* 旧站 h5 无独立标题字号，继承 .articleRight .45rem */
    font-weight: 400;
    padding-bottom: 0;
  }

  /* 旧站 h5 列表无摘要与「详细>」（h5 mediaReport.html L73-84 仅图+标题） */
  .hkp-mr-i-article {
    display: none;
  }

  /* 旧站 h5 无分页器（滚动加载替代，css/mobile/mediaReport.css 无分页样式） */
  .hkp-mr-v-pageination {
    display: none;
  }
}

/* ===== site-styles/6GShare.css ===== */
/* 健康科普页（结构对齐旧站 6GShare.html 页内联 style + css/6GShare.css + css/normal.css + css/mobile/6GShare.css）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局（旧站 h5 无右栏） */

/* 页面容器：Banner 高度取旧站本页口径（css/6GShare.css L5-7 #bannerSwiper{height:300px}，
   与 mediaReport 同值；banner.css 读取本变量） */
.hkp-6g-page {
  --hkp-banner-height: 300px; /* 旧站 6GShare.css L6：300px */
}

/* ===== 页面级两栏布局（旧站 6GShare.html 页内联 .box，职责归页面模板、不进模块 CSS） ===== */

/* 旧站 .box{padding:20px; justify-content:center; align-items:flex-start; width:1200px; margin:0 auto}（页内联 L25-31） */
.hkp-6g-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* 旧站 .box{width:1200px; margin:0 auto}（页内联 L21-25）
     2026-09-14 预览适配决策（同 mediaReport .hkp-mr-box 口径）：宽视口 max-width=1200px 居中、效果与旧站一致；
     预览面板窄于 1200px 时流式收缩（左 900/右 280 随 flex 收缩），避免右栏被 overflow:hidden 裁剪不可见 */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* 旧站 .box .left{width:900px}（页内联 L33-35） */
.hkp-6g-left {
  width: 900px;
}

/* 旧站 .box .left .list{padding:10px}（页内联 L37-39） */
.hkp-6g-list {
  padding: 10px;
}

/* 旧站 .box .right{width:280px; font-size:14px; line-height:26px; padding-left:60px}（页内联 L88-93） */
.hkp-6g-right {
  width: 280px;
  font-size: 14px;
  line-height: 26px;
  padding-left: 60px;
}

/* ===== 分类 Tab（旧站 .e-nav，normal.css L201-222 + 本页页内联 L153-156 覆盖 margin-top:0 / 背景 #edf9ff） ===== */

.hkp-6g-nav {
  display: flex;
  justify-content: center;
  font-size: 24px;
  margin: 30px 0;
  margin-top: 0; /* 旧站本页页内联 .e-nav{margin-top:0} 覆盖 */
  background: #edf9ff; /* 旧站本页页内联 .e-nav{background:#edf9ff} */
}

/* 旧站 .e-nav .item{padding:10px 0; width:200px; text-align:center; border-bottom:6px solid transparent; cursor:pointer; margin:0 24px; margin-bottom:-1px}（normal.css L207-215） */
.hkp-6g-nav-item {
  padding: 10px 0;
  width: 200px;
  text-align: center;
  border-bottom: 6px solid transparent;
  cursor: pointer;
  margin: 0 24px;
  margin-bottom: -1px;
}

/* 旧站 .e-nav .actItem{color:#20A7E1; border-bottom:4px solid #20A7E1; border-radius:1px}（normal.css L217-222） */
.hkp-6g-nav-item.is-active {
  color: #20a7e1;
  border-bottom: 4px solid #20a7e1;
  border-radius: 1px;
}

/* ===== 列表条目（糖友分享/权威科普共用结构，旧站页内联 .item/.i_left/.i_right） ===== */

/* 旧站 .box .left .list .item{align-items:flex-start; margin-bottom:50px; cursor:pointer}（页内联 L41-45） */
.hkp-6g-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
  cursor: pointer;
}

/* 旧站 .item .i_left{width:244px; height:153px; margin-right:20px}（页内联 L47-51） */
.hkp-6g-i-left {
  flex: none;
  width: 244px;
  height: 153px;
  margin-right: 20px;
}

.hkp-6g-i-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 旧站 .i_right{margin-left:20px}（页内联 L182-184）+ css/6GShare.css L14-16 .i_right{flex:1} */
.hkp-6g-i-right {
  flex: 1;
  margin-left: 20px;
}

/* 旧站 .item .i_right .title{font-size:18px; font-weight:bold}（页内联 L53-56） */
.hkp-6g-i-title {
  font-size: 18px;
  font-weight: bold;
}

/* 旧站 .item .i_right .period{width:230px; height:25px; line-height:25px; border-radius:255px; text-align:center; background:#e4eef5; font-size:14px; margin:20px 0}（页内联 L58-67） */
.hkp-6g-period {
  width: 230px;
  height: 25px;
  line-height: 25px;
  border-radius: 255px;
  text-align: center;
  background: #e4eef5;
  font-size: 14px;
  margin: 20px 0;
}

/* 旧站 .item .i_right .article{line-height:24px}（页内联 L69-72）；
   权威科普条目 .article 带 style="margin-top:20px"（6GShare.html L331，模板行内承接） */
.hkp-6g-article {
  line-height: 24px;
}

/* 旧站 .greyTxt{color:#666}（normal.css L286-288） */
.hkp-6g-i-summary {
  color: #666;
}

/* 旧站 .primary{color:#0f98d6}（normal.css L35-37，本页「详细>」口径） */
.hkp-6g-i-more {
  color: #0f98d6;
  cursor: pointer;
}

/* 旧站 .i_right:hover .moveBlue{color:#20a7e1}（页内联 L200-202，标题与摘要同变蓝） */
.hkp-6g-i-right:hover .hkp-6g-i-title,
.hkp-6g-i-right:hover .hkp-6g-i-summary {
  color: #20a7e1;
}

/* 旧站 .hideTxt 两行省略（页内联 L186-194，大咖摘要用） */
.hkp-6g-hide-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #666;
}

/* 旧站 PC 空态：style="text-align:center; font-size:30px"（6GShare.html L301） */
.hkp-6g-empty {
  text-align: center;
  font-size: 30px;
}

/* ===== 大咖面对面条目（旧站页内联 .descVideo/.play1/.playIcon） ===== */

/* 旧站 .descVideo{width:256px; height:144px; position:relative}（页内联 L162-166） */
.hkp-6g-video {
  position: relative;
  flex: none;
  width: 256px;
  height: 144px;
  cursor: pointer;
}

/* 旧站 .descVideo img{width:256px; height:144px}（页内联 L168-171） */
.hkp-6g-video-img {
  display: block;
  width: 256px;
  height: 144px;
  object-fit: cover;
}

/* 旧站 .descVideo .play1{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50px; height:50px}（页内联 L173-180） */
.hkp-6g-play1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
}

/* 旧站 .playIcon{margin-right:5px}（页内联 L158-160，图片自然尺寸无 CSS） */
.hkp-6g-playicon {
  margin-right: 5px;
}

/* 旧站 6GShare.html L313 播放数行 style="margin:10px 0"：playNum #20A7E1 / displayTime #666 margin-left:20px */
.hkp-6g-video-meta {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.hkp-6g-video-num {
  color: #20a7e1;
}

.hkp-6g-video-time {
  margin-left: 20px;
  color: #666666;
}

/* ===== PC 分页器（复刻 css/pageination.css + 页内联 .v_pageination，行为对齐 js/pageination.js） ===== */

/* 旧站 .box .left .v_pageination{display:flex; justify-content:flex-end}（页内联 L83-86） */
.hkp-6g-v-pageination {
  display: flex;
  justify-content: flex-end;
}

/* 旧站 .pageination_align{text-align:center}（pageination.css L2-4） */
.hkp-6g-pageination-align {
  text-align: center;
}

/* 旧站 .pageination{color:#48576a; font-size:12px; display:inline-block; user-select:none}（pageination.css L6-11） */
.hkp-6g-pageination {
  display: inline-block;
  color: #48576a;
  font-size: 12px;
  user-select: none;
}

.hkp-6g-pageination::after {
  content: '';
  display: block;
  clear: both; /* 旧站 .pagination_page{float:left} 需 clearfix */
}

/* 旧站 .pagination_page（pageination.css L13-26）
   2026-09-14 修正类名冲突：原 .hkp-6g-page 与页面根容器 .hkp-6g-page 撞名，
   分页规则（float/height:28px/border/line-height）直接打到页面根上把容器压成 28px，
   重命名为 .hkp-6g-page-item（页面根保留 .hkp-6g-page） */
.hkp-6g-page-item {
  float: left;
  padding: 0 4px;
  border: 1px solid #d1dbe5;
  border-right: 0;
  background: #ffffff;
  font-size: 13px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
}

/* 旧站 .pagination_page_right{border-right:1px solid #d1dbe5}（pageination.css L28-30） */
.hkp-6g-page-item--right {
  border-right: 1px solid #d1dbe5;
}

/* 旧站 .pagination_page:hover{color:#20a0ff}（pageination.css L32-34） */
.hkp-6g-page-item:hover {
  color: #20a0ff;
}

/* 旧站 .disabled{color:#e4e4e4 !important; cursor:not-allowed}（pageination.css L36-40） */
.hkp-6g-page-item.is-disabled {
  color: #e4e4e4 !important;
  background-color: #ffffff;
  cursor: not-allowed;
}

/* 旧站 .pagination_page_active（pageination.css L42-48） */
.hkp-6g-page-item.is-active {
  border-color: #20a0ff;
  background-color: #20a0ff;
  color: #ffffff !important;
  cursor: default;
}

/* ===== 右栏：推荐专家（旧站页内联 .samll_title/.expert_list/.e_item） ===== */

/* 旧站 .samll_title{font-size:18px; font-weight:bold; color:#20a7e1; padding-left:5px; padding-bottom:5px}（页内联 L126-132） */
.hkp-6g-title {
  font-size: 18px;
  font-weight: bold;
  color: #20a7e1;
  padding-left: 5px;
  padding-bottom: 5px;
}

/* 旧站 .e_item{padding:10px; border-bottom:1px solid #eeeeed; margin-bottom:15px}（页内联 L95-99） */
.hkp-6g-e-item {
  padding: 10px;
  border-bottom: 1px solid #eeeeed;
  margin-bottom: 15px;
}

/* 旧站 .e_item:last-child{border-bottom:none}（页内联 L101-103） */
.hkp-6g-e-item:last-child {
  border-bottom: none;
}

/* 旧站 .e_item .logo{width:120px; height:120px; border-radius:120px; display:block; margin:auto}（页内联 L105-111） */
.hkp-6g-e-logo {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 120px;
  margin: auto;
  object-fit: cover;
}

/* 旧站 .e_item .name{font-size:18px; font-weight:bold; padding:10px; text-align:center}（页内联 L113-118） */
.hkp-6g-e-name {
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

/* 旧站 .e-txt.greyTxt：#666 文字 + 前置 6×6 蓝点（normal.css L286-288 / L257-266） */
.hkp-6g-e-label {
  color: #666;
}

.hkp-6g-e-label::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #20a7e1;
  margin-right: 3px;
  vertical-align: middle;
}

/* 旧站 .e_item .description{line-height:24px; padding:10px 0; color:#333}（页内联 L120-124） */
.hkp-6g-e-desc {
  line-height: 24px;
  padding: 10px 0;
  color: #333;
}

.hkp-6g-e-empty {
  color: var(--hkp-color-text-secondary);
  padding: 20px 0;
  font-size: 14px;
}

/* ===== 右栏：热门标签（旧站页内联 .tag_list/.tag） ===== */

/* 旧站 .tag_list{flex-wrap:wrap; padding-bottom:50px}（页内联 L134-137） */
.hkp-6g-tag-list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 50px;
}

/* 旧站 .tag{padding:0 12px; height:26px; line-height:26px; background:#d6f1ff; margin:5px; border-radius:2px}（页内联 L139-146） */
.hkp-6g-tag {
  padding: 0 12px;
  height: 26px;
  line-height: 26px;
  background: #d6f1ff;
  margin: 5px;
  border-radius: 2px;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.hkp-6g-tag-empty {
  color: var(--hkp-color-text-secondary);
  padding: 5px 0 20px;
  font-size: 14px;
}

/* ===== 视频弹层（复刻 js/common.js videoPlay/maskVideo + normal.css L521-571，2026-09-14 拍板复刻） ===== */

/* 旧站 .mask{background:rgba(0,0,0,.7); width:100%; height:100%; position:fixed; top:0; z-index:99}（normal.css L521-528） */
.hkp-6g-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
}

/* 旧站 .descVideo1{width:1200px; height:550px; z-index:999; position:fixed; top:55%; left:50%; transform:translate(-50%,-50%)}（normal.css L530-538） */
.hkp-6g-modal {
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  height: 550px;
  z-index: 999;
}

/* 旧站 .descVideo1 video{width:100%; height:100%}（normal.css L555-558） */
.hkp-6g-modal video {
  display: block;
  width: 100%;
  height: 100%;
}

/* 旧站 .close{position:absolute; top:-10%; right:0; width:30px}（normal.css L568-571） */
.hkp-6g-modal-close {
  position: absolute;
  top: -10%;
  right: 0;
  width: 30px;
  cursor: pointer;
}

/* 预览容器内 PC 弹层适配（决策值，非旧站值）：预览面板宽 <1220px 时缩放不溢出，官网宽屏不受影响 */
.hkp-6g-modal--pc {
  max-width: calc(100vw - 20px);
}

/* 移动端专属元素：PC 默认隐藏（容器 ≤768px 时由下方容器查询开启；口径同 site-adapter 单 DOM 响应式） */
.hkp-6g-tabbar,
.hkp-6g-video-icons {
  display: none;
}

/* 编辑器空态（仅后台预览渲染，官网不输出） */
.hkp-6g-list-empty {
  color: var(--hkp-color-text-secondary);
  font-size: 14px;
  padding: 20px 0;
}

/* 移动端滚动加载到底提示：旧站为 justTip toast，预览改为底部文字（同 mediaReport 2026-09-10 决策） */
.hkp-6g-list-end {
  text-align: center;
  color: var(--hkp-color-text-secondary);
  font-size: 13px;
  padding: 10px 0;
}

/* ===== GEO 内容区块（2026-09-14 拍板复刻，PC 独有——旧站 h5 本页无 GEO 区块；
   取值复制旧站 PC css/geo-common.css（与 nationalLayout/diseasePrevention 页共用同一文件、同一套取值，
   diseasePrevention.css geo 段同源抄录，前缀换 hkp-6g-geo-*；H5 由下方容器查询隐藏） ===== */

.hkp-6g-geo-section {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto;
  padding: 0 20px;
}
.hkp-6g-geo-section h2 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  color: #1a1a1a;
}
.hkp-6g-geo-section .hkp-6g-geo-subtitle {
  text-align: center;
  color: #888;
  font-size: 14px;
  margin-bottom: 40px;
  margin-top: 0;
}

/* 内容详解（旧站 .geo-content-blocks{max-width:860px; 居中} + .geo-content-block{mb40; h3 22px mb12; p 15px lh1.9; h4 18px}） */
.hkp-6g-geo-blocks {
  max-width: 860px;
  margin: 0 auto;
}
.hkp-6g-geo-block {
  margin-bottom: 40px;
}
.hkp-6g-geo-block h3 {
  font-size: 22px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 12px;
}
.hkp-6g-geo-block p {
  font-size: 15px;
  color: #555;
  line-height: 1.9;
}
.hkp-6g-geo-block h4 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 16px 0 8px;
}

/* 医学术语（旧站 .geo-term-grid{3列; gap20px} + .geo-term-card{bg#f8fafb; 圆角8; padding24; border-left 3px #2a7f62}） */
.hkp-6g-geo-term-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.hkp-6g-geo-term-card {
  background: #f8fafb;
  border-radius: 8px;
  padding: 24px;
  border-left: 3px solid #2a7f62;
}
.hkp-6g-geo-term-card .hkp-6g-term-cat {
  font-size: 11px;
  color: #2a7f62;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.hkp-6g-geo-term-card .hkp-6g-term-name {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.hkp-6g-geo-term-card .hkp-6g-term-def {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* FAQ 折叠（旧站 .geo-faq-item{border-bottom 1px #e8e8e8; padding 20px 0; pointer}
   + .faq-q{17px 600 flex between} + .faq-arrow{12px #999 .3s} + .faq-a{15px #555 lh1.8 pt12 none/.show block}） */
.hkp-6g-geo-faq-list {
  max-width: 860px;
  margin: 0 auto;
}
.hkp-6g-geo-faq-item {
  border-bottom: 1px solid #e8e8e8;
  padding: 20px 0;
  cursor: pointer;
}
.hkp-6g-geo-faq-item .hkp-6g-faq-q {
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hkp-6g-geo-faq-item .hkp-6g-faq-q .hkp-6g-faq-arrow {
  font-size: 12px;
  color: #999;
  transition: transform 0.3s;
}
.hkp-6g-geo-faq-item .hkp-6g-faq-q .hkp-6g-faq-arrow.hkp-6g-open {
  transform: rotate(180deg);
}
.hkp-6g-geo-faq-item .hkp-6g-faq-a {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  padding-top: 12px;
  display: none;
}
.hkp-6g-geo-faq-item .hkp-6g-faq-a.hkp-6g-show {
  display: block;
}

/* 典型案例（旧站 .geo-case-grid{2列; gap24px} + .geo-case-card{bg#fff; border 1px #e8e8e8; 圆角10; padding28}） */
.hkp-6g-geo-case-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.hkp-6g-geo-case-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 28px;
}
.hkp-6g-geo-case-card .hkp-6g-case-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.hkp-6g-geo-case-card .hkp-6g-case-alias {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
}
.hkp-6g-geo-case-card .hkp-6g-case-status {
  font-size: 12px;
  background: #e8f5e9;
  color: #2e7d32;
  padding: 4px 12px;
  border-radius: 12px;
}
.hkp-6g-geo-case-card .hkp-6g-case-meta {
  font-size: 14px;
  color: #777;
  line-height: 2;
}
.hkp-6g-geo-case-card .hkp-6g-case-hba1c {
  margin-top: 12px;
  padding: 12px;
  background: #f5f8fa;
  border-radius: 6px;
  font-size: 14px;
}
.hkp-6g-geo-case-card .hkp-6g-case-hba1c span {
  color: #2a7f62;
  font-weight: bold;
}
.hkp-6g-geo-case-card .hkp-6g-case-disclaimer {
  font-size: 12px;
  color: #aaa;
  margin-top: 12px;
  line-height: 1.5;
}

/* GEO 专家团队（旧站 .geo-expert-grid{2列; gap24px} + .geo-expert-card{bg#f8fafb; 圆角10; padding28; 居中}） */
.hkp-6g-geo-expert-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.hkp-6g-geo-expert-card {
  background: #f8fafb;
  border-radius: 10px;
  padding: 28px;
  text-align: center;
}
.hkp-6g-geo-expert-card .hkp-6g-expert-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #2a7f62;
  color: #fff;
  font-size: 28px;
  line-height: 72px;
  margin: 0 auto 16px;
}
.hkp-6g-geo-expert-card .hkp-6g-expert-name {
  font-size: 20px;
  font-weight: bold;
  color: #1a1a1a;
}
.hkp-6g-geo-expert-card .hkp-6g-expert-title {
  font-size: 14px;
  color: #2a7f62;
  margin: 6px 0;
}
.hkp-6g-geo-expert-card .hkp-6g-expert-inst {
  font-size: 13px;
  color: #777;
  margin-bottom: 10px;
}
.hkp-6g-geo-expert-card .hkp-6g-expert-role {
  font-size: 13px;
  color: #555;
}

/* 审核信息条（旧站 .geo-meta-bar{max-width:1200px; margin:0 auto 20px; padding:0 20px; 13px #999; 居中}） */
.hkp-6g-geo-meta-bar {
  max-width: 1200px;
  margin: 0 auto 20px;
  padding: 0 20px;
  font-size: 13px;
  color: #999;
  text-align: center;
}

/* ===== H5 回到顶部按钮（旧站 h5 .upload：js/common.js upload() scroll>400 显示、点击回顶；
   官网归页面级——仅 JS 窄屏滚动后置 display:block；样式取值同 aboutUs/nationalLayout 口径，
   旧站 rem 换算 cqw：0.5rem=5cqw / 1rem=10cqw / 1.5rem=15cqw） ===== */
.hkp-6g-upload {
  position: fixed;
  right: 5cqw;
  bottom: 10cqw;
  z-index: 9999;
  display: none; /* 初始隐藏，JS 滚动后显示 */
}

.hkp-6g-upload img {
  width: 15cqw;
  cursor: pointer;
}

/* ===== 移动端（容器 ≤768px）：旧站 h5 6GShare 无右栏（推荐专家/热门标签不显示） ===== */

@container (max-width: 768px) {
  .hkp-6g-right {
    display: none;
  }

  /* 旧站 h5 本页无 GEO 区块（区别于 nationalLayout h5）：PC 独有，移动端整段隐藏 */
  .hkp-6g-geo {
    display: none;
  }

  /* 旧站 h5 单栏全宽（.box 两栏为 PC 结构，移动端左栏撑满） */
  .hkp-6g-box {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .hkp-6g-left {
    width: 100%;
  }

  .hkp-6g-list {
    padding: 0;
  }

  /* PC 分类 Tab 隐藏，由 h5 .tabBar 承接（.hkp-6g-tabbar） */
  .hkp-6g-nav {
    display: none;
  }

  /* ----- 分类 Tab：旧站 .tabBar（normal.css L461-481）+ h5 页内联字号覆盖（L20-28） -----
     .tabBar{background:#e8f8ff}；div：flex:1、height/line-height 1rem、#333、12px（被页内联 .4rem=15px 覆盖）；
     .current{background:#41b4e5; color:#fff; font-size:14px（被页内联 .4533rem=17px 覆盖）}
     页内联 margin-top:.2rem → 2cqw */
  .hkp-6g-tabbar {
    display: flex;
    margin-top: 2cqw; /* .2rem×37.5=7.5px → 2cqw */
    background: #e8f8ff;
  }

  .hkp-6g-tab {
    flex: 1;
    height: 10cqw; /* 1rem×37.5=37.5px → 10cqw */
    line-height: 10cqw;
    text-align: center;
    color: #333333;
    background: #e8f8ff;
    font-size: 4cqw; /* 页内联 .tabBar div{font-size:.4rem}=15px → 4cqw */
    cursor: pointer;
  }

  .hkp-6g-tab.is-current {
    background: #41b4e5;
    color: #ffffff;
    font-size: 4.5333cqw; /* 页内联 .tabBar .current{font-size:.4533rem}=17px → 4.5333cqw */
  }

  /* ----- 糖友分享条目：旧站 .shareBox/.shateLeft/.shateRight/.blueBtn（css/mobile/6GShare.css L107-154）+ .sugarImg（normal.css L650-653） ----- */

  /* 旧站 .shareBox{padding:0.5rem 0.4rem}（L107-109）；align-items 未设=默认 stretch（旧站原样，2026-09-14 修正误加的 flex-start） */
  .hkp-6g-item--sugar {
    margin-bottom: 0;
    padding: 5cqw 4cqw; /* 0.5rem/0.4rem×37.5=18.75/15px → 5/4cqw */
  }

  /* 旧站 .shateLeft{width:3.7rem}（L111-113）；.sugarImg{width:3.6rem; height:2.2667rem}（normal.css L650-653） */
  .hkp-6g-i-left--sugar {
    width: 37cqw; /* 3.7rem×37.5=138.75px → 37cqw */
    height: auto;
    margin-right: 0;
  }

  .hkp-6g-i-img--sugar {
    width: 36cqw; /* 3.6rem×37.5=135px → 36cqw */
    height: 22.67cqw; /* 2.2667rem×37.5=85px → 22.67cqw */
  }

  /* 旧站 .shateRight{flex:1; padding-left:0.3rem; position:relative}（L115-120） */
  .hkp-6g-i-right--sugar {
    position: relative;
    margin-left: 0;
    padding-left: 3cqw; /* 0.3rem×37.5=11.25px → 3cqw */
  }

  /* 旧站 .shateRight p{font-size:.4rem; font-weight:bold; 两行省略; #333; justify}（L122-137） */
  .hkp-6g-i-title--sugar {
    font-size: 4cqw; /* .4rem×37.5=15px → 4cqw */
    font-weight: bold;
    color: #333333;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* 旧站 .blueBtn{width:5rem; height:0.7rem; line-height:0.7rem; border-radius:0.5rem; background:#cde9fd; color:#666; center; bold; position:absolute; bottom:0}（L139-154）
     margin-top:0.3rem 为非绝对定位残留，绝对定位下不生效，不复刻 */
  .hkp-6g-period--sugar {
    position: absolute;
    bottom: 0;
    width: 50cqw; /* 5rem×37.5=187.5px → 50cqw */
    height: 7cqw; /* 0.7rem×37.5=26.25px → 7cqw */
    line-height: 7cqw;
    border-radius: 5cqw; /* 0.5rem×37.5=18.75px → 5cqw */
    background: #cde9fd;
    color: #666;
    font-weight: bold;
    font-size: 4cqw; /* 同级 .blueBtn 文本随 .shateRight 15px 口径 → 4cqw */
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
  }

  /* 移动端糖友条目无摘要与「详细>」（h5 6GShare.html L85-98 仅图+标题+病程） */
  .hkp-6g-article--sugar {
    display: none;
  }

  /* ----- 大咖面对面条目：旧站 .backgroundBox/.txtBold/.iconBox/.icon3（css/mobile/6GShare.css L24-82） ----- */

  /* 旧站 .backgroundBox{background:#f8f8f8; padding:.4rem; margin:.4rem 0}（L65-69） */
  .hkp-6g-item--video {
    display: block;
    margin-bottom: 0;
    background-color: #f8f8f8;
    padding: 4cqw; /* .4rem×37.5=15px → 4cqw */
    margin-top: 4cqw;
    cursor: pointer;
  }

  /* 旧站 h5 视频区：.descVideo.video style="width:100%; height:2.4rem"（h5 6GShare.html L103） */
  .hkp-6g-video--h5 {
    width: 100%;
    height: 24cqw; /* 2.4rem×37.5=90px → 24cqw */
  }

  .hkp-6g-video-img--h5 {
    width: 100%;
    height: 100%;
  }

  /* 旧站 play1 style="width:1rem; height:1rem"（h5 6GShare.html L109） */
  .hkp-6g-play1--h5 {
    width: 10cqw; /* 1rem×37.5=37.5px → 10cqw */
    height: 10cqw;
  }

  /* 旧站 h5 文本列容器 style="position:relative; height:2.4rem"（h5 6GShare.html L112） */
  .hkp-6g-video-right--h5 {
    position: relative;
    height: 24cqw; /* 2.4rem×37.5=90px → 24cqw */
    margin-left: 0;
  }

  /* 旧站 .txtBold{font-size:.4rem; width:4.7rem; bold; #333; 三行省略; min-height:2rem; justify}（L24-41）+ margin-left:0.3rem */
  .hkp-6g-video-txt {
    font-size: 4cqw; /* .4rem×37.5=15px → 4cqw */
    width: 47cqw; /* 4.7rem×37.5=176.25px → 47cqw */
    margin-left: 3cqw; /* 0.3rem×37.5=11.25px → 3cqw */
    font-weight: bold;
    color: #333333;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    min-height: 20cqw; /* 2rem×37.5=75px → 20cqw */
  }

  /* 旧站 .iconBox{align-items:center; position:absolute; bottom:0; right:0.25rem}（L71-77） */
  .hkp-6g-video-icons {
    position: absolute;
    bottom: 0;
    right: 2.5cqw; /* 0.25rem×37.5=9.375px → 2.5cqw */
    display: flex;
    align-items: center;
  }

  /* 旧站 .icon3{width:.5rem; margin-right:.15rem}（L79-82） */
  .hkp-6g-icon3 {
    width: 5cqw; /* .5rem×37.5=18.75px → 5cqw */
    margin-right: 1.5cqw; /* .15rem×37.5=5.625px → 1.5cqw */
  }

  /* 旧站 .blueTxt{color:#2babe3; font-size:.4rem}（L60-63） */
  .hkp-6g-video-num--h5 {
    color: #2babe3;
    font-size: 4cqw;
  }

  /* h5 大咖条目隐藏 PC 播放数行（PC 结构 .hkp-6g-video-meta）与 PC 摘要 */
  .hkp-6g-video-meta {
    display: none;
  }

  .hkp-6g-hide-txt {
    display: none;
  }

  /* ----- 权威科普条目：旧站 .articleBox/.articleBox1/.articleLetf/.articleRight/.titleTxt（css/mobile/6GShare.css L84-105 + normal.css） ----- */

  /* 旧站 .articleBox{padding:0.2rem 0.4rem; border-bottom:1px solid rgb(211,211,211)}（L101-105） */
  .hkp-6g-item--wiki {
    margin-bottom: 0;
    padding: 2cqw 4cqw; /* 0.2/0.4rem×37.5=7.5/15px → 2/4cqw */
    border-bottom: 1px solid rgb(211, 211, 211);
    align-items: center; /* 旧站 .articleBox1 style="align-items:center"（h5 6GShare.html L124） */
  }

  /* 旧站 .articleBox1{height:2rem; margin:.2rem 0 0 0}（L84-88）→ 由条目内边距承接 */
  .hkp-6g-i-left--wiki {
    flex: none;
    width: auto;
    height: 17.07cqw; /* h5 内联 .articleLetf style="height:1.7067rem"=64px → 17.07cqw */
    margin-right: 0;
  }

  /* 旧站 .articleImg{width:2.7333rem; height:1.7067rem}（normal.css，同 mediaReport h5 取值） */
  .hkp-6g-i-img--wiki {
    width: 27.33cqw; /* 2.7333rem×37.5=102.5px → 27.33cqw */
    height: 17.07cqw; /* 1.7067rem×37.5=64px → 17.07cqw */
  }

  /* 旧站 .articleRight{font-size:.45rem}（L95-99） */
  .hkp-6g-i-right--wiki {
    margin-left: 0;
    padding-left: 3.5cqw; /* .titleTxt margin-left:0.35rem=13.125px → 3.5cqw */
    font-size: 4.5cqw; /* .45rem×37.5=16.875px → 4.5cqw */
  }

  /* 旧站 .titleTxt{width:6.2rem; bold; .4rem; #333; 三行省略; justify; margin-left:0.35rem}（L43-58） */
  .hkp-6g-i-title--wiki {
    font-size: 4cqw; /* .4rem×37.5=15px → 4cqw */
    font-weight: bold;
    color: #333333;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* 移动端权威科普条目无摘要与「详细>」（h5 6GShare.html L122-133 仅图+标题） */
  .hkp-6g-article--wiki {
    display: none;
  }

  /* 旧站 h5 无分页器（滚动加载替代） */
  .hkp-6g-v-pageination {
    display: none;
  }

  /* ----- H5 视频弹层：旧站 .h5DescVideo{width:9rem; position:fixed; top:55%; left:50%; translate}（normal.css L540-548）
     + .h5DescVideo .close{top:-15%; width:0.5rem}（L560-566） ----- */
  .hkp-6g-modal--h5 {
    width: 90cqw; /* 9rem=屏宽 90% → 90cqw（容器查询单位按面板宽解析） */
    height: auto;
  }

  /* 旧站 .h5DescVideo video{width:100%; height:100%}（normal.css L550-553）：父级无定高，视频按自身比例 */
  .hkp-6g-modal--h5 video {
    height: auto;
  }

  .hkp-6g-modal-close--h5 {
    top: -15%;
    width: 5cqw; /* 0.5rem×37.5=18.75px → 5cqw */
  }
}

/* ===== site-styles/nationalLayout.css ===== */
/* 全国布局页（结构对齐旧站 nationalLayout.html + css/nationalLayout.css + 页内联 style + h5 版）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局 */

/* 页面容器：Banner 高度取旧站本页口径（css/nationalLayout.css L4-6 #bannerSwiper{height:276px}，
   区别于首页 310 / mediaReport 300 / aboutUs 360；banner.css 读取本变量） */
.hkp-nl-page {
  --hkp-banner-height: 276px; /* 旧站 nationalLayout.css L5：276px */
}

/* ===== 全国地图（旧站 css/nationalLayout.css L25-51 + h5 L170-172 单张通栏图） ===== */

/* 旧站 .map{height:679px; background cover/center/no-repeat; padding-top:60px; border-box}（L25-34）
   背景图走内联 style（数据可配置，预览组件绑定 background-image） */
.hkp-nl-map {
  position: relative;
  display: block;
  height: 679px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 60px;
  box-sizing: border-box;
}

/* 旧站 .map > img{display:block; margin:0 auto; width:1083px; height:565px}（L46-51）
   预览面板窄于 1083px 时不溢出（max-width:100%; height:auto 保比例，2026-09-14 决策） */
.hkp-nl-map > img {
  display: block;
  margin: 0 auto;
  width: 1083px;
  height: 565px;
  max-width: 100%;
  height: auto;
}

/* 旧站 .map-tips{absolute; bottom:40px; left:0; width:100%; font-size:14px; color:#8f8f8f; 居中}（L36-44） */
.hkp-nl-map-tips {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  font-size: 14px;
  color: #8f8f8f;
  text-align: center;
}

/* H5 通栏地图图默认隐藏（PC 端不渲染，预览组件双分支渲染），容器查询移动布局下显示 */
.hkp-nl-map-mobile {
  display: none;
}

/* ===== 网点省份列表（旧站 css/nationalLayout.css L53-85 PC 三列 + h5 单列流式）
   DOM 分层：.hkp-nl-points（page-main）> .hkp-nl-col（旧站 .map-point 列容器）> p.hkp-nl-point（省份行）
   H5 时列容器退化为块级，省份行变单列流式（数据以 PC 为准，2026-09-14 拍板） ===== */

/* 旧站 section + .page-main 本段 width:auto、text-align:center（页内联 L231 / css L18-23）
   预览面板适配：width:100%（不设 1200 定宽，2026-09-14 决策） */
.hkp-nl-points {
  display: block;
  width: 100%;
  text-align: center;
}

/* 旧站 .map-point{inline-block; margin-top:60px; padding:20px/90px; vertical-align:top;
   font-size:20px; color:#222}（css L53-61）——列容器 */
.hkp-nl-col {
  display: inline-block;
  margin-top: 60px;
  padding: 20px;
  padding-left: 90px;
  padding-right: 0; /* 旧站页内联 .map-point{padding-right:0} */
  vertical-align: top;
  font-size: 20px;
  color: #222;
  text-align: left;
}

/* 旧站 .map-point > p{relative; text-align:left; margin-bottom:20px}（L63-67）——省份行
   white-space:pre-line 复刻旧站 <br> 手动断行（2026-09-14 决策：cities 文本以 \n 断行存储） */
p.hkp-nl-point {
  position: relative;
  margin: 0 0 20px;
  white-space: pre-line;
  /* 偏离旧站（旧站无 line-height 声明，normal≈26px，文字顶低于 29px 旗帜图标约 3px）：
     2026-09-17 用户拍板旗帜图标与文字靠顶对齐——line-height:1 半行距归零，文字顶≈图标 top:0；
     H5 段（lh1.5 + 图标 top:4px）旧站已调平不动 */
  line-height: 1;
}

/* 旧站 .map-point > p::before{29×29 旗帜图标; left:-50px}（L69-81） */
p.hkp-nl-point::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50px;
  z-index: 10;
  width: 29px;
  height: 29px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/hkpimg/nationalLayout/icon-flag.png');
}

/* 旧站 .map-point span{bold}（L83-85） */
p.hkp-nl-point > span {
  font-weight: bold;
}

/* ===== 模块大标题（旧站 .section-title css L87-94 / h5 .sec-title） ===== */

/* 旧站 .section-title{margin-top:100px; font-size:40px; color:#333; bold; 居中; line-height:1}（css L87-94） */
.hkp-nl-section-title {
  margin-top: 100px;
  font-size: 40px;
  color: #333;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

/* ===== 合作医院网点表（旧站 PC 页内联 L89-154 / h5 页内联 L63-119） ===== */

/* 旧站 .hospital-table-wrap{width:1200px; margin:40px auto 0; padding:0 0 60px}
   预览面板适配：max-width:1200px（同 6GShare box 口径，2026-09-14 决策） */
.hkp-nl-hospital-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto 0;
  padding: 0 0 60px;
}

/* 旧站 .hospital-table{width:100%; border-collapse; font-size:20px; color:#1565a0; border:2px solid #0a6ba8}（页内联 L95-101） */
.hkp-nl-hospital-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 20px;
  color: #1565a0;
  border: 2px solid #0a6ba8;
}

/* 旧站 thead th{渐变底; 白字 30px bold 居中; padding:16px 20px; border-right:1px solid #0a6ba8}（L103-115） */
.hkp-nl-hospital-table thead th {
  background: linear-gradient(180deg, #0a5080 0%, #0a6ba8 40%, #0f7fc0 100%);
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 16px 20px;
  border-right: 1px solid #0a6ba8;
}

/* 旧站 thead th:last-child{border-right:none}（L113-115） */
.hkp-nl-hospital-table thead th:last-child {
  border-right: none;
}

/* 旧站 thead th 列宽 22%/55%/23%（L117-127） */
.hkp-nl-hospital-table thead th:nth-child(1) { width: 22%; }
.hkp-nl-hospital-table thead th:nth-child(2) { width: 55%; }
.hkp-nl-hospital-table thead th:nth-child(3) { width: 23%; }

/* 旧站 tbody td{padding:14px 20px; 居中; 边框 1px #b8ddf5; 底色 #e6f3fa}（L129-135） */
.hkp-nl-hospital-table tbody td {
  padding: 14px 20px;
  text-align: center;
  border-bottom: 1px solid #b8ddf5;
  border-right: 1px solid #b8ddf5;
  background-color: #e6f3fa;
}

/* 旧站 tbody td:last-child{border-right:none}（L137-139） */
.hkp-nl-hospital-table tbody td:last-child {
  border-right: none;
}

/* 旧站 tbody tr:nth-child(even) td{#d4ecf7}（L141-143） */
.hkp-nl-hospital-table tbody tr:nth-child(even) td {
  background-color: #d4ecf7;
}

/* 旧站 tbody tr:hover td{#bfe1f3}（L145-147） */
.hkp-nl-hospital-table tbody tr:hover td {
  background-color: #bfe1f3;
}

/* 旧站 .hospital-table-note{右对齐; 14px; #999; margin-top:8px}（L149-154） */
.hkp-nl-hospital-note {
  text-align: right;
  font-size: 14px;
  color: #999;
  margin-top: 8px;
}

/* ===== 加盟招商图（旧站 css L132-139 / h5 css L128-133） ===== */

/* 旧站 .join-me{display:block; margin:0 auto; width:1438px; height:250px; margin-top:110px; margin-bottom:160px}
   预览面板适配：max-width:100%（PC/移动为两张不同素材，2026-09-14 偏差登记：旧站 h5 引 mobile 版图） */
.hkp-nl-join {
  display: block;
  margin: 0 auto;
  width: 1438px;
  height: 250px;
  max-width: 100%;
  height: auto;
  margin-top: 110px;
  margin-bottom: 160px;
}

/* ===== 各运营中心最新动态（旧站 PC 页内联 L24-84 / h5 页内联 L28-61） ===== */

/* 旧站 .news .list{display:block; margin:0 auto; margin-top:80px; margin-bottom:100px;
   width:900px; padding:10px; text-align:left; max-height:980px; overflow:hidden; overflow-y:auto; border-box}
   预览面板适配：width:100%; max-width:900px（2026-09-14 决策） */
.hkp-nl-news-list {
  display: block;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 100px;
  width: 100%;
  max-width: 900px;
  padding: 10px;
  text-align: left;
  max-height: 980px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

/* 旧站 .news .list .item{margin-bottom:50px; cursor:pointer; bg #F0F8FC}（页内联 L38-43，flex 来自 .flex 工具类） */
.hkp-nl-news-item {
  margin-bottom: 50px;
  cursor: pointer;
  background-color: #f0f8fc;
}

/* 旧站 .item.flex{display:flex; align-items:flex-start}（flex 工具类）——条目行容器 */
.hkp-nl-news-box {
  display: flex;
  align-items: flex-start;
}

/* 旧站 .item .i_left{width:244px; height:153px; margin-right:20px; flex-shrink:0}（L50-55） */
.hkp-nl-news-left {
  width: 244px;
  height: 153px;
  margin-right: 20px;
  flex-shrink: 0;
}

/* 旧站 .item .i_left img{width:100%;height:100%}（页内 L375 内联） */
.hkp-nl-news-left img {
  width: 100%;
  height: 100%;
}

/* 旧站 .item .i_right{padding:30px 20px 10px}（L45-47） */
.hkp-nl-news-right {
  padding: 30px 20px 10px;
}

/* 旧站 .item .title{font-size:18px; bold; padding-bottom:10px; color:#20A7E1}（L57-62） */
.hkp-nl-news-title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  color: #20a7e1;
}

/* 旧站 .item .article{line-height:24px}（L64-67） */
.hkp-nl-news-article {
  line-height: 24px;
}

/* 旧站 .news .load-tips{display:block; margin:20px 0; text-align:center; font-size:16px; color:#999}（L78-84） */
.hkp-nl-load-tips {
  display: block;
  margin: 20px 0;
  text-align: center;
  font-size: 16px;
  color: #999;
}

/* 空态提示（预览/官网数据为空时的兜底文案，非旧站原样式） */
.hkp-nl-news-empty {
  padding: 30px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}

/* ===== 加盟图双端互斥（官网侧；预览组件 scoped 同款规则——PC 显示 image / ≤768px 显示 mobile_image，
   2026-09-14 偏差登记：旧站双端为两张不同素材，拆 image/mobile_image 双字段） ===== */
.hkp-nl-join--mobile {
  display: none;
}

/* ===== H5 回到顶部按钮（旧站 h5 .upload：js/common.js upload() scroll>400 显示、点击回顶；
   官网归页面级——仅 JS 窄屏滚动后置 display:block；样式取值同 aboutUs .hkp-au-upload 口径，
   旧站 rem 换算 cqw：0.5rem=5cqw / 1rem=10cqw / 1.5rem=15cqw） ===== */
.hkp-nl-upload {
  position: fixed;
  right: 5cqw;
  bottom: 10cqw;
  z-index: 9999;
  display: none; /* 初始隐藏，JS 滚动后显示 */
}

.hkp-nl-upload img {
  width: 15cqw;
  cursor: pointer;
}

/* ===== 移动端（容器查询 ≤768px，旧站 h5/nationalLayout.html + css/mobile/nationalLayout.css 取值；
   旧站 H5 地图为单张通栏图、无 tips；省份单列流式；医院表横向滚动；最新动态小图卡 + window 滚动加载 ===== */
@container (max-width: 768px) {
  /* PC 地图容器整体隐藏，改渲染 H5 通栏图（预览组件双分支） */
  .hkp-nl-map {
    display: none;
  }

  /* 旧站 h5 L170：<img style="width:100%"> 单张通栏图 */
  .hkp-nl-map-mobile {
    display: block;
    width: 100%;
  }

  /* 旧站 .section-title → h5 .sec-title{font-size:23px; margin:40px 0 20px}（mobile css L79-85） */
  .hkp-nl-section-title {
    margin: 40px 0 20px;
    font-size: 23px;
  }

  /* 省份列表：列容器退化为块级（单列流式），省份行按旧站 h5 .map-point 取值 */
  .hkp-nl-points {
    text-align: left; /* 旧站 h5 map-point 左对齐（page-main text-align:center 被覆盖） */
  }

  .hkp-nl-col {
    display: block;
    margin-top: 0;
    padding: 0;
    font-size: 16px; /* 旧站：16px（mobile css 直接用 px） */
    color: #222;
  }

  /* 旧站 h5 .map-point{padding-left:40px; font-size:16px; line-height:1.5; color:#222; margin-bottom:5px}（mobile css L42-49） */
  p.hkp-nl-point {
    padding-left: 40px;
    font-size: 16px;
    line-height: 1.5;
    color: #222;
    margin-bottom: 5px;
  }

  /* 旧站 h5 ::before{18×18; top:4px; left:15px}（mobile css L51-64，图标双端同素材） */
  p.hkp-nl-point::before {
    top: 4px;
    left: 15px;
    width: 18px;
    height: 18px;
  }

  /* 旧站 h5 wrap{width:92%; margin:.3rem auto .5rem; overflow-x:auto; -webkit-overflow-scrolling:touch}（页内联 L64-69）
     .3rem×37.5=11.25px / .5rem=18.75px */
  .hkp-nl-hospital-wrap {
    width: 92%;
    max-width: none;
    margin: 11.25px auto 18.75px;
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* 旧站 h5 table{min-width:5.6rem; font-size:.28rem}（页内联 L70-77）5.6rem=210px / .28rem=10.5px */
  .hkp-nl-hospital-table {
    min-width: 210px;
    font-size: 10.5px;
  }

  /* 旧站 h5 th{font-size:.34rem; padding:.2rem .15rem; nowrap}（L78-90）.34rem=12.75px / .2rem=7.5px / .15rem=5.625px */
  .hkp-nl-hospital-table thead th {
    font-size: 12.75px;
    padding: 7.5px 5.625px;
    white-space: nowrap;
  }

  /* 旧站 h5 td{padding:.18rem .15rem; nowrap}（L100-107）.18rem=6.75px */
  .hkp-nl-hospital-table tbody td {
    padding: 6.75px 5.625px;
    white-space: nowrap;
  }

  /* 旧站 h5 note{font-size:.22rem; margin-top:.12rem}（L114-119）.22rem=8.25px / .12rem=4.5px */
  .hkp-nl-hospital-note {
    font-size: 8.25px;
    margin-top: 4.5px;
  }

  /* 旧站 h5 .join-me{width:100%; margin-top:25px; margin-bottom:30px}（mobile css L128-133） */
  .hkp-nl-join {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 30px;
  }

  /* 加盟图双端互斥：隐藏 PC 素材、显示 mobile_image（官网侧，同预览 scoped 规则） */
  .hkp-nl-join--mobile {
    display: block;
  }

  .hkp-nl-join:not(.hkp-nl-join--mobile) {
    display: none;
  }

  /* ===== 最新动态 H5：article-title + articleBox 小图卡（旧站 h5 页内联 L28-61） ===== */

  /* 旧站 h5 .news .list 退化为普通块（无内部滚动，window 滚动加载） */
  .hkp-nl-news-list {
    width: 100%;
    max-width: none;
    padding: 0;
    max-height: none;
    overflow: visible;
  }

  /* 旧站 .articleBox{padding:.2rem; border-bottom:1px solid rgb(211,211,211)}（h5 页内联 L37-40）.2rem=7.5px */
  .hkp-nl-news-item {
    padding: 7.5px;
    margin-bottom: 0;
    background: none;
    border-bottom: 1px solid rgb(211, 211, 211);
  }

  /* 旧站 .articleBox1{height:2rem; margin:.3rem 0; align-items:center}（L42-46）2rem=75px / .3rem=11.25px */
  .hkp-nl-news-box {
    align-items: center;
    height: 75px;
    margin: 11.25px 0;
  }

  /* 旧站 .articleImg{2.7333×1.7067rem}（css/mobile/normal.css）2.7333rem=102.5px / 1.7067rem=64px */
  .hkp-nl-news-left {
    width: 102.5px;
    height: 64px;
    margin-right: 0;
    flex: none;
  }

  /* 旧站 .articleRight{flex:1; font-size:.45rem; 两行省略}（L53-61）.45rem=16.875px */
  .hkp-nl-news-right {
    flex: 1;
    padding: 0;
    font-size: 16.875px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }

  /* 旧站 h5 小图卡只显示标题（articleRight 即标题），摘要行隐藏 */
  .hkp-nl-news-title {
    font-size: 16.875px;
    font-weight: normal;
    padding: 0;
    color: inherit;
  }

  .hkp-nl-news-article {
    display: none;
  }

  /* 旧站 .load-tips 同款文字提示（H5 也渲染） */
  .hkp-nl-load-tips {
    font-size: 12px;
  }
}

/* ===== site-styles/aboutUs.css ===== */
/* 关于我们页（结构对齐旧站 aboutUs.html head 内联 style + css/mobile/aboutUs.css + css/normal.css 公用 .e-title/.e-txt）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局
   移动端换算：旧站 rem 基准 = 屏宽 / 10（js/rem.js），等比转 cqw（1rem = 10cqw）
   拆分依据：doc/模块对照表/aboutUs页模块拆分对照表.md（2026-09-10 全部决策拍板） */

/* 页面容器：Banner 高度取旧站本页口径（css/aiPlatform.css L5-7 #bannerSwiper{height:360px}，
   区别于首页 310px / mediaReport 300px；banner.css 读取本变量） */
.hkp-aboutus-page {
  --hkp-banner-height: 360px; /* 旧站 aiPlatform.css L6：360px */
}

/* 移动端不渲染 Banner（2026-09-10 用户拍板：完全复刻旧站，旧站 h5 banner 整段已注释 L65-84）：
   PC 变体在 ≤768px 容器由 banner.css 隐藏，此处再隐藏移动变体 → 移动端整块无输出 */
.hkp-aboutus-page .hkp-banner-mobile {
  display: none !important;
}

/* ===== 全站小标题（旧站 .e-title，css/normal.css L181-196；同 methods.css 口径） ===== */

/* 旧站 .e-title：40px 加粗居中 margin-top 10px + 杠 90×8 #3aace9 margin 20px auto；
   无 color 声明继承默认黑（2026-09-08 用户拍板"按旧站默认黑"） */
.hkp-au-e-title {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.hkp-au-e-title::after {
  content: '';
  display: block;
  width: 90px;
  height: 8px;
  background: #3aace9;
  margin: 20px auto;
}

/* 旧站 .small / .small-title（aboutUs.html 页内联 L46-49 / L118-121）：30px 不加粗 */
.hkp-au-e-title--small,
.hkp-au-e-title--small-title {
  font-size: 30px;
  font-weight: normal;
}

/* ===== 模块 2：品牌介绍头部（旧站 .topper，页内联 L20-44） ===== */

/* 旧站 .topper{position:relative} */
.hkp-au-topper {
  position: relative;
}

/* 旧站 .topper .inner{position:absolute; left:0; top:0; z-index:1; width:100%; padding-top:90px} */
.hkp-au-topper-inner {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  padding-top: 90px; /* 旧站 .topper .inner：90px */
}

/* 旧站 .topper .inner .logo{display:block; width:382px; margin:60px auto} */
.hkp-au-topper-logo {
  display: block;
  width: 382px; /* 旧站 .topper .inner .logo：382px */
  margin: 60px auto;
}

/* 旧站 .topper .inner .desc{line-height:43px; text-align:center; font-size:18px; color:#333333} */
.hkp-au-topper-desc {
  line-height: 43px;
  text-align: center;
  font-size: 18px;
  color: #333333;
}

.hkp-au-topper-bg {
  display: block;
  width: 100%;
}

/* 移动端背景图（旧站 h5 images/mobile/aboutUs/background.png，与 PC 不同图） */
.hkp-au-topper-mbg {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* 移动端文案层（旧站 .backgroundTxt div，css/mobile/aboutUs.css L26-34 + h5 内联 padding-left/.text-align） */
.hkp-au-topper-mdesc {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* ===== 模块 3：品牌文化（旧站 .cultural_box，页内联 L51-60） ===== */

/* 旧站 .cultural_box{padding:40px} */
.hkp-au-cultural-box {
  padding: 40px;
}

/* 旧站 .cultural_box .cultural{text-align:center; font-size:24px; font-weight:bold; line-height:60px} */
.hkp-au-cultural {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 60px;
}

/* 移动端 .centerTxt 三条（css/mobile/aboutUs.css L46-87），PC 隐藏 */
.hkp-au-centertxt {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* ===== 模块 4：品牌架构（旧站 .framework，页内联 L62-70） ===== */

/* 旧站 .framework{padding-top:20px} */
.hkp-au-framework {
  padding-top: 20px;
}

/* 旧站 .framework .img{width:612px; display:block; margin:30px auto} */
.hkp-au-framework-img {
  width: 612px;
  display: block;
  margin: 30px auto;
}

/* 移动端背景盒（旧站 .backgroundBox + h5 内联 padding，css/mobile/aboutUs.css L89-91），PC 隐藏 */
.hkp-au-backgroundbox {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* 移动端区块小标题（旧站 .tips，css/mobile/aboutUs.css L40-44），PC 隐藏 */
.hkp-au-tips {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* 移动端科研成果容器（旧站 .backgroundBox + h5 内联 overflow:hidden，L179），PC 隐藏 */
.hkp-au-res-mbox {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* 移动端荣誉资质容器（旧站 h5 无背景盒、直接平铺，L225-238），PC 隐藏 */
.hkp-au-honor-mbox {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* ===== 模块 5：旗下板块介绍（旧站 .box，页内联 L72-110） ===== */

/* 旧站 .box{justify-content:center; border-bottom:1px solid #ececec; padding:50px 0; margin:0 auto 40px; width:1200px}
   + html class="box flex"（display:flex） */
.hkp-au-box {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ececec;
  padding: 50px 0;
  margin: 0 auto 40px;
  width: 1200px;
}

/* 旧站第 3 条内联 style="border-bottom: none;"（aboutUs.html L379） */
.hkp-au-box:last-child {
  border-bottom: none;
}

/* 旧站 .box .description{width:560px; padding:0 50px} */
.hkp-au-box-description {
  width: 560px;
  padding: 0 50px;
}

/* 旧站 .box .description .title_box（html class="title_box flex"） */
.hkp-au-title-box {
  display: flex;
  align-items: flex-start;
}

/* 旧站 .box .description .title_box .t_right{font-size:20px; font-weight:bold; padding-left:20px} */
.hkp-au-t-right {
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
}

/* 旧站 .t_right .title{font-size:30px; font-weight:bold; padding-bottom:10px; color:#333333} */
.hkp-au-box-title {
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 10px;
  color: #333333;
}

/* 旧站 .t_right .t_desc{color:#333333; font-size:20px} */
.hkp-au-box-sub {
  color: #333333;
  font-size: 20px;
}

/* 旧站 .box .description .desc{padding-top:20px; text-indent:30px; line-height:30px; text-align:justify; font-size:16px; color:#333333} */
.hkp-au-box-desc {
  padding-top: 20px;
  text-indent: 30px;
  line-height: 30px;
  text-align: justify;
  font-size: 16px;
  color: #333333;
}

/* 旧站 .hxPic：无 CSS 规则（自然尺寸图，随 flex 排布） */
.hkp-au-box-pic {
  flex: none;
}

/* 移动端 .contentBox（css/mobile/aboutUs.css L93-129），PC 隐藏 */
.hkp-au-contentbox {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* ===== 模块 6：科研成果（旧站 .res_box，页内联 L112-155） ===== */

/* 旧站 .res_box{background:#edf8ff; padding-top:60px; padding-bottom:40px} */
.hkp-au-res-box {
  background: #edf8ff;
  padding-top: 60px;
  padding-bottom: 40px;
}

/* 旧站 .res_box .desc{text-align:center; padding-top:20px; font-size:16px; color:#333333} */
.hkp-au-res-desc {
  text-align: center;
  padding-top: 20px;
  font-size: 16px;
  color: #333333;
}

/* 旧站 .res_box .list .item{background:#20a7e1; color:#FFFFFF; width:800px; height:74px; border-radius:74px;
   position:relative; padding-left:100px; padding-right:18px; margin:30px auto; box-sizing:border-box; line-height:28px} */
.hkp-au-res-item {
  display: flex;
  align-items: center;
  background: #20a7e1;
  color: #ffffff;
  width: 800px;
  height: 74px;
  border-radius: 74px;
  position: relative;
  padding-left: 100px;
  padding-right: 18px;
  margin: 30px auto;
  box-sizing: border-box;
  line-height: 28px;
}

/* 旧站 .res_box .list .item .left{position:absolute; left:-8px; top:-8px; width:74px; height:74px; line-height:74px;
   border-radius:74px; border:8px solid #FFFFFF; text-align:center; background-color:#335388} */
.hkp-au-res-left {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 74px;
  height: 74px;
  line-height: 74px;
  border-radius: 74px;
  border: 8px solid #ffffff;
  text-align: center;
  background-color: #335388;
  box-sizing: border-box;
}

/* 移动端 .imgBox1 课题条目（css/mobile/aboutUs.css L131-162），PC 隐藏 */
.hkp-au-imgbox1 {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* ===== 模块 7：荣誉资质（旧站 .honor_box，页内联 L157-187） ===== */

/* 旧站 .honor_box{padding:40px 0 20px} */
.hkp-au-honor-box {
  padding: 40px 0 20px;
}

/* 旧站 .honor_box .list{width:1080px; margin:auto; font-size:20px; font-weight:bold; line-height:36px} */
.hkp-au-honor-list-text {
  width: 1080px;
  margin: auto;
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
}

/* 旧站 .honor_box .list .left{width:445px; font-size:20px; line-height:34px} */
.hkp-au-honor-txt-left {
  width: 445px;
  font-size: 20px;
  line-height: 34px;
  flex: none;
}

/* 旧站 .e-txt::before（css/normal.css L257-266）：前置 6×6 蓝点 */
.hkp-au-honor-txt::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 6px;
  display: inline-block;
  background: #20a7e1;
  margin-right: 3px;
  vertical-align: middle;
}

.hkp-au-honor-row {
  display: flex;
}

/* 旧站 .honor_box .honor_list{flex-wrap:wrap; width:1300px; margin:20px auto 0} */
.hkp-au-honor-pics {
  display: flex;
  flex-wrap: wrap;
  width: 1300px;
  margin: 20px auto 0;
}

/* 旧站 .honor_box .honor_list .pic{margin:8px} */
.hkp-au-honor-pic {
  margin: 8px;
}

/* 旧站 .honor_box .honor_list .mgR15{margin-right:30px}（certificate3/certificate9 两张） */
.hkp-au-honor-pic--mgr {
  margin-right: 30px;
}

/* 移动端 .txtBox1 + 长图 + 地址热线块，PC 隐藏 */
.hkp-au-txtbox1,
.hkp-au-honor-longimg,
.hkp-au-address-box {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* ===== 模块 8：精准防癌计划（旧站 .res_box.plan，页内联 L189-242） ===== */

/* 旧站 .plan_desc{width:800px; margin:auto; line-height:34px; padding:10px 0; color:#333; font-size:16px} */
.hkp-au-plan-desc {
  width: 800px;
  margin: auto;
  line-height: 34px;
  padding: 10px 0;
  color: #333;
  font-size: 16px;
}

/* 旧站 .plan .title{font-size:30px; font-weight:bold; text-align:center; line-height:47px; padding-top:15px} */
.hkp-au-plan-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 47px;
  padding-top: 15px;
}

/* 旧站 .plan .showNum{display:block; margin:15px auto} */
.hkp-au-plan-shownum {
  display: block;
  margin: 15px auto;
}

/* 旧站 .inner{justify-content:center; align-items:flex-start}（html class="inner flex"） */
.hkp-au-plan-inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* 旧站 .inner .item{text-align:center; padding:20px 25px 0} */
.hkp-au-plan-item {
  text-align: center;
  padding: 20px 25px 0;
}

/* 旧站 .inner .item .i_title{font-size:22px; font-weight:bold; color:#008fd7; padding:4px 0} */
.hkp-au-plan-item-title {
  font-size: 22px;
  font-weight: bold;
  color: #008fd7;
  padding: 4px 0;
}

/* 旧站 .inner .item .i_tips{font-size:14px; color:#333333} */
.hkp-au-plan-item-tips {
  font-size: 14px;
  color: #333333;
}

/* 旧站 .inner .item .i_content{padding:10px 0; text-align:left; line-height:25px; text-align:justify;
   width:220px; margin:auto; color:#333333; font-size:14px} */
.hkp-au-plan-item-content {
  padding: 10px 0;
  text-align: justify;
  line-height: 25px;
  width: 220px;
  margin: auto;
  color: #333333;
  font-size: 14px;
}

/* 移动端防癌容器 + .imgBox2 条目，PC 隐藏 */
.hkp-au-plan-mbox,
.hkp-au-imgbox2 {
  display: none; /* PC 隐藏，≤768px 容器显示 */
}

/* ===== 模块 9：资质证书画廊（旧站 .certificateBox，页内联 L244-249；2026-09-10 拍板 CSS grid 自实现） ===== */

/* 旧站 .certificateBox{width:1400px; margin:auto; text-align:center; padding:50px 0 100px 0}
   + 旧站内联 pointer-events:none（禁交互，L459） */
.hkp-au-certificate-box {
  width: 1400px;
  margin: auto;
  text-align: center;
  padding: 50px 0 100px 0;
  pointer-events: none;
}

/* 旧站标题内联 margin-bottom:50px（L460） */
.hkp-au-certificate-box .hkp-au-e-title--small-title {
  margin-bottom: 50px;
}

/* CSS grid 自实现（2026-09-10 拍板，替代 chromaGallery）：
   PC 6 列、间距 15px（旧站 chromaGallery 参数 gridMargin:15 / maxColumns:6，L545-551） */
.hkp-au-gallery {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px; /* 旧站 chromaGallery gridMargin：15 */
}

.hkp-au-gallery img {
  display: block;
  width: 100%;
}

/* ===== 编辑器空态占位（仅后台预览渲染，官网不输出） ===== */

.hkp-au-empty {
  color: var(--hkp-color-text-secondary);
  padding: 20px 0;
  font-size: 14px;
  text-align: center;
}

/* ===== 页面级：回到顶部按钮（旧站 h5 .upload，css/normal.css L427-437 + js/common.js upload L239-253；
   归页面级——仅 CMS 模板移动端渲染显示，预览组件无此元素；rem 基准 = 屏宽/10 → 1rem = 10cqw） ===== */

.hkp-au-upload {
  position: fixed;
  right: 5cqw;   /* 旧站 0.5rem */
  bottom: 10cqw; /* 旧站 1rem */
  z-index: 9999;
  display: none; /* 旧站默认 display:none，scroll>400 由 JS 显示（仅窄屏，hkpjs/aboutUs.js） */
}

.hkp-au-upload img {
  width: 15cqw; /* 旧站 1.5rem */
  cursor: pointer;
}

/* =====================================================================
   移动端（容器 ≤768px）：复刻旧站 h5/aboutUs.html + css/mobile/aboutUs.css
   rem 基准 = 屏宽/10 → 1rem = 10cqw 等比换算
   ===================================================================== */

@container (max-width: 768px) {
  /* --- 品牌介绍头部：隐藏 PC 内层（e-title/logo/desc）与 PC 背景图，显示移动背景图 + 文案层 --- */
  .hkp-au-topper-inner,
  .hkp-au-topper-bg {
    display: none;
  }

  .hkp-au-topper-mbg {
    display: block;
    width: 100%; /* 旧站 .backgroundTxt img（css/mobile/aboutUs.css L36-38） */
  }

  .hkp-au-topper-mdesc {
    display: block;
    position: absolute;
    top: 51cqw;               /* 旧站 .backgroundTxt div：5.1rem */
    width: 100cqw;            /* 旧站 10rem */
    padding-left: 2.5cqw;     /* 旧站 h5 内联 padding-left:.25rem */
    text-align: left;         /* 旧站 h5 内联 text-align:left */
    font-size: 3.5cqw;        /* 旧站 .35rem */
    line-height: 7cqw;        /* 旧站 .7rem */
    color: #333333;
  }

  /* --- 品牌文化：隐藏 PC 盒，显示 .tips + .centerTxt×3 --- */
  .hkp-au-cultural-box {
    display: none;
  }

  /* 旧站 .tips{color:#000; font-size:.6rem; height:1.2rem}（css/mobile/aboutUs.css L40-44） */
  .hkp-au-tips {
    display: block;
    color: #000;
    font-size: 6cqw;   /* 旧站 .6rem */
    height: 12cqw;     /* 旧站 1.2rem */
  }

  /* 旧站 .centerTxt{position:relative; text-align:center; margin-bottom:0.7rem}（L46-50） */
  .hkp-au-centertxt {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 7cqw; /* 旧站 .7rem */
  }

  /* 旧站 .centerTxt p{font-size:.5rem; font-weight:bold}（L52-56） */
  .hkp-au-centertxt p {
    font-size: 5cqw;   /* 旧站 .5rem */
    font-weight: bold;
  }

  /* 旧站 .centerTxt div{padding:.2rem; position:relative; width:max-content; margin:0 auto}（L58-63） */
  .hkp-au-centertxt .hkp-au-centertxt-label {
    padding: 2cqw;                 /* 旧站 .2rem */
    position: relative;
    width: max-content;
    margin: 0 auto;
  }

  /* 旧站 .centerTxt div::after/::before（L65-87）：左右装饰线 #c6e7fa 2px × 1.5rem */
  .hkp-au-centertxt .hkp-au-centertxt-label::after {
    content: '';
    display: block;
    background: #c6e7fa;
    height: 2px;
    width: 15cqw;        /* 旧站 1.5rem */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -18cqw;        /* 旧站 -1.8rem */
  }

  .hkp-au-centertxt .hkp-au-centertxt-label::before {
    content: '';
    display: block;
    background: #c6e7fa;
    height: 2px;
    width: 15cqw;        /* 旧站 1.5rem */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -18cqw;       /* 旧站 -1.8rem */
  }

  /* --- 品牌架构：隐藏 PC 图，显示 .backgroundBox（#edf8ff 底） --- */
  .hkp-au-framework {
    display: none;
  }

  /* 旧站 .backgroundBox{background:#edf8ff}（L89-91）+ h5 内联 padding:0.3rem 0 1.25rem 0（L119） */
  .hkp-au-backgroundbox {
    display: block;
    background: #edf8ff;
    padding: 3cqw 0 12.5cqw 0; /* 旧站 h5 内联：0.3rem 0 1.25rem 0 */
  }

  /* 旧站 h5 内联 .imgBox margin-bottom:.5rem + img width:80%（L123-124） */
  .hkp-au-backgroundbox .hkp-au-m-imgbox {
    margin-top: 5cqw;      /* 旧站 .imgBox{margin-top:.5rem}（L3-6） */
    margin-bottom: 5cqw;   /* 旧站 h5 内联：.5rem */
    text-align: center;
  }

  .hkp-au-backgroundbox .hkp-au-m-imgbox img {
    width: 80%; /* 旧站 h5 内联：80% */
  }

  /* --- 旗下板块：隐藏 PC .box，显示 .contentBox --- */
  .hkp-au-box {
    display: none;
  }

  /* 旧站 .contentBox{border-bottom:1px solid #d3d3d3; box-sizing:border-box; padding-left:0.8rem;
     margin-bottom:0.2rem; padding-bottom:0.8rem; width:100%}（L93-100）+ 第 3 条内联 border:none/margin-bottom:0 */
  .hkp-au-contentbox {
    display: block;
    border-bottom: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding-left: 8cqw;    /* 旧站 0.8rem */
    margin-bottom: 2cqw;   /* 旧站 0.2rem */
    padding-bottom: 8cqw;  /* 旧站 0.8rem */
    width: 100%;
  }

  .hkp-au-contentbox:last-child {
    border: none;          /* 旧站第 3 条内联 style（h5 L161） */
    margin-bottom: 0;
  }

  /* 旧站 .contentBox .fxBox{align-items:center; margin-top:.6133rem}（L102-105） */
  .hkp-au-cb-head {
    display: flex;
    align-items: center;
    margin-top: 6.133cqw; /* 旧站 .6133rem */
  }

  /* 旧站第 1 条 hexielogo 内联 height:2rem（h5 L130） */
  .hkp-au-cb-logo {
    height: 20cqw; /* 旧站 2rem */
  }

  /* 旧站 .contentLeft{margin-left:.2rem} + p{.5rem bold} + span{.33rem bold}（L107-119） */
  .hkp-au-contentleft {
    margin-left: 2cqw; /* 旧站 .2rem */
  }

  .hkp-au-contentleft p {
    font-size: 5cqw;   /* 旧站 .5rem */
    font-weight: bold;
  }

  .hkp-au-contentleft span {
    font-size: 3.3cqw; /* 旧站 .33rem */
    font-weight: bold;
  }

  /* 旧站 .contentTxt{width:90%; font-size:.35rem; text-align:justify; line-height:.56rem; color:#333333;
     margin-top:0.2rem; text-indent:0.5rem}（L121-129） */
  .hkp-au-contenttxt {
    width: 90%;
    font-size: 3.5cqw;    /* 旧站 .35rem */
    text-align: justify;
    line-height: 5.6cqw;  /* 旧站 .56rem */
    color: #333333;
    margin-top: 2cqw;     /* 旧站 0.2rem */
    text-indent: 5cqw;    /* 旧站 0.5rem */
  }

  /* --- 科研成果：隐藏 PC 蓝底胶囊版，显示 .backgroundBox 图底条目版 --- */
  .hkp-au-res-box {
    display: none;
  }

  /* 旧站 h5 内联容器 overflow:hidden + .backgroundBox 背景（L179） */
  .hkp-au-res-mbox {
    display: block;
    background: #edf8ff;
    overflow: hidden;
  }

  /* 旧站 .imgBox1{width:9.8rem; margin-left:0.2rem; position:relative; margin-bottom:0.3rem}（L131-136） */
  .hkp-au-imgbox1 {
    display: block;
    width: 98cqw;         /* 旧站 9.8rem */
    margin-left: 2cqw;    /* 旧站 0.2rem */
    position: relative;
    margin-bottom: 3cqw;  /* 旧站 0.3rem */
  }

  .hkp-au-imgbox1 > img {
    display: block;
    width: 100%; /* 旧站 .imgBox1 img（L147-149） */
  }

  /* 旧站 .imgBox1 .fxBox{position:absolute; top:0; left:0; align-items:center; height:100%; color:#fff}（L138-145） */
  .hkp-au-imgbox1 .hkp-au-fxbox {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 100%;
    color: #fff;
  }

  /* 旧站 .leftTxt{width:2rem; text-align:center}（L151-154） */
  .hkp-au-lefttxt {
    width: 20cqw; /* 旧站 2rem */
    text-align: center;
    flex: none;
  }

  /* 旧站 .rightTxt{width:7.3rem; text-align:justify; font-size:.35rem; box-sizing:border-box; padding-left:0.2rem}（L156-162） */
  .hkp-au-righttxt {
    width: 73cqw;        /* 旧站 7.3rem */
    text-align: justify;
    font-size: 3.5cqw;   /* 旧站 .35rem */
    box-sizing: border-box;
    padding-left: 2cqw;  /* 旧站 0.2rem */
  }

  /* 旧站科研成果引导语 h5 内联 width:87% / font-size:0.3rem / margin-bottom:.3rem（L183） */
  .hkp-au-res-mintro {
    width: 87%;
    margin: 0 auto;
    font-size: 3cqw;      /* 旧站 0.3rem */
    margin-bottom: 3cqw;  /* 旧站 .3rem */
    text-align: center;
  }

  /* --- 荣誉资质：隐藏 PC 版（.honor-box 整块），显示移动平铺版 --- */
  .hkp-au-honor-box {
    display: none;
  }

  .hkp-au-honor-mbox {
    display: block;
  }

  /* 旧站 .txtBox1{padding-left:.7rem; font-size:.35rem; font-weight:bold} + div{margin-bottom:.2rem}（L164-172） */
  .hkp-au-txtbox1 {
    display: block;
    padding-left: 7cqw;  /* 旧站 .7rem */
    font-size: 3.5cqw;   /* 旧站 .35rem */
    font-weight: bold;
  }

  .hkp-au-txtbox1 .hkp-au-txtbox1-row {
    display: flex;
    align-items: center;
    margin-bottom: 2cqw; /* 旧站 .2rem */
  }

  /* 旧站 .txtBox1 i{width:.25rem; height:.25rem; border-radius:50%; background:#20a7e1; border:0.1rem solid #f5f5f5;
     margin-right:.2rem}（L174-182） */
  .hkp-au-txtbox1 i {
    width: 2.5cqw;        /* 旧站 .25rem */
    height: 2.5cqw;       /* 旧站 .25rem */
    border-radius: 50%;
    display: block;
    background: #20a7e1;
    border: 1cqw solid #f5f5f5; /* 旧站 0.1rem */
    margin-right: 2cqw;   /* 旧站 .2rem */
    box-sizing: border-box;
    flex: none;
  }

  /* 荣誉长图：旧站 h5 内联 width:85% / margin:.8rem auto（L236） */
  .hkp-au-honor-longimg {
    display: block;
    width: 85%;
    margin: 8cqw auto; /* 旧站 .8rem */
  }

  /* 地址+服务热线块（2026-09-10 拍板：并入荣誉资质模块后渲染；旧站 h5 L289-294 为 px 值） */
  .hkp-au-address-box {
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
  }

  .hkp-au-address-box .hkp-au-address-text {
    display: inline-block;
    width: 260px;
    white-space: normal;
    text-align: left;
    vertical-align: top;
  }

  .hkp-au-address-box .hkp-au-address-hotline {
    margin-top: 10px;
    color: #20a7e1;
    margin-left: -20px;
  }

  /* --- 精准防癌计划：PC 版共用 .hkp-au-res-box（已在上方隐藏），显示移动容器 --- */

  /* 旧站 h5 内联容器 overflow:hidden / background:#edf8ff / margin-bottom:1rem（L239） */
  .hkp-au-plan-mbox {
    display: block;
    overflow: hidden;
    background: #edf8ff;
    margin-bottom: 10cqw; /* 旧站 1rem */
  }

  /* 旧站 .textBox{width:85%; margin:0 auto 1rem; text-align:justify; font-size:.35rem; color:#333333; line-height:.6rem}（L184-191） */
  .hkp-au-textbox {
    width: 85%;
    margin: 0 auto 10cqw; /* 旧站 1rem */
    text-align: justify;
    font-size: 3.5cqw;    /* 旧站 .35rem */
    color: #333333;
    line-height: 6cqw;    /* 旧站 .6rem */
  }

  /* 旧站 .text{text-align:center; font-weight:bold; font-size:.5rem; margin-bottom:.15rem}（L193-198） */
  .hkp-au-text {
    text-align: center;
    font-weight: bold;
    font-size: 5cqw;     /* 旧站 .5rem */
    margin-bottom: 1.5cqw; /* 旧站 .15rem */
  }

  /* 旧站 planPic h5 内联 width:95% / margin:.7rem auto 1rem（L253） */
  .hkp-au-plan-mimg {
    display: block;
    width: 95%;
    margin: 7cqw auto 10cqw; /* 旧站 .7rem auto 1rem */
  }

  /* 旧站 .imgBox2{padding-left:.3rem; box-sizing:border-box; margin-bottom:.8rem}（L200-204） */
  .hkp-au-imgbox2 {
    display: flex;
    padding-left: 3cqw;   /* 旧站 .3rem */
    box-sizing: border-box;
    margin-bottom: 8cqw;  /* 旧站 .8rem */
  }

  /* 旧站 .imgBox2 .left{width:3.8rem}（L206-208） */
  .hkp-au-imgbox2 .hkp-au-p-left {
    width: 38cqw; /* 旧站 3.8rem */
    flex: none;
  }

  .hkp-au-imgbox2 .hkp-au-p-left img {
    display: block;
    width: 100%; /* 旧站 h5 内联（L259） */
  }

  /* 旧站 .right{width:5rem; margin-left:.5rem; text-align:center; display:flex; flex-wrap:wrap; justify-content:center}（L210-217） */
  .hkp-au-imgbox2 .hkp-au-p-right {
    width: 50cqw;       /* 旧站 5rem */
    margin-left: 5cqw;  /* 旧站 .5rem */
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
  }

  /* 旧站 .rightTxt1{color:#008fd7; margin-bottom:.1rem; font-weight:bold; font-size:.6rem}（L219-225） */
  .hkp-au-p-title {
    width: 100%;
    color: #008fd7;
    margin-bottom: 1cqw;  /* 旧站 .1rem */
    font-weight: bold;
    font-size: 6cqw;      /* 旧站 .6rem */
  }

  /* 旧站 .rightTitle{color:#4d4a49; margin-bottom:.1rem; font-weight:bold; font-size:.44rem}（L227-233） */
  .hkp-au-p-tips {
    width: 100%;
    color: #4d4a49;
    margin-bottom: 1cqw;  /* 旧站 .1rem */
    font-weight: bold;
    font-size: 4.4cqw;    /* 旧站 .44rem */
  }

  /* 旧站 .rightContent{color:#332c2b; font-size:.3rem; text-align:left}（L235-238） */
  .hkp-au-p-content {
    width: 100%;
    color: #332c2b;
    font-size: 3cqw; /* 旧站 .3rem */
    text-align: left;
  }

  /* --- 资质证书画廊：3 列（旧站 .chrg-item width:30% + chromaGallery maxColumns:3，h5 L20-34） ---
     旧站 h5 标题为 .tips（在 certificateBox 之外），隐藏 PC 版 e-title */
  .hkp-au-certificate-box .hkp-au-e-title--small-title {
    display: none;
  }

  .hkp-au-certificate-box {
    width: auto;
    margin: 10cqw 0;          /* 旧站 h5 内联 margin:1rem 0 */
    padding: 0 0 10cqw 1.86666cqw; /* 旧站 h5 内联 padding-left:0.186666rem；底部留白对齐旧站观感 */
  }

  .hkp-au-certificate-box .hkp-au-e-title--small-title {
    margin-bottom: 10cqw; /* 旧站标题 h5 观感（.tips 高度口径 1.2rem 内含） */
  }

  .hkp-au-gallery {
    grid-template-columns: repeat(3, 30%); /* 旧站 .chrg-item{width:30% !important} */
    justify-content: center;
    gap: 5%; /* 3×30% + 2×5% = 100%（旧站 30% 宽 + chromaGallery 15px 间距的等价换算） */
  }
}

/* ===== site-styles/diseasePrevention.css ===== */
/* 微生态研究中心页（结构对齐旧站 diseasePrevention.html：rc-* 内联样式 PC L300-582 / H5 L38-272 rem×37.5
   + GEO 区块 css/geo-common.css PC / css/mobile/geo-common.css H5）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局 */

/* 页面容器：Banner 高度取旧站本页口径（css/diseasePrevention.css L5-7 #bannerSwiper{height:300px}，
   与 mediaReport 相同，区别于首页 310 / nationalLayout 276 / aboutUs 360；banner.css 读取本变量） */
.hkp-dp-page {
  --hkp-banner-height: 300px; /* 旧站 diseasePrevention.css L6：300px */
}

/* ===== 研究中心通用段落（旧站 PC .rc-section L303-307 / H5 L39-41） ===== */

/* 旧站 .rc-section{max-width:1200px; margin:0 auto; padding:60px 20px}
   预览面板适配：width:100%（不设 1200 定宽，同 nationalLayout 口径，2026-09-14 决策）；
   box-sizing:border-box（2026-09-15 修复：本页及后台/官网均无全局 * 重置，content-box 下
   width:100%+padding 会向右溢出 40px——同 intestinalFlora/6GPlan 先例口径） */
.hkp-dp-section {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
  box-sizing: border-box;
}

/* 旧站 .rc-title{font-size:32px; bold; #1a1a1a; 居中; margin-bottom:40px}（L308-314） */
.hkp-dp-title {
  font-size: 32px;
  font-weight: bold;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 40px;
}

/* ===== 研究中心介绍（旧站 PC L315-351 / H5 L52-86） ===== */

/* 旧站 .rc-intro-content{flex; gap:20px; align-items:stretch; justify-content:center}（L315-320） */
.hkp-dp-intro-content {
  display: flex;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
}

/* 旧站 .rc-intro-left-img{flex:0 0 50%} + img{width/height:100%; object-fit:cover; 圆角8px}（L321-329） */
.hkp-dp-intro-left {
  flex: 0 0 50%;
}
.hkp-dp-intro-left img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* 旧站 .rc-intro-right-imgs{flex:0 0 30%; flex column; gap:20px} + img{flex:1; object-fit:cover; 圆角8px}（L330-341） */
.hkp-dp-intro-right {
  flex: 0 0 30%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hkp-dp-intro-right img {
  display: block;
  width: 100%;
  flex: 1;
  object-fit: cover;
  border-radius: 8px;
}

/* 旧站文本区：内联 style="max-width:1200px; margin:30px auto 0" + p{15px #555 lh1.9 justify mb20}（L685-686）
   description 为富文本 v-html（2026-09-14 拍板），段落样式作用于富文本 p */
.hkp-dp-intro-text {
  max-width: 1200px;
  margin: 30px auto 0;
}
.hkp-dp-intro-text p {
  font-size: 15px;
  color: #555;
  line-height: 1.9;
  margin-bottom: 20px;
  text-align: justify;
}

/* ===== 科学家团队（旧站 PC L352-422 / H5 L88-163） ===== */

/* 旧站 .rc-team-list{flex column; gap:30px; bg#f5f8fa; 圆角8px; padding:20px 30px}（L354-361） */
.hkp-dp-team-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background: #f5f8fa;
  border-radius: 8px;
  padding: 20px 30px;
}

/* 旧站 .rc-team-item{flex; gap:30px; align-items:flex-start; bg#f8fafb; padding:30px; 圆角10px}（L362-369） */
.hkp-dp-team-item {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  background: #f8fafb;
  padding: 30px;
  border-radius: 10px;
}

/* 旧站 .rc-team-avatar{flex:0 0 300px; height:300px; 圆角8px; overflow:hidden; bg#e8e8e8}
   + img{width/height:100%; object-fit:contain}（L370-381） */
.hkp-dp-team-avatar {
  flex: 0 0 300px;
  height: 300px;
  border-radius: 8px;
  overflow: hidden;
  background: #e8e8e8;
}
.hkp-dp-team-avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 旧站 .rc-team-info{flex:1} + h3{22px bold #2a9df4 mb8}（L382-390）
   h3 多行姓名以 \n 存储 pre-line 渲染（2026-09-14 拍板：季兵式多行姓名迁移） */
.hkp-dp-team-info {
  flex: 1;
}
.hkp-dp-team-info h3 {
  font-size: 22px;
  font-weight: bold;
  color: #2a9df4;
  margin-bottom: 8px;
  white-space: pre-line;
}

/* 旧站 .rc-subtitle（H5 L128-132；PC 端内联 class 无独立规则，字号沿用 desc）
   subtitle/description 未填写不渲染（2026-09-14 拍板决策 4） */
.hkp-dp-team-subtitle {
  font-size: 15px;
  color: #666;
  margin-bottom: 8px;
}

/* 旧站 .rc-team-desc{15px #555 lh1.8}（L418-422） */
.hkp-dp-team-desc {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
}

/* 旧站 .rc-team-achievements li{14px #555 lh2; padding-left:16px; relative}
   + li::before{6px 圆点 #2a9df4; left:0; top:10px}（L396-417） */
.hkp-dp-team-achievements {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hkp-dp-team-achievements li {
  font-size: 14px;
  color: #555;
  line-height: 2;
  padding-left: 16px;
  position: relative;
}
.hkp-dp-team-achievements li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2a9df4;
}

/* ===== 中心研究及主要应用方向（旧站 PC L423-454 / H5 L165-198） ===== */

/* 旧站 .rc-direction-box{max-width:1000px; margin:0 auto; border:1px solid #d0e8f7; 圆角8px; padding:30px 40px}（L423-429） */
.hkp-dp-direction-box {
  max-width: 1000px;
  margin: 0 auto;
  border: 1px solid #d0e8f7;
  border-radius: 8px;
  padding: 30px 40px;
}

/* 旧站 .rc-direction-item{relative; padding:8px 0 8px 20px; margin-bottom:16px}
   + ::before{4px×60% 竖条 #a8d4f5; 圆角2px; 居中}（L430-445） */
.hkp-dp-direction-item {
  position: relative;
  padding: 8px 0 8px 20px;
  margin-bottom: 16px;
}
.hkp-dp-direction-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 60%;
  background: #a8d4f5;
  border-radius: 2px;
}
.hkp-dp-direction-item:last-child {
  margin-bottom: 0;
}

/* 旧站 .rc-direction-item p{14px #555 lh1.9 justify}（L449-454） */
.hkp-dp-direction-item p {
  font-size: 14px;
  color: #555;
  line-height: 1.9;
  text-align: justify;
  margin: 0;
}

/* ===== 研究进展（旧站 PC L455-532 / H5 L200-272） ===== */

/* 旧站 .rc-progress-list{flex column; gap:0; bg#f5f8fa; 圆角8px; padding:20px 30px}（L457-464） */
.hkp-dp-progress-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #f5f8fa;
  border-radius: 8px;
  padding: 20px 30px;
}

/* 旧站 .rc-progress-item{flex; gap:30px; align-items:flex-start; padding:24px 0; border-bottom:1px solid #e8e8e8; relative}（L465-472） */
.hkp-dp-progress-item {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  padding: 24px 0;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.hkp-dp-progress-item:last-child {
  border-bottom: none;
}

/* 旧站 .rc-progress-img{flex:0 0 280px; height:180px; 圆角8px; overflow:hidden; bg#e8e8e8}
   + img{width/height:100%; object-fit:cover}（L476-487） */
.hkp-dp-progress-img {
  flex: 0 0 280px;
  height: 180px;
  border-radius: 8px;
  overflow: hidden;
  background: #e8e8e8;
}
.hkp-dp-progress-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 旧站 .rc-progress-info{flex:1; relative}（L488-491） */
.hkp-dp-progress-info {
  flex: 1;
  position: relative;
}

/* 旧站 .rc-progress-year{inline-block; 16px bold #fff; bg#2a9df4; padding:6px 20px 6px 16px; relative; mb12}
   + ::before{8px 左箭头 border-right-color#2a9df4; left:-8px; 垂直居中}（L492-510） */
.hkp-dp-progress-year {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #2a9df4;
  padding: 6px 20px 6px 16px;
  position: relative;
  margin-bottom: 12px;
}
.hkp-dp-progress-year::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  border: 8px solid transparent;
  border-right-color: #2a9df4;
}

/* 旧站 .rc-progress-info p{15px #555 lh1.8}（L528-532） */
.hkp-dp-progress-info p {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  margin: 0;
}

/* 旧站 .rc-progress-more{absolute 右下; 16px #2a9df4; border:1px solid #2a9df4; 圆角20px; padding:6px 20px}
   hover 反色（L511-527） */
.hkp-dp-progress-more {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  font-size: 16px;
  color: #2a9df4;
  text-decoration: none;
  padding: 6px 20px;
  border: 1px solid #2a9df4;
  border-radius: 20px;
  transition: all 0.3s;
}
.hkp-dp-progress-more:hover {
  background: #2a9df4;
  color: #fff;
}

/* ===== GEO 内容区块（旧站 PC css/geo-common.css L57-261 / H5 css/mobile/geo-common.css，2026-09-14 拍板复刻六子段） ===== */

/* 旧站 .geo-section{max-width:1200px; margin:60px auto; padding:0 20px}
   预览面板适配：width:100%（同上，2026-09-14 决策）；
   box-sizing:border-box（2026-09-15 修复，同 .hkp-dp-section 口径） */
.hkp-dp-geo-section {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.hkp-dp-geo-section h2 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  color: #1a1a1a;
}
.hkp-dp-geo-section .hkp-dp-geo-subtitle {
  text-align: center;
  color: #888;
  font-size: 14px;
  margin-bottom: 40px;
  margin-top: 0;
}

/* 内容详解（旧站 .geo-content-blocks{max-width:860px; 居中} + .geo-content-block{mb40; h3 22px mb12; p 15px lh1.9; h4 18px}） */
.hkp-dp-geo-blocks {
  max-width: 860px;
  margin: 0 auto;
}
.hkp-dp-geo-block {
  margin-bottom: 40px;
}
.hkp-dp-geo-block h3 {
  font-size: 22px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 12px;
}
.hkp-dp-geo-block p {
  font-size: 15px;
  color: #555;
  line-height: 1.9;
}
.hkp-dp-geo-block h4 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 16px 0 8px;
}

/* 医学术语（旧站 .geo-term-grid{3列; gap20px} + .geo-term-card{bg#f8fafb; 圆角8; padding24; border-left 3px #2a7f62}） */
.hkp-dp-geo-term-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.hkp-dp-geo-term-card {
  background: #f8fafb;
  border-radius: 8px;
  padding: 24px;
  border-left: 3px solid #2a7f62;
}
.hkp-dp-geo-term-card .hkp-dp-term-cat {
  font-size: 11px;
  color: #2a7f62;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.hkp-dp-geo-term-card .hkp-dp-term-name {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.hkp-dp-geo-term-card .hkp-dp-term-def {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* FAQ 折叠（旧站 .geo-faq-list{max-width:860px; 居中} + .geo-faq-item{border-bottom 1px #e8e8e8; padding 20px 0; pointer}
   + .faq-q{17px 600 flex between} + .faq-arrow{12px #999 .3s} + .faq-a{15px #555 lh1.8 pt12 none/.show block}） */
.hkp-dp-geo-faq-list {
  max-width: 860px;
  margin: 0 auto;
}
.hkp-dp-geo-faq-item {
  border-bottom: 1px solid #e8e8e8;
  padding: 20px 0;
  cursor: pointer;
}
.hkp-dp-geo-faq-item .hkp-dp-faq-q {
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hkp-dp-geo-faq-item .hkp-dp-faq-q .hkp-dp-faq-arrow {
  font-size: 12px;
  color: #999;
  transition: transform 0.3s;
}
.hkp-dp-geo-faq-item .hkp-dp-faq-q .hkp-dp-faq-arrow.hkp-dp-open {
  transform: rotate(180deg);
}
.hkp-dp-geo-faq-item .hkp-dp-faq-a {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  padding-top: 12px;
  display: none;
}
.hkp-dp-geo-faq-item .hkp-dp-faq-a.hkp-dp-show {
  display: block;
}

/* 典型案例（旧站 .geo-case-grid{2列; gap24px} + .geo-case-card{bg#fff; border 1px #e8e8e8; 圆角10; padding28}
   + case-alias 18px / case-status 12px #2e7d32 bg#e8f5e9 padding 4px 12px 圆角12 / case-meta 14px #777 lh2
   + case-hba1c{mt12; padding12; bg#f5f8fa; 圆角6} span #2a7f62 bold / case-disclaimer 12px #aaa mt12 lh1.5） */
.hkp-dp-geo-case-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.hkp-dp-geo-case-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 28px;
}
.hkp-dp-geo-case-card .hkp-dp-case-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.hkp-dp-geo-case-card .hkp-dp-case-alias {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
}
.hkp-dp-geo-case-card .hkp-dp-case-status {
  font-size: 12px;
  background: #e8f5e9;
  color: #2e7d32;
  padding: 4px 12px;
  border-radius: 12px;
}
.hkp-dp-geo-case-card .hkp-dp-case-meta {
  font-size: 14px;
  color: #777;
  line-height: 2;
}
.hkp-dp-geo-case-card .hkp-dp-case-hba1c {
  margin-top: 12px;
  padding: 12px;
  background: #f5f8fa;
  border-radius: 6px;
  font-size: 14px;
}
.hkp-dp-geo-case-card .hkp-dp-case-hba1c span {
  color: #2a7f62;
  font-weight: bold;
}
.hkp-dp-geo-case-card .hkp-dp-case-disclaimer {
  font-size: 12px;
  color: #aaa;
  margin-top: 12px;
  line-height: 1.5;
}

/* GEO 专家团队（旧站 .geo-expert-grid{2列; gap24px} + .geo-expert-card{bg#f8fafb; 圆角10; padding28; 居中}
   + expert-avatar{72px 圆形 bg#2a7f62 #fff 28px lh72 mb16} + name 20px / title 14px #2a7f62 margin 6 0
   + inst 13px #777 mb10 / role 13px #555） */
.hkp-dp-geo-expert-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.hkp-dp-geo-expert-card {
  background: #f8fafb;
  border-radius: 10px;
  padding: 28px;
  text-align: center;
}
.hkp-dp-geo-expert-card .hkp-dp-expert-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #2a7f62;
  color: #fff;
  font-size: 28px;
  line-height: 72px;
  margin: 0 auto 16px;
}
.hkp-dp-geo-expert-card .hkp-dp-expert-name {
  font-size: 20px;
  font-weight: bold;
  color: #1a1a1a;
}
.hkp-dp-geo-expert-card .hkp-dp-expert-title {
  font-size: 14px;
  color: #2a7f62;
  margin: 6px 0;
}
.hkp-dp-geo-expert-card .hkp-dp-expert-inst {
  font-size: 13px;
  color: #777;
  margin-bottom: 10px;
}
.hkp-dp-geo-expert-card .hkp-dp-expert-role {
  font-size: 13px;
  color: #555;
}

/* 审核信息条（旧站 .geo-meta-bar{max-width:1200px; margin:0 auto 20px; padding:0 20px; 13px #999; 居中}） */
.hkp-dp-geo-meta-bar {
  max-width: 1200px;
  margin: 0 auto 20px;
  padding: 0 20px;
  font-size: 13px;
  color: #999;
  text-align: center;
}

/* GEO 加载失败空态（预览侧兜底文案，非旧站原样式） */
.hkp-dp-geo-empty {
  padding: 40px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}

/* ===== 移动端（容器查询 ≤768px，旧站 h5/diseasePrevention.html 内联 rc-* rem 单位 ×37.5
   + css/mobile/geo-common.css；旧站 H5 头像 4.2rem、进度图 3.6rem 等原值换算 ===== */
@container (max-width: 768px) {
  /* 旧站 h5 .rc-section{padding:.6rem .4rem}（L39-41）22.5px / 15px */
  .hkp-dp-section {
    padding: 22.5px 15px;
  }

  /* 旧站 h5 .rc-title{.42rem; lh1.5; mb .5rem}（L43-50）15.75px / 18.75px */
  .hkp-dp-title {
    font-size: 15.75px;
    line-height: 1.5;
    margin-bottom: 18.75px;
  }

  /* ===== 介绍 H5（旧站 L52-86） ===== */

  /* 旧站 .rc-intro-content{flex column; gap .3rem}（L52-56）11.25px */
  .hkp-dp-intro-content {
    flex-direction: column;
    gap: 11.25px;
  }

  /* 旧站 img{width:100%; display:block; 圆角 .12rem}（L58-74）4.5px；右列 gap .3rem */
  .hkp-dp-intro-left,
  .hkp-dp-intro-right {
    flex: none;
  }
  .hkp-dp-intro-left img,
  .hkp-dp-intro-right img {
    height: auto;
    border-radius: 4.5px;
  }
  .hkp-dp-intro-right {
    gap: 11.25px;
  }

  /* 旧站 .rc-intro-text{margin-top:.4rem} + p{.28rem #555 lh1.9 justify mb .2rem}（L76-86）15px / 10.5px / 7.5px */
  .hkp-dp-intro-text {
    margin-top: 15px;
  }
  .hkp-dp-intro-text :deep(p),
  .hkp-dp-intro-text p {
    font-size: 10.5px;
    margin-bottom: 7.5px;
  }

  /* ===== 团队 H5（旧站 L88-163） ===== */

  /* 旧站 .rc-team-list{gap .3rem; 圆角 .12rem; padding .3rem}（L88-95）11.25px / 4.5px */
  .hkp-dp-team-list {
    gap: 11.25px;
    border-radius: 4.5px;
    padding: 11.25px;
  }

  /* 旧站 .rc-team-item{flex column; padding .3rem; 圆角 .16rem}（L97-103）居中 */
  .hkp-dp-team-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 11.25px;
    border-radius: 6px;
  }

  /* 旧站 .rc-team-avatar{width:100%; height:4.2rem; 圆角 .12rem; mb .3rem}（L105-112）157.5px */
  .hkp-dp-team-avatar {
    flex: none;
    width: 100%;
    height: 157.5px;
    margin-bottom: 11.25px;
  }

  /* 旧站 h3{.32rem; lh1.5; mb .12rem}（L120-126）12px / 4.5px */
  .hkp-dp-team-info h3 {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 4.5px;
  }

  /* 旧站 .rc-subtitle{.28rem; #666; mb .16rem}（L128-132）10.5px / 6px */
  .hkp-dp-team-subtitle {
    font-size: 10.5px;
    margin-bottom: 6px;
  }

  /* 旧站 .rc-team-desc{.28rem; lh1.8}（L134-138）10.5px */
  .hkp-dp-team-desc {
    font-size: 10.5px;
  }

  /* 旧站 li{.26rem; lh1.8; padding-left .28rem} + ::before{.1rem; top .2rem}（L146-163）9.75px / 10.5px / 3.75px / 7.5px */
  .hkp-dp-team-achievements li {
    font-size: 9.75px;
    line-height: 1.8;
    padding-left: 10.5px;
  }
  .hkp-dp-team-achievements li::before {
    left: 0;
    top: 7.5px;
    width: 3.75px;
    height: 3.75px;
  }

  /* ===== 方向 H5（旧站 L165-198） ===== */

  /* 旧站 .rc-direction-box{圆角 .12rem; padding .4rem .32rem}（L165-169）4.5px / 15px 12px */
  .hkp-dp-direction-box {
    border-radius: 4.5px;
    padding: 15px 12px;
  }

  /* 旧站 .rc-direction-item{padding .12rem 0 .12rem .3rem; mb .24rem} + ::before{.06rem; 圆角 .03rem}（L171-191）4.5px 11.25px / 9px / 2.25px / 1.125px */
  .hkp-dp-direction-item {
    padding: 4.5px 0 4.5px 11.25px;
    margin-bottom: 9px;
  }
  .hkp-dp-direction-item::before {
    width: 2.25px;
    border-radius: 1.125px;
  }

  /* 旧站 p{.26rem; lh1.9}（L193-198）9.75px */
  .hkp-dp-direction-item p {
    font-size: 9.75px;
  }

  /* ===== 进展 H5（旧站 L200-272） ===== */

  /* 旧站 .rc-progress-list{圆角 .12rem; padding .3rem}（L200-206）4.5px / 11.25px */
  .hkp-dp-progress-list {
    border-radius: 4.5px;
    padding: 11.25px;
  }

  /* 旧站 .rc-progress-item{flex column; padding .3rem 0}（L208-217）11.25px */
  .hkp-dp-progress-item {
    flex-direction: column;
    padding: 11.25px 0;
  }

  /* 旧站 .rc-progress-img{width:100%; height:3.6rem; 圆角 .12rem; mb .3rem}（L219-226）135px */
  .hkp-dp-progress-img {
    flex: none;
    width: 100%;
    height: 135px;
    border-radius: 4.5px;
    margin-bottom: 11.25px;
  }

  /* 旧站 info p{.28rem; lh1.8}（L234-238）10.5px */
  .hkp-dp-progress-info p {
    font-size: 10.5px;
  }

  /* 旧站 .rc-progress-year{.28rem; padding .1rem .3rem .1rem .26rem; mb .2rem; align-self:flex-start}
     + ::before{.14rem; left -.14rem}（L240-260）10.5px / 3.75px 11.25px 3.75px 9.75px / 7.5px / 5.25px */
  .hkp-dp-progress-year {
    font-size: 10.5px;
    padding: 3.75px 11.25px 3.75px 9.75px;
    margin-bottom: 7.5px;
  }
  .hkp-dp-progress-year::before {
    border-width: 5.25px;
    left: -10.5px; /* 旧站 -.14rem（5.25px）为 border 外缘，此处补偿盒模型口径 */
  }

  /* 旧站 .rc-progress-more{.26rem; mt .24rem; padding .1rem .34rem; 圆角 .3rem; align-self:flex-start}
     （L262-272）9.75px / 9px / 3.75px 12.75px / 11.25px；H5 静态布局（非 absolute） */
  .hkp-dp-progress-more {
    position: static;
    align-self: flex-start;
    margin-top: 9px;
    font-size: 9.75px;
    padding: 3.75px 12.75px;
    border-radius: 11.25px;
  }

  /* ===== GEO 区块 H5（旧站 css/mobile/geo-common.css 全量 rem ×37.5；
     term/case/expert 单列 item（grid 退化为单列），FAQ/case/expert 单列同旧站 H5 DOM） ===== */

  /* 旧站 .geo-section{padding:.4rem .3rem}（L1）15px / 11.25px */
  .hkp-dp-geo-section {
    margin: 0 auto;
    padding: 15px 11.25px;
  }

  /* 旧站 h2{.44rem; mb .16rem} / .geo-subtitle{.26rem; mb .4rem}（L2-3）16.5px / 6px / 9.75px / 15px */
  .hkp-dp-geo-section h2 {
    font-size: 16.5px;
    margin-bottom: 6px;
  }
  .hkp-dp-geo-section .hkp-dp-geo-subtitle {
    font-size: 9.75px;
    margin-bottom: 15px;
  }

  /* 旧站 .geo-term-grid → h5 .geo-term-item{bg#f8fafb; 圆角 .12rem; padding .28rem; border-left 3px #2a7f62; mb .2rem}（L4-6）
     name .32rem mb .08rem / def .26rem lh1.6（L5-6）——grid 退化单列流式（2026-09-14 决策：H5 term 单列） */
  .hkp-dp-geo-term-grid {
    grid-template-columns: 1fr;
    gap: 7.5px;
  }
  .hkp-dp-geo-term-card {
    border-radius: 4.5px;
    padding: 10.5px;
    border-left: 3px solid #2a7f62;
  }
  .hkp-dp-geo-term-card .hkp-dp-term-name {
    font-size: 12px;
    margin-bottom: 3px;
  }
  .hkp-dp-geo-term-card .hkp-dp-term-def {
    font-size: 9.75px;
    line-height: 1.6;
  }
  .hkp-dp-geo-term-card .hkp-dp-term-cat {
    display: none; /* 旧站 H5 term item 无 cat 展示（h5 L515-518） */
  }

  /* 旧站 .geo-faq-item{padding .28rem 0}（L7）/ .faq-q{.3rem}（L8）/ .faq-arrow{.2rem}（L9）
     / .faq-a{.26rem; lh1.8; pt .16rem}（L11）10.5px / 11.25px / 7.5px / 9.75px / 6px */
  .hkp-dp-geo-faq-item {
    padding: 10.5px 0;
  }
  .hkp-dp-geo-faq-item .hkp-dp-faq-q {
    font-size: 11.25px;
  }
  .hkp-dp-geo-faq-item .hkp-dp-faq-q .hkp-dp-faq-arrow {
    font-size: 7.5px;
  }
  .hkp-dp-geo-faq-item .hkp-dp-faq-a {
    font-size: 9.75px;
    line-height: 1.8;
    padding-top: 6px;
  }

  /* 旧站 .geo-case-grid → h5 .geo-case-item{bg#fff; border 1px #e8e8e8; 圆角 .16rem; padding .3rem; mb .24rem}（L13-14）
     alias .32rem / status{.2rem; padding .04rem .16rem; 圆角 .16rem; ml .1rem}（L14-15）
     meta{.25rem; lh2; mt .1rem}（L16）/ hba1c{mt .16rem; padding .16rem; 圆角 .08rem; .25rem}（L17）
     disclaimer{.2rem; mt .12rem}（L19）——grid 退化单列流式 */
  .hkp-dp-geo-case-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .hkp-dp-geo-case-card {
    border-radius: 6px;
    padding: 11.25px;
    margin-bottom: 9px;
  }
  .hkp-dp-geo-case-card .hkp-dp-case-header {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .hkp-dp-geo-case-card .hkp-dp-case-alias {
    font-size: 12px;
    margin-bottom: 3.75px;
  }
  .hkp-dp-geo-case-card .hkp-dp-case-status {
    font-size: 7.5px;
    padding: 1.5px 6px;
    border-radius: 6px;
    margin-left: 3.75px;
  }
  .hkp-dp-geo-case-card .hkp-dp-case-meta {
    font-size: 9.375px;
    line-height: 2;
    margin-top: 3.75px;
  }
  .hkp-dp-geo-case-card .hkp-dp-case-hba1c {
    margin-top: 6px;
    padding: 6px;
    border-radius: 3px;
    font-size: 9.375px;
  }
  .hkp-dp-geo-case-card .hkp-dp-case-disclaimer {
    font-size: 7.5px;
    margin-top: 4.5px;
  }

  /* 旧站 .geo-expert-grid → h5 .geo-expert-item{bg#f8fafb; 圆角 .16rem; padding .3rem; 居中; mb .24rem}（L20）
     avatar{1rem; 圆形; .4rem; lh1rem; mb .2rem}（L21）/ name .34rem（L22）/ title{.25rem; margin .08rem 0}（L23）
     inst{.23rem; mb .1rem}（L24）/ role{.23rem}（L25）——grid 退化单列流式 */
  .hkp-dp-geo-expert-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .hkp-dp-geo-expert-card {
    border-radius: 6px;
    padding: 11.25px;
    margin-bottom: 9px;
  }
  .hkp-dp-geo-expert-card .hkp-dp-expert-avatar {
    width: 37.5px;
    height: 37.5px;
    font-size: 15px;
    line-height: 37.5px;
    margin: 0 auto 7.5px;
  }
  .hkp-dp-geo-expert-card .hkp-dp-expert-name {
    font-size: 12.75px;
  }
  .hkp-dp-geo-expert-card .hkp-dp-expert-title {
    font-size: 9.375px;
    margin: 3px 0;
  }
  .hkp-dp-geo-expert-card .hkp-dp-expert-inst {
    font-size: 8.625px;
    margin-bottom: 3.75px;
  }
  .hkp-dp-geo-expert-card .hkp-dp-expert-role {
    font-size: 8.625px;
  }

  /* 旧站 .geo-content-block{mb .4rem; padding 0 .1rem}（L26）/ h3{.36rem; mb .12rem}（L27）
     / p{.28rem; lh1.9}（L28）/ h4{.32rem; margin .2rem 0 .1rem}（L29） */
  .hkp-dp-geo-block {
    margin-bottom: 15px;
    padding: 0 3.75px;
  }
  .hkp-dp-geo-block h3 {
    font-size: 13.5px;
    margin-bottom: 4.5px;
  }
  .hkp-dp-geo-block p {
    font-size: 10.5px;
    line-height: 1.9;
  }
  .hkp-dp-geo-block h4 {
    font-size: 12px;
    margin: 7.5px 0 3.75px;
  }

  /* 旧站 .geo-meta-bar{padding .3rem; .22rem; #999; 居中}（L30）11.25px / 8.25px */
  .hkp-dp-geo-meta-bar {
    padding: 11.25px;
    font-size: 8.25px;
  }
}

/* ===== site-styles/intestinalFlora.css ===== */
/* 肠道菌群页（结构对齐旧站 intestinalFlora.html：css/intestinalFlora.css + 页内 <style> PC L22-676
   / H5 h5/intestinalFlora.html 页内 <style> L24-397 + css/mobile/intestinalFlora.css，rem×37.5）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局（旧站 H5 口径）
   拍板（2026-09-14）：图源双端统一用 PC 原图；H5 原有 box/block 系列图弃用；
   画廊 3D 滑块偏移量双端不同（组件内 isMobile 切换，450/700px PC ↔ 82.5/127.5px H5） */

/* 页面容器：Banner 高度取旧站本页口径（css/intestinalFlora.css L5-7 #bannerSwiper{height:360px}；
   banner.css 读取本变量，H5 端 banner.css 容器查询自适配） */
.hkp-if-page {
  --hkp-banner-height: 360px; /* 旧站 intestinalFlora.css L6：360px */
}

/* 图片不溢出（预览面板/官网容器兜底） */
.hkp-if-page img {
  max-width: 100%;
}

/* ===== GEO 文章卡（旧站 PC 页内样式 L352-455 / H5 L136-172） ===== */

/* 旧站 .article-card{max-width:1200px; margin:0 auto; padding:60px 20px; flex; center; pointer; relative}
   预览面板适配：width:100%（同 diseasePrevention 口径，2026-09-14 决策） */
.hkp-if-article-card {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: box-shadow 0.3s;
  position: relative;
  box-sizing: border-box;
}
.hkp-if-article-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); /* 旧站 L362-364 */
}

/* 旧站 layout-left/right 仅调 order 与文本左右 padding（L365-378） */
.hkp-if-layout-left .hkp-if-article-text {
  order: 1;
  padding-right: 60px;
}
.hkp-if-layout-left .hkp-if-article-img {
  order: 2;
}
.hkp-if-layout-right .hkp-if-article-text {
  order: 2;
  padding-left: 60px;
}
.hkp-if-layout-right .hkp-if-article-img {
  order: 1;
}

/* 旧站 layout-bottom-image：纵向居中卡（L379-416） */
.hkp-if-layout-bottom-image {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 70px 20px 0;
  border-bottom: 10px solid #f0f8fb;
}
.hkp-if-layout-bottom-image .hkp-if-article-text {
  order: 1;
  padding-right: 0;
  padding-left: 0;
  max-width: 1000px;
}
.hkp-if-layout-bottom-image .hkp-if-article-text h3 {
  font-size: 40px;
  font-weight: bold;
  color: #333;
  margin-bottom: 12px;
  line-height: 1.5;
}
.hkp-if-layout-bottom-image .hkp-if-article-text p {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}
.hkp-if-layout-bottom-image .hkp-if-article-img {
  order: 2;
  flex: 0 0 auto;
  width: 100%;
  margin-top: 50px;
  text-align: center;
}
.hkp-if-layout-bottom-image .hkp-if-article-img img {
  width: 937px;
  max-width: 100%;
  height: auto;
  border-radius: 0;
  display: inline-block;
}

/* 旧站 .article-card-text{flex:1} + h3 28px / p 16px（L417-430） */
.hkp-if-article-text {
  flex: 1;
}
.hkp-if-article-text h3 {
  font-size: 28px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 16px;
}
.hkp-if-article-text p {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
}

/* 旧站 .article-card-img{flex:0 0 480px} + img{width:100%; 圆角8px}（L431-437） */
.hkp-if-article-img {
  flex: 0 0 480px;
}
.hkp-if-article-img img {
  width: 100%;
  border-radius: 8px;
  display: block;
}

/* 旧站 .article-card-more{absolute 右下} + .article-more-btn（L438-455） */
.hkp-if-article-more {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.hkp-if-article-more-btn {
  display: inline-block;
  padding: 6px 24px;
  background: #4ab0f5;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.3s;
}
.hkp-if-article-more-btn:hover {
  background: #3a9fe5;
}

/* ===== GEO 画廊轮播（3D 滑块，旧站 PC L537-675 / H5 L174-331；组件算法整段转写） ===== */

/* 旧站 .custom-gallery-section{width:100%; relative; overflow hidden; padding:40px 0}（PC L537-542） */
.hkp-if-gallery-section {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 40px 0;
}

/* 旧站 .custom-gallery-container{width:100%; height:650px; flex column; center; relative}（PC L543-551） */
.hkp-if-gallery-container {
  width: 100%;
  height: 650px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* 旧站 .gallery-header（PC L552-558） */
.hkp-if-gallery-header {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 20px;
}

/* 旧站 .gallery-main-title{40px; bold; #333; margin 0 0 10px}（PC L559-564） */
.hkp-if-gallery-main-title {
  font-size: 40px;
  font-weight: bold;
  color: #333;
  margin: 0 0 10px 0;
}

/* 旧站 .gallery-main-desc{16px; #666; max-width 800px; margin 0 auto}（PC L565-571） */
.hkp-if-gallery-main-desc {
  font-size: 16px;
  color: #666;
  margin: 0 auto;
  max-width: 800px;
}

/* 旧站 .gallery-background-blur{absolute 铺满; cover center; blur 30px; opacity .3; z0}（PC L572-584） */
.hkp-if-gallery-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: blur(30px);
  opacity: 0.3;
  z-index: 0;
}

/* 旧站 .gallery-slider{flex; center; relative; width 100%; flex 1; z1}（PC L585-593） */
.hkp-if-gallery-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  flex: 1;
  z-index: 1;
}

/* 旧站 .gallery-slide{absolute 700x400; 0.6s cubic-bezier(.22,1,.36,1); 圆角16; 大阴影}（PC L594-603） */
.hkp-if-gallery-slide {
  position: absolute;
  width: 700px;
  max-width: calc(100% - 20px);
  height: 400px;
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  cursor: pointer;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
.hkp-if-gallery-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 16px;
  display: block;
}

/* 旧站 .slide-overlay{absolute 底部铺满; background none; padding 40px 30px 30px; white}（PC L611-619） */
.hkp-if-slide-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: none;
  padding: 40px 30px 30px;
  color: white;
}
.hkp-if-slide-content {
  max-width: 100%;
}
.hkp-if-slide-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.hkp-if-slide-desc {
  font-size: 14px;
  opacity: 0.9;
  line-height: 1.5;
}

/* 旧站 .gallery-image-title{relative; 18px; #333; 500; 居中; mt 15; z10}（PC L667-675） */
.hkp-if-gallery-image-title {
  position: relative;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  text-align: center;
  margin-top: 15px;
  z-index: 10;
}

/* 旧站 .gallery-nav{absolute 垂直居中; 50px 圆形; bg rgba(100,181,246,.8); z10}（PC L633-656） */
.hkp-if-gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(100, 181, 246, 0.8);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}
.hkp-if-gallery-nav:hover:not(:disabled) {
  background: rgba(66, 165, 245, 1);
}
.hkp-if-gallery-nav:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.hkp-if-gallery-nav svg {
  width: 24px;
  height: 24px;
}

/* 旧站 .nav-prev{left:40px} / .nav-next{right:40px}（PC L661-666） */
.hkp-if-nav-prev {
  left: 40px;
}
.hkp-if-nav-next {
  right: 40px;
}

/* 画廊灯箱（旧站 .gallery-lightbox{fixed 铺满; rgba(0,0,0,.9); z9999; flex 居中} PC L496-525
   组件用 v-if 控制显隐，渲染即 display:flex） */
.hkp-if-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.hkp-if-lightbox img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.hkp-if-lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

/* ===== box1：调理方案 + 三大肠型 + 国家专利（旧站 css/intestinalFlora.css L28-80 + 页内 <style>） ===== */

/* 旧站 .box1{padding:60px; center; bg #f0f8fb}（L28-32） */
.hkp-if-box1 {
  padding: 60px;
  text-align: center;
  background: #f0f8fb;
  box-sizing: border-box;
}

/* 旧站 normal.css .font40{40px; bold; #333}（L39-43） */
.hkp-if-font40 {
  font-size: 40px;
  font-weight: bold;
  color: #333333;
}

/* 旧站 .box1 .medicine{padding-top:55px}（L34-36；图为块级居中） */
.hkp-if-medicine {
  display: block;
  margin: 0 auto;
  padding-top: 55px;
}

/* 旧站 .first-step{800x55; margin 80px auto 50px; lh55; #fff; bold; 32px; bg #0f98d6; 圆角70}（页内 L111-122）
   --no-mt：旧站 box2 第一步 inline margin-top:0（PC L874） */
.hkp-if-step-pill {
  width: 800px;
  max-width: 100%;
  height: 55px;
  margin: 80px auto 50px;
  line-height: 55px;
  color: #ffffff;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  background-color: #0f98d6;
  border-radius: 70px;
  box-sizing: border-box;
}
.hkp-if-step-pill--no-mt {
  margin-top: 0;
}

/* 旧站 box1 第一步描述 inline：width 1085px; margin auto; left; lh 30px; #666（PC L820） */
.hkp-if-first-text {
  width: 1085px;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  line-height: 30px;
  color: #666666;
}

/* 旧站 plan 产品容器 inline：position relative; margin-bottom 90px（PC L823-826） */
.hkp-if-plan-product {
  position: relative;
  margin-bottom: 90px;
}
/* 旧站 drug.png inline：margin 60px 0 18px 0 */
.hkp-if-plan-product img {
  display: block;
  margin: 60px auto 18px;
}

/* 旧站 .hrefClick（PC 页内 L23-38）：140x50 描边胶囊，absolute 底部下沉 30px 居中 */
.hkp-if-buy-pill {
  display: inline-block;
  width: 140px;
  height: 50px;
  border: 1px solid #0f98d6;
  line-height: 50px;
  text-align: center;
  border-radius: 40px;
  color: #0f98d6;
  font-size: 22px;
  text-decoration: none;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}

/* 旧站 .box1 .list .item{1080px; padding 20px 30px; margin 40px auto; border #c0e0ef; 圆角2; left}（L43-52） */
.hkp-if-gene-list {
  display: block;
}
.hkp-if-gene-item {
  width: 1080px;
  max-width: 100%;
  padding: 20px 30px;
  box-sizing: border-box;
  margin: 40px auto;
  line-height: 28px;
  border: 1px solid #c0e0ef;
  border-radius: 2px;
  text-align: left;
  display: flex;
}

/* 旧站 .left{padding-right 20px; border-right 2px #c0e0ef} + .img{136x136}（L54-62） */
.hkp-if-gene-left {
  padding-right: 20px;
  border-right: 2px solid #c0e0ef;
  flex: 0 0 auto;
}
.hkp-if-gene-left img {
  width: 136px;
  height: 136px;
  display: block;
}

/* 旧站 .right{flex:1; padding-left 20px}（L64-67） */
.hkp-if-gene-right {
  flex: 1;
  padding-left: 20px;
}

/* 旧站 .r_title{lh40; #0f98d6; 24px; bold}（L69-74） */
.hkp-if-gene-title {
  line-height: 40px;
  color: #0f98d6;
  font-size: 24px;
  font-weight: bold;
}

/* 旧站 .r_desc{#666; 16px; lh32}（L76-80） */
.hkp-if-gene-desc {
  color: #666666;
  font-size: 16px;
  line-height: 32px;
}

/* ===== 国家专利认证（旧站 .sec-patent PC 页内 L41-80） ===== */

.hkp-if-patent {
  margin: 70px 0;
}
.hkp-if-patent i {
  font-style: normal;
}

/* 旧站 .sec-patent .title{30px; #333; bold} */
.hkp-if-patent-title {
  font-size: 30px;
  color: #333;
  font-weight: bold;
}

/* 旧站 .number{margin-top:35px} */
.hkp-if-patent-number {
  margin-top: 35px;
}

/* 旧站 .number-box{inline-block; margin 0 70px; 20px; #666}
   + span{padding 15px 35px; mb10; 30px; #fff; bold; 圆角10; bg #ef8337; lh1}
   + span i{margin-right 15px} */
.hkp-if-patent-box {
  display: inline-block;
  margin: 0 70px;
  font-size: 20px;
  color: #666;
}
.hkp-if-patent-box span {
  display: inline-block;
  padding: 15px 35px;
  margin-bottom: 10px;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
  background-color: #ef8337;
  line-height: 1;
}
.hkp-if-patent-box span i {
  margin-right: 15px;
}

/* ===== box2：第二步移植 + 第三步巴伦素 + 6 产品（旧站 L82-112 + PC L873-916） ===== */

/* 旧站 .box2{center; padding 40px} + inline padding-top:0; bg #f0f8fb（PC L873） */
.hkp-if-box2 {
  text-align: center;
  padding: 0 40px 40px;
  background-color: #f0f8fb;
  box-sizing: border-box;
}

/* 旧站 .box2 .desc{1050px; #666; lh32} + inline text-align center; padding-top 0（PC L875/880） */
.hkp-if-box2-desc {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #666666;
  line-height: 32px;
  padding-top: 0;
}

/* 旧站 step2.png inline：margin 40px auto（PC L878） */
.hkp-if-transplant-img {
  display: block;
  margin: 40px auto;
}

/* 旧站 .boxList{flex; center; padding-top 40px; width 1320px; margin auto}（L97-102）
   组件为两行 boxList 的外层包裹（无旧站对应 DOM，仅布局容器） */
.hkp-if-box2-lists {
  display: block;
}
.hkp-if-box-list {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  width: 1320px;
  max-width: 100%;
  margin: auto;
  box-sizing: border-box;
}

/* 旧站 .product{width:33.33%; relative} + .img{display block; margin auto}（L104-107/123-126） */
.hkp-if-product {
  width: 33.33%;
  position: relative;
}
.hkp-if-product img {
  display: block;
  margin: auto;
}

/* 旧站 .product .border{border-right 1px #c0e0ef; absolute right0 top20; height 360px}（L127-133）
   组件改为产品项 ::after（每行前 2 个带分隔线，pi%3!==2） */
.hkp-if-product--border::after {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  height: 360px;
  border-right: 1px solid #c0e0ef;
}

/* 旧站 .product .btn{140x50; 描边 #0f98d6; 圆角40; 22px; margin 40px auto 20px}（L134-146） */
.hkp-if-product-btn {
  display: inline-block;
  width: 140px;
  height: 50px;
  border: 1px solid #0f98d6;
  line-height: 50px;
  text-align: center;
  border-radius: 40px;
  color: #0f98d6;
  font-size: 22px;
  text-decoration: none;
  margin: 40px auto 20px;
  box-sizing: border-box;
}

/* ===== 通栏图 + 认证图（旧站 PC L917-918 / css L114-118） ===== */

/* 旧站 pic1.png inline：margin-bottom 40px（PC L917） */
.hkp-if-banner-full {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}

/* 旧站 .authentication{1080px; block; margin 40px auto 60px}（css L114-118） */
.hkp-if-authentication {
  width: 1080px;
  max-width: 100%;
  display: block;
  margin: 40px auto 60px;
}

/* ===== 科研合作三段（旧站 .sec-research-project PC 页内 L83-110） ===== */

/* 旧站{margin-top 80px; margin-bottom 70px; center} */
.hkp-if-research {
  margin-top: 80px;
  margin-bottom: 70px;
  text-align: center;
}

/* 旧站 .title{40px; #333; bold; lh1.5}——多行标题 \n 存储 pre-line 渲染（拍板） */
.hkp-if-research-title {
  font-size: 40px;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  white-space: pre-line;
}

/* 旧站第三段 subtitle 为 .first-step 变体：margin 20px auto 0; font-weight normal（PC L954）
   仅第三段使用；前两段 subtitle 留空不渲染 */
.hkp-if-research-subtitle {
  display: block;
  width: 800px;
  max-width: 100%;
  margin: 20px auto 0;
  color: #ffffff;
  font-weight: normal;
  font-size: 32px;
  line-height: 55px;
  min-height: 55px;
  text-align: center;
  background-color: #0f98d6;
  border-radius: 70px;
  box-sizing: border-box;
}

/* 旧站 .row-imgs{margin-top 40px}（L96-98） */
.hkp-if-research-imgs {
  margin-top: 40px;
}

/* 旧站 .img{inline-block; top; margin 0 25px} + img inline width 406px（L100-104 / L925 等） */
.hkp-if-research-img {
  display: inline-block;
  vertical-align: top;
  margin: 0 25px;
}
.hkp-if-research-img img {
  width: 406px;
  max-width: 100%;
  display: block;
}

/* 旧站 .img-tips{14px; #666; mt 5px}——多行图注 \n 存储 pre-line 渲染（拍板） */
.hkp-if-research-caption {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
  white-space: pre-line;
}

/* ===== GEO 内容区块（旧站 PC 页内 L147-351 / H5 css/mobile/geo-common.css，同 diseasePrevention 六子段口径） ===== */

/* 旧站 .geo-section{max-width:1200px; margin:60px auto; padding:0 20px}
   预览面板适配：width:100%（2026-09-14 决策） */
.hkp-if-geo-section {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.hkp-if-geo-section h2 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  color: #1a1a1a;
}
.hkp-if-geo-section .hkp-if-geo-subtitle {
  text-align: center;
  color: #888;
  font-size: 14px;
  margin-bottom: 40px;
  margin-top: 0;
}

/* 内容详解（旧站 .geo-content-blocks{max-width:860px; 居中} + block{mb40; h3 22px; p 15px; h4 18px}） */
.hkp-if-geo-blocks {
  max-width: 860px;
  margin: 0 auto;
}
.hkp-if-geo-block {
  margin-bottom: 40px;
}
.hkp-if-geo-block h3 {
  font-size: 22px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 12px;
}
.hkp-if-geo-block p {
  font-size: 15px;
  color: #555;
  line-height: 1.9;
}
.hkp-if-geo-block h4 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 16px 0 8px;
}

/* 医学术语（旧站 .geo-term-grid{3列; gap20px} + card{bg#f8fafb; 圆角8; padding24; border-left 3px #2a7f62}） */
.hkp-if-geo-term-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.hkp-if-geo-term-card {
  background: #f8fafb;
  border-radius: 8px;
  padding: 24px;
  border-left: 3px solid #2a7f62;
}
.hkp-if-geo-term-card .hkp-if-term-cat {
  font-size: 11px;
  color: #2a7f62;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.hkp-if-geo-term-card .hkp-if-term-name {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.hkp-if-geo-term-card .hkp-if-term-def {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* FAQ 折叠（旧站 .geo-faq-list{860px 居中} + item{border-bottom; padding 20px 0; pointer}
   + q{17px 600 flex between} + arrow{12px #999 .3s} + a{15px #555 lh1.8 pt12}） */
.hkp-if-geo-faq-list {
  max-width: 860px;
  margin: 0 auto;
}
.hkp-if-geo-faq-item {
  border-bottom: 1px solid #e8e8e8;
  padding: 20px 0;
  cursor: pointer;
}
.hkp-if-geo-faq-item .hkp-if-faq-q {
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hkp-if-geo-faq-item .hkp-if-faq-q .hkp-if-faq-arrow {
  font-size: 12px;
  color: #999;
  transition: transform 0.3s;
}
.hkp-if-geo-faq-item .hkp-if-faq-q .hkp-if-faq-arrow.open {
  transform: rotate(180deg);
}
.hkp-if-geo-faq-item .hkp-if-faq-a {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  padding-top: 12px;
  display: none;
}
.hkp-if-geo-faq-item .hkp-if-faq-a.show {
  display: block;
}

/* 典型案例（旧站 .geo-case-grid{2列; gap24px} + card{bg#fff; border #e8e8e8; 圆角10; padding28}） */
.hkp-if-geo-case-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.hkp-if-geo-case-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 28px;
}
.hkp-if-geo-case-card .hkp-if-case-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.hkp-if-geo-case-card .hkp-if-case-alias {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
}
.hkp-if-geo-case-card .hkp-if-case-status {
  font-size: 12px;
  background: #e8f5e9;
  color: #2e7d32;
  padding: 4px 12px;
  border-radius: 12px;
}
.hkp-if-geo-case-card .hkp-if-case-meta {
  font-size: 14px;
  color: #777;
  line-height: 2;
}
.hkp-if-geo-case-card .hkp-if-case-hba1c {
  margin-top: 12px;
  padding: 12px;
  background: #f5f8fa;
  border-radius: 6px;
  font-size: 14px;
}
.hkp-if-geo-case-card .hkp-if-case-hba1c span {
  color: #2a7f62;
  font-weight: bold;
}
.hkp-if-geo-case-card .hkp-if-case-disclaimer {
  font-size: 12px;
  color: #aaa;
  margin-top: 12px;
  line-height: 1.5;
}

/* GEO 专家团队（旧站 .geo-expert-grid{2列; gap24px} + card{bg#f8fafb; 圆角10; padding28; 居中}） */
.hkp-if-geo-expert-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.hkp-if-geo-expert-card {
  background: #f8fafb;
  border-radius: 10px;
  padding: 28px;
  text-align: center;
}
.hkp-if-geo-expert-card .hkp-if-expert-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #2a7f62;
  color: #fff;
  font-size: 28px;
  line-height: 72px;
  margin: 0 auto 16px;
}
.hkp-if-geo-expert-card .hkp-if-expert-name {
  font-size: 20px;
  font-weight: bold;
  color: #1a1a1a;
}
.hkp-if-geo-expert-card .hkp-if-expert-title {
  font-size: 14px;
  color: #2a7f62;
  margin: 6px 0;
}
.hkp-if-geo-expert-card .hkp-if-expert-inst {
  font-size: 13px;
  color: #777;
  margin-bottom: 10px;
}
.hkp-if-geo-expert-card .hkp-if-expert-role {
  font-size: 13px;
  color: #555;
}

/* 审核信息条（旧站 .geo-meta-bar{1200px; margin 0 auto 20px; 13px #999; 居中}） */
.hkp-if-geo-meta-bar {
  max-width: 1200px;
  margin: 0 auto 20px;
  padding: 0 20px;
  font-size: 13px;
  color: #999;
  text-align: center;
}

/* GEO 加载失败空态（预览侧兜底文案，非旧站原样式） */
.hkp-if-geo-empty {
  padding: 40px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}

/* ===== 移动端（容器查询 ≤768px，旧站 h5/intestinalFlora.html 页内样式 rem×37.5
   + css/mobile/intestinalFlora.css + css/mobile/geo-common.css） ===== */
@container (max-width: 768px) {

  /* ===== GEO 文章卡 H5（旧站 L136-172） ===== */

  /* 旧站 .article-card{padding .5rem .3rem; border-bottom 10px #f0f8fb}（单列纵排） */
  .hkp-if-article-card {
    display: block;
    max-width: none;
    width: auto;
    padding: 18.75px 11.25px;
    border-bottom: 10px solid #f0f8fb;
  }
  .hkp-if-article-text h3 {
    font-size: 13.5px; /* .36rem */
    margin-bottom: 6px; /* .16rem */
    line-height: 1.5;
  }
  .hkp-if-article-text p {
    font-size: 10.5px; /* .28rem */
    line-height: 1.8;
  }
  /* 旧站 .article-card-img{mt .3rem} + img{width 100%; 圆角 .12rem} */
  .hkp-if-article-img {
    flex: none;
    margin-top: 11.25px;
  }
  .hkp-if-article-img img {
    border-radius: 4.5px;
  }
  /* 旧站 .article-card-more{text-align right; mt .2rem}（H5 静态布局） */
  .hkp-if-article-more {
    position: static;
    text-align: right;
    margin-top: 7.5px;
  }
  .hkp-if-article-more-btn {
    padding: 3px 15px; /* .08rem .4rem */
    border-radius: 11.25px; /* .3rem */
    font-size: 9.75px; /* .26rem */
  }

  /* ===== GEO 画廊 H5（旧站 L174-331） ===== */

  /* 旧站 .custom-gallery-section{padding .5rem 0} */
  .hkp-if-gallery-section {
    padding: 18.75px 0;
  }
  /* 旧站 .custom-gallery-container{height 7.2rem} */
  .hkp-if-gallery-container {
    height: 270px;
  }
  /* 旧站 .gallery-header{padding 0 .3rem; mb .3rem} */
  .hkp-if-gallery-header {
    padding: 0 11.25px;
    margin-bottom: 11.25px;
  }
  /* 旧站 .gallery-main-title{.48rem; mb .15rem} / desc{.3rem; max-width 8rem; lh1.6} */
  .hkp-if-gallery-main-title {
    font-size: 18px;
    margin: 0 0 5.625px;
  }
  .hkp-if-gallery-main-desc {
    font-size: 11.25px;
    max-width: 300px;
    line-height: 1.6;
  }
  /* 旧站 .gallery-slide{5.8rem x 3.3rem; 圆角 .24rem; 阴影 0 .3rem .9rem} */
  .hkp-if-gallery-slide {
    width: 217.5px;
    max-width: calc(100% - 10px);
    height: 123.75px;
    border-radius: 9px;
    box-shadow: 0 11.25px 33.75px rgba(0, 0, 0, 0.35);
  }
  .hkp-if-gallery-slide img {
    border-radius: 9px;
  }
  /* 旧站 H5 overlay 为渐变底（transparent → rgba(0,0,0,.55)），PC 为 none——双端各自保留 */
  .hkp-if-slide-overlay {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));
    padding: 18.75px 11.25px 9.375px; /* .5rem .3rem .25rem */
  }
  .hkp-if-slide-title {
    font-size: 12.75px; /* .34rem */
    margin-bottom: 3px; /* .08rem */
  }
  .hkp-if-slide-desc {
    font-size: 9px; /* .24rem */
  }
  /* 旧站 .gallery-nav{.8rem; svg .4rem} + prev/next{left/right .2rem} */
  .hkp-if-gallery-nav {
    width: 30px;
    height: 30px;
  }
  .hkp-if-gallery-nav svg {
    width: 15px;
    height: 15px;
  }
  .hkp-if-nav-prev {
    left: 7.5px;
  }
  .hkp-if-nav-next {
    right: 7.5px;
  }
  /* 旧站 .gallery-image-title{.3rem; mt .2rem} */
  .hkp-if-gallery-image-title {
    font-size: 11.25px;
    margin-top: 7.5px;
  }
  /* 旧站 .close-btn{top .3rem; right .4rem; .7rem} */
  .hkp-if-lightbox-close {
    top: 11.25px;
    right: 15px;
    font-size: 26.25px;
  }

  /* ===== box1 H5（旧站 .step_box{padding 20px 5%; bg #f0f8fb; mt 30px}） ===== */

  .hkp-if-box1 {
    padding: 20px 5%;
    margin-top: 30px;
  }
  /* 旧站标题 .h5Txt{.6667rem; #333; bold; mb .1rem} */
  .hkp-if-font40 {
    font-size: 25px;
    color: #333333;
    margin-bottom: 3.75px;
  }
  /* 旧站 step.png inline：width 90%; margin 30px auto 50px */
  .hkp-if-medicine {
    width: 90%;
    margin: 30px auto 50px;
    padding-top: 0;
  }
  /* 旧站 ._step{margin auto; padding 5px 0; lh 39px; bold; .5867rem; 圆角70; mb 20px}（高度自适应多行） */
  .hkp-if-step-pill {
    width: 90%;
    max-width: 90%;
    height: auto;
    margin: 40px auto 20px;
    padding: 5px 10px;
    line-height: 39px;
    font-size: 22px;
    border-radius: 70px;
    white-space: pre-line;
  }
  .hkp-if-step-pill--no-mt {
    margin-top: 0;
  }
  /* 旧站 ._txt{.48rem; #666; left; lh 34px} */
  .hkp-if-first-text {
    width: auto;
    font-size: 18px;
    text-align: left;
    line-height: 34px;
  }
  /* 旧站 box.png inline：width 90%; mt 30px；购买钮 .buyBtn.hrefClick：300x45 描边胶囊 */
  .hkp-if-plan-product {
    position: static;
    margin-bottom: 0;
  }
  .hkp-if-plan-product img {
    width: 90%;
    margin: 30px auto 0;
  }
  .hkp-if-buy-pill {
    position: static;
    transform: none;
    display: block;
    width: 300px;
    max-width: 90%;
    height: 45px;
    line-height: 45px;
    font-size: 19.5px; /* .52rem */
    border-radius: 45px;
    margin: 17.5px auto 45px; /* .466666rem auto 1.2rem */
  }

  /* 旧站 .gene-list{padding 0 5%; mt .5rem} + item{flex; start; mb .45rem} */
  .hkp-if-gene-list {
    padding: 0 5%;
    margin-top: 18.75px;
  }
  .hkp-if-gene-item {
    width: auto;
    margin: 0 0 16.875px;
    padding: 0;
    border: none;
    border-radius: 0;
    align-items: flex-start;
  }
  /* 旧站 .g-left{flex 0 0 1.7rem} + img{width 1.5rem}（无边线） */
  .hkp-if-gene-left {
    flex: 0 0 63.75px;
    padding-right: 0;
    border-right: none;
  }
  .hkp-if-gene-left img {
    width: 56.25px;
    height: auto;
  }
  .hkp-if-gene-right {
    padding-left: 0;
  }
  /* 旧站 H5 .r_title{.4rem; #333; mb .1rem}（H5 标题黑色，PC 蓝色——双端各自保留） */
  .hkp-if-gene-title {
    font-size: 15px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 3.75px;
  }
  /* 旧站 H5 .r_desc{.3rem; #666; lh1.7; justify} */
  .hkp-if-gene-desc {
    font-size: 11.25px;
    line-height: 1.7;
    text-align: justify;
  }

  /* 旧站 H5 .sec-patent{margin 1rem 0 .6rem; padding 0 5%; center} */
  .hkp-if-patent {
    margin: 37.5px 0 22.5px;
    padding: 0 5%;
  }
  .hkp-if-patent-title {
    font-size: 16.5px; /* .44rem */
  }
  .hkp-if-patent-number {
    margin-top: 18.75px; /* .5rem */
  }
  /* 旧站 H5 .number-box{margin .3rem 0; .28rem} + span{padding .18rem .35rem; mb .15rem; .34rem; 圆角 .12rem} */
  .hkp-if-patent-box {
    display: block;
    margin: 11.25px 0;
    font-size: 10.5px;
  }
  .hkp-if-patent-box span {
    padding: 6.75px 13.125px;
    margin-bottom: 5.625px;
    font-size: 12.75px;
    border-radius: 4.5px;
  }
  .hkp-if-patent-box span i {
    margin-right: 7.5px;
  }

  /* ===== box2 H5（旧站 step_box 延续 + .product{flex wrap}） ===== */

  /* H5 第二/三步仍在 #f0f8fb 背景段内（step_box 与 .product 同底色连续） */
  .hkp-if-box2 {
    padding: 0 5% 37.5px;
  }
  /* 旧站 step_tow.png inline：width 100%; mt 30px */
  .hkp-if-transplant-img {
    width: 100%;
    margin: 30px auto 0;
  }
  /* 旧站 ._txt 左对齐（PC 居中——双端各自保留） */
  .hkp-if-box2-desc {
    width: auto;
    text-align: left;
    font-size: 18px;
    line-height: 34px;
  }
  /* 旧站 .product{flex wrap} + .imgBox{50%; padding 0 20px; mb .8rem}（两列） */
  .hkp-if-box2-lists {
    padding: 0 5%;
  }
  .hkp-if-box-list {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    padding-top: 0;
  }
  .hkp-if-product {
    width: 50%;
    padding: 0 20px 30px;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  .hkp-if-product--border::after {
    display: none; /* 旧站 H5 无分隔线 */
  }
  .hkp-if-product img {
    width: 100%;
    height: auto;
  }
  /* 旧站 H5 .buyBtn：300x45 圆角胶囊居中（H5 原按产品配色 green/orange/pink…，
     字段化后无逐产品色值——拍板 PC/H5 不对等以 PC 为准，统一描边蓝） */
  .hkp-if-product-btn {
    display: block;
    width: 90%;
    height: 45px;
    line-height: 45px;
    font-size: 19.5px; /* .52rem */
    border-radius: 45px;
    margin: 20px auto 0;
  }

  /* ===== 通栏图 H5（旧站 L631-636 inline：width 100%） ===== */
  .hkp-if-banner-full {
    margin-bottom: 22.5px; /* .6rem */
  }
  .hkp-if-authentication {
    width: 100%;
    margin: 0 auto 30px; /* .8rem */
  }

  /* ===== 科研合作 H5（旧站 L31-53） ===== */

  /* 旧站 .sec-research-project{mt .93334rem; mb 1rem; center} */
  .hkp-if-research {
    margin-top: 35px;
    margin-bottom: 37.5px;
  }
  /* 旧站 .title{.48rem; lh1.5; mb .53334rem} */
  .hkp-if-research-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  /* 旧站第三段 ._step 变体：width 90%; normal; .4267rem */
  .hkp-if-research-subtitle {
    width: 90%;
    max-width: 90%;
    margin: 20px auto;
    font-size: 16px;
    line-height: 39px;
    min-height: 0;
    padding: 5px 10px;
  }
  /* 旧站图片纵排：width 7.46667rem; mb .4rem */
  .hkp-if-research-imgs {
    margin-top: 15px;
  }
  .hkp-if-research-img {
    display: block;
    margin: 0 auto 15px;
  }
  .hkp-if-research-img img {
    width: 280px;
    margin: 0 auto;
  }
  /* 旧站 .img2-tips{.32rem; #666; mt .1rem} */
  .hkp-if-research-caption {
    font-size: 12px;
    margin-top: 3.75px;
  }

  /* ===== GEO 区块 H5（旧站 css/mobile/geo-common.css 全量 rem ×37.5；
     term/case/expert 单列流式（grid 退化单列），FAQ 同旧站 H5 DOM） ===== */

  /* 旧站 .geo-section{padding .4rem .3rem} */
  .hkp-if-geo-section {
    margin: 0 auto;
    padding: 15px 11.25px;
  }
  /* 旧站 h2{.44rem; mb .16rem} / .geo-subtitle{.26rem; mb .4rem} */
  .hkp-if-geo-section h2 {
    font-size: 16.5px;
    margin-bottom: 6px;
  }
  .hkp-if-geo-section .hkp-if-geo-subtitle {
    font-size: 9.75px;
    margin-bottom: 15px;
  }

  /* 旧站 .geo-term-item{bg#f8fafb; 圆角 .12rem; padding .28rem; border-left 3px #2a7f62; mb .2rem}
     name .32rem mb .08rem / def .26rem lh1.6——grid 退化单列 */
  .hkp-if-geo-term-grid {
    grid-template-columns: 1fr;
    gap: 7.5px;
  }
  .hkp-if-geo-term-card {
    border-radius: 4.5px;
    padding: 10.5px;
    border-left: 3px solid #2a7f62;
  }
  .hkp-if-geo-term-card .hkp-if-term-name {
    font-size: 12px;
    margin-bottom: 3px;
  }
  .hkp-if-geo-term-card .hkp-if-term-def {
    font-size: 9.75px;
    line-height: 1.6;
  }
  .hkp-if-geo-term-card .hkp-if-term-cat {
    display: none; /* 旧站 H5 term item 无 cat 展示 */
  }

  /* 旧站 .geo-faq-item{padding .28rem 0} / .faq-q{.3rem} / .faq-arrow{.2rem}
     / .faq-a{.26rem; lh1.8; pt .16rem} */
  .hkp-if-geo-faq-item {
    padding: 10.5px 0;
  }
  .hkp-if-geo-faq-item .hkp-if-faq-q {
    font-size: 11.25px;
  }
  .hkp-if-geo-faq-item .hkp-if-faq-q .hkp-if-faq-arrow {
    font-size: 7.5px;
  }
  .hkp-if-geo-faq-item .hkp-if-faq-a {
    font-size: 9.75px;
    line-height: 1.8;
    padding-top: 6px;
  }

  /* 旧站 .geo-case-item{bg#fff; border 1px #e8e8e8; 圆角 .16rem; padding .3rem; mb .24rem}
     alias .32rem / status{.2rem; padding .04rem .16rem; 圆角 .16rem; ml .1rem}
     meta{.25rem; lh2; mt .1rem} / hba1c{mt .16rem; padding .16rem; 圆角 .08rem; .25rem}
     disclaimer{.2rem; mt .12rem}——grid 退化单列 */
  .hkp-if-geo-case-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .hkp-if-geo-case-card {
    border-radius: 6px;
    padding: 11.25px;
    margin-bottom: 9px;
  }
  .hkp-if-geo-case-card .hkp-if-case-header {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .hkp-if-geo-case-card .hkp-if-case-alias {
    font-size: 12px;
    margin-bottom: 3.75px;
  }
  .hkp-if-geo-case-card .hkp-if-case-status {
    font-size: 7.5px;
    padding: 1.5px 6px;
    border-radius: 6px;
    margin-left: 3.75px;
  }
  .hkp-if-geo-case-card .hkp-if-case-meta {
    font-size: 9.375px;
    line-height: 2;
    margin-top: 3.75px;
  }
  .hkp-if-geo-case-card .hkp-if-case-hba1c {
    margin-top: 6px;
    padding: 6px;
    border-radius: 3px;
    font-size: 9.375px;
  }
  .hkp-if-geo-case-card .hkp-if-case-disclaimer {
    font-size: 7.5px;
    margin-top: 4.5px;
  }

  /* 旧站 .geo-expert-item{bg#f8fafb; 圆角 .16rem; padding .3rem; 居中; mb .24rem}
     avatar{1rem; 圆形; .4rem; lh1rem; mb .2rem} / name .34rem / title{.25rem; margin .08rem 0}
     inst{.23rem; mb .1rem} / role{.23rem}——grid 退化单列 */
  .hkp-if-geo-expert-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .hkp-if-geo-expert-card {
    border-radius: 6px;
    padding: 11.25px;
    margin-bottom: 9px;
  }
  .hkp-if-geo-expert-card .hkp-if-expert-avatar {
    width: 37.5px;
    height: 37.5px;
    font-size: 15px;
    line-height: 37.5px;
    margin: 0 auto 7.5px;
  }
  .hkp-if-geo-expert-card .hkp-if-expert-name {
    font-size: 12.75px;
  }
  .hkp-if-geo-expert-card .hkp-if-expert-title {
    font-size: 9.375px;
    margin: 3px 0;
  }
  .hkp-if-geo-expert-card .hkp-if-expert-inst {
    font-size: 8.625px;
    margin-bottom: 3.75px;
  }
  .hkp-if-geo-expert-card .hkp-if-expert-role {
    font-size: 8.625px;
  }

  /* 旧站 .geo-content-block{mb .4rem; padding 0 .1rem} / h3{.36rem; mb .12rem}
     / p{.28rem; lh1.9} / h4{.32rem; margin .2rem 0 .1rem} */
  .hkp-if-geo-block {
    margin-bottom: 15px;
    padding: 0 3.75px;
  }
  .hkp-if-geo-block h3 {
    font-size: 13.5px;
    margin-bottom: 4.5px;
  }
  .hkp-if-geo-block p {
    font-size: 10.5px;
    line-height: 1.9;
  }
  .hkp-if-geo-block h4 {
    font-size: 12px;
    margin: 7.5px 0 3.75px;
  }

  /* 旧站 .geo-meta-bar{padding .3rem; .22rem; #999; 居中} */
  .hkp-if-geo-meta-bar {
    padding: 11.25px;
    font-size: 8.25px;
  }
}

/* ===== H5 回到顶部按钮（页面级，旧站 h5 .upload：css/normal.css L427-437 + js/common.js upload()；
   取值同 aboutUs .hkp-au-upload / aiPlatform .hkp-aip-upload 口径——fixed 右下角，
   默认 display:none，scroll>400 由 JS 显示（仅窄屏，hkpjs/intestinalFlora.js）；
   2026-09-16 补齐（拼装 site.css 时一并补入；本页 JS 此前无初始隐藏兜底，无 CSS 时按钮
   曾以静态块露出页面底部——补齐后由 CSS 初始 display:none 接管初始态） ===== */
.hkp-if-upload {
  position: fixed;
  right: 5cqw;   /* 旧站 0.5rem */
  bottom: 10cqw; /* 旧站 1rem */
  z-index: 9999;
  display: none; /* 旧站默认 display:none，scroll>400 由 JS 显示（仅窄屏，hkpjs/intestinalFlora.js） */
}

.hkp-if-upload img {
  width: 15cqw; /* 旧站 1.5rem */
  cursor: pointer;
}

/* ===== site-styles/6GPlan.css ===== */
/* 三高逆转页（6GPlan）预览样式（对照表：doc/模块对照表/三高逆转页模块拆分对照表.md，
   2026-09-14 拍板 13 项 + 决策 16）
   结构对齐旧站：PC E:\lrf\hxhkp\6GPlan.html（页内 <style> L25-459 + DOM inline L578-604 控制率区
   + css/6GPlan.css L5-12 banner）/ 移动 E:\lrf\hxhkp\h5\6GPlan.html（页内 <style> L24-252
   + css/mobile/6GPlan.css L3-6 imgBox，rem 基准 37.5）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局（旧站 H5 口径）
   决策 16（2026-09-16）：GEO 区块配置整块取消（现存口径仅 banner/articles/serviceMode/stats
   四模块），GEO 区块/6G 计划介绍（sixgIntro）/兜底通栏图样式段随之移除（死代码清理；
   亦防 .hkp-6g-item 等选择器与 6GShare.css 同名互扰——6GShare 列表条目在 site.css 拼装中先于本段）；
   悬浮联系窗/百度智能体/百度统计不复刻 */

/* ===== 页面容器 ===== */

/* Banner 高度取旧站本页口径（css/6GPlan.css L5-7 #bannerSwiper{height:360px}；
   banner.css 读取本变量，H5 端 banner.css 容器查询 71.3cqw 等比自适配——全站统一口径）
   选择器用 .hkp-6g-page.hkp-6g-plan（根节点双类，特异性 0,2,0）压过 6GShare 段
   .hkp-6g-page 的 300px 同名变量——两页根类名相同（.hkp-6g-page），site.css 拼装后
   源顺序覆盖曾致 6GShare banner 失真 +60px（2026-09-16 拼装时按 6GPlan.html L74-77
   登记的「样式侧调整选择器」路径修复；模板/预览根节点同步加 hkp-6g-plan 修饰类） */
.hkp-6g-page.hkp-6g-plan {
  --hkp-banner-height: 360px; /* 旧站 css/6GPlan.css L6：360px */
}

/* 图片不溢出（预览面板/官网容器兜底） */
.hkp-6g-page img {
  max-width: 100%;
}

/* 旧站 normal.css L1-4 *{padding:0; margin:0} 全局重置的局部等价
   （预览环境无该重置，p/h2/h3/h4 需显式清 margin 才能对齐旧站排版） */
.hkp-6g-page h2,
.hkp-6g-page h3,
.hkp-6g-page h4,
.hkp-6g-page p {
  margin: 0;
}

/* ===== GEO 文章卡（旧站 PC 页内 <style> L69-149；articlesJson 只读直连） ===== */

/* 旧站 .article-card{background:#fff; border:1px solid #b3d8f7; max-width:1200px;
   margin:20px auto; padding:40px; flex; flex-start; pointer; box-shadow .3s; relative}
   预览面板窄于 1280px 时随 max-width 自动收缩（无需额外适配） */
.hkp-6g-article-card {
  background: #ffffff;
  border: 1px solid #b3d8f7;
  max-width: 1200px;
  margin: 20px auto;
  padding: 40px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  transition: box-shadow 0.3s;
  position: relative;
}
.hkp-6g-article-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); /* 旧站 PC 页内 L81-83 */
}

/* 旧站 layout-left/right 仅调 order 与文本左右 padding（PC 页内 L84-97） */
.hkp-6g-layout-left .hkp-6g-article-text {
  order: 1;
  padding-right: 40px;
}
.hkp-6g-layout-left .hkp-6g-article-img {
  order: 2;
}
.hkp-6g-layout-right .hkp-6g-article-text {
  order: 2;
  padding-left: 40px;
}
.hkp-6g-layout-right .hkp-6g-article-img {
  order: 1;
}

/* 旧站 .article-card-text{flex:1} + h3 28px/1.4（PC 页内 L98-107） */
.hkp-6g-article-text {
  flex: 1;
}
.hkp-6g-article-text h3 {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 16px;
  line-height: 1.4;
}
/* 旧站 h3 .prefix{display:block; 20px; normal; #666; mb 4px}（PC 页内 L108-114） */
.hkp-6g-article-text .hkp-6g-article-prefix {
  display: block;
  font-size: 20px;
  font-weight: normal;
  color: #666;
  margin-bottom: 4px;
}
/* 旧站 .article-card-text p{14px; #666; lh1.8}（PC 页内 L115-119） */
.hkp-6g-article-text p {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}
/* 旧站 .article-source{12px; #999; mt 8px}（PC 页内 L120-124） */
.hkp-6g-article-text .hkp-6g-article-source {
  font-size: 12px;
  color: #999;
  margin-top: 8px;
}

/* 旧站 .article-card-img{flex:0 0 480px} + img{width:100%; 圆角 0}（PC 页内 L125-131） */
.hkp-6g-article-img {
  flex: 0 0 480px;
}
.hkp-6g-article-img img {
  width: 100%;
  border-radius: 0;
}

/* 旧站 .article-card-more{absolute 右下 20px} + .article-more-btn（PC 页内 L132-149） */
.hkp-6g-article-more {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.hkp-6g-article-more-btn {
  display: inline-block;
  padding: 6px 24px;
  background: #4ab0f5;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.3s;
}
.hkp-6g-article-more-btn:hover {
  background: #3a9fe5;
}

/* ===== 逆转服务模式 box2（旧站 PC 页内 L31-59 + normal.css .flex L25-28） ===== */

/* 旧站 .box2{text-align:center; padding:60px 0}（PC 页内 L31-34） */
.hkp-6g-box2 {
  text-align: center;
  padding: 60px 0;
}
/* 旧站 .b2_title{40px; bold; padding-bottom 40px}（PC 页内 L36-40） */
.hkp-6g-b2-title {
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 40px;
}
/* 旧站 .inner_box.flex = normal.css .flex{display:flex; align-items:center}
   + 页内 .inner_box{justify-content:center}（L42-44） */
.hkp-6g-inner-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 旧站 .item{width:566px; font-size:24px; border-left 1px #e1e1e1}（L46-50）；
   img 无显式规则（自然尺寸，text-align:center 居中） */
.hkp-6g-box2-item {
  width: 566px;
  font-size: 24px;
  border-left: 1px solid #e1e1e1;
}
/* 旧站 .item:last-child{border-right:1px solid #e1e1e1}（L52-54） */
.hkp-6g-box2-item:last-child {
  border-right: 1px solid #e1e1e1;
}
/* 旧站 .item .name{padding-top:10px; color:#666666}（L56-59） */
.hkp-6g-box2-item .hkp-6g-box2-name {
  padding-top: 10px;
  color: #666666;
}

/* ===== 控制率数据区（旧站 PC L578-604 全 DOM inline 样式） ===== */

/* 旧站外层 div style="position:relative"（PC L578） */
.hkp-6g-percent {
  position: relative;
}
/* 旧站 img.e-block{display:block; width:100%}（normal.css L30-33；PC 无固定高度，
   图随原始比例自然渲染） */
.hkp-6g-percent-bg {
  display: block;
  width: 100%;
}
/* 旧站 overlay inline：absolute; top:-20px; left:0; width/height:100%;
   flex column center; #333; padding:0; border-box（PC L580） */
.hkp-6g-percent-overlay {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #333;
  padding: 0;
  box-sizing: border-box;
}
/* 旧站 h2 inline：36px; bold; #20a7e1; margin-bottom:30px（PC L581） */
.hkp-6g-percent-overlay h2 {
  font-size: 36px;
  font-weight: bold;
  color: #20a7e1;
  margin-bottom: 30px;
}
/* 旧站 grid inline：grid 1fr 1fr; gap:20px; margin-bottom:70px; max-width:800px（PC L582） */
.hkp-6g-percent-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 70px;
  max-width: 800px;
}
/* 旧站 p-item inline：rgba(255,255,255,0.9); padding 10px 20px; 圆角 20px;
   center; flex center; #20a7e1; 20px（PC L583/586/589/592） */
.hkp-6g-p-item {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 20px;
  border-radius: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #20a7e1;
  font-size: 20px;
}
/* 旧站 lines inline：center; max-width:800px; lh2.5; 24px; margin-top:20px（PC L596） */
.hkp-6g-percent-lines {
  text-align: center;
  max-width: 800px;
  line-height: 2.5;
  font-size: 24px;
  margin-top: 20px;
}
/* 旧站 p strong inline：color:#333（PC L597-600） */
.hkp-6g-percent-lines p strong {
  color: #333;
}
/* 旧站 p span inline：color:#ff6600; bold（PC L597-600） */
.hkp-6g-percent-lines p span {
  color: #ff6600;
  font-weight: bold;
}
/* 旧站 .tipTxt 类规则{absolute; left:75%; 12px; #666; top:88%}（PC 页内 L61-67）
   + DOM inline 覆盖 left:auto; right:15%; top:90%（PC L603）——按生效值复刻 */
.hkp-6g-tip-txt {
  position: absolute;
  right: 15%;
  top: 90%;
  font-size: 12px;
  color: #666;
}

/* ===== FAQ 常见问题/基础知识 + 审核信息条（2026-09-17 决策变更重新立项，geoFaq 模块；
   旧站 PC 6GPlan.html 页内 <style> L222-335 GEO 段 + css/geo-common.css 同源取值；
   状态类无前缀 .open/.show（同肠道菌群页先例，6GPlan.js bindFaqToggle 切换口径）；
   与 6GShare.css 段 .hkp-6g-geo-* 同名同源取值（旧站 geo-common.css 一套值，site.css 拼装
   跨段比对无冲突）；折叠交互由 /hkpjs/6GPlan.js 绑定，服务端不输出 open/show 初始类） ===== */

/* 旧站 .geo-section{max-width:1200px; margin:60px auto; padding:0 20px}（PC L222-226） */
.hkp-6g-geo-section {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto;
  padding: 0 20px;
  box-sizing: border-box;
}
/* 旧站 .geo-section h2{36px; bold; center; mb12; #1a1a1a}（PC L227-233） */
.hkp-6g-geo-section h2 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  color: #1a1a1a;
}

/* 旧站 .geo-faq-list{max-width:860px; margin:0 auto}（PC L284-287） */
.hkp-6g-geo-faq-list {
  max-width: 860px;
  margin: 0 auto;
}
/* 旧站 .geo-faq-item{border-bottom 1px #e8e8e8; padding 20px 0; pointer}（PC L288-292） */
.hkp-6g-geo-faq-item {
  border-bottom: 1px solid #e8e8e8;
  padding: 20px 0;
  cursor: pointer;
}
/* 旧站 .faq-q{17px; 600; #1a1a1a; flex between center}（PC L293-300） */
.hkp-6g-geo-faq-item .hkp-6g-faq-q {
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 旧站 .faq-arrow{12px; #999; transform .3s} + .open{rotate(180deg)}（PC L301-308） */
.hkp-6g-geo-faq-item .hkp-6g-faq-q .hkp-6g-faq-arrow {
  font-size: 12px;
  color: #999;
  transition: transform 0.3s;
}
.hkp-6g-geo-faq-item .hkp-6g-faq-q .hkp-6g-faq-arrow.open {
  transform: rotate(180deg);
}
/* 旧站 .faq-a{15px; #555; lh1.8; pt12; none} + .show{block}（PC L309-318） */
.hkp-6g-geo-faq-item .hkp-6g-faq-a {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  padding-top: 12px;
  display: none;
}
.hkp-6g-geo-faq-item .hkp-6g-faq-a.show {
  display: block;
}

/* 旧站 .geo-faq-more{right; pt16}（PC L319-322）——「更多」链接由 geoFaq.faqMoreLink/
   termMoreLink 驱动（2026-09-17 拍板：空不渲染；旧站 FAQ 区 >10 条才显示、terms 区无条件
   显示——新版统一为链接字段驱动，偏离登记） */
.hkp-6g-geo-faq-more {
  text-align: right;
  padding-top: 16px;
}
/* 旧站 .geo-faq-more-btn{inline-block; padding 8px 30px; bg #2a9df4; #fff; 圆角20px; 14px;
   none; .3s} + hover{bg #1a8ae6}（PC L323-335） */
.hkp-6g-geo-faq-more-btn {
  display: inline-block;
  padding: 8px 30px;
  background: #2a9df4;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.3s;
}
.hkp-6g-geo-faq-more-btn:hover {
  background: #1a8ae6;
}

/* 旧站 .geo-meta-bar{max-width:1200px; margin:0 auto 20px; padding:0 20px; 13px; #999; center}
   （PC L451-458）——geoFaq.meta 四字段全空整条不渲染（2026-09-17 拍板口径） */
.hkp-6g-geo-meta-bar {
  max-width: 1200px;
  margin: 0 auto 20px;
  padding: 0 20px;
  font-size: 13px;
  color: #999;
  text-align: center;
  box-sizing: border-box;
}

/* ===== 移动端（容器查询 ≤768px，旧站 h5/6GPlan.html 页内 <style> L24-252
   + css/mobile/6GPlan.css，rem ×37.5） ===== */
@container (max-width: 768px) {

  /* ===== GEO 文章卡 H5（旧站 h5 页内 L25-75） ===== */

  /* 旧站 .article-card{#fff; border 1px #b3d8f7; margin .3rem; padding .3rem; relative}
     （无 flex/cursor——单列纵排，H5 DOM 无 layout 类） */
  .hkp-6g-article-card {
    display: block;
    max-width: none;
    width: auto;
    margin: 11.25px; /* 旧站 .3rem */
    padding: 11.25px; /* 旧站 .3rem */
    cursor: default; /* 旧站 H5 无 pointer（h5 页内 L26-32 无该声明） */
  }
  .hkp-6g-article-card:hover {
    box-shadow: none; /* 旧站 H5 无 hover 阴影规则 */
  }
  /* H5 DOM 无 layout 类：清 PC 布局的左右 padding（双端 DOM 统一后的等价复刻） */
  .hkp-6g-layout-left .hkp-6g-article-text {
    padding-right: 0;
  }
  .hkp-6g-layout-right .hkp-6g-article-text {
    padding-left: 0;
  }
  /* 旧站 h3{.34rem; bold; #333; mb .14rem; lh1.5}（h5 页内 L33-39） */
  .hkp-6g-article-text h3 {
    font-size: 12.75px; /* 旧站 .34rem */
    margin-bottom: 5.25px; /* 旧站 .14rem */
    line-height: 1.5;
  }
  /* 旧站 h3 .prefix{block; .26rem; normal; #666; mb .06rem}（h5 页内 L40-46） */
  .hkp-6g-article-text .hkp-6g-article-prefix {
    font-size: 9.75px; /* 旧站 .26rem */
    margin-bottom: 2.25px; /* 旧站 .06rem */
  }
  /* 旧站 p{.27rem; #666; lh1.8}（h5 页内 L47-51） */
  .hkp-6g-article-text p {
    font-size: 10.125px; /* 旧站 .27rem */
  }
  /* 旧站 .article-source{.22rem; #999; mt .1rem}（h5 页内 L52-56） */
  .hkp-6g-article-text .hkp-6g-article-source {
    font-size: 8.25px; /* 旧站 .22rem */
    margin-top: 3.75px; /* 旧站 .1rem */
  }
  /* 旧站 .article-card-img{mt .25rem} + img{width:100%}（h5 页内 L57-62） */
  .hkp-6g-article-img {
    flex: none;
    margin-top: 9.375px; /* 旧站 .25rem */
  }
  /* 旧站 .article-card-more{text-align:right; mt .2rem}（h5 页内 L63-66，
     H5 静态布局非 absolute） */
  .hkp-6g-article-more {
    position: static;
    text-align: right;
    margin-top: 7.5px; /* 旧站 .2rem */
  }
  /* 旧站 .article-more-btn{padding .08rem .4rem; 圆角 .3rem; .26rem}（h5 页内 L67-75） */
  .hkp-6g-article-more-btn {
    padding: 3px 15px; /* 旧站 .08rem .4rem */
    border-radius: 11.25px; /* 旧站 .3rem */
    font-size: 9.75px; /* 旧站 .26rem */
  }

  /* ===== box2 H5（旧站 h5 页内 L144-172） ===== */

  /* 旧站 .box2{text-align:center; padding .6rem 0}（h5 页内 L145-148） */
  .hkp-6g-box2 {
    padding: 22.5px 0; /* 旧站 .6rem */
  }
  /* 旧站 .b2_title{.48rem; bold; padding-bottom .5rem}（h5 页内 L149-153） */
  .hkp-6g-b2-title {
    font-size: 18px; /* 旧站 .48rem */
    padding-bottom: 18.75px; /* 旧站 .5rem */
  }
  /* 旧站 .item{width:50%; .3rem; border-left 1px #e1e1e1; border-box}（h5 页内 L157-162） */
  .hkp-6g-box2-item {
    width: 50%;
    font-size: 11.25px; /* 旧站 .3rem */
    box-sizing: border-box;
  }
  /* 旧站 .item img{width:80%}（h5 页内 L166-168） */
  .hkp-6g-box2-item img {
    width: 80%;
  }
  /* 旧站 .item .name{padding-top:.1rem; #666666}（h5 页内 L169-172） */
  .hkp-6g-box2-item .hkp-6g-box2-name {
    padding-top: 3.75px; /* 旧站 .1rem */
  }

  /* ===== 控制率数据区 H5（旧站 h5 页内 L173-237） ===== */

  /* 旧站 .percent-section .e-block{height:7rem; width:100%; display:block}
     （h5 页内 L177-181；PC 无固定高度——双端各自保留） */
  .hkp-6g-percent-bg {
    height: 262.5px; /* 旧站 7rem */
  }
  /* 旧站 .percent-overlay{absolute; top:-0.3rem; left:0; width/height:100%;
     flex column center; #333; border-box; padding 0 .5rem}（h5 页内 L182-195） */
  .hkp-6g-percent-overlay {
    top: -11.25px; /* 旧站 -0.3rem */
    padding: 0 18.75px; /* 旧站 0 .5rem */
  }
  /* 旧站 overlay h2{.44rem; bold; #20a7e1; mb .4rem; center}（h5 页内 L196-202） */
  .hkp-6g-percent-overlay h2 {
    font-size: 16.5px; /* 旧站 .44rem */
    margin-bottom: 15px; /* 旧站 .4rem */
  }
  /* 旧站 .percent-grid{grid 1fr 1fr; gap .2rem; mb .8rem; width:100%}
     （h5 页内 L203-209；无 max-width——PC 800px 取消） */
  .hkp-6g-percent-grid {
    gap: 7.5px; /* 旧站 .2rem */
    margin-bottom: 30px; /* 旧站 .8rem */
    width: 100%;
    max-width: none;
  }
  /* 旧站 .p-item{rgba(255,255,255,0.9); padding .12rem .1rem; 圆角 .3rem;
     center; #20a7e1; .24rem; lh1.5}（h5 页内 L210-218；无 flex——纯文本居中） */
  .hkp-6g-p-item {
    display: block;
    padding: 4.5px 3.75px; /* 旧站 .12rem .1rem */
    border-radius: 11.25px; /* 旧站 .3rem */
    font-size: 9px; /* 旧站 .24rem */
    line-height: 1.5;
  }
  /* 旧站 .percent-lines{center; lh2.2; .3rem; mt .2rem}（h5 页内 L219-224；
     无 max-width——PC 800px 取消） */
  .hkp-6g-percent-lines {
    line-height: 2.2;
    font-size: 11.25px; /* 旧站 .3rem */
    margin-top: 7.5px; /* 旧站 .2rem */
    max-width: none;
  }
  /* 旧站 .tipTxt{.2rem; #666; right; padding .1rem .3rem .3rem}（h5 页内 L232-237：
     常规流右对齐，非 PC 的 absolute 定位——双端各自保留） */
  .hkp-6g-tip-txt {
    position: static;
    right: auto;
    top: auto;
    font-size: 7.5px; /* 旧站 .2rem */
    text-align: right;
    padding: 3.75px 11.25px 11.25px; /* 旧站 .1rem .3rem .3rem */
  }

  /* ===== FAQ 常见问题/基础知识 + 审核信息条 H5（2026-09-17 重新立项；
     旧站 h5 css/mobile/geo-common.css L1-2/7-12/30 + h5 页内 <style> L239-251，rem ×37.5） ===== */

  /* 旧站 .geo-section{padding .4rem .3rem}（geo-common.css L1）→ 15px 11.25px；
     H5 无 PC 的 1200px 定宽/上下 margin（旧站 H5 无该声明） */
  .hkp-6g-geo-section {
    max-width: none;
    width: auto;
    margin: 0;
    padding: 15px 11.25px;
  }
  /* 旧站 h2{.44rem; bold; center; mb .16rem; #1a1a1a}（geo-common.css L2） */
  .hkp-6g-geo-section h2 {
    font-size: 16.5px; /* 旧站 .44rem */
    margin-bottom: 6px; /* 旧站 .16rem */
  }

  /* 旧站 .geo-faq-item{border-bottom 1px #e8e8e8; padding .28rem 0; pointer}（geo-common.css L7） */
  .hkp-6g-geo-faq-item {
    padding: 10.5px 0; /* 旧站 .28rem */
  }
  /* 旧站 .faq-q{.3rem; 600; #1a1a1a; flex between center}（geo-common.css L8） */
  .hkp-6g-geo-faq-item .hkp-6g-faq-q {
    font-size: 11.25px; /* 旧站 .3rem */
  }
  /* 旧站 .faq-arrow{.2rem; #999; .3s}（geo-common.css L9） */
  .hkp-6g-geo-faq-item .hkp-6g-faq-q .hkp-6g-faq-arrow {
    font-size: 7.5px; /* 旧站 .2rem */
  }
  /* 旧站 .faq-a{.26rem; #555; lh1.8; pt .16rem; none/.show}（geo-common.css L11-12） */
  .hkp-6g-geo-faq-item .hkp-6g-faq-a {
    font-size: 9.75px; /* 旧站 .26rem */
    padding-top: 6px; /* 旧站 .16rem */
  }

  /* 旧站 .geo-faq-more{right; pt .2rem}（h5 页内 L239-242） */
  .hkp-6g-geo-faq-more {
    padding-top: 7.5px; /* 旧站 .2rem */
  }
  /* 旧站 .geo-faq-more-btn{inline-block; padding .1rem .4rem; bg #2a9df4; #fff; 圆角 .3rem;
     .26rem; none}（h5 页内 L243-251；无 hover——触摸端） */
  .hkp-6g-geo-faq-more-btn {
    padding: 3.75px 15px; /* 旧站 .1rem .4rem */
    border-radius: 11.25px; /* 旧站 .3rem */
    font-size: 9.75px; /* 旧站 .26rem */
  }

  /* 旧站 .geo-meta-bar{padding .3rem; .22rem; #999; center}（geo-common.css L30） */
  .hkp-6g-geo-meta-bar {
    max-width: none;
    width: auto;
    padding: 11.25px; /* 旧站 .3rem */
    font-size: 8.25px; /* 旧站 .22rem */
  }
}

/* ===== site-styles/medicalWeightLoss.css ===== */
/* 医学减重页（medicalWeightLoss）预览样式（对照表：doc/模块对照表/医学减重页模块拆分对照表.md，2026-09-14 拍板）
   结构对齐旧站：PC E:\lrf\hxhkp\medicalWeightLoss.html（样式 css/medicalWeightLoss.css，@import normal.css）
   / H5 E:\lrf\hxhkp\h5\medicalWeightLoss.html（全部样式内联 head <style> L19-239，rem×37.5 基准）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局（旧站 H5 口径）
   页面背景：旧站 body 无背景色（normal.css 仅 min-width:1400px + microsoft yahei）——整页白底（预览容器自带白底，不另声明）
   不复刻（2026-09-14 拍板/先例口径）：banner 轮播 DOM（旧站已整段注释）、悬浮联系窗、百度智能体；
   顶部导航/底部联系为全站公用（全局配置），不在本页渲染 */

/* 图片不溢出（预览面板/官网容器兜底，同 intestinalFlora 口径） */
.hkp-mwl-page img {
  max-width: 100%;
}

/* ===== 页面头图（旧站 PC L92-99 / css L3-43；Banner 轮播 DOM 旧站已整段注释不复刻） ===== */

/* 旧站 .weightloss-banner{position:relative; text-align:center}（css L3-6） */
.hkp-mwl-banner {
  position: relative;
  text-align: center;
}

/* 旧站 .weightloss-img{display:block; width:100%}（css L8-11）——整宽自然高（t1.jpg 1920×360） */
.hkp-mwl-banner-img {
  display: block;
  width: 100%;
}

/* 旧站 .weightloss-text-overlay{absolute; top:50%; right:30%; translateY(-50%); z-index:2; text-align:right}（css L13-20） */
.hkp-mwl-text-overlay {
  position: absolute;
  top: 50%;
  right: 30%;
  transform: translateY(-50%);
  z-index: 2;
  text-align: right;
}

/* 旧站 h1{48px; bold; #2c8bc7; lh1.4; mb16}（css L22-28） */
.hkp-mwl-text-overlay h1 {
  font-size: 48px;
  font-weight: bold;
  color: #2c8bc7;
  line-height: 1.4;
  margin-bottom: 16px;
}

/* 旧站 p{#3aace9; 30px; lh1.8}（css L30-34） */
.hkp-mwl-text-overlay p {
  color: #3aace9;
  font-size: 30px;
  line-height: 1.8;
}

/* 旧站 .banner-note{absolute; bottom:20px; right:30px; 12px; #999; z-index:2}（css L36-43）
   note 为合规免责语可配置（2026-09-14 拍板，决策 2） */
.hkp-mwl-banner-note {
  position: absolute;
  bottom: 20px;
  right: 30px;
  font-size: 12px;
  color: #999;
  z-index: 2;
}

/* 头图空态提示（预览侧轻提示，非旧站结构，同 intestinalFlora geo-empty 口径） */
.hkp-mwl-banner-empty {
  padding: 40px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}

/* ===== 通用区块（旧站 css L45-66） ===== */

/* 旧站 .section-wrap{1200px; margin:0 auto; padding:80px 0}（css L45-49）
   预览面板适配：width:100%（不设 1200 定宽，同 diseasePrevention/nationalLayout 口径，2026-09-14 决策） */
.hkp-mwl-section-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
}

/* 旧站 .section-title{40px; bold; #333; center; mb60}（css L51-57） */
.hkp-mwl-section-title {
  font-size: 40px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 60px;
}

/* 旧站 .section-title::after{90×6 #3aace9; margin:20px auto 0}（css L59-66） */
.hkp-mwl-section-title::after {
  content: '';
  display: block;
  width: 90px;
  height: 6px;
  background: #3aace9;
  margin: 20px auto 0;
}

/* 区块标题内 <br>：PC 不换行（旧站 PC 标题为双空格，HTML 折叠为单空格渲染）；
   H5 容器查询内恢复换行（旧站 H5 标题用 <br> 断行，见下方移动段） */
.hkp-mwl-title-br {
  display: none;
}

/* ===== 三大减重计划（旧站 PC L101-123 / css L68-138） ===== */

/* 旧站 .plans-grid{flex; justify-content:center; gap:40px}（css L68-72） */
.hkp-mwl-plans-grid {
  display: flex;
  justify-content: center;
  gap: 40px;
}

/* 旧站 .plan-card{340px; #fff; 1px #d4eaf0; 圆角12px; padding:40px 30px; center; transition; relative}（css L74-83） */
.hkp-mwl-plan-card {
  width: 340px;
  background: #fff;
  border: 1px solid #d4eaf0;
  border-radius: 12px;
  padding: 40px 30px;
  text-align: center;
  transition: box-shadow 0.3s, transform 0.3s;
  position: relative;
}

/* 旧站 .plan-card:hover{bg#e8f4f8; border#b8ddf0; 阴影 0 8px 30px .1; 上浮-4px}（css L85-90） */
.hkp-mwl-plan-card:hover {
  background: #e8f4f8;
  border-color: #b8ddf0;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

/* 旧站 .plan-icon{80×80; margin:0 auto 20px; 渐变 135deg #3aace9→#2c7da0; 圆 50%; flex center; 36px #fff}（css L92-103）
   旧站无 .plan-icon img 规则（98×98 原图由 flex 收缩至 80px），此处同样不写 */
.hkp-mwl-plan-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #3aace9, #2c7da0);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #fff;
}

/* 旧站 .plan-name{24px; bold; #333; mb16; transition}（css L105-111） */
.hkp-mwl-plan-name {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 16px;
  transition: color 0.3s;
}

/* 旧站 .plan-card:hover .plan-name{#3aace9}（css L113-115） */
.hkp-mwl-plan-card:hover .hkp-mwl-plan-name {
  color: #3aace9;
}

/* 旧站 .plan-desc{14px; #666; lh1.8; mb30}（css L117-122） */
.hkp-mwl-plan-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 30px;
}

/* 旧站 .plan-more{inline-block; padding 8px 30px; 1px #3aace9; 圆角25px; #3aace9; 16px; transition}（css L124-133）
   「更多」跳转医学减重详情页（medicalWeightLossDetail.html?plan 三态）另行立项不实现——预览无跳转（决策 3，待确认登记） */
.hkp-mwl-plan-more {
  display: inline-block;
  padding: 8px 30px;
  border: 1px solid #3aace9;
  border-radius: 25px;
  color: #3aace9;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s;
}

/* 旧站 .plan-more:hover{bg#3aace9; #fff}（css L135-138） */
.hkp-mwl-plan-more:hover {
  background: #3aace9;
  color: #fff;
}

/* ===== 六大特色服务（旧站 PC L125-162 / css L140-206） ===== */

/* 旧站 .services-grid{grid repeat(3,1fr); gap 30px}（css L140-144） */
.hkp-mwl-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* 旧站 .service-item{#fff; 1px #e8f4f8; 圆角12px; padding 40px 30px; center; transition}（css L146-153） */
.hkp-mwl-service-item {
  background: #fff;
  border: 1px solid #e8f4f8;
  border-radius: 12px;
  padding: 40px 30px;
  text-align: center;
  transition: box-shadow 0.3s;
}

/* 旧站 .service-item:hover{阴影 0 4px 20px .08}（css L155-157） */
.hkp-mwl-service-item:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* 旧站 .service-icon{80×80; margin 0 auto 30px; flex center}（css L159-166） */
.hkp-mwl-service-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 旧站 .service-icon img{100%/100%; contain}（css L168-172） */
.hkp-mwl-service-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 旧站 .service-name{20px; bold; #3aace9; mb12}（css L174-179） */
.hkp-mwl-service-name {
  font-size: 20px;
  font-weight: bold;
  color: #3aace9;
  margin-bottom: 12px;
}

/* 旧站 .service-desc{14px; #666; lh1.8}（css L181-185） */
.hkp-mwl-service-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}

/* 旧站 .services-more{center; mt40}（css L187-190） */
.hkp-mwl-services-more {
  text-align: center;
  margin-top: 40px;
}

/* 旧站 .services-more a{inline-block; padding 10px 40px; 1px #3aace9; 圆角25px; #3aace9; 18px; transition}（css L192-201）
   「了解更多」跳详情页（medicalWeightLossDetail.html）另行立项不实现——预览无跳转（决策 3，待确认登记） */
.hkp-mwl-services-more a {
  display: inline-block;
  padding: 10px 40px;
  border: 1px solid #3aace9;
  border-radius: 25px;
  color: #3aace9;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s;
}

/* 旧站 .services-more a:hover{bg#3aace9; #fff}（css L203-206） */
.hkp-mwl-services-more a:hover {
  background: #3aace9;
  color: #fff;
}

/* ===== 适用人群（旧站 PC L164-180 / css L208-250；PC 蓝底白字 / H5 白底深字，双端配色各自复刻——决策 4） ===== */

/* 旧站 .crowd-section{#fff; padding 60px 0}（css L208-211） */
.hkp-mwl-crowd-section {
  background: #fff;
  padding: 60px 0;
}

/* 旧站结构 .crowd-section > .section-wrap（HTML 内联 style padding:0，L165）
   H5 无该层（crowd 直挂 section-wrap 外），容器查询内放开宽度（见移动段） */
.hkp-mwl-crowd-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

/* 旧站 .crowd-list{flex wrap; center; gap 20px}（css L217-222） */
.hkp-mwl-crowd-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

/* 旧站 .crowd-tag{padding 16px 36px; bg#1a9bd7; 无边框; 圆角50px; 16px; #fff; nowrap; center}（css L224-233） */
.hkp-mwl-crowd-tag {
  padding: 16px 36px;
  background: #1a9bd7;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
  text-align: center;
}

/* 旧站 .crowd-tag-wide{nowrap normal; padding 14px 36px}（css L235-238）——含副行/双主行的宽胶囊 */
.hkp-mwl-crowd-tag-wide {
  white-space: normal;
  padding: 14px 36px;
}

/* 旧站 .crowd-main{16px; #fff; bold}（css L240-244）
   双主行（超重肥胖青少年及/慢性病等疾病人群）以 \n 存储 pre-line 渲染（对齐旧站两个 .crowd-main 连续 div） */
.hkp-mwl-crowd-main {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  white-space: pre-line;
}

/* 旧站 .crowd-sub{12px; rgba(255,255,255,.85); mt4}（css L246-250） */
.hkp-mwl-crowd-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 4px;
}

/* ===== 目标获益（旧站 PC L182-217 / css L252-305；表格整块可配置——决策 5） ===== */

/* 旧站 PC 副标题两行为 HTML 内联 style（L184-185：20px #1a5276 mb20 / 16px #666 mb30，居中）；
   H5 为 .target-top/.target-sub 专属 class（预览统一类名，默认段取 PC 内联值） */
.hkp-mwl-target-top {
  text-align: center;
  font-size: 20px;
  color: #1a5276;
  margin-bottom: 20px;
}

.hkp-mwl-target-sub {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 30px;
}

/* 旧站 .target-table{100%; collapse; mt30}（css L252-256）；表头两列固定（BMI范围/每月减重目标，同全国布局页医院表先例） */
.hkp-mwl-target-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px;
}

/* 旧站 th{渐变 180deg #0a5080→#0f7fc0; #fff; 20px; bold; padding 16px 20px; center}（css L258-265） */
.hkp-mwl-target-table th {
  background: linear-gradient(180deg, #0a5080, #0f7fc0);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 16px 20px;
  text-align: center;
}

/* 旧站 td{padding 16px 20px; center; 18px; #1a5276; 下边框 1px #d4eaf0; bg#f5fafd}（css L267-274） */
.hkp-mwl-target-table td {
  padding: 16px 20px;
  text-align: center;
  font-size: 18px;
  color: #1a5276;
  border-bottom: 1px solid #d4eaf0;
  background: #f5fafd;
}

/* 旧站 tr:nth-child(even) td{bg#e8f4f8}（css L276-278）——斑马行 */
.hkp-mwl-target-table tr:nth-child(even) td {
  background: #e8f4f8;
}

/* 旧站 .target-source{right; 12px; #999; mt8}（css L280-285） */
.hkp-mwl-target-source {
  text-align: right;
  font-size: 12px;
  color: #999;
  margin-top: 8px;
}

/* 旧站 .target-notes{mt30; padding 20px 30px; #fff; 左边线 4px #3aace9}（css L287-292） */
.hkp-mwl-target-notes {
  margin-top: 30px;
  padding: 20px 30px;
  background: #fff;
  border-left: 4px solid #3aace9;
}

/* 旧站 .target-notes h4{18px; #1a5276; mb12}（css L294-298） */
.hkp-mwl-target-notes h4 {
  font-size: 18px;
  color: #1a5276;
  margin-bottom: 12px;
}

/* 旧站 .target-notes ol{padding-left 20px; #666; 14px; lh2}（css L300-305） */
.hkp-mwl-target-notes ol {
  padding-left: 20px;
  color: #666;
  font-size: 14px;
  line-height: 2;
}

/* ===== 移动端（容器查询 ≤768px，旧站 h5/medicalWeightLoss.html head 内联 <style> L19-239，rem×37.5；
   等比尺寸 rem÷10×100→cqw、固定尺寸 rem×37.5→px；H5 微信分享拍板复刻（jweixin+wechat_share.js，
   签名需后端注入，预览侧不执行——2026-09-14 拍板，登记待后端确认新域名）） ===== */
@container (max-width: 768px) {

  /* ===== 头图 H5（旧站 L22-61） ===== */

  /* 旧站 .weightloss-img{width:100%; height:3rem}——3rem 等比高度 → 30cqw（rem 基准=屏宽/10） */
  .hkp-mwl-banner-img {
    height: 30cqw;
  }

  /* 旧站 .weightloss-text-overlay{absolute; top:20%; left:50%; translateX(-50%); center; #3aace9; width:100%}（L32-40） */
  .hkp-mwl-text-overlay {
    top: 20%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    text-align: center;
    color: #3aace9;
    width: 100%;
  }

  /* 旧站 h1{.72rem→27px; bold; letter-spacing .06rem→2.25px; mb .2rem→7.5px; #2c8bc7}（L41-47） */
  .hkp-mwl-text-overlay h1 {
    font-size: 27px;
    letter-spacing: 2.25px;
    margin-bottom: 7.5px;
  }

  /* 旧站 p{.4rem→15px; letter-spacing .04rem→1.5px}（L48-51） */
  .hkp-mwl-text-overlay p {
    font-size: 15px;
    letter-spacing: 1.5px;
  }

  /* 旧站 .banner-note{absolute; bottom .12rem→4.5px; left:50%; translateX(-50%); width:100%; center; .22rem→8.25px; rgba(255,255,255,.85)}（L52-61）
     H5 白字（PC #999 灰字）——双端各自保留 */
  .hkp-mwl-banner-note {
    bottom: 4.5px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    font-size: 8.25px;
    color: rgba(255, 255, 255, 0.85);
  }

  /* ===== 通用区块 H5（旧站 L63-74） ===== */

  /* 旧站 .section-wrap{padding .6rem .3rem}（无 1200 定宽）→ 22.5px 11.25px */
  .hkp-mwl-section-wrap {
    width: auto;
    max-width: none;
    padding: 22.5px 11.25px;
  }

  /* 旧站 .section-title{.44rem→16.5px; bold; #1a5276（PC 为 #333）; center; lh1.5; mb .5rem→18.75px}（L67-74） */
  .hkp-mwl-section-title {
    font-size: 16.5px;
    color: #1a5276;
    line-height: 1.5;
    margin-bottom: 18.75px;
  }

  /* 旧站 H5 标题无 ::after 下划线（PC 有） */
  .hkp-mwl-section-title::after {
    content: none;
  }

  /* 旧站 H5 标题内 <br> 断行（PC 双空格）——恢复换行 */
  .hkp-mwl-title-br {
    display: inline;
  }

  /* ===== 三大减重计划 H5（旧站 L76-108 纵向卡片堆叠）
     2026-09-17 用户拍板美化——偏离旧站 H5 灰底小字口径，对齐 PC 卡片质感：
     白卡 + 描边 + 轻阴影 + 渐变实底按钮，字号放大至可读（旧站 10.5px→12px 起） ===== */

  /* 旧站 H5 plans-grid 未显式重置（此前 PC flex 行布局直压 H5 三卡横排）——改单列纵排 */
  .hkp-mwl-plans-grid {
    display: block;
  }

  .hkp-mwl-plan-card {
    width: auto;
    background: #fff;
    border: 1px solid #e8f4f8;
    border-radius: 12px;
    padding: 20px 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  }

  /* 触摸端无 hover——锁定静态外观防粘滞 */
  .hkp-mwl-plan-card:hover {
    background: #fff;
    border-color: #e8f4f8;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    transform: none;
  }

  /* 图标直出（同旧站 H5 无渐变圆容器），60px→64px 提升观感 */
  .hkp-mwl-plan-icon {
    width: auto;
    height: auto;
    margin: 0 auto;
    background: none;
    border-radius: 0;
    display: block;
  }

  .hkp-mwl-plan-icon img {
    width: 64px;
  }

  .hkp-mwl-plan-name {
    font-size: 16px;
    color: #1a5276;
    margin: 8px 0 6px;
  }

  .hkp-mwl-plan-desc {
    font-size: 12px;
    color: #666;
    line-height: 1.8;
    text-align: center;
  }

  /* 渐变实底按钮（PC 描边款在 H5 小尺寸下偏弱）——135deg 同 PC plan-icon 渐变 */
  .hkp-mwl-plan-more {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 28px;
    background: linear-gradient(135deg, #3aace9, #2c7da0);
    border: none;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
  }

  /* ===== 六大特色服务 H5（旧站 L110-152 左右布局：图标左 + 文字右）
     2026-09-17 用户拍板美化——偏离旧站 H5 裸列表口径：升级白卡容器 + 描边轻阴影，字号放大 ===== */

  /* 旧站 H5 services-grid 未显式重置（此前 PC 3 列 grid 直压 H5）——改单列纵排 */
  .hkp-mwl-services-grid {
    display: block;
  }

  .hkp-mwl-service-item {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e8f4f8;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  }

  .hkp-mwl-service-item:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  }

  .hkp-mwl-service-icon {
    flex: 0 0 44px;
    width: auto;
    height: auto;
    margin: 0 12px 0 0;
    display: block;
  }

  .hkp-mwl-service-icon img {
    width: 44px;
    height: auto;
    object-fit: none;
  }

  /* 服务文字容器（预览按 H5 结构补，PC 居中卡片内同名容器无布局效果） */
  .hkp-mwl-service-info {
    flex: 1;
  }

  .hkp-mwl-service-name {
    font-size: 14px;
    color: #1a5276;
    margin-bottom: 4px;
    line-height: 1.5;
  }

  .hkp-mwl-service-desc {
    font-size: 12px;
    color: #666;
    line-height: 1.7;
    text-align: justify;
  }

  .hkp-mwl-services-more {
    margin-top: 16px;
  }

  /* 渐变实底按钮（旧站 #0f98d6 纯色实底）——与 plan-more 同款渐变统一观感 */
  .hkp-mwl-services-more a {
    display: inline-block;
    padding: 6px 30px;
    background: linear-gradient(135deg, #3aace9, #2c7da0);
    border: none;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
  }

  /* ===== 适用人群 H5（旧站 L154-180；浅蓝底 + 白色圆角卡纵排——与 PC 蓝胶囊配色反转，决策 4） ===== */

  /* 旧站 .crowd-section{bg #f0f8fb; padding .6rem 0→22.5px 0}（L155-158） */
  .hkp-mwl-crowd-section {
    background: #f0f8fb;
    padding: 22.5px 0;
  }

  /* 旧站 H5 无 .section-wrap 内嵌层（crowd-list 自带 padding 0 .3rem）——容器放开 */
  .hkp-mwl-crowd-wrap {
    width: auto;
    max-width: none;
    padding: 0;
  }

  /* 旧站 .crowd-list{padding 0 .3rem→0 11.25px}（L162-164）；块级纵排（PC flex wrap 居中） */
  .hkp-mwl-crowd-list {
    display: block;
    padding: 0 11.25px;
  }

  /* 旧站 .crowd-tag{bg #fff; 圆角 .12rem→4.5px; padding .28rem .2rem→10.5px 7.5px; center; .32rem→12px; #1a5276; bold; mb .25rem→9.375px}（L165-174） */
  .hkp-mwl-crowd-tag {
    background: #fff;
    border-radius: 4.5px;
    padding: 10.5px 7.5px;
    font-size: 12px;
    color: #1a5276;
    font-weight: bold;
    margin-bottom: 9.375px;
  }

  /* H5 无 wide 变体（全部同款白卡，无 nowrap 胶囊） */
  .hkp-mwl-crowd-tag-wide {
    white-space: normal;
    padding: 10.5px 7.5px;
  }

  /* 旧站 .crowd-tag .crowd-sub{.26rem→9.75px; #888; normal; mt .08rem→3px}（L175-180） */
  .hkp-mwl-crowd-sub {
    font-size: 9.75px;
    color: #888;
    margin-top: 3px;
  }

  /* ===== 目标获益 H5（旧站 L182-238） ===== */

  /* 旧站 .target-top{center; .4rem→15px; #1a5276; bold; mb .15rem→5.625px}（L183-189） */
  .hkp-mwl-target-top {
    font-size: 15px;
    margin-bottom: 5.625px;
  }

  /* 旧站 .target-sub{center; .3rem→11.25px; #666; mb .35rem→13.125px}（L190-195） */
  .hkp-mwl-target-sub {
    font-size: 11.25px;
    margin-bottom: 13.125px;
  }

  /* 旧站 .target-table{100%; collapse; mb .2rem→7.5px}（L196-200）；H5 无 mt30 */
  .hkp-mwl-target-table {
    margin-top: 0;
    margin-bottom: 7.5px;
  }

  /* 旧站 th/td{border 1px #d6e7f0; padding .22rem .1rem→8.25px 3.75px; .3rem→11.25px; center}（L201-207） */
  .hkp-mwl-target-table th,
  .hkp-mwl-target-table td {
    border: 1px solid #d6e7f0;
    padding: 8.25px 3.75px;
    font-size: 11.25px;
    text-align: center;
  }

  /* 旧站 th{bg #eaf4fa 平底（PC 渐变）; #1a5276; bold}（L208-212） */
  .hkp-mwl-target-table th {
    background: #eaf4fa;
    color: #1a5276;
  }

  /* 旧站 td{#555（PC #1a5276）}（L213-215）；H5 无底色/下边框（全边框） */
  .hkp-mwl-target-table td {
    color: #555;
    background: none;
    border-bottom: 1px solid #d6e7f0;
  }

  /* H5 无斑马行底色 */
  .hkp-mwl-target-table tr:nth-child(even) td {
    background: none;
  }

  /* 旧站 .target-source{.24rem→9px; #999; mb .4rem→15px}（L216-220）；H5 无右对齐（PC 右对齐）——双端各自保留 */
  .hkp-mwl-target-source {
    text-align: left;
    font-size: 9px;
    margin-bottom: 15px;
  }

  /* 旧站 .target-notes{bg #f8fafb; 圆角 .12rem→4.5px; padding .3rem→11.25px}（L221-225）；H5 无左边线（PC 4px #3aace9） */
  .hkp-mwl-target-notes {
    background: #f8fafb;
    border-radius: 4.5px;
    padding: 11.25px;
    border-left: none;
  }

  /* 旧站 h4{.32rem→12px; #1a5276; mb .15rem→5.625px}（L226-230） */
  .hkp-mwl-target-notes h4 {
    font-size: 12px;
    margin-bottom: 5.625px;
  }

  /* 旧站 ol{padding-left .45rem→16.875px}（L231-233） */
  .hkp-mwl-target-notes ol {
    padding-left: 16.875px;
  }

  /* 旧站 li{.27rem→10.125px; #555（PC #666）; lh1.8（PC lh2）}（L234-238） */
  .hkp-mwl-target-notes li {
    font-size: 10.125px;
    color: #555;
    line-height: 1.8;
  }
}

/* ===== site-styles/aiPlatform.css ===== */
/* 数字健康页（aiPlatform）预览样式（对照表：doc/模块对照表/数字健康页模块拆分对照表.md，2026-09-14 拍板）
   结构对齐旧站：PC E:\lrf\hxhkp\aiPlatform.html（css/aiPlatform.css L5-12 仅 banner；
   box1/主体大图样式内联 head L30-49）/ 移动 E:\lrf\hxhkp\h5\aiPlatform.html
   （css/mobile/aiPlatform.css L8-33，rem 基准 37.5）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局（旧站 H5 口径）
   拍板（2026-09-14）：H5 独有内容卡（.background/.technology-project 段及 backgroundTxt 文案）
   整段不复刻（广州市科技计划项目/系统构成/二类医疗器械注册证三段信息不迁移，属有意信息损失），
   双端统一结构 = 页头标题段 + 主体大图（H5 100% 宽适配同一张 aiPlatform_v5.png）；
   GEO 六子段不复刻（旧接口 slug=ai-platform 返回 500，双端从未实际渲染，决策 4） */

/* 页面容器：Banner 高度取旧站本页口径（css/aiPlatform.css L5-7 #bannerSwiper{height:360px}，
   与 aboutUs/肠道菌群页同高；banner.css 读取本变量，H5 端 banner.css 容器查询 71.3cqw 等比自适配
   ——旧站 H5 本页 banner 无显式高度样式，新站沿用全站统一等比口径） */
.hkp-aip-page {
  --hkp-banner-height: 360px; /* 旧站 aiPlatform.css L6：360px */
}

/* 图片不溢出（预览面板/官网容器兜底） */
.hkp-aip-page img {
  max-width: 100%;
}

/* ===== PC 页头标题段（旧站 aiPlatform.html L326-334 .box1，样式内联 head L30-44 + normal.css） ===== */

/* 旧站 .box1{text-align:center; padding-top:50px}（内联 L30-33） */
.hkp-aip-box1 {
  text-align: center;
  padding-top: 50px;
}

/* 旧站 normal.css .font40{font-size:40px; font-weight:bold; color:#333}（L39-43） */
.hkp-aip-font40 {
  font-size: 40px;
  font-weight: bold;
  color: #333333;
}

/* 旧站 .box1 .small-title{padding-top:10px; padding-bottom:50px; font-size:24px;
   color:#666666; line-height:40px}（内联 L34-40） */
.hkp-aip-small-title {
  padding-top: 10px;
  padding-bottom: 50px;
  font-size: 24px;
  color: #666666;
  line-height: 40px;
}

/* 旧站 .box1 .desc{line-height:36px; font-size:20px}（内联 L41-44）
   + .primary{color:#0f98d6}（normal.css L35-37）
   p 无间距：旧站 normal.css *{padding:0; margin:0} 全局重置（L1-4），p 无默认 margin */
.hkp-aip-desc {
  line-height: 36px;
  font-size: 20px;
  color: #0f98d6;
}

/* 旧站第三段灰字内联 color:#c4c4c4（PC L332）；H5 断行版 \n 存储，pre-line 渲染 */
.hkp-aip-desc-gray {
  color: #c4c4c4;
  white-space: pre-line;
}

/* ===== 主体大图（旧站 .aiPlatform{display:block; width:1200px; margin:30px auto 80px}，
   内联 L45-49；素材 images/aiPlatform_v5.png） ===== */
.hkp-aip-main-image {
  display: block;
  width: 1200px;
  max-width: 100%;
  margin: 30px auto 80px;
}

/* ===== H5 页头标题段（旧站 css/mobile/aiPlatform.css L8-33 + h5 页面内联 L82；rem×37.5） ===== */

/* 旧站 .txtBox{text-align:center; color:#666; font-size:.48rem; margin:.7rem 0}（L8-13）
   PC 端隐藏，≤768px 容器显示（双端 DOM 分置，同 aboutUs 口径） */
.hkp-aip-txtbox {
  display: none;
  text-align: center;
  color: #666666;
  font-size: 18px; /* 旧站 .48rem → 18px */
  margin: 26.25px 0; /* 旧站 .7rem → 26.25px */
}

/* 旧站 .fontBold{font-weight:bold; color:#000; font-size:.6667rem; margin-bottom:.2rem}（L15-20） */
.hkp-aip-txtbox .hkp-aip-font-bold {
  font-weight: bold;
  color: #000000;
  font-size: 25px; /* 旧站 .6667rem → 25px */
  margin-bottom: 7.5px; /* 旧站 .2rem → 7.5px */
}

/* 旧站 .blueTxt{text-align:center; color:#0f98d6; font-size:.4267rem; margin:.7rem 0}（L22-27）
   + h5 页面内联 style="color:#20a7e1" 覆盖（h5 L82）——实际渲染 #20a7e1 */
.hkp-aip-bluetxt {
  display: none;
  text-align: center;
  color: #20a7e1; /* 旧站 h5 L82 内联覆盖值（css 原 #0f98d6 未生效） */
  font-size: 16px; /* 旧站 .4267rem → 16px */
  margin: 26.25px 0; /* 旧站 .7rem → 26.25px */
}

/* 旧站 .blueTxt p{margin:.1rem 0; font-size:.4rem; font-weight:bold}（L29-33） */
.hkp-aip-bluetxt p {
  margin: 3.75px 0; /* 旧站 .1rem → 3.75px */
  font-size: 15px; /* 旧站 .4rem → 15px */
  font-weight: bold;
}

/* ===== 移动端（容器查询 ≤768px）：PC box1 隐藏、H5 txtBox/blueTxt 显示；
   主体大图 H5 无旧站对应 DOM（原 .background 内容卡不复刻，2026-09-14 拍板），
   100% 宽适配同一张图为拍板决策值，间距沿用 PC .aiPlatform 原值（无 H5 出处，登记） ===== */
@container (max-width: 768px) {
  .hkp-aip-box1 {
    display: none;
  }
  .hkp-aip-txtbox {
    display: block;
  }
  .hkp-aip-bluetxt {
    display: block;
  }
  .hkp-aip-main-image {
    width: 100%; /* 2026-09-14 拍板：H5 100% 宽适配同图（决策值，无旧站出处） */
  }
}

/* ===== H5 回到顶部按钮（页面级，旧站 h5 .upload：css/normal.css L427-437 + js/common.js upload()；
   取值同 aboutUs .hkp-au-upload / medicalWeightLoss .hkp-mwl-upload 口径——fixed 右下角，
   默认 display:none，scroll>400 由 JS 显示（仅窄屏，hkpjs/aiPlatform.js）；
   2026-09-16 补齐（用户确认拼装 site.css 时一并补入，此前由页面 JS 置 display:none 兜底）） ===== */
.hkp-aip-upload {
  position: fixed;
  right: 5cqw;   /* 旧站 0.5rem */
  bottom: 10cqw; /* 旧站 1rem */
  z-index: 9999;
  display: none; /* 旧站默认 display:none，scroll>400 由 JS 显示（仅窄屏，hkpjs/aiPlatform.js） */
}

.hkp-aip-upload img {
  width: 15cqw; /* 旧站 1.5rem */
  cursor: pointer;
}

/* ===== site-styles/intestinalFloraTransplant.css ===== */
/* 肠道菌群移植页（结构对齐旧站 intestinalFloraTransplant.html：css/intestinalFloraTransplant.css
   PC 全量 + H5 h5/intestinalFloraTransplant.html 页内 <style> L18-L212，rem×37.5 换算）
   响应式策略：默认 PC 布局；容器宽度 ≤768px 时切换移动布局（旧站 H5 口径）
   拍板（2026-09-14，doc/模块对照表/肠道菌群移植页模块拆分对照表.md，11 项全拍板）：
   - Banner 为独立头图（image/title/subtitle，与医学减重页同构），非轮播，swiper 死依赖不引入
   - 研究中心卡双端各自模板复刻：PC 背景图 t2.jpg+遮罩+蓝底胶囊 highlight 金 / H5 纯色卡 highlight 橙
     （t2.jpg 仅 PC 消费、照常迁移至 /hkpimg/yizhi/）
   - 适应证 PC 交错位移 quirk 保留（nth-child 3n+1/3n 下移 100px、last-child 归零）；H5 单列无此效果
   - 死代码不复刻：① .indication-card-full grid-column:2（flex 下无效）② .intro-header h3 未用规则
   - 旧站 normal.css L1-4 * {padding:0;margin:0} 全局 reset 效果由本文件显式 margin 声明等价承接
     （新站规范不写全局 reset，base.css 仅文档级兜底） */

/* 图片不溢出（预览面板/官网容器兜底） */
.hkp-ift-page img {
  max-width: 100%;
}

/* ===== 页面头图（旧站 PC css L3-36 / H5 h5 L22-51） ===== */

/* 旧站 .transplant-banner{position:relative; text-align:center; overflow:hidden}（PC L3-7） */
.hkp-ift-transplant-banner {
  position: relative;
  text-align: center;
  overflow: hidden;
}

/* 旧站 .transplant-banner img{display:block; width:100%}（PC L9-12） */
.hkp-ift-transplant-banner > img {
  display: block;
  width: 100%;
}

/* 旧站 .banner-overlay{absolute; top 50%; left 50%; translate(-50%,-50%); center; width 100%; z-index 2}
   （PC L14-22）——PC 垂直居中 / H5 top:22% 双端各自复刻（拍板决策 2） */
.hkp-ift-banner-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  z-index: 2;
}

/* 旧站 h1{48px; bold; #1a8abf; line-height 1.4}（PC L24-29）；
   margin:0 显式承接旧站 * reset（normal.css L1-4） */
.hkp-ift-banner-overlay h1 {
  font-size: 48px;
  font-weight: bold;
  color: #1a8abf;
  line-height: 1.4;
  margin: 0;
}

/* 旧站 h1 span{display:block; 32px; normal; #1a8abf}（PC L31-36） */
.hkp-ift-banner-overlay h1 span {
  display: block;
  font-size: 32px;
  font-weight: normal;
  color: #1a8abf;
}

/* ===== 通用区块（旧站 PC css L38-66） ===== */

/* 旧站 .section-wrap{width:1200px; margin:0 auto; padding:80px 0}（L38-42）
   预览面板适配：width:100%（不设 1200 定宽，同 diseasePrevention/nationalLayout 口径，2026-09-14 决策） */
.hkp-ift-section-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  box-sizing: border-box;
}

/* 旧站 .section-title{36px; bold; #333; center; margin-bottom 15px}（L44-50） */
.hkp-ift-section-title {
  font-size: 36px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin: 0 0 15px;
}

/* 旧站 .section-title::after{block; 60x3; #1a8abf; margin 15px auto 0}（L52-59）
   H5 无 ::after 下划线（H5 端 display:none，对照表取值记录） */
.hkp-ift-section-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #1a8abf;
  margin: 15px auto 0;
}

/* 旧站 .section-subtitle{center; 14px; #999; margin-bottom 50px}（L61-66） */
.hkp-ift-section-subtitle {
  text-align: center;
  font-size: 14px;
  color: #999;
  margin: 0 0 50px;
}

/* ===== 品牌简介（旧站 PC css L68-104 / H5 h5 L54-73） ===== */

/* 旧站 .intro-section{bg #fff; padding 80px 0 80px; width 100%}（L69-73） */
.hkp-ift-intro-section {
  background: #fff;
  padding: 80px 0 80px;
  width: 100%;
  box-sizing: border-box;
}

/* 旧站 .intro-content{width:100%}（L75-77） */
.hkp-ift-intro-content {
  width: 100%;
}

/* 旧站 .intro-header{text-align:center; margin-bottom:40px}（L79-82） */
.hkp-ift-intro-header {
  text-align: center;
  margin-bottom: 40px;
}

/* 旧站 .intro-header h2{32px; bold; #1a8abf; margin-bottom:8px}（L84-89）
   ——旧站 .intro-header h3 规则存在未使用（L91-96），死代码不复刻（拍板决策 6②） */
.hkp-ift-intro-header h2 {
  font-size: 32px;
  font-weight: bold;
  color: #1a8abf;
  margin: 0 0 8px;
}

/* 旧站 .intro-desc{15px; #999; line-height 1.8; max-width 900px; margin 0 auto}（L98-104） */
.hkp-ift-intro-header .hkp-ift-intro-desc {
  font-size: 15px;
  color: #999;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
}

/* ===== 研究中心卡片（旧站 PC css L106-190 / H5 h5 L74-110，双端各自模板复刻，拍板决策 3） ===== */

/* 旧站 .research-center{relative; bg url('../images/yizhi/t2.jpg') no-repeat center center; cover;
   padding 40px 50px; center; overflow hidden; margin-top 30px}（L107-115）
   ——t2.jpg 仅 PC 消费（H5 纯色卡），素材已迁移 /hkpimg/yizhi/t2.jpg */
.hkp-ift-research-center {
  position: relative;
  background: url('/hkpimg/yizhi/t2.jpg') no-repeat center center;
  background-size: cover;
  padding: 40px 50px;
  text-align: center;
  overflow: hidden;
  margin-top: 30px;
}

/* 旧站 .research-center::before{absolute; left 0; top 0; 100%x100%; rgba(232,244,252,0.4); z-index 0}（L117-126） */
.hkp-ift-research-center::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(232, 244, 252, 0.4);
  z-index: 0;
}

/* 旧站 .rc-content{relative; z-index 1}（L128-131） */
.hkp-ift-rc-content {
  position: relative;
  z-index: 1;
}

/* 旧站 .rc-title{28px; bold; #333; margin-bottom 20px; line-height 1.6}（L133-139）
   多行标题 \n 存储 pre-line 渲染（旧站 <br> 断行，科研合作先例口径） */
.hkp-ift-rc-title {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin: 0 0 20px;
  line-height: 1.6;
  white-space: pre-line;
}

/* 旧站 .rc-title::after{block; 50x3; #1a8abf; margin 12px auto 0}（L141-148）
   H5 无 ::after 下划线（H5 端 display:none） */
.hkp-ift-rc-title::after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: #1a8abf;
  margin: 12px auto 0;
}

/* 旧站 .rc-highlights{text-align:center; max-width:900px; margin:25px auto 0}（L150-154）
   padding:0 显式承接旧站 * reset（normal.css L1-4 清 UA ul 40px 缩进） */
.hkp-ift-rc-highlights {
  text-align: center;
  max-width: 900px;
  margin: 25px auto 0;
  padding: 0;
}

/* 旧站 .rc-highlights li{list-style:none; bg #1a8abf; #fff; padding 10px 20px; 圆角30;
   margin-bottom 10px; 18px; line-height 1.6; bold}（L156-166）——PC 蓝底白字胶囊（决策 3） */
.hkp-ift-rc-highlights li {
  list-style: none;
  background: #1a8abf;
  color: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
}

/* 富文本兜底：数据经 RichEditor/HTML 片段写入可能带 <p> 包裹，清 UA p margin 对齐旧站裸文本行（无旧站对应声明，reset 等价承接） */
.hkp-ift-rc-highlights li p {
  margin: 0;
}

/* 旧站 .rc-highlights li .highlight{#ffd700; bold}（L168-171）——PC highlight 金（决策 3）
   数据沿用旧站 class="highlight" 标记，选择器作用域限定防泄漏 */
.hkp-ift-rc-highlights li .highlight {
  color: #ffd700;
  font-weight: bold;
}

/* 旧站 .rc-more{inline-block; margin-top 25px; padding 6px 28px; border 1px #c0d8e8; 圆角20;
   #1a8abf; 13px; none; transition .3s; bg rgba(255,255,255,0.6)}（L173-184） */
.hkp-ift-rc-more {
  display: inline-block;
  margin-top: 25px;
  padding: 6px 28px;
  border: 1px solid #c0d8e8;
  border-radius: 20px;
  color: #1a8abf;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.3s;
  background: rgba(255, 255, 255, 0.6);
}

/* 旧站 .rc-more:hover{bg #1a8abf; #fff; border-color #1a8abf}（L186-190） */
.hkp-ift-rc-more:hover {
  background: #1a8abf;
  color: #fff;
  border-color: #1a8abf;
}

/* ===== 适应证（旧站 PC css L192-289 / H5 h5 L113-173） ===== */

/* 旧站 .indication-section{background:#fff}（L193-195） */
.hkp-ift-indication-section {
  background: #fff;
}

/* 旧站 .indication-grid{flex; wrap; center; center; gap 24px}（L197-203） */
.hkp-ift-indication-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

/* 旧站 .indication-card{box-sizing:border-box; width:30%; min-height:260px; 圆角12;
   padding 30px 20px; center; transition .3s; flex; gap 8px; column; center}（L205-217） */
.hkp-ift-indication-card {
  box-sizing: border-box;
  width: 30%;
  min-height: 260px;
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  transition: all 0.3s;
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: center;
}

/* 旧站交错位移 quirk（L219-226 注释「每行第一个、第三个向下偏移」，拍板决策 4 保留）：
   :nth-child(3n+1)/:nth-child(3n) 下移 100px —— 7 卡布局下实际命中第 1/3/4/6 张 */
.hkp-ift-indication-card:nth-child(3n+1),
.hkp-ift-indication-card:nth-child(3n) {
  transform: translateY(100px);
}

/* 旧站 :last-child 归零（L224-226）——第 7 张（GVHD）位移复位 */
.hkp-ift-indication-card:last-child {
  transform: translateY(0);
}

/* 旧站 .indication-content{width:70%; bg #f0f7fc; 圆角12; center; padding 20px; transition .3s}（L228-235） */
.hkp-ift-indication-card .hkp-ift-indication-content {
  width: 70%;
  background: #f0f7fc;
  border-radius: 12px;
  text-align: center;
  padding: 20px;
  transition: all 0.3s;
  box-sizing: border-box;
}

/* 旧站 .indication-card:hover{box-shadow:0 4px 20px rgba(26,138,191,0.15)}（L237-239） */
.hkp-ift-indication-card:hover {
  box-shadow: 0 4px 20px rgba(26, 138, 191, 0.15);
}

/* 旧站 .indication-card-full{grid-column:2}（L241-243）为 flex 布局下无效死代码，
   拍板决策 6① 不复刻（第 7 张卡的居中由 30% 宽 + grid 居中排布自然形成） */

/* 旧站 .indication-icon{margin-bottom:15px; flex; center; center}（L245-250） */
.hkp-ift-indication-card .hkp-ift-indication-icon {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 旧站 .indication-icon img{width:70px; height:70px}（L252-255） */
.hkp-ift-indication-card .hkp-ift-indication-icon img {
  width: 70px;
  height: 70px;
}

/* 旧站 .indication-category{16px; bold; #0e97d5}（L257-262） */
.hkp-ift-indication-card .hkp-ift-indication-category {
  font-size: 16px;
  font-weight: bold;
  color: #0e97d5;
}

/* 旧站 .indication-detail{12px; #666; line-height 1.8}（L264-268）
   GVHD 卡（第 7 张）detail 为空不渲染（拍板决策 5：旧站 PC L155 注释文案双端均不复刻） */
.hkp-ift-indication-card .hkp-ift-indication-detail {
  font-size: 12px;
  color: #666;
  line-height: 1.8;
}

/* 旧站 .indication-more{text-align:center; margin-top:40px}（L270-273） */
.hkp-ift-indication-more {
  text-align: center;
  margin-top: 40px;
}

/* 旧站 .indication-more a{inline-block; padding 8px 36px; border 1px #1a8abf; 圆角20; #1a8abf;
   14px; none; transition .3s}（L275-284）——PC 描边钮（H5 实底蓝钮） */
.hkp-ift-indication-more a {
  display: inline-block;
  padding: 8px 36px;
  border: 1px solid #1a8abf;
  border-radius: 20px;
  color: #1a8abf;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s;
}

/* 旧站 .indication-more a:hover{bg #1a8abf; #fff}（L286-289） */
.hkp-ift-indication-more a:hover {
  background: #1a8abf;
  color: #fff;
}

/* ===== 技术优势（旧站 PC css L291-346 / H5 h5 L176-211） ===== */

/* 旧站 .tech-section{background:#f0f7fc; padding:60px 0 80px}（L292-295）
   ——H5 底色 #f0f8fb 与 PC 有细微色差（h5 L177），双端各自保留（对照表取值记录） */
.hkp-ift-tech-section {
  background: #f0f7fc;
  padding: 60px 0 80px;
}

/* 旧站 PC L164 .section-wrap 内联 style="padding: 0;" 覆盖默认 80px 0（--flush 变体复刻） */
.hkp-ift-section-wrap--flush {
  padding: 0;
}

/* 旧站 .tech-grid{flex; center; gap 24px; wrap; max-width 1000px; margin 0 auto}（L297-304） */
.hkp-ift-tech-grid {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}

/* 旧站 .tech-card{width:220px; bg #fff; 圆角12; padding 30px 20px; center; transition .3s}（L306-313） */
.hkp-ift-tech-card {
  width: 220px;
  background: #fff;
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  transition: all 0.3s;
  box-sizing: border-box;
}

/* 旧站 .tech-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1); translateY(-3px)}（L315-318） */
.hkp-ift-tech-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

/* 旧站 .tech-icon{80x80; margin 0 auto 15px; flex; center; center}（L320-327） */
.hkp-ift-tech-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 旧站 .tech-icon img{width/height 100%; object-fit contain}（L329-333） */
.hkp-ift-tech-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* tech-info 为旧站 H5 独有包裹层（h5 L198-200 .tech-info{flex:1}，PC 无此层）：
   双端共用 DOM 折衷保留该层，PC 端 display:contents 等效消除（无旧站 PC 对应规则，预览结构折衷登记） */
.hkp-ift-tech-info {
  display: contents;
}

/* 旧站 .tech-name{16px; bold; #0b98d7; margin-bottom:8px}（L335-340） */
.hkp-ift-tech-name {
  font-size: 16px;
  font-weight: bold;
  color: #0b98d7;
  margin-bottom: 8px;
}

/* 旧站 .tech-desc{12px; #666; line-height 1.6}（L342-346） */
.hkp-ift-tech-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.6;
}

/* ===== 移动端（容器查询 ≤768px，旧站 h5/intestinalFloraTransplant.html 页内 <style> L18-L212，
   rem × 37.5 换算：固定尺寸 rem×37.5→px；本页无等比尺寸（无高度类 rem 值），均为固定值直转） ===== */
@container (max-width: 768px) {

  /* ===== 头图 H5（旧站 h5 L22-51） ===== */

  /* 旧站 .banner-overlay{absolute; top:22%; left:0; width:100%; center; color:#fff}（h5 L30-37）
     ——H5 top:22% / PC 垂直居中双端各自复刻（拍板决策 2）；容器 color:#fff 被 h1 显式色覆盖 */
  .hkp-ift-banner-overlay {
    top: 22%;
    left: 0;
    transform: none;
    color: #fff;
  }

  /* 旧站 h1{.6rem=22.5px; bold; letter-spacing .04rem=1.5px; line-height 1.4; #1a8abf}（h5 L38-44） */
  .hkp-ift-banner-overlay h1 {
    font-size: 22.5px;
    letter-spacing: 1.5px;
  }

  /* 旧站 span{block; .38rem=14.25px; normal; letter-spacing .1rem=3.75px; margin-top .15rem=5.625px}（h5 L45-51） */
  .hkp-ift-banner-overlay h1 span {
    font-size: 14.25px;
    letter-spacing: 3.75px;
    margin-top: 5.625px;
  }

  /* ===== 品牌简介 H5（旧站 h5 L54-73） ===== */

  /* 旧站 .intro-section{padding:.6rem .3rem}（h5 L54-56） */
  .hkp-ift-intro-section {
    padding: 22.5px 11.25px;
  }

  /* 旧站 .intro-header{center; margin-bottom .4rem=15px}（h5 L57-60） */
  .hkp-ift-intro-header {
    margin-bottom: 15px;
  }

  /* 旧站 h2{.4rem=15px; bold; #1a5276; line-height 1.6}（h5 L61-66）——色异于 PC #1a8abf，双端各自保留；
     H5 无 margin-bottom（PC 8px 归零） */
  .hkp-ift-intro-header h2 {
    font-size: 15px;
    color: #1a5276;
    line-height: 1.6;
    margin: 0;
  }

  /* 旧站 .intro-desc{.28rem=10.5px; #555; line-height 1.8; justify; margin-top .25rem=9.375px}（h5 L67-73）
     H5 无 max-width 限制（PC 900px 归零） */
  .hkp-ift-intro-header .hkp-ift-intro-desc {
    font-size: 10.5px;
    color: #555;
    line-height: 1.8;
    text-align: justify;
    margin: 9.375px 0 0;
    max-width: none;
  }

  /* ===== 研究中心卡片 H5（旧站 h5 L74-110，纯色卡复刻，拍板决策 3） ===== */

  /* 旧站 .research-center{bg #f0f8fb; 圆角 .16rem=6px; padding .4rem .3rem; margin-top .4rem}（h5 L74-79）
     ——H5 无背景图/遮罩（background 简写整值覆盖，::before 隐藏），双端结构非缩放关系 */
  .hkp-ift-research-center {
    background: #f0f8fb;
    border-radius: 6px;
    padding: 15px 11.25px;
    margin-top: 15px;
    text-align: left; /* H5 旧站无 text-align:center 声明，继承默认左对齐（PC 居中） */
  }
  .hkp-ift-research-center::before {
    display: none; /* H5 无遮罩（旧站 H5 无 ::before 规则） */
  }

  /* 旧站 .rc-title{.34rem=12.75px; bold; #1a5276; line-height 1.6; margin-bottom .25rem=9.375px}（h5 L80-86）
     H5 无 ::after 下划线（PC 有） */
  .hkp-ift-rc-title {
    font-size: 12.75px;
    color: #1a5276;
    line-height: 1.6;
    margin-bottom: 9.375px;
  }
  .hkp-ift-rc-title::after {
    display: none; /* H5 无下划线（旧站 H5 无 ::after 规则） */
  }

  /* 旧站 .rc-highlights{padding-left .4rem=15px; margin-bottom .3rem=11.25px}（h5 L87-90）
     其余方向 padding/margin 0（* reset 等价承接），text-align 继承左对齐（PC 居中归零） */
  .hkp-ift-rc-highlights {
    padding: 0 0 0 15px;
    margin: 0 0 11.25px;
    max-width: none;
    text-align: left;
  }

  /* 旧站 .rc-highlights li{.27rem=10.125px; #555; line-height 1.8; margin-bottom .12rem=4.5px; justify}（h5 L91-97）
     ——H5 普通列表文字（非胶囊），无 list-style:none 声明（旧站 H5 显示默认 disc 圆点，照旧复刻）；
     PC 胶囊样式（bg/圆角/padding/白字/加粗）整组归零 */
  .hkp-ift-rc-highlights li {
    list-style: disc;
    background: none;
    color: #555;
    padding: 0;
    border-radius: 0;
    margin: 0 0 4.5px;
    font-size: 10.125px;
    line-height: 1.8;
    font-weight: normal;
    text-align: justify;
  }

  /* 旧站 .rc-highlights .highlight{#e67e22; bold}（h5 L98-101）——H5 highlight 橙（决策 3，异于 PC 金） */
  .hkp-ift-rc-highlights li .highlight {
    color: #e67e22;
    font-weight: bold;
  }

  /* 旧站 .rc-more{inline-block; padding .1rem .5rem; border 1px #0f98d6; 圆角 .4rem=15px; #0f98d6;
     .28rem=10.5px}（h5 L102-110）——H5 无 margin-top/背景（PC 25px/半透明白归零，间距由 ul margin-bottom 提供） */
  .hkp-ift-rc-more {
    margin-top: 0;
    padding: 3.75px 18.75px;
    border: 1px solid #0f98d6;
    border-radius: 15px;
    color: #0f98d6;
    font-size: 10.5px;
    background: none;
  }

  /* ===== 适应证 H5（旧站 h5 L113-173，单列无交错位移，拍板决策 4） ===== */

  /* 通用 section-wrap H5 中和（旧站 H5 无 .section-wrap 容器，区块自带 padding）：
     width/max-width/padding 归零，具体区块再各自覆盖 */
  .hkp-ift-section-wrap {
    width: 100%;
    max-width: none;
    padding: 0;
  }

  /* 旧站 .indication-section{padding .6rem .3rem}（h5 L113-115） */
  .hkp-ift-indication-section {
    padding: 22.5px 11.25px;
  }

  /* 旧站 .section-title{.42rem=15.75px; bold; #1a5276; center; line-height 1.5}（h5 L116-122）
     ——H5 无 ::after 下划线（PC 有）、无 margin-bottom（PC 15px 归零，间距由 subtitle margin-top 提供） */
  .hkp-ift-section-title {
    font-size: 15.75px;
    color: #1a5276;
    line-height: 1.5;
    margin: 0;
  }
  .hkp-ift-section-title::after {
    display: none; /* H5 无下划线（旧站 H5 无 ::after 规则，对照表取值记录） */
  }

  /* 旧站 .section-subtitle{.26rem=9.75px; #888; center; margin .12rem 0 .4rem}（h5 L123-128） */
  .hkp-ift-section-subtitle {
    font-size: 9.75px;
    color: #888;
    margin: 4.5px 0 15px;
  }

  /* 旧站 H5 无 .indication-grid 规则（默认 block 单列，PC flex/gap 归零） */
  .hkp-ift-indication-grid {
    display: block;
    gap: 0;
  }

  /* 旧站 .indication-card{bg #f4f9fc; 圆角 .14rem=5.25px; padding .32rem .28rem; margin-bottom .28rem=10.5px}
     （h5 L129-134）——H5 单列无交错位移（nth-child/:last-child transform 全部归零，决策 4）；
     PC flex column/gap/30% 宽/260px 最小高/居中 整组归零 */
  .hkp-ift-indication-card {
    display: block;
    width: auto;
    min-height: 0;
    border-radius: 5.25px;
    padding: 12px 10.5px;
    margin: 0 0 10.5px;
    gap: 0;
    text-align: left; /* H5 旧站无 text-align:center 声明（detail/category 各自声明对齐方式） */
  }
  .hkp-ift-indication-card:nth-child(3n+1),
  .hkp-ift-indication-card:nth-child(3n),
  .hkp-ift-indication-card:last-child {
    transform: none; /* H5 无交错位移（旧站 H5 无 transform 规则，拍板决策 4） */
  }
  .hkp-ift-indication-card:hover {
    box-shadow: none; /* H5 无 hover 效果（旧站 H5 无 hover 规则） */
  }

  /* 旧站 .indication-content{flex; center}（h5 L135-138）——H5 左图右文横排
     （PC 70% 宽/#f0f7fc 底/圆角/padding 整组归零） */
  .hkp-ift-indication-card .hkp-ift-indication-content {
    display: flex;
    align-items: center;
    width: auto;
    background: none;
    border-radius: 0;
    padding: 0;
  }

  /* 旧站 .indication-icon{flex 0 0 .9rem=33.75px; margin-right .25rem=9.375px}（h5 L139-142）
     H5 无 margin-bottom（PC 15px 归零）、无 flex 居中（普通块） */
  .hkp-ift-indication-card .hkp-ift-indication-icon {
    flex: 0 0 33.75px;
    margin: 0 9.375px 0 0;
    display: block;
  }

  /* 旧站 .indication-icon img{width:.8rem=30px}（h5 L143-145）——H5 高度自适应（PC 70x70 归零） */
  .hkp-ift-indication-card .hkp-ift-indication-icon img {
    width: 30px;
    height: auto;
  }

  /* 旧站 .indication-category{.34rem=12.75px; bold; #1a5276; line-height 1.5}（h5 L146-151）
     ——H5 色异于 PC #0e97d5，双端各自保留 */
  .hkp-ift-indication-card .hkp-ift-indication-category {
    font-size: 12.75px;
    color: #1a5276;
    line-height: 1.5;
  }

  /* 旧站 .indication-detail{.27rem=10.125px; #666; line-height 1.7; margin-top .18rem=6.75px; justify;
     border-top 1px dashed #d6e7f0; padding-top .18rem=6.75px}（h5 L152-160）
     ——detail 上方 dashed 分隔线为 H5 独有（PC 无） */
  .hkp-ift-indication-card .hkp-ift-indication-detail {
    font-size: 10.125px;
    color: #666;
    line-height: 1.7;
    margin-top: 6.75px;
    text-align: justify;
    border-top: 1px dashed #d6e7f0;
    padding-top: 6.75px;
  }

  /* 旧站 .indication-more{center; margin-top .4rem=15px}（h5 L161-164） */
  .hkp-ift-indication-more {
    margin-top: 15px;
  }

  /* 旧站 .indication-more a{inline-block; padding .12rem .7rem; bg #0f98d6; 圆角 .4rem=15px; #fff;
     .3rem=11.25px}（h5 L165-173）——H5 实底蓝钮无边框（PC 描边钮，双端各自保留） */
  .hkp-ift-indication-more a {
    padding: 4.5px 26.25px;
    background: #0f98d6;
    border: none;
    border-radius: 15px;
    color: #fff;
    font-size: 11.25px;
  }

  /* ===== 技术优势 H5（旧站 h5 L176-211，横排卡） ===== */

  /* 旧站 .tech-section{bg #f0f8fb; padding .6rem .3rem}（h5 L176-179）——与 PC #f0f7fc 细微色差，双端各自保留 */
  .hkp-ift-tech-section {
    background: #f0f8fb;
    padding: 22.5px 11.25px;
  }

  /* 旧站 .tech-grid{margin-top .4rem=15px}（h5 L180-182）——H5 无规则默认 block 单列
     （PC flex/gap/max-width 1000px 整组归零） */
  .hkp-ift-tech-grid {
    display: block;
    gap: 0;
    max-width: none;
    margin: 15px 0 0;
  }

  /* 旧站 .tech-card{bg #fff; 圆角 .14rem=5.25px; padding .35rem .3rem; flex; center;
     margin-bottom .25rem=9.375px}（h5 L183-190）——H5 横排卡（icon 左 1rem + info 右），
     PC 220px 定宽/居中/hover 上浮 整组归零 */
  .hkp-ift-tech-card {
    width: auto;
    border-radius: 5.25px;
    padding: 13.125px 11.25px;
    display: flex;
    align-items: center;
    margin: 0 0 9.375px;
    text-align: left; /* H5 旧站无 text-align:center 声明（PC 居中） */
  }
  .hkp-ift-tech-card:hover {
    box-shadow: none; /* H5 无 hover 效果（旧站 H5 无 hover 规则） */
    transform: none;
  }

  /* 旧站 .tech-icon{flex 0 0 1rem=37.5px; margin-right .3rem=11.25px}（h5 L191-194）
     H5 无 80x80 定尺寸/居中 margin（PC 归零） */
  .hkp-ift-tech-icon {
    flex: 0 0 37.5px;
    width: auto;
    height: auto;
    margin: 0 11.25px 0 0;
    display: block;
  }

  /* 旧站 .tech-icon img{width:.9rem=33.75px}（h5 L195-197）——H5 高度自适应（PC 100%×100% 归零） */
  .hkp-ift-tech-icon img {
    width: 33.75px;
    height: auto;
  }

  /* 旧站 .tech-info{flex:1}（h5 L198-200，PC 无此层——PC 端 display:contents 折衷见上方默认规则） */
  .hkp-ift-tech-info {
    display: block;
    flex: 1;
  }

  /* 旧站 .tech-name{.34rem=12.75px; bold; #1a5276; margin-bottom .08rem=3px}（h5 L201-206）
     ——H5 色异于 PC #0b98d7，双端各自保留 */
  .hkp-ift-tech-name {
    font-size: 12.75px;
    color: #1a5276;
    margin-bottom: 3px;
  }

  /* 旧站 .tech-desc{.27rem=10.125px; #666; line-height 1.6}（h5 L207-211） */
  .hkp-ift-tech-desc {
    font-size: 10.125px;
    color: #666;
    line-height: 1.6;
  }
}

/* ===== H5 回到顶部按钮（页面级，旧站 h5 .upload：css/normal.css L427-437 + js/common.js upload()；
   取值同 aboutUs .hkp-au-upload / medicalWeightLoss .hkp-mwl-upload 口径——fixed 右下角，
   默认 display:none，scroll>400 由 JS 显示（仅窄屏，hkpjs/intestinalFloraTransplant.js）；
   2026-09-16 补齐（用户确认拼装 site.css 时一并补入，此前由页面 JS 初始化置 display:none 兜底）） ===== */
.hkp-ift-upload {
  position: fixed;
  right: 5cqw;   /* 旧站 0.5rem */
  bottom: 10cqw; /* 旧站 1rem */
  z-index: 9999;
  display: none; /* 旧站默认 display:none，scroll>400 由 JS 显示（仅窄屏，hkpjs/intestinalFloraTransplant.js） */
}

.hkp-ift-upload img {
  width: 15cqw; /* 旧站 1.5rem */
  cursor: pointer;
}