/* =========================================================
   ORICO H1 笔记本专题页 PC 端样式
   独立命名空间：h1t- 前缀，全部样式作用域在 .h1t-topic 内，
   避免并入 PHP 项目（orico-official-website）后与其他页面/插件冲突
   命名规范：.h1t-模块__元素--修饰符（BEM 简化版）
   设计稿基准：2560px（原 rem 体系已全量换算为 min(vw,px) 等价单位），
   文字/间距随视口等比缩放，图片用百分比
   英文端：根节点追加 .h1t-topic--en，英文专属覆盖样式统一写在文件尾部，
   不改动中文基础规则（参照 ni-home--en 方案）
   ========================================================= */

/* ---- HarmonyOS Sans SC 字体（复用项目 CDN 字体文件，与 omini/新首页同源；
        本页尺寸已全部换算为 min(vw,px)，不依赖 html 根字号，公共头尾不受影响） ---- */
@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS_Sans_SC_Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS_Sans_SC_Bold.ttf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS_Sans_SC_Medium.ttf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

/* ---- 全局字体族（覆盖 header.css 的 * { font-family: '微软雅黑' }，方案同 omini） ---- */
*,
*::before,
*::after {
  font-family: "HarmonyOS Sans SC", "HarmonyOS", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
}

/* ---- 环境重置：抵消公共 public.css 的 body 约束（本文件仅本专题页加载，不影响其他页面；
        公共 body 锁 1920px 居中会压扁本页满宽背景图，1.2em 会放大继承字体） ---- */
