/* ============================================================
   采购管理页 V2 版式（product/purchase/index.html 专用）
   设计稿：PC 2:1081（1920×5819）/ 移动 7:1630（750×5850 ÷2 = 375）
   PC 值取自设计稿；移动端统一 html.device-mobile 前缀覆盖
   ============================================================ */

/* ---------- 第一屏：hero（12:4082，1920×596）----------
   深底 #1C1C1C + 底部橙色弥散光（1200 圆、blur 320、opacity .72，被 1400×400 框裁掉）
   padding 182/120/80/120，gap 48；眉标虚线框 146×54 + 主标 56/84 + 副标两行 28/42
   ============================================================ */
.v2-pur-hero{position:relative;overflow:hidden;box-sizing:border-box;
  background:#1c1c1c;color:#fff;
  padding:clamp(96px,9.48vw,182px) clamp(20px,6.25vw,120px) clamp(40px,4.17vw,80px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(24px,2.5vw,48px);text-align:center;
  font-family:var(--v2-sans)}
/* 稿里是 1400×400 裁剪框 + 1200 圆（圆心 (977,954)，即框下沿再往下 358）+ blur 320、opacity .72
   直接用「裁剪框 + blur」会露出矩形硬边（模糊量远大于圆心到框边的余量），
   故按导出图实测的透明度曲线（0.6R 内≈.7、1.0R≈.30、1.3R 归零）改写成径向渐变 */
.v2-pur-hero__glow{position:absolute;left:50%;pointer-events:none;
  top:calc(100% - clamp(211px,21.98vw,422px));
  transform:translateX(-50%);
  width:clamp(780px,81.25vw,1560px);height:clamp(780px,81.25vw,1560px);
  border-radius:50%;
  background:radial-gradient(closest-side,
    rgba(255,120,0,.72) 0%,
    rgba(255,120,0,.70) 46%,
    rgba(255,120,0,.51) 67%,
    rgba(255,120,0,.30) 77%,
    rgba(255,120,0,.11) 92%,
    rgba(255,120,0,0) 100%)}
/* 眉标 146×54：圆角 8 的虚线框（不是胶囊），内边距 32、字号 20 字距 1 */
.v2-pur-hero__badge{position:relative;margin:0;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  height:clamp(27px,2.81vw,54px);padding:0 clamp(16px,1.67vw,32px);
  border:1px dashed #fff;border-radius:clamp(4px,.42vw,8px);
  color:#fff;font-weight:500;letter-spacing:1px;
  font-size:clamp(10px,1.04vw,20px);line-height:1.5}
/* 数黑体度量比 Pixso 高 0.104×字号（56 → 6） */
.v2-pur-hero__title{position:relative;margin:0;color:#fff;
  font-family:var(--v2-display);font-weight:700;
  font-size:clamp(28px,2.92vw,56px);line-height:1.5;
  transform:translateY(clamp(3px,.31vw,6px))}
/* 稿里是两段独立文本（gap 16），不是一段自动换行 */
.v2-pur-hero__lead{position:relative;margin:0;
  display:flex;flex-direction:column;gap:clamp(8px,.83vw,16px);
  color:#fff;font-weight:500;
  font-size:clamp(12px,1.46vw,28px);line-height:1.5}
.v2-pur-hero__lead p{margin:0}

/* ---------- 通用标题组 ---------- */
.v2-pur-head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(8px,.83vw,16px);width:100%;text-align:center}
.v2-pur-head--left{align-items:flex-start;text-align:left}
.v2-pur-head__kicker{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(10px,1.04vw,20px);line-height:1.25;letter-spacing:.02em}
.v2-pur-head__title{margin:0;color:#212121;font-family:var(--v2-display);
  font-weight:700;font-size:clamp(20px,2.5vw,48px);line-height:1.5;
  transform:translateY(clamp(2px,.26vw,5px))}
