/* ============================================================
   关于我们页 V2 版式（第一步：第一部分 Hero；顶部导航已统一进 v2.css）
   设计稿：PC 12:3382（hero 1920×552，header 19:2549 由 v2.css 承担）
           移动 24:3683（750 宽 ÷ 2）

   适配策略与 v2.css 一致：
   · 桌面 / 移动唯一判据 = assets/device.js 的 UA 检测（html.device-mobile）
   · PC 值按 1920 等比 clamp(移动下限, 设计值/1920*100vw, 设计值)
   · 移动值直接写死 px（750 稿 ÷ 2）
   · 本文件只在 about/index.html 引入，只放本页首屏样式
   ============================================================ */

/* 顶部导航（含 PC / 移动双端）已统一到 v2.css：
   about 页只加 .v2-header--light 换白底深字，结构与首页完全一致 */

/* ---------- 第一部分：Hero（设计稿 12:3382，1920×552） ----------
   背景为中心亮、四周白的桃金径向光晕：椭圆半径 = 960×276（即元素 50%×50%）
   → 中心 rgba(255,201,153,1)，边缘 #FFF（采样实测为线性衰减） */
.v2-about-hero{position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(430px,28.75vw,552px);
  display:flex;justify-content:center;align-items:flex-start;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,201,153,1) 0%,#fff 100%);
  font-family:var(--v2-sans);color:#212121}

/* 内容：上下 80 / 左右 120，纵向 48 间距，整体水平居中
   80 + 54(badge) + 48 + 84(h1) + 48 + 158(lead) + 80 = 552 ✓ */
.v2-about-hero__inner{position:relative;z-index:2;width:100%;max-width:1920px;
  padding:clamp(48px,4.17vw,80px) clamp(24px,6.25vw,120px) 0;
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(24px,2.5vw,48px)}

/* 眉标：1px 橙虚线 + 8 圆角，20/30 橙色字 + 1px 字距（设计稿 146×54：
   30 行高 + 上下 11 padding + 上下各 1 边框 = 54） */
.v2-about-hero__badge{margin:0;box-sizing:border-box;
  padding:clamp(7px,.57vw,11px) clamp(20px,1.67vw,32px);
  border:1px dashed var(--v2-orange);border-radius:8px;
  color:var(--v2-orange);font-size:clamp(14px,1.04vw,20px);font-weight:500;
  line-height:1.5;letter-spacing:1px;white-space:nowrap}

/* 主标题：数黑体 56/84，前半 #212121，后半橙色渐变文字
   两段都是整块（inline-block）：PC 并排一行，移动端超宽时按段整体换行，
   避免在「更懂工贸企业的」处被拆到上一行 */
