@charset "UTF-8";
/* ============================================================
   产品页专属样式（v2-prod-*）
   —— 与 site.css 的旧版式共存，逐块替换中；已改区块见下方分区注释
   PC 1920：clamp(下限, 设计值/1920*100vw, 设计值)
   移动端：750 稿 ÷2 写死，统一收在文件末尾的 html.device-mobile 前缀下
   ============================================================ */

/* ---------- 第一部分：首屏 ----------
   设计稿 23:16（PC 1920×676）/ 24:121（移动 750×596 → 375×298）
   竖向排布：上 182 / 下 120 / 左右 120，块间 48；badge 54 + h1 84 + 副文 140
   header 走 v2-header 的 absolute 变体（不加 --light），叠在渐变上
   渐变取自稿内三处拐点，按 676 高百分比落位：
   0% #1C1C1C → 29.59%(200px) #5C2A00 → 59.17%(400px) #FF7600 → 100% #FFF
   移动端同一条渐变（拐点 30.2% / 60.4%），百分比落在 596 高上误差 < 1px
   ============================================================ */
.v2-prod-hero{position:relative;
  min-height:clamp(430px,35.21vw,676px);
  background:linear-gradient(180deg,
    #1c1c1c 0%,#5c2a00 29.59%,#ff7600 59.17%,#fff 100%);
  display:flex;flex-direction:column;align-items:center;
  padding:clamp(120px,9.48vw,182px) clamp(24px,6.25vw,120px)
          clamp(60px,6.25vw,120px);
  box-sizing:border-box;gap:clamp(24px,2.5vw,48px);
  font-family:var(--v2-sans);color:var(--v2-text)}
/* 虚线圈 146×54：文字 20/30 + 上下 12、左右 32 */
.v2-prod-hero__badge{margin:0;display:flex;align-items:center;justify-content:center;
  min-height:clamp(36px,2.81vw,54px);padding:0 clamp(18px,1.67vw,32px);
  border:1px dashed #fff;border-radius:clamp(4px,.42vw,8px);
  color:#fff;font-size:clamp(13px,1.04vw,20px);font-weight:500;line-height:1.5;
  letter-spacing:clamp(.5px,.052vw,1px);white-space:nowrap}
/* 数黑体的垂直度量比 Pixso 高约 0.104×字号（56 → 6），translateY 补正落位 */
.v2-prod-hero__title{margin:0;color:#fff;font-family:var(--v2-display);
  font-weight:700;font-size:clamp(28px,2.92vw,56px);line-height:1.5;
  text-align:center;letter-spacing:.02em;
  transform:translateY(clamp(2px,.31vw,6px))}
/* 副文三行各自成段，行间 16（稿里三行 y=0/52/104，行高 36） */
.v2-prod-hero__lead{display:flex;flex-direction:column;align-items:center;
  gap:clamp(8px,.83vw,16px);width:100%}
.v2-prod-hero__lead p{margin:0;color:#fff;font-size:clamp(14px,1.25vw,24px);
  font-weight:500;line-height:1.5;text-align:center}

/* ---------- 第二部分：九大核心功能模块 ----------
   设计稿 26:985（PC 1920×1377）：白底，上下 80 / 左右 120，块间 48
   标题组 171（眉标 25 + 16 + 主标题 72 + 16 + 副标 42）
   九宫格 254（3 列 × 74 高，列/行 gap 16，tab 圆角 4）
   面板 1680×600（radius 16、#F9F9F9），文字区 560 / 图 1120，左文右图与左图右文交替
   底部 48（箭头 40 圆环 + 9 点 16，选中 40 长条，gap 16）
   ============================================================ */
.v2-prod-mods{background:#fff;box-sizing:border-box;
  padding:clamp(56px,4.17vw,80px) clamp(24px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(32px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-prod-mods__head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(10px,.83vw,16px);width:100%;text-align:center}
.v2-prod-mods__eyebrow{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(13px,1.04vw,20px);line-height:1.25;letter-spacing:.02em}
/* 数黑体度量比 Pixso 高约 0.104×字号（48 → 5） */
.v2-prod-mods__title{margin:0;color:#212121;font-family:var(--v2-display);
  font-weight:700;font-size:clamp(26px,2.5vw,48px);line-height:1.5;
  transform:translateY(clamp(2px,.26vw,5px))}
.v2-prod-mods__sub{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(15px,1.46vw,28px);line-height:1.5}

/* 九宫格：等高按钮，选中浅橙底 + 橙字 */
.v2-prod-mods__tabs{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(10px,.83vw,16px);width:100%}
.v2-prod-mods__tab{appearance:none;border:0;cursor:pointer;font-family:inherit;
  display:flex;align-items:center;justify-content:center;
  height:clamp(50px,3.85vw,74px);padding:0 clamp(12px,2.5vw,48px);
  border-radius:4px;background:#f2f2f2;color:#212121;
  font-size:clamp(15px,1.46vw,28px);font-weight:500;line-height:1.5;
  transition:background .2s,color .2s}
.v2-prod-mods__tab:hover{background:#eaeaea}
.v2-prod-mods__tab.is-active{background:#fff3e8;color:var(--v2-orange)}

/* 舞台：只露一屏，轨道横向位移 100%+gap */
/* touch-action:pan-y 把横向手势留给脚本，纵向照常交给浏览器滚动 */
.v2-prod-mods__stage{width:100%;overflow:hidden;touch-action:pan-y}
.v2-prod-mods__track{display:flex;align-items:stretch;
  gap:clamp(12px,1.25vw,24px);will-change:transform;
  transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.v2-prod-mods__track.is-dragging{transition:none}
/* aspect-ratio 让面板随宽度等比缩放，图不被裁 */
.v2-prod-mods__panel{flex:0 0 100%;min-width:0;box-sizing:border-box;
  display:flex;aspect-ratio:1680/600;overflow:hidden;
  border-radius:16px;background:#f9f9f9}
.v2-prod-mods__text{flex:0 0 33.3333%;box-sizing:border-box;
  display:flex;flex-direction:column;justify-content:space-between;
  gap:clamp(16px,1.67vw,32px);
  padding:clamp(24px,3.33vw,64px)}
.v2-prod-mods__intro{display:flex;flex-direction:column;
  gap:clamp(12px,1.25vw,24px)}
.v2-prod-mods__name{margin:0;color:#212121;font-weight:700;
  font-size:clamp(20px,2.08vw,40px);line-height:1.5}
.v2-prod-mods__desc{margin:0;color:#212121;font-weight:500;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-prod-mods__more{display:inline-flex;align-items:center;
  gap:clamp(2px,.21vw,4px);width:max-content;color:var(--v2-orange);
  font-size:clamp(14px,1.46vw,28px);font-weight:500;line-height:1.5;
  text-decoration:underline;text-underline-offset:.16em;transition:opacity .2s}
.v2-prod-mods__more:hover{opacity:.75}
.v2-prod-mods__ext{flex:0 0 auto;width:clamp(16px,1.67vw,32px);height:auto}
.v2-prod-mods__list{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:clamp(8px,.83vw,16px)}
.v2-prod-mods__list li{display:flex;align-items:center;
  gap:clamp(4px,.42vw,8px);color:#6f6f6f;font-weight:500;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}
/* 对勾沿用首页「我是工厂」那颗（icon-check-circle 30×30），浅底用 #6F6F6F 的深灰副本 */
.v2-prod-mods__check{flex:0 0 clamp(16px,1.56vw,30px);
  width:clamp(16px,1.56vw,30px);height:clamp(16px,1.56vw,30px)}
/* 偶数面板：图在左、文字在右（稿里 2/4/6/8 屏是反的） */
.v2-prod-mods__panel:nth-child(even) .v2-prod-mods__text{order:2}
.v2-prod-mods__panel:nth-child(even) .v2-prod-mods__shot{order:1}
/* 图片不参与指针事件：拖动轨道时不会被浏览器原生拖图打断 */
.v2-prod-mods__shot{flex:1 1 auto;min-width:0;width:100%;height:100%;
  display:block;object-fit:cover;object-position:center;
  pointer-events:none;user-select:none}

/* 底部：箭头 + 9 点 */
/* 稿里这一行是 48 高（40 的圆环上下各留 4），撑起来总高才对得上 1377 */
.v2-prod-mods__nav{display:flex;align-items:center;justify-content:center;
  gap:clamp(16px,1.67vw,32px);width:100%;
  min-height:clamp(38px,2.5vw,48px)}
/* 稿里箭头盒 48、圆环 40（四周各留 4）：盒宽 48 才能和 x=612 / 1020 的落位对上 */
.v2-prod-mods__arrow{appearance:none;position:relative;flex:0 0 auto;cursor:pointer;
  padding:0;display:flex;align-items:center;justify-content:center;
  width:clamp(38px,2.5vw,48px);height:clamp(38px,2.5vw,48px);
  border:0;background:none;color:#6f6f6f;transition:color .2s}
.v2-prod-mods__arrow::before{content:"";position:absolute;
  inset:clamp(3px,.21vw,4px);border:2px solid #ddd;border-radius:50%;
  transition:border-color .2s}
.v2-prod-mods__arrow svg{position:relative;width:clamp(8px,.94vw,18px);height:auto;display:block}
.v2-prod-mods__arrow:hover{color:var(--v2-orange)}
.v2-prod-mods__arrow:hover::before{border-color:var(--v2-orange)}
.v2-prod-mods__dots{display:flex;align-items:center;
  gap:clamp(10px,.83vw,16px)}
.v2-prod-mods__dot{appearance:none;border:0;padding:0;cursor:pointer;
  width:clamp(10px,.83vw,16px);height:clamp(10px,.83vw,16px);
  border-radius:999px;background:#ccc;
  transition:width .3s ease,background .3s ease}
.v2-prod-mods__dot.is-active{width:clamp(24px,2.08vw,40px);
  background:var(--v2-orange)}

/* ---------- 移动端（750 稿 ÷2） ---------- */
html.device-mobile .v2-prod-hero{min-height:298px;padding:71px 20px 40px;gap:12px}
html.device-mobile .v2-prod-hero__badge{min-height:27px;padding:0 16px;
  border-radius:4px;font-size:10px;line-height:15px;letter-spacing:.5px}
html.device-mobile .v2-prod-hero__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-prod-hero__lead{gap:8px}
html.device-mobile .v2-prod-hero__lead p{font-size:12px;line-height:18px}
/* ---------- 第二部分 移动端（750 稿 ÷2 → 375）
   结构：标题组 → 面板（图文上下）→ 切换器 → 九宫格 tab
   注意 tab 在移动稿里排在底部，所以靠 flex order 重排，DOM 保持 PC 的顺序
   面板 670×642 → 335×321：文字区 286（padding 32、gap 16）+ 图区 357（图 606×325）
   ============================================================ */
html.device-mobile .v2-prod-mods{padding:20px;gap:12px;align-items:center}

html.device-mobile .v2-prod-mods__head{order:0;gap:8px}
html.device-mobile .v2-prod-mods__eyebrow{font-size:10px;line-height:12.5px}
html.device-mobile .v2-prod-mods__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-prod-mods__sub{font-size:12px;line-height:18px}

html.device-mobile .v2-prod-mods__stage{order:1}
html.device-mobile .v2-prod-mods__track{gap:12px}
html.device-mobile .v2-prod-mods__panel{aspect-ratio:auto;flex-direction:column;
  border-radius:4px}
html.device-mobile .v2-prod-mods__text{flex:none;width:100%;padding:16px;
  gap:8px;justify-content:flex-start}
/* 标题与「了解详情」同一行，描述单独一行 */
html.device-mobile .v2-prod-mods__intro{display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"name more" "desc desc";
  gap:8px 5px;align-items:center}
html.device-mobile .v2-prod-mods__name{grid-area:name;
  font-size:16px;line-height:24px}
html.device-mobile .v2-prod-mods__desc{grid-area:desc;
  font-size:12px;line-height:18px}
html.device-mobile .v2-prod-mods__more{grid-area:more;
  font-size:12px;line-height:18px;gap:2px}
html.device-mobile .v2-prod-mods__ext{width:16px;height:16px}
html.device-mobile .v2-prod-mods__list{gap:4px}
html.device-mobile .v2-prod-mods__list li{gap:4px;
  font-size:10px;line-height:15px}
html.device-mobile .v2-prod-mods__check{flex:0 0 15px;width:15px;height:15px}
/* 图 303×162.5，左右下各留 16 */
html.device-mobile .v2-prod-mods__shot{flex:none;width:calc(100% - 32px);
  height:auto;margin:0 16px 16px}

html.device-mobile .v2-prod-mods__nav{order:2;gap:16px;min-height:24px}
html.device-mobile .v2-prod-mods__arrow{width:24px;height:24px}
html.device-mobile .v2-prod-mods__arrow::before{inset:2px;border-width:1px}
html.device-mobile .v2-prod-mods__arrow svg{width:9px}
html.device-mobile .v2-prod-mods__dots{gap:8px}
html.device-mobile .v2-prod-mods__dot{width:8px;height:8px}
html.device-mobile .v2-prod-mods__dot.is-active{width:20px}

html.device-mobile .v2-prod-mods__tabs{order:3;gap:8px}
html.device-mobile .v2-prod-mods__tab{height:31px;padding:0 12px;
  border-radius:2px;font-size:10px;line-height:15px}

/* ---------- 第三部分：六大核心能力引擎 ----------
   设计稿 23:121（PC 1920×1165）/ 24:208、24:923（移动 750 手风琴）
   白底，上下 80 / 左右 120，块间 48
   标题组 171（眉标 25 + 16 + 主标题 72 + 16 + 副标 42）
   3 行 × 2 卡：卡 828×234（第三行 270，由 06 的三行描述撑出），行内/行间均 24
   卡内：文字区 630（padding 48/32、gap 24）+ 图标 198×198 靠右垂直居中
   移动端换成手风琴：展开 335×85（文字区 255 + 图标 80）、折叠 335×45
   ============================================================ */
.v2-prod-engines{background:#fff;box-sizing:border-box;
  padding:clamp(56px,4.17vw,80px) clamp(24px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(20px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-prod-engines__head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(10px,.83vw,16px);width:100%;text-align:center}
.v2-prod-engines__eyebrow{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(13px,1.04vw,20px);line-height:1.25;letter-spacing:.02em}
/* 数黑体度量比 Pixso 高约 0.104×字号（48 → 5） */
.v2-prod-engines__title{margin:0;color:#212121;font-family:var(--v2-display);
  font-weight:700;font-size:clamp(26px,2.5vw,48px);line-height:1.5;
  transform:translateY(clamp(2px,.26vw,5px))}
.v2-prod-engines__sub{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(15px,1.46vw,28px);line-height:1.5}

.v2-prod-engines__grid{display:flex;flex-direction:column;
  gap:clamp(12px,1.25vw,24px);width:100%}
/* 同一行的两张卡等高，矮的（描述行数少）留白 */
.v2-prod-engines__row{display:flex;align-items:stretch;
  gap:clamp(12px,1.25vw,24px)}
.v2-prod-engines__card{flex:1 1 0;min-width:0;position:relative;
  display:flex;align-items:center;background:#fafbfe;
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease}
/* 悬停浮起（左上方向），与第七部分「专属交付服务」卡片同款：
   位移落在行/列 gap 24 内不会碰到相邻卡；光源在左上，故阴影偏右下（x、y 双向正偏移）；
   PC 限定 html:not(.device-mobile)，移动端不挂 hover（否则点一下会粘住浮起态） */
html:not(.device-mobile) .v2-prod-engines__card:hover{z-index:1;
  transform:translate(clamp(-10px,-.52vw,-4px),clamp(-10px,-.52vw,-4px));
  box-shadow:clamp(4px,.62vw,12px) clamp(8px,1.25vw,24px) clamp(16px,2.08vw,40px) rgba(33,33,33,.1)}
/* align-self:stretch 让文字区撑满卡高（稿里是 FILL，文字从 padding-top 起排，
   不随卡高居中），图标才用卡的 align-items:center 垂直居中 */
.v2-prod-engines__body{flex:1 1 auto;min-width:0;box-sizing:border-box;
  align-self:stretch;
  display:flex;flex-direction:column;gap:clamp(12px,1.25vw,24px);
  padding:clamp(20px,2.5vw,48px) clamp(12px,1.67vw,32px)}
.v2-prod-engines__bar{margin:0;font-weight:700;line-height:1.5}
/* PC 是静态卡，标题行不响应点击，指针事件留给移动端 */
.v2-prod-engines__toggle{appearance:none;border:0;background:none;
  padding:0;margin:0;width:100%;display:flex;align-items:center;
  gap:clamp(12px,.83vw,16px);font-family:inherit;font-weight:700;
  color:#212121;text-align:left;pointer-events:none}
.v2-prod-engines__no{flex:0 0 auto;color:#212121;
  font-size:clamp(13px,1.04vw,20px);line-height:1.5}
.v2-prod-engines__name{font-size:clamp(18px,1.46vw,28px);line-height:1.5}
.v2-prod-engines__chev{display:none;flex:0 0 auto;color:#6f6f6f;
  width:clamp(8px,.83vw,16px);height:auto}
.v2-prod-engines__desc{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(15px,1.25vw,24px);line-height:1.5;text-align:justify}
.v2-prod-engines__icon{flex:0 0 clamp(80px,10.31vw,198px);
  width:clamp(80px,10.31vw,198px);height:auto;display:block}

/* ---------- 第三部分 移动端：手风琴 ----------
   默认第 1 项展开；行容器改 display:contents，3 行 × 2 卡摊成单列 6 张
   展开 85 = 12 + 21 + 4 + 36 + 12（描述两行），折叠 45 = 12 + 21 + 12
   ============================================================ */
html.device-mobile .v2-prod-engines{padding:20px;gap:12px}
html.device-mobile .v2-prod-engines__head{gap:8px}
html.device-mobile .v2-prod-engines__eyebrow{font-size:10px;line-height:12.5px}
html.device-mobile .v2-prod-engines__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-prod-engines__sub{font-size:12px;line-height:18px}

html.device-mobile .v2-prod-engines__grid{gap:4px}
html.device-mobile .v2-prod-engines__row{display:contents}
html.device-mobile .v2-prod-engines__card{border-radius:2px}
html.device-mobile .v2-prod-engines__body{padding:12px;gap:4px}
html.device-mobile .v2-prod-engines__toggle{gap:12px;
  pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
html.device-mobile .v2-prod-engines__no{width:12px;
  font-size:10px;line-height:15px}
html.device-mobile .v2-prod-engines__name{font-size:14px;line-height:21px}
html.device-mobile .v2-prod-engines__chev{display:block;width:8px;height:8px;
  margin-left:auto;transform:rotate(180deg)}
html.device-mobile .v2-prod-engines__desc{font-size:12px;line-height:18px}
html.device-mobile .v2-prod-engines__icon{flex:0 0 80px;
  width:80px;height:80px}
html.device-mobile .v2-prod-engines__card:not(.is-open) .v2-prod-engines__desc,
html.device-mobile .v2-prod-engines__card:not(.is-open) .v2-prod-engines__icon{display:none}
html.device-mobile .v2-prod-engines__card:not(.is-open) .v2-prod-engines__chev{transform:none}

/* ---------- 第四部分：一个底座，四根柱子 ----------
   设计稿 68:627（PC 1920×1005）/ 68:791（移动 750×1055）
   PC：白底、padding 80/120、gap 48；标题组 229（眉标 25 + 16 + 主标 72 + 16 + 副标 42 + 16 + 副标 42）
       4 卡 402×340（bg #F9F9F9、radius 8、padding 32/48、gap 24，虚线在标题与描述之间）
       + 橙色平台条 #FF9133 204 高（标题 42 + 24 + 4 个虚线胶囊 74，gap 32）
   移动：平台条从左下横条改成左侧竖条 100×337，右侧 4 卡竖排 229×337
   ============================================================ */
.v2-prod-base{background:#fff;box-sizing:border-box;
  padding:clamp(56px,4.17vw,80px) clamp(24px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(20px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-prod-base__head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(10px,.83vw,16px);width:100%;text-align:center}
.v2-prod-base__eyebrow{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(13px,1.04vw,20px);line-height:1.25;letter-spacing:.02em}
/* 数黑体度量比 Pixso 高约 0.104×字号（48 → 5） */
.v2-prod-base__title{margin:0;font-family:var(--v2-display);font-weight:700;
  font-size:clamp(26px,2.5vw,48px);line-height:1.5;
  transform:translateY(clamp(2px,.26vw,5px))}
.v2-prod-base__sub{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(15px,1.46vw,28px);line-height:1.5}

.v2-prod-base__body{display:flex;flex-direction:column;
  gap:clamp(12px,1.25vw,24px);width:100%}
.v2-prod-base__cards{display:flex;align-items:stretch;
  gap:clamp(12px,1.25vw,24px)}
.v2-prod-base__card{flex:1 1 0;min-width:0;box-sizing:border-box;
  background:#f9f9f9;border-radius:clamp(4px,.42vw,8px);
  padding:clamp(16px,1.67vw,32px) clamp(12px,2.5vw,48px);
  display:flex;flex-direction:column;gap:clamp(12px,1.25vw,24px)}
/* 名称区固定两行高（稿中 84）：只有「25 年行业 Know-How 沉淀」真的折行，
   其余三条留白，四条虚线因此对齐在同一水平线上 */
.v2-prod-base__name{margin:0;font-weight:700;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5;
  min-height:clamp(18px,4.375vw,84px)}
/* 虚线在稿中是 LINE（布局高度 0.001），靠 ::after 画，避免把卡片撑高 */
.v2-prod-base__dash{display:block;position:relative;flex:0 0 auto;height:0}
.v2-prod-base__dash::after{content:"";position:absolute;left:0;right:0;top:0;
  height:clamp(1px,.11vw,2px);
  background-image:repeating-linear-gradient(90deg,#e6e6e6 0 clamp(4px,.42vw,8px),transparent clamp(4px,.42vw,8px) clamp(8px,.84vw,16px))}
.v2-prod-base__desc{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(15px,1.25vw,24px);line-height:1.5;text-align:justify}

.v2-prod-base__platform{background:#ff9133;border-radius:clamp(4px,.42vw,8px);
  padding:clamp(16px,1.67vw,32px) clamp(12px,2.5vw,48px);
  display:flex;flex-direction:column;gap:clamp(12px,1.25vw,24px)}
.v2-prod-base__ptitle{margin:0;color:#fff;font-weight:700;text-align:center;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-prod-base__pmemo{font:inherit}
/* 移动端橙条只有 76 宽，全角括号的「（全部模块共用）」会折成两行，
   稿里用的是半角括号 + 空格的「( 全部模块共用 )」，刚好一行，故分两段文案 */
.v2-prod-base__pmemo-m{display:none}
.v2-prod-base__tags{display:flex;gap:clamp(12px,1.67vw,32px)}
/* 虚线胶囊：稿中 2px 白虚线、12 划 8 空、radius 8；border 无法控制虚线间隔，改 4 边渐变 */
.v2-prod-base__tag{position:relative;flex:1 1 0;min-width:0;box-sizing:border-box;
  min-height:clamp(37px,3.85vw,74px);
  display:flex;align-items:center;justify-content:center;
  padding:clamp(6px,.83vw,16px) clamp(8px,2.5vw,48px);
  color:#fff;font-weight:700;text-align:center;
  font-size:clamp(12px,1.46vw,28px);line-height:1.5}
.v2-prod-base__tag::before{content:"";position:absolute;inset:0;
  border-radius:clamp(3px,.42vw,8px);
  background-image:
    repeating-linear-gradient(90deg,#fff 0 clamp(4px,.63vw,12px),transparent clamp(4px,.63vw,12px) clamp(6px,.83vw,16px)),
    repeating-linear-gradient(90deg,#fff 0 clamp(4px,.63vw,12px),transparent clamp(4px,.63vw,12px) clamp(6px,.83vw,16px)),
    repeating-linear-gradient(180deg,#fff 0 clamp(4px,.63vw,12px),transparent clamp(4px,.63vw,12px) clamp(6px,.83vw,16px)),
    repeating-linear-gradient(180deg,#fff 0 clamp(4px,.63vw,12px),transparent clamp(4px,.63vw,12px) clamp(6px,.83vw,16px));
  background-size:100% clamp(1px,.11vw,2px),100% clamp(1px,.11vw,2px),clamp(1px,.11vw,2px) 100%,clamp(1px,.11vw,2px) 100%;
  background-position:0 0,0 100%,0 0,100% 0;
  background-repeat:no-repeat}

/* ---------- 第五部分：系统界面 ----------
   设计稿 59:595（PC 1920×1051）/ 59:616（移动 750×990）
   PC：左列 560（padding 32/0、gap 32、4 条各 128）+ 右图框 1120×672（#F9F9F9、radius 16，图 1120×600 垂直居中）
   移动：标题组 → 4 条文字（gap 8、padding-bottom 12）→ 图框（padding 8/16，radius 8）
   ============================================================ */
.v2-prod-ui{background:#fff;box-sizing:border-box;
  padding:clamp(56px,4.17vw,80px) clamp(24px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(20px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-prod-ui__head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(10px,.83vw,16px);width:100%;text-align:center}
.v2-prod-ui__eyebrow{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(13px,1.04vw,20px);line-height:1.25;letter-spacing:.02em}
.v2-prod-ui__title{margin:0;font-family:var(--v2-display);font-weight:700;
  font-size:clamp(26px,2.5vw,48px);line-height:1.5;
  transform:translateY(clamp(2px,.26vw,5px))}
.v2-prod-ui__sub{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(15px,1.46vw,28px);line-height:1.5}

.v2-prod-ui__body{display:flex;align-items:stretch;width:100%}
.v2-prod-ui__list{flex:0 0 33.3333%;min-width:0;box-sizing:border-box;
  padding:clamp(16px,1.67vw,32px) 0;
  display:flex;flex-direction:column;gap:clamp(16px,1.67vw,32px)}
.v2-prod-ui__item{display:flex;flex-direction:column;gap:clamp(4px,.42vw,8px)}
.v2-prod-ui__name{margin:0;font-weight:700;
  font-size:clamp(18px,1.67vw,32px);line-height:1.5}
.v2-prod-ui__desc{margin:0;color:#6f6f6f;font-weight:500;
  font-size:clamp(15px,1.25vw,24px);line-height:1.5}
.v2-prod-ui__shot{flex:1 1 auto;min-width:0;margin:0;
  background:#f9f9f9;border-radius:clamp(8px,.84vw,16px);
  display:flex;align-items:center}
.v2-prod-ui__shot img{display:block;width:100%;height:auto}

/* ---------- 第六部分：一条清晰的实施路径 ----------
   设计稿 23:218（PC 1920×551）/ 24:299（移动 750×861）
   PC：深底 #1C1C1C、padding 80/120、gap 48；标题组 113；
       4 列 grid（列 372、列间距 64）：阶段胶囊 115×44（2px #C6C6C6 全圆）+ 水平细线 193 + 标题 42 + 16 + 描述 72
   移动：单列，胶囊 57.5×22，无线，块间距 12
   ============================================================ */
.v2-prod-path{background:#1c1c1c;box-sizing:border-box;
  padding:clamp(56px,4.17vw,80px) clamp(24px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(20px,2.5vw,48px);
  font-family:var(--v2-sans);color:#fff}
/* 这一段标题组是左对齐（稿中眉标、主标、4 列首列都在 x120 上对齐） */
.v2-prod-path__head{display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(10px,.83vw,16px);width:100%;text-align:left}
.v2-prod-path__eyebrow{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(13px,1.04vw,20px);line-height:1.25;letter-spacing:.02em}
.v2-prod-path__title{margin:0;color:#fff;font-family:var(--v2-display);font-weight:700;
  font-size:clamp(26px,2.5vw,48px);line-height:1.5;
  transform:translateY(clamp(2px,.26vw,5px))}
.v2-prod-path__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.25vw,24px) clamp(24px,3.33vw,64px);width:100%}
.v2-prod-path__step{display:flex;flex-direction:column;
  gap:clamp(12px,1.25vw,24px);padding-bottom:clamp(16px,1.67vw,32px)}
.v2-prod-path__rail{display:flex;align-items:center;
  gap:clamp(24px,3.33vw,64px);height:clamp(22px,2.29vw,44px)}
.v2-prod-path__badge{flex:0 0 auto;box-sizing:border-box;height:100%;
  display:flex;align-items:center;justify-content:center;
  padding:0 clamp(12px,1.67vw,32px);border-radius:999px;
  border:clamp(1px,.11vw,2px) solid #c6c6c6;
  color:#fff;font-weight:700;font-size:clamp(9px,.94vw,18px);line-height:1}
/* 稿中每列胶囊右侧一条 193 长的 2px 细线，右对齐到列尾 */
.v2-prod-path__line{flex:1 1 auto;height:clamp(1px,.11vw,2px);background:#c6c6c6}
.v2-prod-path__text{display:flex;flex-direction:column;gap:clamp(4px,.83vw,16px)}
.v2-prod-path__name{margin:0;color:#fff;font-weight:600;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-prod-path__desc{margin:0;color:#fff;font-weight:400;
  font-size:clamp(15px,1.25vw,24px);line-height:1.5}

/* ---------- 第七部分：常见问题 / 第八部分：预约产品演示 ----------
   结构与交互沿用首页 v2-faq / v2-cta（v2.css），这里只补两处产品页差异：
   ① FAQ 移动端左右留白 30（稿 60÷2，问题文本更长需要更宽边距）
   ② CTA 副标题组 112（稿 23:298 固定在 112，比首页多 12，按钮因此下移到 y401）
   ============================================================ */
html.device-mobile .v2-faq--prod{padding:30px}
.v2-cta--prod .v2-cta__desc{min-height:clamp(44px,5.83vw,112px);
  justify-content:flex-start}

/* ---------- 第四~六部分 移动端 ---------- */
html.device-mobile .v2-prod-base{padding:20px;gap:12px}
html.device-mobile .v2-prod-base__head{gap:8px}
html.device-mobile .v2-prod-base__eyebrow{font-size:10px;line-height:12.5px}
html.device-mobile .v2-prod-base__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-prod-base__sub{font-size:12px;line-height:18px}
/* 橙条挪到左侧竖排：100×337，右侧 4 卡 229×337 */
html.device-mobile .v2-prod-base__body{flex-direction:row;gap:6px;
  align-items:stretch}
html.device-mobile .v2-prod-base__platform{order:-1;flex:0 0 100px;
  padding:8px 12px;gap:12px;border-radius:4px}
html.device-mobile .v2-prod-base__ptitle{font-size:12px;line-height:18px}
html.device-mobile .v2-prod-base__pmemo{display:none}
html.device-mobile .v2-prod-base__pmemo-m{display:block;font-size:10px;
  line-height:15px;font-weight:500;margin-top:4px}
html.device-mobile .v2-prod-base__tags{flex-direction:column;gap:16px}
html.device-mobile .v2-prod-base__tag{flex:0 0 56px;min-height:56px;
  padding:8px 6px;font-size:12px;line-height:18px}
html.device-mobile .v2-prod-base__cards{flex:1 1 auto;flex-direction:column;
  gap:6px}
html.device-mobile .v2-prod-base__card{padding:8px 12px;gap:6px;
  border-radius:4px}
html.device-mobile .v2-prod-base__name{font-size:12px;line-height:18px}
html.device-mobile .v2-prod-base__desc{font-size:10px;line-height:15px}

html.device-mobile .v2-prod-ui{padding:20px;gap:12px}
html.device-mobile .v2-prod-ui__head{gap:8px}
html.device-mobile .v2-prod-ui__eyebrow{font-size:10px;line-height:12.5px}
html.device-mobile .v2-prod-ui__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-prod-ui__sub{font-size:12px;line-height:18px}
html.device-mobile .v2-prod-ui__body{flex-direction:column;gap:0}
html.device-mobile .v2-prod-ui__list{flex:none;width:100%;
  padding:0 0 12px;gap:8px}
html.device-mobile .v2-prod-ui__item{gap:2px}
html.device-mobile .v2-prod-ui__name{font-size:14px;line-height:21px}
html.device-mobile .v2-prod-ui__desc{font-size:10px;line-height:15px}
html.device-mobile .v2-prod-ui__shot{border-radius:8px;padding:8px 16px}

html.device-mobile .v2-prod-path{padding:20px;gap:12px}
html.device-mobile .v2-prod-path__head{gap:8px}
html.device-mobile .v2-prod-path__eyebrow{font-size:10px;line-height:12.5px}
html.device-mobile .v2-prod-path__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-prod-path__list{grid-template-columns:1fr;gap:12px}
html.device-mobile .v2-prod-path__step{gap:8px;padding-bottom:0}
html.device-mobile .v2-prod-path__rail{height:22px;gap:0}
html.device-mobile .v2-prod-path__badge{padding:0 16px;
  border-width:1px;font-size:9px}
html.device-mobile .v2-prod-path__line{display:none}
html.device-mobile .v2-prod-path__text{gap:4px}
html.device-mobile .v2-prod-path__name{font-size:14px;line-height:21px}
html.device-mobile .v2-prod-path__desc{font-size:12px;line-height:18px}