.v2-pur-head__sub{margin:0;color:#6f6f6f;font-weight:500;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}

/* ---------- 解决什么（2:1124，1920×867）----------
   白底，padding 80/120，gap 48；标题组 113
   3 卡 544×546（gap 48、radius 12、阴影仅 radius 8 / 8% 极淡）：图 544×300 + gap 24 + 标题 42 + 24 + 描述 108，左右 padding 48、底 48
   三张卡底色不同：#F2F4FD / #FEFDF8 / #F5FDF8；文字居中（移动稿才是 justify）
   阴影别放大：设计稿距卡边 4px 处仅压暗 5/255，写大 blur 会糊成一圈灰
   ============================================================ */
.v2-pur-prob{background:#fff;box-sizing:border-box;
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(12px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-pur-prob__grid{display:flex;align-items:stretch;
  gap:clamp(12px,1.25vw,24px);width:100%}
.v2-pur-prob__card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;
  border-radius:clamp(6px,.63vw,12px);overflow:hidden;background:#f2f4fd;
  box-shadow:0 clamp(1px,.1vw,2px) clamp(4px,.42vw,8px) rgba(0,0,0,.08)}
.v2-pur-prob__card:nth-child(2){background:#fefdf8}
.v2-pur-prob__card:nth-child(3){background:#f5fdf8}
.v2-pur-prob__img{display:block;width:100%;height:auto;aspect-ratio:544/300;
  object-fit:cover}
.v2-pur-prob__body{flex:1 1 auto;box-sizing:border-box;
  padding:clamp(12px,1.25vw,24px) clamp(12px,2.5vw,48px) clamp(24px,2.5vw,48px);
  display:flex;flex-direction:column;gap:clamp(6px,1.25vw,24px);text-align:center}
/* 标题是 h3，site.css 的 h3{color:var(--primary)} 会把它染成深蓝，必须显式指定 */
.v2-pur-prob__name{margin:0;color:#212121;font-weight:700;
  font-size:clamp(12px,1.46vw,28px);line-height:1.5}
.v2-pur-prob__desc{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(10px,1.25vw,24px);line-height:1.5;text-align:center}

/* ---------- 跃点采购解法（2:1144，1920×1061）----------
   白底，padding 80/120，gap 48；标题组 113（无副标）
   2×2 卡 828×358（gap 24、底色 #FAFBFE、无圆角）：padding 48、gap 24
   标题 42 + 24 + 描述 72 + 24 + 虚线 + 24 + 两条勾 76（勾 30、gap 16、行间 30→16）
   右上角图标 200×200 绝对定位
   ============================================================ */
.v2-pur-sol{background:#fff;box-sizing:border-box;
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(12px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-pur-sol__grid{display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(12px,1.25vw,24px);width:100%}
.v2-pur-sol__card{position:relative;overflow:hidden;box-sizing:border-box;
  background:#fafbfe;padding:clamp(24px,2.5vw,48px);
  display:flex;flex-direction:column}
/* 稿里文字区 732 宽（= 卡 828 - 左右 padding 48），与数字水印重叠，数字在下层 */
/* 卡内 reverseDraw：数字水印在文字下层，必须给文字抬层级，否则不透明的 #EFEFEF 会盖住正文 */
.v2-pur-sol__text{position:relative;z-index:1;display:flex;flex-direction:column;
  flex:1 1 auto;gap:clamp(12px,1.25vw,24px);width:100%}
.v2-pur-sol__name{margin:0;font-weight:700;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
/* 描述行数随文案变：第 4 张只写一行也不再把虚线顶上去（原先靠写死 72 高补齐） */
.v2-pur-sol__desc{margin:0;font-weight:400;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5;text-align:justify}
/* 虚线在稿里是 0 高的 LINE，用 ::after 画，不占布局高度；
   margin-top:auto 让它连同下方勾列表贴到卡底，四张卡的虚线自动对齐 */
.v2-pur-sol__dash{display:block;position:relative;flex:0 0 auto;
  margin-top:auto;height:0}
.v2-pur-sol__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-pur-sol__list{margin:0;padding:0;list-style:none;
  display:flex;flex-direction:column;gap:clamp(8px,.83vw,16px)}
.v2-pur-sol__list li{display:flex;align-items:flex-start;
  gap:clamp(8px,.83vw,16px);color:#6f6f6f;font-weight:500;
  font-size:clamp(10px,1.04vw,20px);line-height:1.5}
.v2-pur-sol__tick{flex:0 0 auto;width:clamp(15px,1.56vw,30px);
  height:clamp(15px,1.56vw,30px);display:block}
/* 数字水印 200×200：贴卡右内边（右 24）、顶边对齐卡顶（top 0，不是 padding 48），
   素材是 1:1 导出的 200×200（ink 19..164 / 34..167），尺寸不能再缩放 */
.v2-pur-sol__icon{position:absolute;z-index:0;right:clamp(12px,1.25vw,24px);
  top:0;width:clamp(60px,10.42vw,200px);height:auto;
  pointer-events:none}

/* ---------- 业务链路（47:1645，1920×643）----------
   白底，padding 80/120，gap 48；标题组 171（眉标 + 主标 + 副标）
   7 步：每步 240 宽（1680/7），rail 80 高（左右细线 + 80 圆图标）+ 24 + 标题 42 + 4 + 编号 30
   首尾两端线是橙色，中间灰 #C6C6C6；底部备注 36
   ============================================================ */
.v2-pur-chain{background:#fff;box-sizing:border-box;
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(12px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-pur-chain__list{margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%}
.v2-pur-chain__item{min-width:0;display:flex;flex-direction:column;
  align-items:center;gap:clamp(12px,1.25vw,24px);text-align:center}
/* 线不贴图标：稿里 240 宽的一格里，线 0..64 / 176..240，图标 80..160，两侧各留 16 */
.v2-pur-chain__rail{display:flex;align-items:center;width:100%;
  gap:clamp(8px,.83vw,16px);height:clamp(40px,4.17vw,80px)}
.v2-pur-chain__rail i{flex:1 1 auto;height:clamp(2px,.16vw,3px);
  background:#c6c6c6}
/* 首尾外侧没有线（稿里那两段 stroke 是 brand 变量，导出图上看不见），保留节点只为撑满 flex */
.v2-pur-chain__item:first-child .v2-pur-chain__rail i:first-child,
.v2-pur-chain__item:last-child .v2-pur-chain__rail i:last-child{visibility:hidden}
/* 图标是 80 圆 + 居中图形，切图本身是透明底，圆底要另外画 */
.v2-pur-chain__rail img{flex:0 0 auto;display:block;
  width:clamp(40px,4.17vw,80px);height:clamp(40px,4.17vw,80px);
  background:#f9f9f9;border-radius:999px}
.v2-pur-chain__text{display:flex;flex-direction:column;gap:clamp(2px,.21vw,4px)}
.v2-pur-chain__name{font-weight:500;
  font-size:clamp(12px,1.46vw,28px);line-height:1.5}
/* 编号是 85 Bold 的浅灰（neutral/700），比备注的 #6F6F6F 明显浅 */
.v2-pur-chain__no{color:#999;font-weight:700;
  font-size:clamp(10px,1.04vw,20px);line-height:1.5}
.v2-pur-chain__note{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5;text-align:center}
/* 这一段副标在稿里是 28/42（比通用 24 大一号） */
.v2-pur-chain .v2-pur-head__sub{font-size:clamp(12px,1.46vw,28px);line-height:1.5}

/* ---------- 系统界面（2:1288，1920×1173）----------
   白底，padding 80/120，gap 48；标题组 113
   图框 1680×600（#F9F9F9、radius 16，图 1120×600 居中）+ 48 + 说明 36 + 48 + 关联模块 120
   关联模块：白 80%、radius 8、padding 16/32，「关联模块」36 + 两列（gap 32）
   右侧两件装饰（opacity .7）
   ============================================================ */
.v2-pur-ui{position:relative;overflow:hidden;background:#fff;box-sizing:border-box;
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(12px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-pur-ui__frame{margin:0;width:100%;box-sizing:border-box;
  background:#f9f9f9;border-radius:clamp(8px,.84vw,16px);overflow:hidden}
.v2-pur-ui__frame img{display:block;width:100%;height:auto}
/* 双端各一张整框图，另一张必须彻底隐藏：只写 .v2-pur-ui__shot--m 会被上面的
   .v2-pur-ui__frame img（0,1,1）压过去，导致 PC 端同时渲染移动图（框高翻倍） */
.v2-pur-ui__frame .v2-pur-ui__shot--m{display:none}
.v2-pur-ui__note{position:relative;margin:0;color:#6f6f6f;font-weight:500;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5;text-align:center}
.v2-pur-ui__rel{position:relative;width:100%;box-sizing:border-box;
  background:rgba(255,255,255,.8);border-radius:clamp(4px,.42vw,8px);
  padding:clamp(8px,.83vw,16px) clamp(12px,1.67vw,32px);
  display:flex;flex-direction:column;gap:clamp(8px,.83vw,16px)}
/* 稿里 DSL 标 65 Medium(500)，但导出图这三行明显是 85 Bold 的笔迹：
   同尺寸「关联模块」墨迹量 设计 705 / 500 渲 620 / 700 渲 708
   （字体文件本身没问题，65 Medium 的字符覆盖与字重映射都正确，见 assets/fonts） */
.v2-pur-ui__rel-title{margin:0;font-weight:700;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5;color:#212121}
.v2-pur-ui__rel-grid{display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(12px,1.67vw,32px)}
.v2-pur-ui__rel-item{margin:0;display:flex;align-items:center;flex-wrap:wrap;
  gap:clamp(4px,.42vw,8px);color:#6f6f6f;font-weight:700;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}
.v2-pur-ui__rel-item a{display:inline-flex;align-items:center;
  gap:clamp(2px,.21vw,4px);color:var(--v2-orange);font-weight:700;
  text-decoration:underline;text-underline-offset:.14em}
/* 跳转图标 = 设计稿「跳转」icon 32×32，与 24px 文字同行居中，间距由 a 的 gap 4 控制 */
.v2-pur-ui__rel-item a .v2-pur-ui__arrow{display:block;flex:0 0 auto;
  width:clamp(16px,1.67vw,32px);height:auto}
/* 两件装饰：导出图里已烘焙 0.7 透明度，CSS 不能再叠 opacity（会变 0.49） */
/* 蒙版 4：1000×560，贴右贴顶（y=0） */
.v2-pur-ui__deco-device{position:absolute;right:0;top:0;pointer-events:none;
  width:clamp(520px,52.08vw,1000px);height:auto;aspect-ratio:1000/560}
/* 橙色星轨：800×533，贴左贴底（y=1173-533=640） */
.v2-pur-ui__deco-ring{position:absolute;left:0;bottom:0;pointer-events:none;
  width:clamp(420px,41.67vw,800px);height:auto;aspect-ratio:800/533}

/* ---------- 常见问题（47:1415 收起 1920×607 / 47:1380 展开 763）----------
   白底，padding 80/120，gap 48；标题组 113 左对齐
   条 42（编号 24/42 Bold + 问题 28/42 + 图标 32），条后 32 → 虚线 → 32；最后一条后 32 → 虚线
   展开：条 94 = 42 + 16 + 答案 36；图标、问题字重与首页 v2-faq 完全共用一套
   ============================================================ */
.v2-pur-faq{background:#fff;box-sizing:border-box;
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px);
  display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(12px,2.5vw,48px);
  font-family:var(--v2-sans);color:#212121}
.v2-pur-faq__list{display:flex;flex-direction:column;width:100%}
.v2-pur-faq__row{appearance:none;border:0;background:none;margin:0;padding:0;
  width:100%;display:flex;align-items:flex-start;
  gap:clamp(16px,1.67vw,32px);text-align:left;cursor:pointer;
  font-family:inherit;color:#212121;
  -webkit-tap-highlight-color:transparent}
/* 编号是 85 Bold，行高与问题一致 42（24×1.75） */
.v2-pur-faq__no{flex:0 0 auto;color:#6f6f6f;font-weight:700;
  font-size:clamp(12px,1.25vw,24px);line-height:1.75}
/* 问题标题：折叠/展开统一 Medium 500，与首页 v2-faq__q 一致（稿里展开态是 85 Bold，
   但全站已按用户要求统一粗细，展开时不再变粗） */
.v2-pur-faq__q{flex:1 1 auto;min-width:0;font-weight:500;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
/* 图标在行里是顶对齐（稿里 box y=0），不是居中。
   直接复用首页的柳叶笔画 SVG（32×32，两端收尖、整体 -9°），
   横线常驻，竖线由同一图形旋转 90° 得到，展开时缩没 → 「−」 */
.v2-pur-faq__icon{position:relative;flex:0 0 clamp(16px,1.67vw,32px);
  width:clamp(16px,1.67vw,32px);height:clamp(16px,1.67vw,32px);
  align-self:flex-start}
.v2-pur-faq__icon::before,
.v2-pur-faq__icon::after{content:"";position:absolute;inset:0;
  background:url("img/v2-faq-line.svg") no-repeat center/contain}
.v2-pur-faq__icon::after{transform:rotate(90deg);transform-origin:50% 50%;
  transition:transform .25s ease,opacity .25s ease}
.v2-pur-faq__item.is-open .v2-pur-faq__icon::after{transform:rotate(90deg) scale(0);opacity:0}
/* 答案与问题同起点（编号列 29 + gap 32 = 61），右侧让出图标区 64（32 间距 + 32 图标） */
.v2-pur-faq__a{display:none;box-sizing:border-box;
  padding:clamp(8px,.83vw,16px) clamp(32px,3.33vw,64px) 0 clamp(30px,3.18vw,61px);
  color:#6f6f6f;font-weight:500;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5;text-align:justify}
.v2-pur-faq__a p{margin:0}
.v2-pur-faq__item.is-open .v2-pur-faq__a{display:block}
.v2-pur-faq__line{position:relative;display:block;height:0;
  margin:clamp(16px,1.67vw,32px) 0}
/* 虚线 2px（稿里 1920 下就是 2px，缩到半尺寸才是实色 1px）、实线段 8 / 间隙 8 */
.v2-pur-faq__line::after{content:"";position:absolute;left:0;right:0;top:0;
  height:clamp(1px,.11vw,2px);
  background-image:repeating-linear-gradient(90deg,#e6e6e6 0 8px,transparent 8px 16px)}
.v2-pur-faq__list > .v2-pur-faq__line:last-child{margin-bottom:0}

/* ---------- 预约演示（PC 2:1348 1920×493 / 移动 8:160 750×545）----------
   版式沿用首页 v2-cta（v2.css），差异只在副标：
     PC   副标 28/42 单行 42（首页是 2 行 100）→ 493 = 80+113+48+42+48+82+80
     移动 副标 28/42 两行 84（首页 24/36），且 desc 容器固定 112（=84 + 下留 28）
          545 = 40+161+24+112+24+144+40
   移动按钮 401×60 两个竖排（gap 24），副标 14/21、按钮列 gap 12
   ============================================================ */
.v2-cta--pur .v2-cta__desc{min-height:clamp(21px,2.19vw,42px);justify-content:flex-start}
/* 背景光束与首页不是同一条：采购稿的 transform 平移不同，双端各导出 1:1 成品图
   （JPG 已把 opacity .66 烘焙进白底，CSS 不再叠 opacity，否则会淡成 .66²） */
.v2-cta--pur .v2-cta__bg{opacity:1}
.v2-cta--pur .v2-cta__bg--m{display:none}
html.device-mobile .v2-cta--pur .v2-cta__bg--pc{display:none}
html.device-mobile .v2-cta--pur .v2-cta__bg--m{display:block}
/* 移动稿的按钮是上下两个、同宽（次按钮 FILL 401），不是并排 */
html.device-mobile .v2-cta--pur .v2-cta__row{flex-direction:column;gap:12px;
  align-items:stretch;justify-content:flex-start}
html.device-mobile .v2-cta--pur .v2-cta__desc{min-height:56px}
html.device-mobile .v2-cta--pur .v2-cta__desc p{font-size:14px;line-height:21px}

/* ============================================================
   移动端（750 稿 ÷2，基准 375）
   ============================================================ */
html.device-mobile .v2-pur-hero{padding:71px 20px 20px;
  gap:12px;align-items:center;text-align:center}
/* 眉标 73×27（750 稿 146×54 ÷2），值全部减半 */
html.device-mobile .v2-pur-hero__badge{height:27px;padding:0 16px;
  border-width:1px;border-radius:4px;font-size:10px;line-height:15px;
  letter-spacing:.5px}
/* 移动稿的弥散光是 640×192 位图（1400×400 稿图 ×0.457）：等效圆半径 137、圆心在底边下 78 */
html.device-mobile .v2-pur-hero__glow{top:calc(100% - 100px);
  width:356px;height:356px}
html.device-mobile .v2-pur-hero__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-pur-hero__lead{gap:8px;font-size:12px;line-height:18px}

html.device-mobile .v2-pur-head{gap:8px;align-items:flex-start;text-align:left}
html.device-mobile .v2-pur-head__kicker{font-size:10px;line-height:12.5px}
html.device-mobile .v2-pur-head__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-pur-head__sub{font-size:12px;line-height:18px}

html.device-mobile .v2-pur-prob{padding:20px;gap:12px}
/* 移动稿这一段的标题组是居中的，不是左对齐 */
html.device-mobile .v2-pur-prob .v2-pur-head{align-items:center;text-align:center}
html.device-mobile .v2-pur-prob__grid{flex-direction:column;gap:12px}
/* 卡片在纵向列里必须 flex:0 0 auto，否则 PC 的 flex:1 1 0 会把高度算成 0 */
html.device-mobile .v2-pur-prob__card{flex:0 0 auto;flex-direction:row;
  align-items:stretch;border-radius:6px;
  box-shadow:0 1px 4px rgba(0,0,0,.08)}
html.device-mobile .v2-pur-prob__img{flex:0 0 150px;width:150px;height:auto;
  aspect-ratio:auto;object-fit:cover}
html.device-mobile .v2-pur-prob__body{flex:1 1 auto;min-width:0;
  padding:12px;gap:6px;text-align:left;justify-content:center}
html.device-mobile .v2-pur-prob__name{font-size:12px;line-height:18px}
/* 移动稿描述是两端对齐（PC 是居中） */
html.device-mobile .v2-pur-prob__desc{font-size:10px;line-height:15px;
  text-align:justify}

html.device-mobile .v2-pur-sol{padding:20px;gap:12px}
html.device-mobile .v2-pur-sol__grid{grid-template-columns:1fr;gap:4px}
html.device-mobile .v2-pur-sol__card{padding:12px 16px;gap:4px}
html.device-mobile .v2-pur-sol__text{gap:4px}
html.device-mobile .v2-pur-sol__name{font-size:12px;line-height:18px}
/* 移动稿第 4 张卡本来就是矮的（206，其余 236），描述按行数自适应 → 取消 PC 的固定 72 */
html.device-mobile .v2-pur-sol__desc{font-size:10px;line-height:15px;
  min-height:0}
html.device-mobile .v2-pur-sol__list{gap:4px}
html.device-mobile .v2-pur-sol__list li{gap:4px;font-size:9px;line-height:14px}
html.device-mobile .v2-pur-sol__tick{width:15px;height:15px}
/* 移动稿数字 120×120（÷2 = 60），贴卡右上角（右边距 0、顶边 0） */
html.device-mobile .v2-pur-sol__icon{width:60px;height:60px;right:0;top:0}

html.device-mobile .v2-pur-chain{padding:20px;gap:12px}
html.device-mobile .v2-pur-chain__list{grid-template-columns:repeat(3,minmax(0,1fr));
  row-gap:12px}
html.device-mobile .v2-pur-chain__item{gap:12px}
/* 连线在移动端隐藏后 rail 里只剩图标，必须显式居中（PC 是靠两侧 i 撑开的） */
html.device-mobile .v2-pur-chain__rail{height:40px;justify-content:center}
html.device-mobile .v2-pur-chain__rail i{display:none}
html.device-mobile .v2-pur-chain__rail img{width:40px;height:40px}
html.device-mobile .v2-pur-chain__text{gap:2px}
html.device-mobile .v2-pur-chain__name{font-size:12px;line-height:18px}
html.device-mobile .v2-pur-chain__no{font-size:10px;line-height:15px}
html.device-mobile .v2-pur-chain__note{font-size:10px;line-height:15px}

html.device-mobile .v2-pur-ui{padding:20px;gap:12px}
/* 移动稿标题组是居中的（通用 .v2-pur-head 移动端默认左对齐） */
html.device-mobile .v2-pur-ui .v2-pur-head{align-items:center;text-align:center}
/* 移动稿图框 radius 8（750 稿）→ 4 */
html.device-mobile .v2-pur-ui__frame{border-radius:4px}
html.device-mobile .v2-pur-ui__shot--pc{display:none}
html.device-mobile .v2-pur-ui__frame .v2-pur-ui__shot--m{display:block}
/* 移动稿说明是左对齐（PC 稿居中） */
html.device-mobile .v2-pur-ui__note{font-size:10px;line-height:15px;text-align:left}
html.device-mobile .v2-pur-ui__rel{padding:8px 12px;gap:8px}
html.device-mobile .v2-pur-ui__rel-title{font-size:12px;line-height:18px}
html.device-mobile .v2-pur-ui__rel-grid{grid-template-columns:1fr;gap:8px}
html.device-mobile .v2-pur-ui__rel-item{font-size:12px;line-height:18px}
html.device-mobile .v2-pur-ui__rel-item a .v2-pur-ui__arrow{width:16px;height:16px}
/* 移动稿也有两件装饰：右上 375×210 → 187.5，左下 420×280 → 210（750 稿 ÷2） */
html.device-mobile .v2-pur-ui__deco-device{display:block;width:187.5px;right:0;top:0}
html.device-mobile .v2-pur-ui__deco-ring{display:block;width:210px;left:0;bottom:0}

/* 7:1866 收起 750×473 / 47:2229 展开 750×701：padding 60、条 36、条后 24、答案 2 行 30 */
html.device-mobile .v2-pur-faq{padding:30px;gap:12px}
html.device-mobile .v2-pur-faq__row{gap:16px}
html.device-mobile .v2-pur-faq__no{font-size:10px;line-height:18px}
html.device-mobile .v2-pur-faq__q{font-size:12px;line-height:18px}
html.device-mobile .v2-pur-faq__icon{flex:0 0 16px;width:16px;height:16px}
/* 移动稿答案是左对齐（PC 稿 justify），行高 30/2 */
html.device-mobile .v2-pur-faq__a{padding:8px 32px 0 30px;font-size:10px;
  line-height:15px;text-align:left}
html.device-mobile .v2-pur-faq__line{margin:12px 0}