.v2-about-hero__title{margin:0;font-family:var(--v2-display);font-weight:700;
  font-size:clamp(30px,2.92vw,56px);line-height:1.5;text-align:center;color:#212121}
.v2-about-hero__title span,.v2-about-hero__title em{display:inline-block}
.v2-about-hero__title em{font-style:normal;
  background:linear-gradient(90deg,#e66c00 0%,#ff8c0c 50%,#ffb725 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* 描述：28/42 三行 + 行间 16（设计稿 158 = 42×3 + 16×2），水平居中 */
.v2-about-hero__lead{margin:0;display:flex;flex-direction:column;
  gap:clamp(8px,.83vw,16px);
  font-size:clamp(16px,1.46vw,28px);font-weight:500;
  line-height:1.5;text-align:center;color:#212121}
.v2-about-hero__lead span{display:block}

/* 烟花线稿：同一张图左右复用，图比容器宽 20%（设计稿 background-size 120% 100%） */
.v2-about-hero__fw{position:absolute;z-index:1;pointer-events:none;
  background:url("img/about-hero-firework.webp") no-repeat;
  background-size:120% 100%;background-position:-10% 0;opacity:.4}
.v2-about-hero__fw--right{right:0;top:0;
  width:clamp(200px,20.83vw,400px);aspect-ratio:400/320}
.v2-about-hero__fw--left{left:0;top:clamp(160px,16.15vw,310px);
  width:clamp(120px,12.5vw,240px);aspect-ratio:240/192}

/* ============================================================
   移动端（设计稿 9:498：header 19:1701 高 102÷2=51，hero 24:3683）
   ============================================================ */
html.device-mobile .v2-about-hero{min-height:0;align-items:stretch}
html.device-mobile .v2-about-hero__inner{padding:20px 20px 24px;gap:12px}
/* badge 高 27 = 15 行高 + 上下 5 + 边框 2（设计稿 24:3685 54 ÷ 2） */
html.device-mobile .v2-about-hero__badge{padding:5px 16px;border-radius:4px;
  font-size:10px;line-height:1.5;letter-spacing:.5px}
html.device-mobile .v2-about-hero__title{font-size:20px;line-height:1.5}
html.device-mobile .v2-about-hero__lead{font-size:12px;line-height:1.5}
html.device-mobile .v2-about-hero__fw{opacity:.4}
html.device-mobile .v2-about-hero__fw--right{width:120px}
html.device-mobile .v2-about-hero__fw--left{width:100px;top:169px}

/* ---------- 第二部分：我们做什么（PC 9:373 / 移动 9:518）
   PC 1920×627 = padding 80 + 标题区 113 + 48 + 卡片 306 + 80
     标题区 113 = 眉标 20/25/600 + 16 + 标题 48/72/700
     卡片 528×306，列间 48；卡内 padding 48、gap 28（标题 28/42/700 + 正文 24/36/400）
     数字水印 200×200 贴卡片顶、右 24
   移动 750 稿 ÷2：padding 24/20/20、标题区 gap 8、卡片间 4、卡内 12、水印 60 ---------- */
.v2-about-what{max-width:1920px;margin:0 auto;background:#fff;font-family:var(--v2-sans);
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px)}
.v2-about-what__head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(8px,.83vw,16px)}
.v2-about-what__eyebrow{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(10px,1.04vw,20px);line-height:1.25;letter-spacing:.04em}
.v2-about-what__title{margin:0;color:#212121;font-family:var(--v2-display);font-weight:700;
  font-size:clamp(16px,2.5vw,48px);line-height:1.5;text-align:center}
.v2-about-what__grid{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,2.5vw,48px);margin-top:clamp(20px,2.5vw,48px)}
.v2-about-what__card{position:relative;overflow:hidden;background:#fafbfe;
  padding:clamp(12px,2.5vw,48px);min-height:clamp(76px,15.94vw,306px);
  display:flex;flex-direction:column;gap:clamp(4px,1.46vw,28px)}
/* 水印贴卡片顶部、右侧留 24；在文字下层（DOM 在前），文字压在上面 */
.v2-about-what__num{position:absolute;top:0;right:clamp(12px,1.25vw,24px);
  width:clamp(60px,10.42vw,200px);height:auto;pointer-events:none;user-select:none}
.v2-about-what__card h3{margin:0;position:relative;color:var(--v2-orange);
  font-family:var(--v2-display);font-weight:700;
  font-size:clamp(12px,1.46vw,28px);line-height:1.5}
.v2-about-what__card p{margin:0;position:relative;color:#212121;font-weight:400;
  font-size:clamp(10px,1.25vw,24px);line-height:1.5}

html.device-mobile .v2-about-what{padding:20px}
html.device-mobile .v2-about-what__head{gap:10px}
html.device-mobile .v2-about-what__eyebrow{font-size:10px;line-height:1.25}
html.device-mobile .v2-about-what__title{font-size:16px;line-height:1.5}
html.device-mobile .v2-about-what__grid{grid-template-columns:1fr;gap:4px;margin-top:10px}
html.device-mobile .v2-about-what__card{padding:12px;min-height:76px;gap:4px}
html.device-mobile .v2-about-what__num{width:60px;right:12px}
html.device-mobile .v2-about-what__card h3{font-size:12px;line-height:1.5}
html.device-mobile .v2-about-what__card p{font-size:10px;line-height:1.5}

/* ---------- 第三部分：为什么做烟花专版（PC 9:390 / 移动 9:535）
   PC 1920×460 = padding 80/120；左栏 372（眉标 20/25/600 + 标题 48/72/700 两行）
     + 列间 68 + 右栏 1240（4 段 28/42/500，段间 16）= 80 + 300 + 80
   移动 750 稿 ÷2：padding 10/20/20、眉标与标题间 16、标题与正文间 14、
     正文 12/18 段间 8、烟花 112/85 贴角；大烟花向下溢出 63 ---------- */
.v2-about-why{position:relative;z-index:1;background:#1f1e1c;color:#fff;font-family:var(--v2-sans);
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px)}
.v2-about-why__inner{position:relative;z-index:1;display:flex;align-items:flex-start;
  gap:clamp(24px,3.54vw,68px);max-width:1920px;margin:0 auto}
