/* ============================================================
   AI 智囊页 V2 版式（product/ai/index.html 专用）
   设计稿：PC 47:469（1920×6329）；FAQ 另有展开态 47:5839（1137）
   与外贸页（export.css）同构，差异集中在：
     · hero 596 高、副标两段，弥散光是 1400×400 导出图（比圆渐变更扁）
     · 第二块换成「五个 AI 助手」：行一 3 卡 549×572、行二 2 卡 832×536
     · 「为什么长在业务数据上」3 卡横排 544×270（外贸是解法 2×2）
   其余（解决什么 3 卡、系统界面图框 600、FAQ 4 条、CTA 493、页脚 379）与外贸页一致
   PC 值取自设计稿；移动端沿用采购/销售页的 ÷2 规则，统一 html.device-mobile 前缀覆盖
   ============================================================ */

/* ---------- 第一屏：hero ----------
   深底 #1C1C1C + 底部橙色弥散光（1400×400）
   padding 182/120/80/120，gap 48；眉标虚线框 146×54 + 主标 56/84 + 副标两行 28/42
   ============================================================ */
.v2-ai-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 的弥散半圆导出图（横向比库存/外贸的圆渐变更扁），直接贴底居中 */
.v2-ai-hero__glow{position:absolute;left:50%;bottom:0;pointer-events:none;
  display:block;transform:translateX(-50%);
  width:clamp(700px,72.92vw,1400px);height:auto}
.v2-ai-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-ai-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))}
.v2-ai-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-ai-hero__lead p{margin:0}
/* 移动稿的弥散光是导出图（640×192），PC 用上面的径向渐变重建，两端各自一套 */
.v2-ai-hero__glow-m{display:none}

