/* ===== 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;
}

/* 旧站 .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;
  }

  /* 旧站 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/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;
}

/* 旧站 .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/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;
}