.v2-about-why__head{flex:0 0 auto;width:clamp(160px,19.38vw,372px)}
.v2-about-why__eyebrow{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(10px,1.04vw,20px);line-height:1.25;letter-spacing:.04em}
.v2-about-why__title{margin:0;color:#fff;font-family:var(--v2-display);font-weight:700;
  font-size:clamp(20px,2.5vw,48px);line-height:1.5}
.v2-about-why__title span{display:block}
.v2-about-why__body{flex:1 1 auto;display:flex;flex-direction:column;
  gap:clamp(8px,.83vw,16px)}
.v2-about-why__body p{margin:0;color:#fff;font-weight:500;
  font-size:clamp(12px,1.46vw,28px);line-height:1.5}
.v2-about-why__fw{position:absolute;pointer-events:none;user-select:none;z-index:0}
.v2-about-why__fw--big{left:0;bottom:0;width:clamp(112px,11.61vw,223px);height:auto}
.v2-about-why__fw--small{right:0;top:0;width:clamp(85px,8.85vw,170px);height:auto}

html.device-mobile .v2-about-why{padding:10px 20px 20px}
html.device-mobile .v2-about-why__inner{flex-direction:column;align-items:stretch;gap:14px}
html.device-mobile .v2-about-why__head{width:auto;display:flex;flex-direction:column;gap:16px}
html.device-mobile .v2-about-why__eyebrow{font-size:10px;line-height:1.25}
html.device-mobile .v2-about-why__title{font-size:20px;line-height:1.5}
html.device-mobile .v2-about-why__title span{display:inline}
html.device-mobile .v2-about-why__body{gap:8px}
html.device-mobile .v2-about-why__body p{font-size:12px;line-height:1.5}
/* 移动端大烟花不溢出（设计稿 9:535 里它探出块底，但实际页面下方紧接第四部分，
   超出会压住「EXCLUSIVE SERVICE」眉标，故贴块底收齐） */
html.device-mobile .v2-about-why__fw--big{width:112px;bottom:0}
html.device-mobile .v2-about-why__fw--small{width:85px;right:0;top:0}

/* ---------- 第四部分：服务四卡（PC 9:401 / 移动 9:546 单项展开、24:3559 全展开）
   结构与交互完整复用首页 .v2-svc：PC 两列网格 + 悬停浮起（左上位移 + 右下阴影），
   移动单列手风琴（is-open 控制正文与插画显隐）。差异仅插画比例：
   本页 280×173（1120×692 的 2 倍图），首页为 4:3。 ---------- */
.v2-about-svc .v2-svc__pic{aspect-ratio:1120/692}
html.device-mobile .v2-about-svc .v2-svc__pic{aspect-ratio:1120/692}