/* ---------- 通用标题组 ---------- */
.v2-ai-head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(8px,.83vw,16px);width:100%;text-align:center}
.v2-ai-head--left{align-items:flex-start;text-align:left}
.v2-ai-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-ai-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-ai-head__sub{margin:0;color:#6f6f6f;font-weight:500;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}

/* ---------- 解决什么 ----------
   白底，padding 80/120，gap 48；标题组 113
   4 卡 402×582（gap 24、radius 12）：图 402×300 + 24 + 标题 42 + 24 + 描述 144，左右 48、底 48
   四张卡底色 #F2F4FD / #FEFDF8 / #FFF8F8 / #F5FDF8
   ============================================================ */
.v2-ai-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-ai-prob__grid{display:flex;align-items:stretch;
  gap:clamp(12px,1.25vw,24px);width:100%}
.v2-ai-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-ai-prob__card:nth-child(2){background:#fefdf8}
.v2-ai-prob__card:nth-child(3){background:#f5fdf8}
.v2-ai-prob__img{display:block;width:100%;height:auto;aspect-ratio:544/300;
  object-fit:cover}
/* 移动稿的卡是横排图文，图是 300×186 的竖版，双端各导一张 */
.v2-ai-prob__img--m{display:none}
.v2-ai-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-ai-prob__name{margin:0;color:#212121;font-weight:700;
  font-size:clamp(12px,1.46vw,28px);line-height:1.5}
.v2-ai-prob__desc{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(10px,1.25vw,24px);line-height:1.5;text-align:center}

/* ---------- 为什么长在业务数据上 ----------
   白底，padding 80/120，gap 48；标题组 113（无副标）
   3 卡 544×270（gap 24、底色 #FAFBFE、无圆角）：padding 48、gap 24
   标题 42 + 24 + 描述 108（3 行）；右上角数字图标 200×200
   ============================================================ */
.v2-ai-why{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-ai-why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.25vw,24px);width:100%}
.v2-ai-why__card{position:relative;overflow:hidden;box-sizing:border-box;
  background:#fafbfe;padding:clamp(24px,2.5vw,48px);
  display:flex;flex-direction:column;
  min-height:clamp(135px,14.06vw,270px)}
/* 图标在文字下层，必须给文字抬层级 */
.v2-ai-why__text{position:relative;z-index:1;display:flex;flex-direction:column;
  gap:clamp(12px,1.25vw,24px);width:100%}
.v2-ai-why__name{margin:0;font-weight:700;color:#212121;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-ai-why__desc{margin:0;font-weight:400;color:#6f6f6f;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5;text-align:justify}
/* 序号数字 200×200：贴卡右内边（右 24）、顶边与卡顶齐 */
.v2-ai-why__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}

/* ---------- 五个 AI 助手，各管一段 ----------
   白底，padding 80/120，gap 48；标题组 171（眉标 + 主标 + 副标 28/42）
   1680 排两行：行一 3 卡 549×572、行二 2 卡 832×536（gap 16 / 行距 24）
   卡 #F5F5F5、radius 16、padding 40、gap 20；右上角 AI 图标 120×120
   ============================================================ */
.v2-ai-assist{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-ai-assist__grid{display:flex;flex-direction:column;width:100%;
  gap:clamp(12px,1.25vw,24px)}
/* 滚动层：PC 为普通块（不影响布局），移动端承载横向滑动 */
.v2-ai-assist__scroll{display:block;width:100%}
/* 两行之间是 16，行组与底部说明之间是 24（稿里是两个不同容器） */
.v2-ai-assist__rows{display:flex;flex-direction:column;
  gap:clamp(8px,.83vw,16px)}
.v2-ai-assist__row{display:flex;align-items:stretch;
  gap:clamp(8px,.83vw,16px)}
.v2-ai-assist__card{flex:1 1 0;min-width:0;position:relative;overflow:hidden;
  box-sizing:border-box;background:#f5f5f5;
  border-radius:clamp(8px,.84vw,16px);
  padding:clamp(20px,2.08vw,40px);
  display:flex;flex-direction:column;gap:clamp(10px,1.04vw,20px)}
/* 图标在文字下层，卡片正文统一抬层级 */
.v2-ai-assist__card > *:not(.v2-ai-assist__icon){position:relative;z-index:1}
.v2-ai-assist__head{display:flex;flex-direction:column;
  gap:clamp(8px,.83vw,16px)}
/* 角色标签是橙色虚线框、无底色（稿里只有 stroke，没有填充） */
.v2-ai-assist__role{align-self:flex-start;margin:0;box-sizing:border-box;
  display:inline-flex;align-items:center;
  padding:clamp(1px,.16vw,3px) clamp(6px,.63vw,12px);
  border:1px dashed var(--v2-orange);
  border-radius:clamp(1px,.1vw,2px);
  color:var(--v2-orange);font-weight:700;
  font-size:clamp(9px,.94vw,18px);line-height:1.55}
.v2-ai-assist__name{margin:0;color:#212121;font-weight:700;
  font-size:clamp(16px,1.67vw,32px);line-height:1.5}
.v2-ai-assist__sub{margin:0;color:#6f6f6f;font-weight:500;
  font-size:clamp(10px,1.04vw,20px);line-height:1.5}
.v2-ai-assist__cap{margin:0;color:var(--v2-orange);font-weight:400;
  font-size:clamp(10px,1.04vw,20px);line-height:1.5}
.v2-ai-assist__tags{display:flex;flex-wrap:wrap;gap:clamp(8px,.83vw,16px)}
.v2-ai-assist__tag{box-sizing:border-box;display:inline-flex;align-items:center;
  padding:clamp(2px,.21vw,4px) clamp(6px,.63vw,12px);
  border-radius:999px;background:#efefef;color:#6f6f6f;font-weight:500;
  font-size:clamp(9px,.94vw,18px);line-height:1.55}
.v2-ai-assist__desc{margin:0;color:#212121;font-weight:400;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5;text-align:justify}
/* 描述与金句之间的分隔线 */
/* 描述行数各卡不同（3~4 行），分隔线连同金句用 margin-top:auto 贴到卡底，
   同一行卡片等高 → 分隔线位置对齐 */
.v2-ai-assist__dash{display:block;height:0;position:relative;margin-top:auto}
.v2-ai-assist__dash::after{content:"";position:absolute;left:0;right:0;top:0;
  height:1px;background:#e2e2e2}
.v2-ai-assist__line{margin:0;color:#6f6f6f;font-weight:700;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}
.v2-ai-assist__icon{position:absolute;z-index:0;
  right:clamp(20px,2.08vw,40px);top:clamp(20px,2.08vw,40px);
  width:clamp(60px,6.25vw,120px);height:auto;pointer-events:none;opacity:.55}
.v2-ai-assist__note{margin:0;color:#6f6f6f;font-weight:400;
  font-size:clamp(10px,1.04vw,20px);line-height:1.5;text-align:center}

/* 助手区副标在稿里是 28/42（比通用 24 大一号），与外贸业务链路一致 */
.v2-ai-assist .v2-ai-head__sub{font-size:clamp(12px,1.46vw,28px);line-height:1.5}

/* 查看大图入口与卡片总览图只在移动端出现：
   PC 五张卡横排、文字本就清晰，无需缩放 */
.v2-ai-assist__zoom{display:none}
.v2-ai-assist__map{display:none;margin:0}

/* ---------- 系统界面 ----------
   白底，padding 80/120，gap 48；标题组 113
   图框 1680×600（#F9F9F9、radius 16，图 1120×600 居中）+ 48 + 说明 36 + 48 + 关联模块 172
   关联模块：白 80%、radius 8、padding 16/32，「关联模块」36 + 两行两列（gap 32）
   装饰：左下柔光 1000×560、左下角橙色星轨 800×533（透明度已烘焙进图）
   ============================================================ */
.v2-ai-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-ai-ui__frame{margin:0;width:100%;box-sizing:border-box;
  height:clamp(280px,31.25vw,600px);
  background:#f9f9f9;border-radius:clamp(8px,.84vw,16px);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.v2-ai-ui__frame img{display:block;max-width:100%;max-height:100%;
  width:auto;height:100%;object-fit:contain}
.v2-ai-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-ai-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)}
.v2-ai-ui__rel-title{margin:0;font-weight:700;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5;color:#212121}
/* 3 个入口按 2 列排（稿里是 2 + 1 两行）：列间距 32、行间距 16 */
.v2-ai-ui__rel-grid{display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(12px,.83vw,16px) clamp(12px,1.67vw,32px)}
.v2-ai-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-ai-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-ai-ui__rel-item a .v2-ai-ui__arrow{display:block;flex:0 0 auto;
  width:clamp(16px,1.67vw,32px);height:auto}
/* 柔光 1000×560 贴左下；星轨 800×533 在稿里是居中的（左边缘 534/1920 ≈ 27.8%） */
.v2-ai-ui__deco-mask{position:absolute;left:0;bottom:0;pointer-events:none;
  width:clamp(520px,52.08vw,1000px);height:auto;aspect-ratio:1000/560}
.v2-ai-ui__deco-ring{position:absolute;left:50%;bottom:0;pointer-events:none;
  transform:translateX(-50%);
  width:clamp(420px,41.67vw,800px);height:auto;aspect-ratio:800/533}
/* 移动稿在这一段叠了柔光 375×210（左下）+ 星轨 420×280（右上出界），PC 不显示 */
.v2-ai-ui__deco-mask--m,
.v2-ai-ui__deco-ring--m{display:none}

/* ---------- 常见问题 ----------
   白底，padding 80/120，gap 48；标题组左对齐
   条 42（编号 24/42 Bold + 问题 28/42 + 图标 32），展开：条 94 = 42 + 16 + 答案 36
   ============================================================ */
.v2-ai-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-ai-faq__list{display:flex;flex-direction:column;width:100%}
.v2-ai-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}
.v2-ai-faq__no{flex:0 0 auto;color:#6f6f6f;font-weight:700;
  font-size:clamp(12px,1.25vw,24px);line-height:1.75}
.v2-ai-faq__q{flex:1 1 auto;min-width:0;font-weight:500;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
/* 图标复用首页柳叶笔画 SVG：横线常驻，竖线旋转 90°，展开时缩没 → 「−」 */
.v2-ai-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-ai-faq__icon::before,
.v2-ai-faq__icon::after{content:"";position:absolute;inset:0;
  background:url("img/v2-faq-line.svg") no-repeat center/contain}
.v2-ai-faq__icon::after{transform:rotate(90deg);transform-origin:50% 50%;
  transition:transform .25s ease,opacity .25s ease}
.v2-ai-faq__item.is-open .v2-ai-faq__icon::after{transform:rotate(90deg) scale(0);opacity:0}
.v2-ai-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-ai-faq__a p{margin:0}
.v2-ai-faq__item.is-open .v2-ai-faq__a{display:block}
.v2-ai-faq__line{position:relative;display:block;height:0;
  margin:clamp(16px,1.67vw,32px) 0}
.v2-ai-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-ai-faq__list > .v2-ai-faq__line:last-child{margin-bottom:0}

/* ---------- 预约演示 ----------
   版式沿用首页 v2-cta（v2.css），差异同采购/销售页：副标 1 行 42
   493 = 80 + 113 + 48 + 42 + 48 + 82 + 80
   ============================================================ */
.v2-cta--ai .v2-cta__desc{min-height:clamp(21px,2.19vw,42px);justify-content:flex-start}
/* 双端各导 1 张（PC 1920×493 / 移动 750×485），同 hash 3a511ba8，JPG 已把透明度烘焙进白底 */
.v2-cta--ai .v2-cta__bg{opacity:1}
.v2-cta--ai .v2-cta__bg--m{display:none}
html.device-mobile .v2-cta--ai .v2-cta__bg--pc{display:none}
html.device-mobile .v2-cta--ai .v2-cta__bg--m{display:block}

/* ============================================================
   移动端（移动稿 12:6072，750 稿 ÷2，375 起）
   ============================================================ */
html.device-mobile .v2-ai-hero{padding:71px 20px 20px;
  gap:12px;align-items:center;text-align:center}
html.device-mobile .v2-ai-hero__badge{height:27px;padding:0 16px;
  border-width:1px;border-radius:4px;font-size:10px;line-height:15px;
  letter-spacing:.5px}
/* AI 页暂无移动稿，沿用 PC 的弥散光图，按 375 基准缩到 320 宽 */
html.device-mobile .v2-ai-hero__glow{width:320px}
html.device-mobile .v2-ai-hero__glow-m{display:none}
html.device-mobile .v2-ai-hero__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
html.device-mobile .v2-ai-hero__lead{gap:8px;font-size:12px;line-height:18px}

/* 移动稿的区块标题（含 FAQ 的 --left 变体）一律居中，与 PC 版式不同 */
html.device-mobile .v2-ai-head,
html.device-mobile .v2-ai-head--left{gap:8px;align-items:center;text-align:center}
html.device-mobile .v2-ai-head__kicker{font-size:10px;line-height:12.5px}
html.device-mobile .v2-ai-head__title{font-size:20px;line-height:30px;
  transform:translateY(2px)}
/* 移动稿这一段副标是 20/30（比通用 24 小一号） */
html.device-mobile .v2-ai-head__sub{font-size:10px;line-height:15px}

html.device-mobile .v2-ai-prob{padding:20px;gap:12px}
html.device-mobile .v2-ai-prob__grid{flex-direction:column;gap:12px}
/* 纵向列里必须 flex:0 0 auto，否则 PC 的 flex:1 1 0 会把高度算成 0 */
html.device-mobile .v2-ai-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)}
/* 移动稿 47:793/798/803 是另一套竖版图（300×随卡高），PC 横图裁条会切掉主体 */
html.device-mobile .v2-ai-prob__img{display:block;
  flex:0 0 150px;width:150px;height:auto;
  aspect-ratio:auto;object-fit:cover}
html.device-mobile .v2-ai-prob__img--pc{display:none}
html.device-mobile .v2-ai-prob__img--m{display:block}
html.device-mobile .v2-ai-prob__body{flex:1 1 auto;min-width:0;
  padding:12px;gap:6px;text-align:left;justify-content:center}
html.device-mobile .v2-ai-prob__name{font-size:12px;line-height:18px}
html.device-mobile .v2-ai-prob__desc{font-size:10px;line-height:15px;
  text-align:justify}

html.device-mobile .v2-ai-why{padding:20px;gap:12px}
html.device-mobile .v2-ai-why__grid{grid-template-columns:1fr;gap:8px}
html.device-mobile .v2-ai-why__card{padding:12px 16px;gap:4px;min-height:0}
html.device-mobile .v2-ai-why__text{gap:4px}
html.device-mobile .v2-ai-why__name{font-size:12px;line-height:18px}
html.device-mobile .v2-ai-why__desc{font-size:10px;line-height:15px}
html.device-mobile .v2-ai-why__icon{width:60px;right:0;top:0}

html.device-mobile .v2-ai-assist{padding:20px;gap:12px}
html.device-mobile .v2-ai-assist__grid{gap:12px}
/* 移动稿把五张卡排成一张总览图（670×448.5）：卡片上的字按 2 倍缩放后，
   在 375 宽的屏上只剩 5px 上下，读不出来 —— 所以整块用图，细节交给「查看大图」 */
html.device-mobile .v2-ai-assist__map{display:block}
html.device-mobile .v2-ai-assist__map img{display:block;width:100%;height:auto}
html.device-mobile .v2-ai-assist__scroll{display:none}
/* 查看大图：24/36 → 12/18，图标 32 → 16，与副标间距随 head 的 8 */
html.device-mobile .v2-ai-assist__zoom{display:flex;align-items:center;gap:2px;
  appearance:none;border:0;background:none;padding:0;cursor:pointer;
  font-family:inherit;font-weight:500;font-size:12px;line-height:18px;
  color:var(--v2-orange);text-decoration:underline;text-underline-offset:2px}
html.device-mobile .v2-ai-assist__zoom-ic{width:16px;height:16px;flex:0 0 auto}
html.device-mobile .v2-ai-assist__note{font-size:10px;line-height:15px;
  text-align:left}
html.device-mobile .v2-ai-assist .v2-ai-head__sub{font-size:12px;line-height:18px}

html.device-mobile .v2-ai-ui{padding:20px;gap:12px}
/* 移动稿图框 670×389 = padding 32 + 图 606×325 */
html.device-mobile .v2-ai-ui__frame{height:auto;padding:16px;border-radius:4px}
html.device-mobile .v2-ai-ui__frame img{width:100%;height:auto}
html.device-mobile .v2-ai-ui__note{font-size:10px;line-height:15px}
html.device-mobile .v2-ai-ui__rel{padding:8px 16px;gap:8px}
html.device-mobile .v2-ai-ui__rel-title{font-size:12px;line-height:18px}
/* 移动稿三行都是「问题 + 链接」横排，一行一条 */
html.device-mobile .v2-ai-ui__rel-grid{grid-template-columns:1fr;gap:8px}
html.device-mobile .v2-ai-ui__rel-item{font-size:12px;line-height:18px;
  flex-wrap:nowrap;gap:4px}
html.device-mobile .v2-ai-ui__rel-item a .v2-ai-ui__arrow{width:16px;height:16px}
/* 柔光 375×210 贴左下；星轨 420×280 贴右上并出界（稿中 opacity .7） */
html.device-mobile .v2-ai-ui__deco-mask{display:none}
html.device-mobile .v2-ai-ui__deco-mask--m{display:block;position:absolute;
  left:0;bottom:0;width:187px;height:auto;opacity:.7;pointer-events:none}
html.device-mobile .v2-ai-ui__deco-ring--pc{display:none}
html.device-mobile .v2-ai-ui__deco-ring--m{display:block;width:210px;height:auto;
  left:auto;right:-46px;top:0;bottom:auto;transform:none;opacity:.7}

html.device-mobile .v2-ai-faq{padding:30px;gap:12px}
html.device-mobile .v2-ai-faq__row{gap:16px}
html.device-mobile .v2-ai-faq__no{font-size:12px;line-height:21px}
html.device-mobile .v2-ai-faq__q{font-size:14px;line-height:21px}
html.device-mobile .v2-ai-faq__icon{flex:0 0 16px;width:16px;height:16px}
/* 答案 24/36 → 12/18，左缩进 30（编号 14.5 + 间距 16，与问题文字起点对齐） */
html.device-mobile .v2-ai-faq__a{padding:8px 16px 0 30px;font-size:12px;
  line-height:18px;text-align:left}
html.device-mobile .v2-ai-faq__line{margin:12px 0}
/* 移动稿条间距 32 → 16（PC 是 32） */
html.device-mobile .v2-ai-faq__list{gap:0}

/* 移动 CTA：按钮竖排、等宽居中；按钮 60→30 高、文字 24/36→12/18 */
html.device-mobile .v2-cta--ai .v2-cta__row{flex-direction:column;gap:12px;
  align-items:stretch;justify-content:center;width:fit-content;margin:0 auto}
html.device-mobile .v2-cta--ai .v2-cta__btn{height:30px;font-size:12px;
  line-height:18px;padding:0 12px}
html.device-mobile .v2-cta--ai .v2-cta__desc{min-height:36px}
html.device-mobile .v2-cta--ai .v2-cta__desc p{font-size:12px;line-height:18px}

/* ============================================================
   查看大图弹窗（沿用解决方案页 68:1088 的交互）
   遮罩 80% + 居中卡 480×608 → 240×304，卡间距 16 → 8、两侧露边；
   指示点 8（激活 20）×8，关闭 32；首尾垂直排列，不做循环
   ============================================================ */
.v2-ai-viewer{display:none;position:fixed;inset:0;z-index:320;
  flex-direction:column;align-items:center;justify-content:center;gap:32px}
html.device-mobile .v2-ai-viewer.is-open{display:flex}
.v2-ai-viewer__mask{position:absolute;inset:0;background:rgba(0,0,0,.8)}
.v2-ai-viewer__stage{position:relative;width:100%;overflow-x:auto;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none}
.v2-ai-viewer__stage::-webkit-scrollbar{display:none}
.v2-ai-viewer__track{display:flex;gap:8px;
  padding:0 calc((100vw - 240px) / 2);width:max-content}

/* 卡：内边距 40→20，纵向间距 20→10，圆角 16→8，描边 1 */
.v2-ai-vcard{position:relative;flex:0 0 240px;width:240px;height:304px;
  scroll-snap-align:center;overflow:hidden;box-sizing:border-box;
  background:#F5F5F5;border:1px solid #DDD;border-radius:8px;padding:20px;
  display:flex;flex-direction:column;gap:10px;
  font-family:var(--v2-sans);color:#212121}
.v2-ai-vcard > *:not(.v2-ai-vcard__icon){position:relative;z-index:1}
/* 图标 120→60 贴右上（距边 20→10），压在文字下层 */
.v2-ai-vcard__icon{position:absolute;top:10px;right:10px;width:60px;height:auto;
  opacity:.55;pointer-events:none}
.v2-ai-vcard__role{align-self:flex-start;margin:0;box-sizing:border-box;
  display:inline-flex;align-items:center;padding:2px 6px;
  border:1px dashed var(--v2-orange);border-radius:1px;
  color:var(--v2-orange);font-weight:700;font-size:9px;line-height:14px}
.v2-ai-vcard__name{margin:0;font-weight:700;font-size:16px;line-height:24px}
.v2-ai-vcard__sub{margin:0;font-weight:500;font-size:10px;line-height:15px;
  color:#6F6F6F}
.v2-ai-vcard__cap{margin:0;font-weight:400;font-size:10px;line-height:15px;
  color:var(--v2-orange)}
.v2-ai-vcard__tags{display:flex;flex-wrap:wrap;gap:8px}
.v2-ai-vcard__tag{display:inline-flex;align-items:center;padding:2px 6px;
  border:1px solid #DDD;border-radius:999px;color:#6F6F6F;
  font-weight:500;font-size:9px;line-height:14px}
.v2-ai-vcard__desc{margin:0;font-size:12px;line-height:18px;text-align:justify}
/* 描述行数各卡不同，虚线连同金句用 margin-top:auto 贴到卡底 */
.v2-ai-vcard__dash{display:block;height:0;position:relative;margin-top:auto}
.v2-ai-vcard__dash::after{content:"";position:absolute;left:0;right:0;top:0;
  border-top:1px dashed #6F6F6F}
.v2-ai-vcard__line{margin:0;font-weight:700;font-size:12px;line-height:18px;
  color:#6F6F6F}

.v2-ai-viewer__dots{position:relative;display:flex;align-items:center;gap:8px}
.v2-ai-viewer__dot{width:8px;height:8px;border-radius:999px;background:#CCC;
  border:0;padding:0;cursor:pointer;
  transition:width .28s ease,background .28s ease}
.v2-ai-viewer__dot.is-active{width:20px;background:var(--v2-orange)}
.v2-ai-viewer__close{position:relative;width:32px;height:32px;padding:0;border:0;
  background:none;cursor:pointer;display:block}
.v2-ai-viewer__close img{display:block;width:100%;height:100%}

/* 打开弹窗时锁滚动 */
html.v2-ai-lock{overflow:hidden}