body {
  max-width: none !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 400;
  color: #333;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; }

/* ---- 顶部导航：body 解锁后白底铺满全屏、导航内容 1920 居中。
        用 body .header 提升优先级——本文件在 header.css 之前加载，
        同优先级会被 header.css 的 .header{max-width:1920px} 反超 ---- */
body .header {
  max-width: none;
  left: 0;
}
.header-nav-outer {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
/* header 铺满后，产品/购买下拉面板（left:0;right:0;max-1920）保持居中 */
.header-dropdown,
.header-buy-dropdown {
  margin-left: auto;
  margin-right: auto;
}

/* ---- 字体 ----
   PHP 项目已有 HarmonyOS Sans SC / Metropolis 的 @font-face，
   本地静态开发用系统字体栈占位，并入 PHP 时移除本段注释说明即可 */
.h1t-topic {
  --h1t-dark: #0d1724;         /* 主深色 */
  --h1t-bg-soft: #f5f5f7;      /* 浅灰背景 */

  max-width: 2560px;           /* 超宽屏锁定 2560 居中 */
  margin: 0 auto;
  padding: 0;
  background: #fff;
  font-family: "HarmonyOS Sans SC", "Metropolis", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* =========================================================
   首屏 banner（单图完整展示，不裁切不定高）
   切图：h1bjb-banner.webp（5120x2874，2x 图）
   ========================================================= */
.h1t-topic .h1t-banner { margin: 0; padding: 0; }
.h1t-topic .h1t-banner__img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================================
   模块1（内容网格）
   背景 #F5F5F7，主体内容 1440px 居中，上下留白 130px，图距 20px
   切图：h1bjb-m1-1.webp ~ h1bjb-m1-11.webp
   ========================================================= */
.h1t-topic .h1t-m1 {
  background: #f5f5f7;
  padding: min(5.0781vw, 130.0px) 0;         /* 130px */
}
.h1t-topic .h1t-m1__inner {
  width: min(56.25vw, 1440.0px);                /* 1440px */
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: min(0.7812vw, 20.0px);                /* 20px 行距 */
}
.h1t-topic .h1t-m1__row {
  display: flex;
  gap: min(0.7812vw, 20.0px);                /* 20px 列距 */
}
.h1t-topic .h1t-m1__row > * {
  flex: 1;
  min-width: 0;
}
.h1t-topic .h1t-m1__col {
  display: flex;
  flex-direction: column;
  gap: min(0.7812vw, 20.0px);                /* 20px 纵向图距 */
}
.h1t-topic .h1t-m1__img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================================
   通用动效：滚动进入视口时从下到上渐显（全专题复用）
   用法：给元素加 .h1t-reveal，JS 检测进入视口后追加 .is-visible
   ========================================================= */
.h1t-topic .h1t-reveal {
  opacity: 0;
  transform: translateY(min(1.5625vw, 40.0px));   /* 40px，从下往上 */
  transition: opacity 1.1s ease, transform 1.1s ease;
  will-change: opacity, transform;
}
.h1t-topic .h1t-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);

}
@media (prefers-reduced-motion: reduce) {
  .h1t-topic .h1t-reveal {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

/* =========================================================
   模块2（渐变标题 + 图文板块）
   背景白色，标题区距上250px，板块距下130px
   切图：h1bjb-title1-bg.webp（标题底 2560×81）
         h1bjb-m2-1.webp（板块全背景 2560×950）
         h1bjb-m2-2~5.webp（小图 320/410×154）
   ========================================================= */
.h1t-topic .h1t-m2 {
  background: #fff;
  padding: min(9.7656vw, 250.0px) 0 min(12.5781vw, 322.0px);   /* 上 250px / 下 130px */
}
/* 标题：底图铺全宽，文字居中叠加 */
.h1t-topic .h1t-m2__title {
  height: min(3.1641vw, 81.0px);               /* 81px，随底图高 */
  margin: 0 0 min(4.4141vw, 113.0px);           /* 下 113px */
  background: url("../../images/h1_laptop/h1bjb-title1-bg.webp") center / 100% auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h1t-topic .h1t-m2__title-text {
  font-size: min(2.5391vw, 65.0px);            /* 65px */
  font-weight: 700;                /* HarmonyOS_Sans_SC_Bold */
  line-height: 1.3;
  background: linear-gradient(90deg, #60e0fe 0%, #0b9afc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* 图文板块：m2-1 整图做背景
   aspect-ratio 锁死板块高宽比 = 图片自身比例，背景 100% auto 完整显示不变形，
   内容绝对定位叠加，内容排版调整不影响背景图 */
.h1t-topic .h1t-m2__panel {
  position: relative;
  aspect-ratio: 2560 / 950;
  background: url("../../images/h1_laptop/h1bjb-m2-1.webp") top center / 100% auto no-repeat;
}
.h1t-topic .h1t-m2__content {
  position: absolute;
  top: min(5.7031vw, 146.0px);                   /* 146px */
  left: min(21.9531vw, 562.0px);                 /* 562px */
}
.h1t-topic .h1t-m2__heading {
  margin: 0 0 min(1.7969vw, 46.0px);            /* 下 46px */
  font-size: min(2.5vw, 64.0px);                 /* 64px */
  font-weight: 500;                /* HarmonyOS_Sans_SC_Medium */
  color: #333336;
}
.h1t-topic .h1t-m2__desc {
  margin: 0 0 min(4.375vw, 112.0px);                
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;                /* HarmonyOS_Sans_SC */
  line-height: 1.4;
  color: #959595;
}
.h1t-topic .h1t-m2__desc-hl { color: #333336; }
.h1t-topic .h1t-m2__imgs {
  display: flex;
  flex-direction: column;
  gap: min(0.3906vw, 10.0px);                   /* 10px 行距 */
  padding-bottom: min(1.6406vw, 42.0px);        /* 下 74px */
}
.h1t-topic .h1t-m2__imgs-row {
  display: flex;
  gap: min(0.3906vw, 10.0px);                   /* 10px 列距 */
}
.h1t-topic .h1t-m2__img {
  display: block;
  height: auto;
}
.h1t-topic .h1t-m2__img--sm { width: min(12.5vw, 320.0px); }      /* 320px */
.h1t-topic .h1t-m2__img--lg { width: min(16.0156vw, 410.0px); }  /* 410px */
.h1t-topic .h1t-m2__note {
  margin: 0;
  font-size: min(0.8594vw, 22.0px);             /* 22px */
  font-weight: 400;                /* HarmonyOS_Sans_SC */
  line-height: 1.6;
  color: #959595;
}

/* =========================================================
   模块3（护眼：标题 + 大图 + 轮播）
   背景白色；标题 63px/#202020 居中；小说明 24px/#959595 居中
   切图：h1bjb-m3-1.webp（1440×900）、h1bjb-m3-l1-1~3.webp（1000×650）
         h1bjb-left/right-bt(-active).webp（按钮 100×100，置灰/可用两态）
   ========================================================= */
.h1t-topic .h1t-m3 {
  background: #fff;
}
.h1t-topic .h1t-m3__title {
  margin: 0 0 min(1.9141vw, 49.0px);           /* 下 49px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;                /* HarmonyOS_Sans_SC_Medium */
  color: #202020;
  text-align: center;
}
.h1t-topic .h1t-m3__desc {
  margin: 0 0 min(3.0859vw, 79.0px);           /* 下 79px */
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;                /* HarmonyOS_Sans_SC */
  line-height: 1.6;
  color: #959595;
  text-align: center;
}
.h1t-topic .h1t-m3__desc-hl { color: #202020; }
.h1t-topic .h1t-m3__pic {
  display: block;
  width: min(56.25vw, 1440.0px);                    /* 1440px */
  height: auto;
  margin: 0 auto min(3.9062vw, 100.0px);          /* 下 100px */
}
/* 轮播：slide 固定 1000px，间距 20px，首张距左 561px（JS 按 rem 注入，随窗口缩放） */
.h1t-topic .h1t-m3__slide {
  width: min(39.0625vw, 1000.0px);                  /* 1000px */
}
.h1t-topic .h1t-m3__slide-img {
  display: block;
  width: 100%;
  height: auto;
}
.h1t-topic .h1t-m3__slide-title {
  margin: min(2.2656vw, 58.0px) 0 0;            /* 距图 58px */
  font-size: min(1.6406vw, 42.0px);             /* 42px */
  font-weight: 500;                /* HarmonyOS_Sans_SC_Medium */
  line-height: 1.2;
  color: #333336;
}
.h1t-topic .h1t-m3__slide-desc {
  margin: min(0.7812vw, 20.0px) 0 0;             /* 距标题 20px */
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;                /* HarmonyOS_Sans_SC */
  line-height: 1.4;
  color: #747476;
}
/* 按钮区：距轮播 69px，靠右距右 562px，按钮间距 45px */
.h1t-topic .h1t-m3__nav {
  margin-top: min(2.6953vw, 69.0px);           /* 69px */
  display: flex;
  justify-content: flex-end;
  gap: min(1.7578vw, 45.0px);                  /* 45px */
  padding-right: min(21.9531vw, 562.0px);        /* 562px */
}
/* 轮播板块距下方 252px */
.h1t-topic .h1t-m3__carousel-wrap {
  margin-bottom: min(9.8438vw, 252.0px);         /* 252px */
}
.h1t-topic .h1t-m3__btn {
  width: min(3.9062vw, 100.0px);                  /* 100px */
  height: min(3.9062vw, 100.0px);
  border: 0;
  padding: 0;
  cursor: pointer;
  background: center / 100% 100% no-repeat;
}
/* 置灰态（Swiper 到头自动加 swiper-button-disabled） */
.h1t-topic .h1t-m3__btn--prev { background-image: url("../../images/h1_laptop/h1bjb-left-bt.webp"); }
.h1t-topic .h1t-m3__btn--next { background-image: url("../../images/h1_laptop/h1bjb-right-bt.webp"); }
/* 可切态 */
.h1t-topic .h1t-m3__btn--prev:not(.swiper-button-disabled) { background-image: url("../../images/h1_laptop/h1bjb-left-bt-active.webp"); }
.h1t-topic .h1t-m3__btn--next:not(.swiper-button-disabled) { background-image: url("../../images/h1_laptop/h1bjb-right-bt-active.webp"); }
/* 覆盖 Swiper 默认 disabled 半透明样式，置灰态改由切图表达 */
.h1t-topic .h1t-m3__btn.swiper-button-disabled {
  opacity: 1;
  cursor: default;
  pointer-events: none;
}
/* 渐变标题「靓眼 从内到外」：底图铺全宽，文字居中叠加，
   轮播板块的 252px 下边距即标题与轮播的间距，标题距下 130px */
.h1t-topic .h1t-m3__title2 {
  height: min(3.1641vw, 81.0px);               /* 81px，随底图高 */
  margin: 0 0 min(5.0781vw, 130.0px);            /* 下 130px */
  background: url("../../images/h1_laptop/h1bjb-title2-bg.webp") center / 100% auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h1t-topic .h1t-m3__title2-text {
  font-size: min(2.5391vw, 65.0px);            /* 65px */
  font-weight: 700;                /* HarmonyOS_Sans_SC_Bold */
  line-height: 1;
  background: linear-gradient(90deg, #ffc291 0%, #ff6c57 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* =========================================================
   模块4（外观：全背景图 + 左侧文案）
   背景 #F5F5F7；背景图 h1bjb-m4-1.webp（2560×1000）
   文案距上398px / 距左560px；高亮词 #333336
   ========================================================= */
.h1t-topic .h1t-m4 {
  position: relative;
  aspect-ratio: 2560 / 1000;       /* 锁板块比例 = 背景图比例，不变形 */
  background: #f5f5f7 url("../../images/h1_laptop/h1bjb-m4-1.webp") top center / 100% auto no-repeat;
}
.h1t-topic .h1t-m4__content {
  position: absolute;
  top: min(15.5469vw, 398.0px);                  /* 398px */
  left: min(21.875vw, 560.0px);                     /* 560px */
}
.h1t-topic .h1t-m4__title {
  margin: 0 0 min(1.9141vw, 49.0px);           /* 下 49px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;                /* HarmonyOS_Sans_SC_Medium */
  color: #202020;
}
.h1t-topic .h1t-m4__desc {
  margin: 0;
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;                /* HarmonyOS_Sans_SC */
  line-height: 1.6;
  color: #7d7d81;
}
.h1t-topic .h1t-m4__desc-hl { color: #333336; }

/* =========================================================
   模块4-颜色切换板块（白底）
   上62px / 下259px；主图 2560×750 全宽；细节图 467×376×3 间距20px；
   色钮组距细节图 82px、按钮间横向 82px；点图 46px 距下 23px，文字 22px
   选中：光圈 #2E8FEC + 文字 #1D1D1F；未选中文字 #CBCECC
   ========================================================= */
.h1t-topic .h1t-m4-color {
  background: #fff;
  padding: min(2.4219vw, 62.0px) 0 min(10.1172vw, 259.0px);  /* 上 62px / 下 259px */
}
.h1t-topic .h1t-m4-color__main {
  display: block;
  width: 100%;
  height: auto;
}
.h1t-topic .h1t-m4-color__details {
  margin-top: min(0.7812vw, 20.0px);             /* 20px */
  display: flex;
  justify-content: center;
  gap: min(0.7812vw, 20.0px);                    /* 20px */
}
.h1t-topic .h1t-m4-color__detail {
  display: block;
  width: min(18.2422vw, 467.0px);               /* 467px */
  height: auto;
}
.h1t-topic .h1t-m4-color__colors {
  margin-top: min(3.2031vw, 82.0px);            /* 82px */
  display: flex;
  justify-content: center;
  gap: min(3.2031vw, 82.0px);                   /* 82px */
}
.h1t-topic .h1t-m4-color__color-btn {
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 色点：42.5px 圆容器 = 切图内容圆直径（画布 46×47 含透明偏边），
   光圈画在容器上保证正圆且贴合色点；img 绝对定位微调补偿切图圆心偏移 */
.h1t-topic .h1t-m4-color__color-dot {
  position: relative;
  display: block;
  width: min(1.6602vw, 42.5px);               /* 42.5px 内容圆直径 */
  height: min(1.6602vw, 42.5px);
  border-radius: 50%;
  transition: box-shadow 0.2s ease;
}
.h1t-topic .h1t-m4-color__color-dot-img {
  position: absolute;
  display: block;
  width: min(1.7969vw, 46.0px);                 /* 46px 原画布 1x 宽 */
  height: auto;
  left: min(0.025vw, 0.64px);
  top: min(0.0625vw, 1.6px);
}
.h1t-topic .h1t-m4-color__color-name {
  margin: min(0.8984vw, 23.0px) 0 0;           /* 23px */
  font-size: min(0.8594vw, 22.0px);             /* 22px */
  font-weight: 400;                /* HarmonyOS_Sans_SC */
  color: #cbcecc;
  transition: color 0.2s ease;
}
/* 选中态：蓝色光圈 + 深色文字 */
.h1t-topic .h1t-m4-color__color-btn.is-active .h1t-m4-color__color-dot {
  box-shadow: 0 0 0 2px #2e8fec;
}
.h1t-topic .h1t-m4-color__color-btn.is-active .h1t-m4-color__color-name {
  color: #1d1d1f;
}

/* =========================================================
   模块5（AI：渐变标题 + 图文底图 + 开箱标题 + 大图 + 四宫格）
   白底；title3-bg 2560×80；m5-1 底图 1440×800（实际尺寸）；
   m5-2 全宽 2560×700；四宫格 710×330×4 间距 20px
   ========================================================= */
.h1t-topic .h1t-m5 { background: #fff; }
/* 渐变标题「AI 效率组队」：底图全宽 80px 高，文字居中叠加，距下 132px */
.h1t-topic .h1t-m5__title {
  height: min(3.125vw, 80.0px);                    /* 80px，随底图高 */
  margin: 0 0 min(5.1562vw, 132.0px);             /* 下 132px */
  background: url("../../images/h1_laptop/h1bjb-title3-bg.webp") center / 100% auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h1t-topic .h1t-m5__title-text {
  font-size: min(2.5391vw, 65.0px);            /* 65px */
  font-weight: 700;                /* HarmonyOS_Sans_SC_Bold */
  line-height: 1;
  background: linear-gradient(90deg, #60e0fe 0%, #0b9afc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* 图文组合公共结构：1440 宽居中，标题距顶 129px / 距下 50px 说明 */
.h1t-topic .h1t-m5__intro {
  width: min(56.25vw, 1440.0px);                    /* 1440px */
  margin: 0 auto;
  padding-top: min(5.0391vw, 129.0px);          /* 129px */
  text-align: center;
}
.h1t-topic .h1t-m5__intro-title {
  margin: 0 0 min(1.9531vw, 50.0px);            /* 下 50px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;                /* HarmonyOS_Sans_SC_Medium */
  color: #202020;
}
.h1t-topic .h1t-m5__intro-desc {
  margin: 0;
  font-size: min(0.7812vw, 20.0px);              /* 20px */
  font-weight: 400;                /* HarmonyOS_Sans_SC */
  color: #959595;
}
/* 图文组合1：底图 m5-1（1440×800）锁比例铺满，距下 249px */
.h1t-topic .h1t-m5__intro--bg {
  aspect-ratio: 1440 / 800;
  background: url("../../images/h1_laptop/h1bjb-m5-1.webp") top center / 100% auto no-repeat;
  margin-bottom: min(4.6875vw, 120.0px);           /* 下 120px（249px 减去底图自带留白 129px） */
}
/* m5-2 全宽大图：距说明 116px / 距四宫格 88px */
.h1t-topic .h1t-m5__shot {
  display: block;
  width: 100%;
  height: auto;
  margin: min(4.5312vw, 116.0px) 0 min(3.4375vw, 88.0px);        /* 上 116px / 下 88px */
}
/* 四宫格 710×330×2列 间距 20px，模块底距 120px */
.h1t-topic .h1t-m5__grid {
  width: min(56.25vw, 1440.0px);                    /* 1440px */
  margin: 0 auto;
  padding-bottom: min(4.6875vw, 120.0px);          /* 120px */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.7812vw, 20.0px);                    /* 20px */
}
.h1t-topic .h1t-m5__grid-img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================================
   模块6（AI 场景自动循环轮播）
   白底；全宽 slide 2560×900 相接（图内留白透出相邻边缘）；
   图距下 50px；按钮 100×99（切图2x 200×198）距左右 510px；
   文案随轮播联动：标题 44px Bold #1D1D1F 距下 26px，说明 24px #7D7D81
   ========================================================= */
.h1t-topic .h1t-m6 {
  background: #fff;
  padding-bottom: min(5.8594vw, 150.0px);        /* 模块6 距下 150px */
}
.h1t-topic .h1t-m6__swiper {
  margin-bottom: min(1.9531vw, 50.0px);         /* 50px */
  overflow: hidden;
}
.h1t-topic .h1t-m6__swiper .swiper-slide { width: 100%; }
.h1t-topic .h1t-m6__swiper img {
  display: block;
  width: 100%;
  height: auto;
}
/* 按钮 + 联动文案面板 */
.h1t-topic .h1t-m6__panel {
  display: flex;
  align-items: center;
  padding: 0 min(19.9219vw, 510.0px);            /* 左右 510px */
}
.h1t-topic .h1t-m6__btn {
  flex-shrink: 0;
  width: min(3.9062vw, 100.0px);                  /* 100px */
  height: min(3.8672vw, 99.0px);               /* 99px */
  border: 0;
  padding: 0;
  background: center / 100% 100% no-repeat;
  cursor: pointer;
}
.h1t-topic .h1t-m6__btn--prev { background-image: url("../../images/h1_laptop/h1bjb-left-bt.webp"); }
.h1t-topic .h1t-m6__btn--next { background-image: url("../../images/h1_laptop/h1bjb-right-bt.webp"); }
.h1t-topic .h1t-m6__btn--prev:hover { background-image: url("../../images/h1_laptop/h1bjb-left-bt-active.webp"); }
.h1t-topic .h1t-m6__btn--next:hover { background-image: url("../../images/h1_laptop/h1bjb-right-bt-active.webp"); }
.h1t-topic .h1t-m6__texts {
  position: relative;
  flex: 1;
  height: min(4.0625vw, 104.0px);                  /* 以最高文案组（标题+26px+说明）定高 */
}
.h1t-topic .h1t-m6__text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.h1t-topic .h1t-m6__text.is-active { opacity: 1; }
.h1t-topic .h1t-m6__text-title {
  margin: 0 0 min(1.0156vw, 26.0px);            /* 26px */
  font-size: min(1.7188vw, 44.0px);              /* 44px */
  font-weight: 700;                /* HarmonyOS_Sans_SC_Bold */
  line-height: 1;
  color: #1d1d1f;
}
.h1t-topic .h1t-m6__text-desc {
  margin: 0;
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;                /* HarmonyOS_Sans_SC */
  line-height: 1.4;
  color: #7d7d81;
}

/* =========================================================
   模块7（性能，黑底）：渐变标题 + 芯片图文 + 跑分进度条
   title1-bg 2560×80；m7-1 底图 2560×1600；参数图 239×170；
   进度条：条1 灰底 1443px 渐变蓝填充，条2/3 灰条 606/441px 生长
   ========================================================= */
.h1t-topic .h1t-m7 {
  background: #000;
  padding-top: min(10.0781vw, 258.0px);          /* 标题距上 258px */
}
/* 渐变标题（复用模块5 模式，底图 title1-bg） */
.h1t-topic .h1t-m7__title {
  height: min(3.125vw, 80.0px);                    /* 80px */
  margin: 0 0 0;                   /* 下间距由 hero 板块控制 */
  background: url("../../images/h1_laptop/h1bjb-title1-bg.webp") center / 100% auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h1t-topic .h1t-m7__title-text {
  font-size: min(2.5391vw, 65.0px);            /* 65px */
  font-weight: 700;
  line-height: 1.3;
  background: linear-gradient(90deg, #60e0fe 0%, #0b9afc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* 芯片图文板块：底图 m7-1 锁比例，内容靠左（距上 208 / 距左 560） */
.h1t-topic .h1t-m7__hero {
  aspect-ratio: 2560 / 1600;
  background: url("../../images/h1_laptop/h1bjb-m7-1.webp") top center / 100% auto no-repeat;
  padding: min(8.125vw, 208.0px) min(21.875vw, 560.0px) 0;          /* 上 208px / 左右 560px */
  box-sizing: border-box;
}
.h1t-topic .h1t-m7__hero-title {
  margin: 0;
  font-size: min(2.6562vw, 68.0px);              /* 68px */
  font-weight: 500;                /* HarmonyOS_Sans_SC_Medium */
  line-height: 1.3;
  color: #fff;
}
.h1t-topic .h1t-m7__hero-desc {
  margin: min(2.9297vw, 75.0px) 0 0;           /* 距标题下 75px */
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;
  line-height: 1.6;
  color: #959595;
}
.h1t-topic .h1t-m7__hero-hl { color: #fff; }
.h1t-topic .h1t-m7__hero-specs {
  margin-top: min(8.8281vw, 226.0px);           /* 距文案下 226px */
  display: flex;
  gap: min(0.4375vw, 11.2px);                       /* 12px */
}
.h1t-topic .h1t-m7__spec {
  display: block;
  width: min(9.3359vw, 239.0px);               /* 239px */
  height: auto;
}
/* 跑分进度条板块：距左右 560px，内容靠左，距下 235px；上移 12% 压缩底图下方留白 */
.h1t-topic .h1t-m7__bench {
  margin-top: -12%;
  padding: 0 min(21.875vw, 560.0px) min(9.1797vw, 235.0px);     /* 左右 560px / 下 235px */
  box-sizing: border-box;
}
.h1t-topic .h1t-m7__bench-title {
  margin: 0 0 min(3.4375vw, 88.0px);              /* 距下 88px */
  font-size: min(1.875vw, 48.0px);                 /* 48px */
  font-weight: 500;
  color: #fff;
}
/* 条通用：track 高 20px 圆角 10px 灰底 */
.h1t-topic .h1t-m7__bar-track {
  height: min(0.7812vw, 20.0px);                 /* 20px */
  border-radius: min(0.3906vw, 10.0px);         /* 10px */
  background: transparent;                       /* 跑分条不需要默认底色 */
  overflow: hidden;
}
/* 条1 track 满长 1443px；条2/3 track 宽由 inline --bar-w 提供（606/441px） */
.h1t-topic .h1t-m7__bar-track { width: min(56.3672vw, 1443.0px); }
.h1t-topic .h1t-m7__bar--plain .h1t-m7__bar-track { width: var(--bar-w); }
/* fill 渐变蓝初始 0 宽，is-visible 后填充 */
.h1t-topic .h1t-m7__bar-fill {
  width: 0;
  height: 100%;
  border-radius: min(0.3906vw, 10.0px);
  background: linear-gradient(90deg, #00cfff 0%, #0b9afc 100%);
  transition: width 1s ease-out 0.2s;
}
/* 条2/3 填充不用渐变，纯色 #959595 */
.h1t-topic .h1t-m7__bar--plain .h1t-m7__bar-fill {
  background: #959595;
}
.h1t-topic .is-visible .h1t-m7__bar-fill { width: 100%; }
/* 条下文案：距条 29px，左右两端对齐；宽度跟各自条长对齐 */
.h1t-topic .h1t-m7__bar-labels {
  margin-top: min(1.1328vw, 29.0px);           /* 29px */
  width: min(56.3672vw, 1443.0px);               /* 条1 文案区 = 1443px */
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.h1t-topic .h1t-m7__bar--plain .h1t-m7__bar-labels { width: var(--bar-w); }
.h1t-topic .h1t-m7__bar:nth-of-type(2) { margin-top: min(3.2812vw, 84.0px); }   /* 条1→条2 84px */
.h1t-topic .h1t-m7__bar:nth-of-type(3) { margin-top: min(2.9297vw, 75.0px); } /* 条2→条3 75px */
.h1t-topic .h1t-m7__bar-name,
.h1t-topic .h1t-m7__bar-score {
  font-size: min(1.25vw, 32.0px);                 /* 32px */
  font-weight: 500;
  color: #d0d8e3;
}
.h1t-topic .h1t-m7__bar-name--grad,
.h1t-topic .h1t-m7__bar-score--grad {
  font-size: min(1.6406vw, 42.0px);             /* 42px（条1） */
  background: linear-gradient(90deg, #60e0fe 0%, #0b9afc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* 居中注脚：距条3 文案 60px */
.h1t-topic .h1t-m7__bench-note {
  margin: min(2.3438vw, 60.0px) 0 0;             /* 上 60px */
  font-size: min(0.8594vw, 22.0px);             /* 22px */
  font-weight: 300;                /* HarmonyOS_Sans_SC_Light */
  color: #cbcfd8;
  text-align: center;
}
/* GPU 跑分板块（bench2）：复用 bench，距上 150px 距下 265px */
.h1t-topic .h1t-m7__bench2 {
  margin-top: min(5.8594vw, 150.0px);            /* 150px（覆盖 bench 的 -12%） */
  padding-bottom: min(10.3516vw, 265.0px);      /* 265px */
}
/* =========================================================
   模块7·GPU 展示板块：底图 m7-7（2560×1541）锁比例，内容居中叠加
   标题 63px 白 距下 48px；说明 24px 距下 78px；
   两图 359×103 距 20px → 917px → 四图 297×216 距 20px
   ========================================================= */
.h1t-topic .h1t-m7__gpu {
  aspect-ratio: 2560 / 1541;
  background: url("../../images/h1_laptop/h1bjb-m7-7.webp") top center / 100% auto no-repeat;
  text-align: center;
}
.h1t-topic .h1t-m7__gpu-title {
  margin: 0 0 min(1.875vw, 48.0px);                /* 下 48px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
.h1t-topic .h1t-m7__gpu-desc {
  margin: 0 0 min(3.0469vw, 78.0px);            /* 下 78px */
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;
  line-height: 1.5;
  color: #959595;
}
.h1t-topic .h1t-m7__gpu-hl { color: #fff; }
.h1t-topic .h1t-m7__gpu-pair {
  display: flex;
  justify-content: center;
  gap: min(0.7812vw, 20.0px);                    /* 20px */
}
.h1t-topic .h1t-m7__gpu-pair-img {
  display: block;
  width: min(14.0234vw, 359.0px);               /* 359px */
  height: auto;
}
.h1t-topic .h1t-m7__gpu-grid {
  margin-top: min(35.8203vw, 917.0px);          /* 917px */
  display: flex;
  justify-content: center;
  gap: min(0.7812vw, 20.0px);                    /* 20px */
}
.h1t-topic .h1t-m7__gpu-grid-img {
  display: block;
  width: min(11.6016vw, 297.0px);               /* 297px */
  height: auto;
}
/* =========================================================
   模块7·内存板块：底图 m7-12（2560×1130）锁比例，内容靠左（上332/左560）
   标题 63px 白两行 距下 50px；说明 24px 距下 120px；
   两卡 311×221 相距 20px
   ========================================================= */
.h1t-topic .h1t-m7__ram {
  aspect-ratio: 2560 / 1130;
  background: url("../../images/h1_laptop/h1bjb-m7-12.webp") top center / 100% auto no-repeat;
  padding: min(12.9688vw, 332.0px) 0 0 min(21.875vw, 560.0px);     /* 上 332px / 左 560px */
  box-sizing: border-box;
}
.h1t-topic .h1t-m7__ram-title {
  margin: 0 0 min(1.9531vw, 50.0px);            /* 下 50px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
.h1t-topic .h1t-m7__ram-desc {
  margin: 0 0 min(4.6875vw, 120.0px);              /* 下 120px */
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;
  color: #959595;
}
.h1t-topic .h1t-m7__ram-hl { color: #fff; }
.h1t-topic .h1t-m7__ram-cards {
  display: flex;
  gap: min(0.7812vw, 20.0px);                    /* 20px */
}
.h1t-topic .h1t-m7__ram-card {
  display: block;
  width: min(12.1484vw, 311.0px);               /* 311px */
  height: auto;
}
/* =========================================================
   模块7·双图板块：上下两张图居中（上 103px / 下 67px / 相距 20px）
   m7-15 1443×387、m7-16 1437×686
   ========================================================= */
.h1t-topic .h1t-m7__duo {
  margin: min(4.0234vw, 103.0px) 0 min(2.6172vw, 67.0px);   /* 上 103px / 下 67px */
  text-align: center;
}
.h1t-topic .h1t-m7__duo-img {
  display: block;
  margin: 0 auto;
  height: auto;
}
.h1t-topic .h1t-m7__duo-img--top {
  width: min(56.3672vw, 1443.0px);               /* 1443px */
  margin-bottom: min(0.7812vw, 20.0px);          /* 20px */
}
.h1t-topic .h1t-m7__duo-img--bottom {
  width: min(56.1328vw, 1437.0px);               /* 1437px */
}
/* =========================================================
   模块7·散热板块：底图 m7-17（2560×1501）锁比例，内容靠左（上609/左560）
   标题 63px 白两行 距下 56px；说明 24px 两行，高亮白
   ========================================================= */
.h1t-topic .h1t-m7__cool {
  aspect-ratio: 2560 / 1501;
  background: url("../../images/h1_laptop/h1bjb-m7-17.webp") top center / 100% auto no-repeat;
  padding: min(23.7891vw, 609.0px) 0 0 min(21.875vw, 560.0px);   /* 上 609px / 左 560px */
  box-sizing: border-box;
}
.h1t-topic .h1t-m7__cool-title {
  margin: 0 0 min(2.1875vw, 56.0px);              /* 下 56px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
.h1t-topic .h1t-m7__cool-desc {
  margin: 0;
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;
  line-height: 1.6;
  color: #959595;
}
.h1t-topic .h1t-m7__cool-hl { color: #fff; }
/* =========================================================
   模块7·散热矩阵板块：横幅 1443×382 + 下排（左 710×740 / 右 710 上下两图 364+356）
   图间距 20px；底部说明 22px 白 距上 59px；板块距下 260px
   ========================================================= */
.h1t-topic .h1t-m7__grid {
  margin-bottom: min(10.1562vw, 260.0px);         /* 260px */
}
.h1t-topic .h1t-m7__grid-top-img {
  display: block;
  width: min(56.3672vw, 1443.0px);               /* 1443px */
  height: auto;
  margin: 0 auto min(0.7812vw, 20.0px);          /* 居中 / 下 20px */
}
.h1t-topic .h1t-m7__grid-row {
  width: min(56.25vw, 1440.0px);                    /* 1440px = 710 + 20 + 710 */
  margin: 0 auto;
  display: flex;
  gap: min(0.7812vw, 20.0px);                    /* 20px */
}
.h1t-topic .h1t-m7__grid-big {
  display: block;
  width: min(27.7344vw, 710.0px);                /* 710px */
  height: auto;
}
.h1t-topic .h1t-m7__grid-col {
  width: min(27.7344vw, 710.0px);                /* 710px */
  display: flex;
  flex-direction: column;
  gap: min(0.7812vw, 20.0px);                    /* 20px */
}
.h1t-topic .h1t-m7__grid-sm {
  display: block;
  width: 100%;
  height: auto;
}
.h1t-topic .h1t-m7__grid-note {
  margin: min(2.3047vw, 59.0px) 0 0;           /* 上 59px */
  font-size: min(0.8594vw, 22.0px);             /* 22px */
  font-weight: 400;
  color: #838383;
  text-align: center;
}
/* =========================================================
   模块7·场景轮播板块：标题 + 全宽轮播×4（2560×1250）+ 靠右按钮
   标题距下 79px；轮播距下 60px 按钮；按钮 100×100 相距 45px 距右 562px；
   按钮距下 169px（顶距 259px 与上一板块底距 260px 同一段，取 260 生效）
   ========================================================= */
.h1t-topic .h1t-m7__show-title {
  margin: 0 0 min(3.0859vw, 79.0px);           /* 下 79px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.h1t-topic .h1t-m7__show-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.h1t-topic .h1t-m7__show-nav {
  padding: min(2.3438vw, 60.0px) 0 min(6.6016vw, 169.0px);    /* 上 60px / 下 169px */
  display: flex;
  justify-content: flex-end;
  gap: min(1.7578vw, 45.0px);                  /* 45px */
  padding-right: min(21.9531vw, 562.0px);        /* 距右 562px */
  box-sizing: border-box;
}
.h1t-topic .h1t-m7__show-btn {
  width: min(3.9062vw, 100.0px);                  /* 100px */
  height: min(3.9062vw, 100.0px);
  border: 0;
  padding: 0;
  cursor: pointer;
  background: url("../../images/h1_laptop/h1bjb-left-bt-black.webp") center / 100% 100% no-repeat;
}
.h1t-topic .h1t-m7__show-next {
  background-image: url("../../images/h1_laptop/h1bjb-right-bt-black.webp");
}
.h1t-topic .h1t-m7__show-prev:hover {
  background-image: url("../../images/h1_laptop/h1bjb-left-bt-activeblack.webp");
}
.h1t-topic .h1t-m7__show-next:hover {
  background-image: url("../../images/h1_laptop/h1bjb-right-bt-active-black.webp");
}

/* =========================================================
   模块8
   切图：h1bjb-m8-1.webp ~ h1bjb-m8-6.webp + h1bjb-m8-ico1~3.webp
         + h1bjb-m8-l1-1.webp ~ l1-3.webp
   ========================================================= */
/* =========================================================
   模块8（体验，白底）：渐变橙标题 + 接口图文（底图 m8-1 2560×1350）
   图1 m8-2 居中（533×296）、图2 m8-3 右侧（431×263，距左 1960px）错峰渐显
   ========================================================= */
.h1t-topic .h1t-m8 {
  background: #fff;
  padding-top: min(10.0781vw, 258.0px);          /* 标题距上 258px */
  padding-bottom: min(7.0312vw, 180.0px);        /* 模块距下 180px */
}
/* 渐变标题（复用模块3 模式，底图 title2-bg） */
.h1t-topic .h1t-m8__title {
  height: min(3.1641vw, 81.0px);               /* 81px */
  margin: 0 0 min(5.7031vw, 146.0px);            /* 下 146px */
  background: url("../../images/h1_laptop/h1bjb-title2-bg.webp") center / 100% auto no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h1t-topic .h1t-m8__title-text {
  font-size: min(2.5391vw, 65.0px);            /* 65px */
  font-weight: 700;
  line-height: 1.3;
  background: linear-gradient(90deg, #ffc291 0%, #ff6c57 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/* 接口图文板块：底图 m8-1 锁比例，内容居中流式排布 */
.h1t-topic .h1t-m8__hero {
  aspect-ratio: 2560 / 1350;
  background: url("../../images/h1_laptop/h1bjb-m8-1.webp") top center / 100% auto no-repeat;
  padding-top: min(7.0312vw, 180.0px);           /* 标题距上 180px */
  box-sizing: border-box;
  text-align: center;
}
.h1t-topic .h1t-m8__hero-title {
  margin: 0 0 min(1.9141vw, 49.0px);           /* 下 49px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;
  color: #202020;
}
.h1t-topic .h1t-m8__hero-desc {
  margin: 0 0 min(3.9453vw, 101.0px);           /* 下 101px */
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;
  color: #959595;
}
.h1t-topic .h1t-m8__hero-hl { color: #202020; }
.h1t-topic .h1t-m8__img {
  display: block;
  height: auto;
}
.h1t-topic .h1t-m8__img--1 {
  width: min(20.8203vw, 533.0px);               /* 533px */
  margin: calc(min(1.5625vw, 40.0px) * -1) auto min(10.1562vw, 260.0px);   /* 上移 40px（rem 随窗口缩放）/ 下 260px */
}
.h1t-topic .h1t-m8__img--2 {
  width: min(16.8359vw, 431.0px);               /* 431px */
  margin-left: min(42.1875vw, 1080.0px);            /* 距左 1080px */
}
/* 两张图错峰渐显：图1 延迟 0.2s，图2 延迟 0.45s（整体时长 1.1s） */
.h1t-topic .h1t-m8__img--1.h1t-reveal { transition-delay: 0.2s; }
.h1t-topic .h1t-m8__img--2.h1t-reveal { transition-delay: 0.45s; }
/* =========================================================
   模块8·播放器轮播板块：全宽轮播×3（2560×960）+ 播放器式控制条
   控制条距轮播 60px、水平居中；分页器胶囊高 73px 圆角 36.5px 底 #EBEBF0；
   圆点 11px #6F6F73，激活点展开 65px 走黑色进度条，走满切下一张；
   状态按钮 73×73：播放中 start-bt(⏸) / 暂停中 stop-bt(▶) / 播完 update-bt(↻)
   ========================================================= */
.h1t-topic .h1t-m8__player-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.h1t-topic .h1t-m8__player-ctrl {
  margin-top: min(2.3438vw, 60.0px);             /* 轮播距下 60px */
  margin-bottom: min(10.0vw, 256.0px);            /* 板块距下 256px */
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(0.8984vw, 23.0px);                  /* 分页器与按钮间距 23px */
}
/* 分页器胶囊 */
.h1t-topic .h1t-m8__player-dots {
  height: min(2.8516vw, 73.0px);               /* 73px */
  border-radius: min(1.4258vw, 36.5px);       /* 36.5px */
  background: #ebebf0;
  display: flex;
  align-items: center;
  gap: min(0.8203vw, 21.0px);                  /* 点间距 21px（参考图估） */
  padding: 0 min(1.875vw, 48.0px);                 /* 水平 48px（参考图估） */
}
/* 分页点：默认 11px 圆点，激活展开为 65px 圆角条 */
.h1t-topic .h1t-m8__player-dot {
  position: relative;
  width: min(0.4297vw, 11.0px);                /* 11px */
  height: min(0.4297vw, 11.0px);
  flex: 0 0 auto;
  border: 0;
  padding: 0;
  border-radius: min(0.2148vw, 5.5px);
  background: #6f6f73;
  cursor: pointer;
  overflow: hidden;
  transition: width 0.3s ease;
}
.h1t-topic .h1t-m8__player-dot.is-active { width: min(2.5391vw, 65.0px); }  /* 65px */
.h1t-topic .h1t-m8__player-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: min(0.2148vw, 5.5px);
  background: #000;
}
/* 状态按钮：73×73 整颗切图，JS 按 playing/paused/ended 切换 */
.h1t-topic .h1t-m8__player-toggle {
  width: min(2.8516vw, 73.0px);                /* 73px */
  height: min(2.8516vw, 73.0px);
  flex: 0 0 auto;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: url("../../images/h1_laptop/h1bjb-start-bt.webp") center / 100% 100% no-repeat;  /* 播放中 ⏸ */
}
.h1t-topic .h1t-m8__player-toggle.is-paused {
  background-image: url("../../images/h1_laptop/h1bjb-stop-bt.webp");     /* 暂停中 ▶ */
}
.h1t-topic .h1t-m8__player-toggle.is-ended {
  background-image: url("../../images/h1_laptop/h1bjb-update-bt.webp");   /* 播完 ↻ */
}
/* =========================================================
   模块8·三组图文板块（视频会议 / 超快补能 / WiFi）：共用 feat 样式
   标题 63px #333336 距下 49px；说明 24px 距下 80px；图 1440 宽居中；
   组1 图标行（80px 图标+10px+42px 文案，70px 竖线分隔）；组3 蓝色数据行；
   组间距 214px / WiFi 组 219px
   ========================================================= */
.h1t-topic .h1t-m8__feat {
  text-align: center;
}
.h1t-topic .h1t-m8__feat + .h1t-m8__feat {
  margin-top: min(8.3594vw, 214.0px);           /* 组间距 214px */
}
.h1t-topic .h1t-m8__feat--wifi {
  margin-top: min(8.5547vw, 219.0px) !important; /* WiFi 组距上 219px */
}
.h1t-topic .h1t-m8__feat-title {
  margin: 0 0 min(1.9141vw, 49.0px);           /* 下 49px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;
  color: #333336;
}
.h1t-topic .h1t-m8__feat-desc {
  margin: 0 0 min(3.125vw, 80.0px);                /* 下 80px */
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;
  color: #959595;
}
.h1t-topic .h1t-m8__feat-hl { color: #202020; }
.h1t-topic .h1t-m8__feat-img {
  display: block;
  width: min(56.25vw, 1440.0px);                    /* 1440px */
  height: auto;
  margin: 0 auto min(2.3047vw, 59.0px);        /* 居中 / 下 59px */
}
.h1t-topic .h1t-m8__feat--wifi .h1t-m8__feat-img {
  margin-bottom: min(1.9922vw, 51.0px);        /* WiFi 组图距下 51px */
}
.h1t-topic .h1t-m8__feat-note {
  margin: 0;
  font-size: min(0.8594vw, 22.0px);             /* 22px */
  font-weight: 400;
  color: #959595;
}
/* 组1 图标行：80px 图标 + 10px + 42px 黑色文案，竖线分隔间距 70px */
.h1t-topic .h1t-m8__feat-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(2.7344vw, 70.0px);                   /* 70px */
}
.h1t-topic .h1t-m8__feat-icon-item {
  display: flex;
  align-items: center;
  gap: min(0.3906vw, 10.0px);                   /* 10px */
}
.h1t-topic .h1t-m8__feat-ico {
  width: min(3.125vw, 80.0px);                     /* 80px */
  height: min(3.125vw, 80.0px);
}
.h1t-topic .h1t-m8__feat-icon-text {
  font-size: min(1.6406vw, 42.0px);             /* 42px */
  font-weight: 400;
  color: #000;
}
/* 分割竖线：2×30px #333336 */
.h1t-topic .h1t-m8__feat-divider {
  width: min(0.0781vw, 2.0px);
  height: min(1.1719vw, 30.0px);                /* 30px */
  background: #333336;
}
/* 组3 数据行：蓝色数字 + 27px + 灰说明，竖线分隔间距 133px */
.h1t-topic .h1t-m8__feat-stats {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(5.1953vw, 105px);                     /* 105px */
}
.h1t-topic .h1t-m8__feat-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h1t-topic .h1t-m8__feat-stat-num {
  font-size: min(1.6406vw, 42.0px);             /* 42px */
  font-weight: 500;
  color: #0082ff;
}
.h1t-topic .h1t-m8__feat-stat-label {
  margin-top: min(1.0547vw, 27.0px);           /* 27px */
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;
  color: #959595;
}
/* banner 跳转链接：整图可点，新开京东商品页 */
.h1t-topic .h1t-banner__link {
  display: block;
  font-size: 0;
}

/* =========================================================
   模块9（品质，背景 #F5F5F7）：大图 + 品牌图文 + 测试图组 + 质保四图
   上下留白 204px / 283px（底）；四组滚动渐显
   ========================================================= */
.h1t-topic .h1t-m9 {
  background: #f5f5f7;
  padding: min(7.9688vw, 204.0px) 0 min(11.0547vw, 283.0px);  /* 上 204px / 下 283px */
}
.h1t-topic .h1t-m9__hero-img {
  display: block;
  width: min(56.25vw, 1440.0px);                    /* 1440px */
  height: auto;
  margin: 0 auto min(7.7734vw, 199.0px);       /* 居中 / 下 199px */
}
/* 品牌标题组 */
.h1t-topic .h1t-m9__brand {
  margin-top: 0;
  text-align: center;
}
.h1t-topic .h1t-m9__brand-sub {
  margin: 0 0 min(1.1328vw, 29.0px);           /* 下 29px */
  font-size: min(1.1719vw, 30.0px);             /* 30px */
  font-weight: 500;
  font-family: "HarmonyOS Sans SC" !important;  /* Medium 字重（500） */
  background: linear-gradient(90deg, #6191ff 0%, #7fc5ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.h1t-topic .h1t-m9__brand-title {
  margin: 0 0 min(1.9922vw, 51.0px);           /* 下 51px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;
  color: #000;
}
.h1t-topic .h1t-m9__brand-desc {
  margin: 0;
  font-size: min(0.9375vw, 24.0px);               /* 24px */
  font-weight: 400;
  color: #959595;
}
/* 测试图组：全宽长图 + 两图行 + 大图 */
.h1t-topic .h1t-m9__test {
  margin-top: min(2.2656vw, 58.0px);            /* 说明距下 58px */
}
.h1t-topic .h1t-m9__test-wide {
  display: block;
  width: 100%;
  height: auto;
}
.h1t-topic .h1t-m9__test-row {
  width: min(56.25vw, 1440.0px);                    /* 1440px */
  margin: min(1.9531vw, 50.0px) auto 0;         /* 上 50px */
  display: flex;
  gap: min(0.7812vw, 20.0px);                    /* 20px */
}
.h1t-topic .h1t-m9__test-row img {
  display: block;
  width: min(27.7344vw, 710.0px);                /* 710px */
  height: auto;
}
.h1t-topic .h1t-m9__test-big {
  display: block;
  width: min(56.1719vw, 1438.0px);                /* 1438px */
  height: auto;
  margin: min(0.9766vw, 25.0px) auto 0;        /* 上 25px */
}
/* 质保组 */
.h1t-topic .h1t-m9__warranty {
  margin-top: min(10.1562vw, 260.0px);            /* 上 260px */
  text-align: center;
}
.h1t-topic .h1t-m9__warranty-title {
  margin: 0 0 min(3.0859vw, 79.0px);           /* 下 79px */
  font-size: min(2.4609vw, 63.0px);            /* 63px */
  font-weight: 500;
  color: #000;
}
.h1t-topic .h1t-m9__warranty-row {
  width: min(56.25vw, 1440.0px);                    /* 1440px */
  margin: 0 auto;
  display: flex;
  gap: min(0.3906vw, 10.0px);                   /* 10px */
}
.h1t-topic .h1t-m9__warranty-row img {
  display: block;
  width: calc((100% - min(1.1719vw, 30.0px)) / 4);  /* 4 张均分 1440（每张约 353px） */
  height: auto;
}

/* =========================================================
   模块9
   切图：h1bjb-m9-1.webp ~ h1bjb-m9-9.webp
   ========================================================= */
.h1t-topic .h1t-m9 { /* 待对接 */ }

/* =========================================================
   公共：左右切换按钮
   切图：h1bjb-left-bt.webp / h1bjb-left-bt-black.webp（普通态，白底/黑底两版）
         h1bjb-left-bt-active.webp / h1bjb-left-bt-activeblack.webp（悬停态）
         right 同理 —— 用 <img> 或 background 均可，对接时定
   ========================================================= */

/* =========================================================
   英文端覆盖（.h1t-topic--en 作用域，只做覆盖，不改中文基础规则）
   ========================================================= */
/* 模块2：英文文案行数更多，内容块上移 + 说明下间距加大 */
.h1t-topic--en .h1t-m2__content {
  top: min(2.5625vw, 65.6px);                     /* 65.6px */
}
.h1t-topic--en .h1t-m2__desc {
  margin: 0 0 min(1.4062vw, 36.0px);             /* 下 36px */
}
/* 模块2 板块背景：英文切图 */
.h1t-topic--en .h1t-m2__panel {
  background-image: url("../../images/h1_laptop/en/h1bjb-m2-1.webp");
}
/* 模块7 芯片板块：英文标题更长，顶部留白加大 */
.h1t-topic--en .h1t-m7__hero {
  padding-top: min(15.0vw, 384.0px);              /* 384px */
}
/* 模块8 接口板块：英文标题更长，标题上移 67px；中文端不受影响 */
.h1t-topic--en .h1t-m8__hero-title {
  margin: calc(min(2.6172vw, 67.0px) * -1) 0 min(1.9141vw, 49.0px);  /* 上 -67px / 下 49px */
}
/* 模块9 测试图组：英文只有一张图，占满 1440 容器 */
.h1t-topic--en .h1t-m9__test-row img {
  width: 100%;                     /* 1441px 切图按容器宽展示 */
}
/* 模块9 质保图组：英文两张 486×286 居中 */
.h1t-topic--en .h1t-m9__warranty-row {
  justify-content: center;         /* 两图整体居中 */
}
.h1t-topic--en .h1t-m9__warranty-row img {
  width: min(18.9844vw, 486.0px);                /* 486px */
}
.h1t-topic--en .h1t-m8__img--1 {
  width: min(18.4766vw, 473.0px);               /* 473px */
  margin: 0 0 min(10.125vw, 259.2px) min(38.5156vw, 986.0px);
}
.h1t-topic--en .h1t-m8__img--2 {
  width: min(21.875vw, 560.0px);                    /* 560px */
  margin-left: min(37.2812vw, 954.4px);         
}