/* ---------- 第五部分：团队与能力（PC 9:438 / 移动 9:581）
   PC 1920×867 = padding 80/120 + head 163（眉标 25 + 16 + 标题 72 + 8 + 副文案 42）
     + 92 + 数据 144（数值 72/96 + 标签 32/48）+ 110 + 卡片 198 + 80
   数据三组按 1/3 等分居中（中心 400 / 960 / 1520），PC 无底块；
   移动端为浅灰块：第一组通栏横排（数值 + 15 间隔 + 标签），后两组半宽竖排居中。
   卡片：白底 + 1px 边框 + radius 8，PC 内边距 48、标题 32/48 与正文 24/36 间隔 16，
   高度 48×2 + 48 + 16 + 36 + 2 边框 = 198；移动 750 稿 ÷2：padding 20，
   卡高 64（21 + 15 + 14×2）、边框 #DDD、块间距 8.5 ---------- */
.v2-about-team{background:#fff;text-align:center;font-family:var(--v2-sans);
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px)}
.v2-about-team__head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(4px,.42vw,8px)}
.v2-about-team__eyebrow{margin:0 0 clamp(4px,.42vw,8px);color:var(--v2-orange);
  font-size:clamp(10px,1.04vw,20px);font-weight:600;line-height:1.25;letter-spacing:.04em}
.v2-about-team__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-about-team__lead{margin:0;color:#6f6f6f;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-about-team__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;max-width:1680px;margin:clamp(24px,4.79vw,92px) auto 0}
.v2-about-team__stat{display:flex;flex-direction:column;align-items:center}
.v2-about-team__stat strong{color:var(--v2-orange);font-weight:700;
  font-size:clamp(28px,3.75vw,72px);line-height:1.3333}
.v2-about-team__stat span{color:#6f6f6f;font-weight:700;
  font-size:clamp(16px,1.67vw,32px);line-height:1.5}
.v2-about-team__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,3.54vw,68px);width:100%;max-width:1680px;
  margin:clamp(28px,5.73vw,110px) auto 0}
.v2-about-team__card{display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(8px,.83vw,16px);text-align:left;background:#fff;
  border:1px solid #e3e3e3;border-radius:clamp(4px,.42vw,8px);
  padding:clamp(20px,2.5vw,48px) clamp(16px,2.08vw,40px)}
.v2-about-team__card h3{margin:0;color:#212121;font-weight:700;
  font-size:clamp(16px,1.67vw,32px);line-height:1.5}
.v2-about-team__card p{margin:0;color:#6f6f6f;font-weight:500;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}

html.device-mobile .v2-about-team{padding:20px}
html.device-mobile .v2-about-team__head{gap:4px}
html.device-mobile .v2-about-team__eyebrow{font-size:10px;line-height:1.25;margin-bottom:8px}
html.device-mobile .v2-about-team__title{font-size:20px;line-height:1.6}
html.device-mobile .v2-about-team__lead{font-size:12px;line-height:1.5}
html.device-mobile .v2-about-team__stats{grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8.5px;margin-top:12px}
html.device-mobile .v2-about-team__stat{background:#f9f9f9;border-radius:4px;padding:4px 0}
html.device-mobile .v2-about-team__stat:first-child{grid-column:1/-1;flex-direction:row;
  justify-content:center;align-items:center;gap:15px}
html.device-mobile .v2-about-team__stat strong{font-size:20px;line-height:1.55}
html.device-mobile .v2-about-team__stat span{font-size:12px;line-height:1.5}
html.device-mobile .v2-about-team__cards{grid-template-columns:1fr;gap:8.5px;margin-top:12px}
html.device-mobile .v2-about-team__card{border-radius:2px;border-color:#ddd;padding:14px 15px;gap:0}
html.device-mobile .v2-about-team__card h3{font-size:14px;line-height:1.5}
html.device-mobile .v2-about-team__card p{font-size:10px;line-height:1.5}

/* ---------- 第六部分：底部 CTA（PC 9:462 / 移动 9:605）
   PC 1920×493 = padding 80/120 + 眉标 25 + 16 + 标题 72 + 48 + 副文案 42
     + 48 + 按钮 82 + 80
   按钮：橙 307×82（padding 48、文字 28/42 + 间隔 8 + 图标 32）、
     绿 262×82（padding 48），间距 64；橙对角圆角 8/36/8/36，绿全圆角；
     绿色为水平渐变 #6ACD9E → #B7DB85。
   背景为桃金庆典光束装饰图（PC 1920×491、移动 750×333），白底不透明，
     按 100% 100% 铺满；移动 750 稿 ÷2：padding 20/10、按钮 30 高、间距 16。 ---------- */
.v2-about-cta{position:relative;text-align:center;color:#212121;font-family:var(--v2-sans);
  background:#fff url("img/about-cta-bg.webp") center/100% 100% no-repeat;
  padding:clamp(40px,4.17vw,80px) clamp(20px,6.25vw,120px)}
.v2-about-cta__head{display:flex;flex-direction:column;align-items:center;
  gap:clamp(8px,.83vw,16px)}
.v2-about-cta__eyebrow{margin:0;color:var(--v2-orange);font-weight:600;
  font-size:clamp(10px,1.04vw,20px);line-height:1.25;letter-spacing:.04em}
.v2-about-cta__title{margin:0;color:#212121;font-family:var(--v2-display);font-weight:700;
  font-size:clamp(20px,2.5vw,48px);line-height:1.5}
.v2-about-cta__lead{margin:clamp(24px,2.5vw,48px) 0 0;color:#6f6f6f;font-weight:500;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-about-cta__actions{display:flex;justify-content:center;align-items:center;
  gap:clamp(16px,3.33vw,64px);margin-top:clamp(24px,2.5vw,48px)}
.v2-about-cta__btn{display:inline-flex;align-items:center;justify-content:center;
  height:clamp(30px,4.27vw,82px);color:#fff;font-size:clamp(12px,1.46vw,28px);
  line-height:1.5;cursor:pointer;transition:opacity .2s}
.v2-about-cta__btn:hover{opacity:.9}
.v2-about-cta__btn--primary{gap:clamp(4px,.42vw,8px);padding:0 clamp(10px,2.5vw,48px);
  background:var(--v2-orange);
  border-radius:clamp(4px,.42vw,8px) clamp(18px,1.88vw,36px) clamp(4px,.42vw,8px) clamp(18px,1.88vw,36px)}
.v2-about-cta__btn--ghost{padding:0 clamp(12px,2.5vw,48px);font-weight:600;border-radius:999px;
  background:linear-gradient(90deg,#6acd9e,#b7db85)}
.v2-about-cta__arrow{flex:0 0 auto;width:clamp(16px,1.67vw,32px);height:clamp(16px,1.67vw,32px)}

html.device-mobile .v2-about-cta{padding:20px 10px;background-image:url("img/about-cta-bg-m.webp")}
html.device-mobile .v2-about-cta__head{gap:12.5px}
html.device-mobile .v2-about-cta__eyebrow{font-size:10px;line-height:1.25}
html.device-mobile .v2-about-cta__title{font-size:20px;line-height:1.6}
html.device-mobile .v2-about-cta__lead{margin-top:8px;font-size:12px;line-height:1.75}
html.device-mobile .v2-about-cta__actions{gap:16px;margin-top:11.5px}
html.device-mobile .v2-about-cta__btn{height:30px;font-size:12px;line-height:18px}
html.device-mobile .v2-about-cta__btn--primary{padding:0 10px;gap:8px;border-radius:4px 18px 4px 18px}
html.device-mobile .v2-about-cta__btn--ghost{padding:0 12px}
html.device-mobile .v2-about-cta__arrow{width:16px;height:16px}