/* ==========================================================================
   1. 设计令牌
   ========================================================================== */
:root{
  /* 品牌 */
  --blue:#0054ef;
  --blue-dark:#0043c4;
  --blue-soft:#e8f0ff;
  --logo-blue:#3d92e2;

  /* 文字（实测：浅底 0.85 / 0.65 / 0.45 三档不透明黑） */
  --ink:rgba(0,0,0,.85);
  --ink-2:rgba(0,0,0,.65);
  --ink-3:rgba(0,0,0,.45);
  --on-dark:#fff;
  --on-dark-2:rgba(255,255,255,.6);
  --on-dark-3:rgba(255,255,255,.38);

  /* 面与线 */
  --bg:#fff;
  --bg-soft:#f5f7fa;
  --bg-soft-2:#eef1f5;
  --dark:#232526;
  --dark-2:#1a1c1d;
  --line:rgba(0,0,0,.1);
  --line-2:rgba(0,0,0,.06);
  --line-dark:rgba(255,255,255,.14);

  /* 骨架尺寸（实测：全局头 64、深色品类条 48） */
  --header-h:64px;
  --catbar-h:48px;
  --pbar-h:64px;
  --max:1200px;
  --max-wide:1440px;
  --gutter:24px;

  /* 形状（实测：通用按钮 4px，主 CTA 60px 胶囊） */
  --r:4px;
  --r-card:8px;
  --r-pill:60px;

  --ease:cubic-bezier(.22,.61,.36,1);
  --shadow-card:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--pbar-h) + 8px);}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",
    "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
  font-size:16px;line-height:24px;font-weight:400;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
img,video{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p,figure,dl,dd,dt{margin:0;}
table{border-collapse:collapse;width:100%;}
svg{flex:none;}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}

/* ==========================================================================
   2. 排版尺度（实测字号阶 12/14/16/18/20/24/28/32/40/48/56，字重 600 主导）
   ========================================================================== */
.t-eyebrow{font-size:18px;line-height:26px;font-weight:500;letter-spacing:-.01em;}
.t-display{font-size:56px;line-height:64px;font-weight:600;letter-spacing:-.03em;}
.t-h1{font-size:48px;line-height:56px;font-weight:600;letter-spacing:-.03em;}
.t-h2{font-size:40px;line-height:48px;font-weight:600;letter-spacing:-.03em;}
.t-h3{font-size:32px;line-height:40px;font-weight:600;letter-spacing:-.02em;}
.t-h4{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em;}
.t-h5{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.02em;}
.t-lead{font-size:24px;line-height:34px;font-weight:600;letter-spacing:-.02em;}
.t-body{font-size:16px;line-height:26px;}
.t-note{font-size:13px;line-height:20px;}
.t-cap{font-size:12px;line-height:18px;letter-spacing:.04em;}
.t-mute{color:var(--ink-2);}
.t-mute-2{color:var(--ink-3);}
.on-dark .t-mute,.u-dark .t-mute{color:var(--on-dark-2);}
/* 2026-09-25 用户要求：小标题要能看出层级。
   以前 eyebrow 18px 和正文 16px 差不多大，反而比大标题还抢眼。
   现在全站只保留首屏 eyebrow 18px（页级），区块 / 两栏 / 卡片里的小标签统一收到
   13px + 字距，层级变成「18 页级标签 → 40 标题 → 20 副标 → 16 正文」。 */
.sec-head .t-eyebrow,
.line-block__body .t-eyebrow,
.contact-cards .t-eyebrow{font-size:13px;line-height:20px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.sec-head .t-eyebrow{color:var(--ink-3);}

/* ==========================================================================
   3. 布局
   ========================================================================== */
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter);}
.wrap--wide{max-width:var(--max-wide);}
.sec{padding:104px 0;}
.sec--tight{padding:72px 0;}
.sec--soft{background:var(--bg-soft);}
.sec--line{border-top:1px solid var(--line-2);}
.hr{height:1px;background:var(--line-2);border:0;margin:0;}

.sec-head{max-width:792px;margin-bottom:40px;}
.sec-head .t-h2{margin-top:14px;}
.sec-head p{margin-top:20px;color:var(--ink-2);font-size:18px;line-height:30px;}
.sec-head--center{margin-left:auto;margin-right:auto;text-align:center;}

.grid{display:grid;gap:24px;}
.grid--2{grid-template-columns:repeat(2,1fr);}
.grid--3{grid-template-columns:repeat(3,1fr);}
.grid--4{grid-template-columns:repeat(4,1fr);}

/* 产品与解决方案（合并页）：场景问题一行三列，产品墙超过 8 款时折叠 */
/* 联系页「海外商务」区块：从前是 13px 的 .needs-t 标题，比正文还小、看不出层级，
   2026-09-25 改成站点标准的 section_head（标签 / 大标题 / 说明），间距单独收一点。 */
.needs-blk{margin-top:44px;padding-top:34px;border-top:1px solid var(--line-2);}
.needs-blk .sec-head{margin-bottom:34px;}
/* max-width 与大疆基线一致：正文类文字最宽 792，不通栏 */
.needs-t{margin:0 0 22px;max-width:792px;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--ink-3);}
.needs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none;}
.needs li{position:relative;padding-top:18px;}
.needs li::before{content:"";position:absolute;top:0;left:0;width:26px;height:2px;background:var(--blue);}
.needs li b{display:block;font-size:17px;line-height:26px;font-weight:600;color:var(--ink);}
.needs li span{display:block;margin-top:8px;font-size:14px;line-height:24px;color:var(--ink-2);}

.grid-more{margin-top:24px;}
.grid-more>summary{
  display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;
  height:44px;padding:0 24px;border:1px solid rgba(0,0,0,.15);border-radius:var(--r);
  font-size:14px;font-weight:600;color:var(--ink);
  transition:border-color .18s var(--ease),background .18s var(--ease);
}
.grid-more>summary::-webkit-details-marker{display:none;}
.grid-more>summary::marker{content:"";}
.grid-more>summary:hover{border-color:rgba(0,0,0,.45);}
.grid-more>summary svg{transition:transform .22s var(--ease);}
.grid-more[open]>summary{margin-bottom:28px;}
.grid-more[open]>summary svg{transform:rotate(180deg);}

/* 合并页里的现场实拍带（应急消防 / 特种清洗）：一张宽主图 + 三张现场画面 */
.scene-shots{margin-top:64px;}
.scene-shots .gallery--one{margin-bottom:24px;}
.scene-shots .gallery--one img,.scene-shots .gallery--one video{aspect-ratio:16/9;}
.scene-shots .gallery--3 img,.scene-shots .gallery--3 video{aspect-ratio:4/3;}

/* ==========================================================================
   4. 按钮（实测：通用 4px 圆角 / 高 40 / 内边距 0 15px；主 CTA 60px 胶囊）
   ========================================================================== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:40px;padding:0 18px;border-radius:var(--r);
  font-size:14px;font-weight:600;line-height:1;
  border:1px solid rgba(0,0,0,.15);background:#fff;color:var(--ink);
  transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease);
  white-space:nowrap;
}
.btn:hover{border-color:rgba(0,0,0,.45);}
.btn--primary{background:var(--blue);border-color:var(--blue);color:#fff;}
.btn--primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);}
.btn--dark{background:var(--dark);border-color:var(--dark);color:#fff;}
.btn--dark:hover{background:#000;border-color:#000;}
.btn--ghost{background:transparent;border-color:rgba(0,0,0,.2);}
.btn--on-dark{background:transparent;border-color:rgba(255,255,255,.45);color:#fff;}
.btn--on-dark:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.btn--on-dark-solid{background:#fff;border-color:#fff;color:#000;}
.btn--on-dark-solid:hover{background:rgba(255,255,255,.86);border-color:rgba(255,255,255,.86);}

/* 主视觉胶囊 CTA（实测 hero 主按钮 60px 圆角） */
.pill{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:48px;padding:0 30px;border-radius:var(--r-pill);
  font-size:16px;font-weight:600;line-height:1;
  border:1px solid transparent;background:#fff;color:#000;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);
}
.pill:hover{transform:translateY(-1px);}
.pill--primary{background:var(--blue);color:#fff;}
.pill--primary:hover{background:var(--blue-dark);}
.pill--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.pill--line:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.pill--dark{background:var(--dark);color:#fff;}
.pill--dark:hover{background:#000;}

.arrow{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue);}
.arrow svg{transition:transform .2s var(--ease);}
.arrow:hover svg{transform:translateX(3px);}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;}

/* ==========================================================================
   5. 全局头（64px，白底吸顶）+ 超级菜单
   ========================================================================== */
.hd{
  position:sticky;top:0;z-index:100;background:#fff;
  border-bottom:1px solid var(--line-2);
}
.hd__in{
  display:flex;align-items:center;gap:32px;
  height:var(--header-h);max-width:var(--max-wide);margin:0 auto;padding:0 var(--gutter);
}
.hd__logo{display:flex;align-items:center;flex:none;}
.hd__logo img{height:30px;width:auto;}
.hd__nav{display:flex;align-items:center;gap:2px;margin-left:auto;}
/* 注意：这里不设 position，超级菜单相对 .hd 居中，避免面板比视口还宽时被挤出屏幕 */
.hd__item{position:static;}
.hd__link{
  display:inline-flex;align-items:center;gap:5px;height:var(--header-h);padding:0 14px;
  font-size:15px;font-weight:500;color:var(--ink);position:relative;white-space:nowrap;
}
.hd__link::after{
  content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;
  background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease);
}
.hd__link:hover::after,.hd__item.is-current .hd__link::after{transform:scaleX(1);}
.hd__link svg{opacity:.45;transition:transform .22s var(--ease);}
.hd__item:hover .hd__link svg{transform:rotate(180deg);}
/* 右上角语言切换：收起时只有「地球 + 语言代码」，点开是原语言名列表。
   用 <details> 而不是 JS 下拉：不点不开、无脚本也能用、键盘直接可操作。 */
.lang{position:relative;flex:none;margin-left:14px;}
.lang__btn{
  display:flex;align-items:center;gap:6px;padding:5px 9px 5px 10px;cursor:pointer;
  border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;
  font-size:13px;line-height:18px;letter-spacing:.04em;color:var(--ink-2);
  list-style:none;white-space:nowrap;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.lang__btn::-webkit-details-marker{display:none;}
.lang__btn::marker{content:"";}
.lang__btn:hover{color:var(--ink);background:var(--bg-soft);}
.lang[open] .lang__btn,.lang__btn:focus-visible{color:var(--ink);border-color:rgba(0,0,0,.24);}
.lang__ico{opacity:.5;flex:none;}
.lang__code{font-weight:500;}
.lang__caret{opacity:.45;flex:none;transition:transform .2s var(--ease);}
.lang[open] .lang__caret{transform:rotate(180deg);}
.lang__menu{
  position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:140;
  min-width:172px;padding:6px;background:#fff;border:1px solid var(--line-2);
  border-radius:var(--r-card);box-shadow:0 18px 48px rgba(0,0,0,.14);
  display:flex;flex-direction:column;
}
.lang__opt{
  display:block;padding:9px 14px;border-radius:var(--r);
  font-size:15px;line-height:20px;color:var(--ink-2);white-space:nowrap;
  transition:background .18s var(--ease),color .18s var(--ease);
}
.lang__opt:hover{color:var(--ink);background:var(--bg-soft);}
.lang__opt.is-current{color:var(--blue);font-weight:600;background:var(--blue-soft);}
.mega{
  position:absolute;top:100%;left:50%;translate:-50% 0;
  min-width:560px;background:#fff;border:1px solid var(--line-2);
  box-shadow:0 18px 48px rgba(0,0,0,.12);border-radius:0 0 var(--r-card) var(--r-card);
  padding:26px 30px 22px;display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));
  gap:10px 34px;opacity:0;visibility:hidden;transform:translateY(8px);
  max-width:calc(100vw - 40px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;
}
.hd__item:hover .mega,.hd__item:focus-within .mega{opacity:1;visibility:visible;transform:translateY(0);}
/* 产品中心菜单：消防列占两栏、列内再分两栏，面板高度从 11 行降到 6 行 */
.mega--products{grid-template-columns:repeat(4,minmax(190px,1fr));}
.mega--products .mega__col--wide{grid-column:span 2;}
.mega--products .mega__col--wide .mega__list{columns:2;column-gap:26px;}
.mega--products .mega__col--wide .mega__list a{break-inside:avoid;}
.mega__col{min-width:0;}
.mega__t{
  font-size:12px;line-height:18px;letter-spacing:.06em;color:var(--ink-3);
  padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line-2);
}
.mega__t i{font-style:normal;opacity:.7;}
.mega__list a{display:block;padding:7px 0;font-size:14px;line-height:20px;color:var(--ink-2);transition:color .16s var(--ease);}
.mega__list a:hover,.mega__list a:hover b{color:var(--blue);}
.mega__list a b{display:block;font-size:14px;font-weight:500;color:var(--ink);}
.mega__list a span{display:block;font-size:12px;line-height:18px;color:var(--ink-3);}
.mega__more{
  display:block;margin-top:8px;padding-top:10px;border-top:1px solid var(--line-2);
  font-size:13px;line-height:18px;font-weight:500;color:var(--blue);
}
.mega__more:hover{text-decoration:underline;}

/* 深色品类条（48px，实测 #232526） */
.catbar{background:var(--dark);color:var(--on-dark);}
.catbar__in{
  display:flex;align-items:center;gap:6px;height:var(--catbar-h);
  max-width:var(--max-wide);margin:0 auto;padding:0 var(--gutter);overflow-x:auto;
}
.catbar a{
  display:inline-flex;align-items:center;height:var(--catbar-h);padding:0 16px;
  font-size:14px;font-weight:500;color:var(--on-dark-2);border-bottom:2px solid transparent;white-space:nowrap;
}
.catbar a:hover{color:#fff;}
.catbar a.is-current{color:#fff;border-bottom-color:var(--blue);}

/* 产品条（吸顶，产品名 + 锚点） */
.pbar{
  position:sticky;top:var(--header-h);z-index:90;background:#fff;
  border-bottom:1px solid var(--line-2);
}
.pbar__in{
  display:flex;align-items:center;gap:24px;height:var(--pbar-h);
  max-width:var(--max-wide);margin:0 auto;padding:0 var(--gutter);
}
.pbar__name{display:flex;align-items:center;gap:12px;flex:none;}
.pbar__name b{font-size:15px;font-weight:600;letter-spacing:-.01em;}
.pbar__name i{font-style:normal;font-size:12px;color:var(--ink-3);}
.pbar__nav{display:flex;align-items:center;gap:4px;margin-left:auto;overflow-x:auto;}
.pbar__nav a{
  padding:8px 14px;font-size:14px;font-weight:500;color:var(--ink-2);border-radius:var(--r);
  white-space:nowrap;transition:color .16s var(--ease),background .16s var(--ease);
}
.pbar__nav a:hover{color:var(--ink);background:var(--bg-soft);}
.pbar__nav a.is-current{color:var(--blue);}

/* ==========================================================================
   6. 主视觉
   ========================================================================== */
.hero{position:relative;background:var(--dark-2);color:#fff;overflow:hidden;}
.hero__media{position:absolute;inset:0;}
.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover;}
.hero__media::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.22) 46%,rgba(0,0,0,0) 72%),
    linear-gradient(180deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.18) 32%,rgba(0,0,0,.86) 100%);
}
/* 文字块在整块主视觉里垂直居中（2026-09-25 用户要求：首页与所有内页统一）。
   以前是 flex-end 贴底，标题越高越显得压在下沿；.hero__body 的单边内边距也要去掉，
   否则居中算出的是「带下边距的盒子」居中，文字看上去整体偏上。 */
.hero__in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;}
.hero--tall .hero__in{min-height:min(760px,86vh);}
.hero--mid .hero__in{min-height:min(560px,68vh);}
.hero--low .hero__in{min-height:min(400px,52vh);}
.hero__body{padding:0;max-width:792px;}
.hero__body .t-eyebrow{color:rgba(255,255,255,.72);}
/* 2026-09-25 用户要求：首屏文字比例收敛。
   以前是 18 / 48 / 24 / 16 四级跳变（48 和 24 之间断层最大），
   现在整站首屏统一成 18 → 40 → 20 → 16，和区块的 40 / 20 同一档，落差不再忽大忽小。 */
.hero__body h1{margin-top:16px;font-size:40px;line-height:48px;}
.hero__body .hero__sub{margin-top:20px;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.02em;color:rgba(255,255,255,.92);}
.hero__body p.hero__desc{margin-top:16px;font-size:16px;line-height:26px;color:var(--on-dark-2);max-width:600px;}
.hero__body .btn-row{margin-top:32px;}
.hero__crumb{margin-bottom:20px;font-size:13px;color:rgba(255,255,255,.6);}
.hero__crumb a:hover{color:#fff;}
.hero__crumb i{font-style:normal;padding:0 8px;opacity:.5;}
.hero--plain{background:var(--dark-2);}
.hero--plain .hero__media{background:linear-gradient(120deg,#1b1e20 0%,#2b3034 60%,#20262c 100%);}
/* 白底主视觉：子产品详情页没有横屏大图，用白底 + 深色文字，不要空着的深色条 */
.hero--light{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line-2);}
/* 媒体层整块去掉：否则 hero__media::after 的深色渐变会盖在白底上 */
.hero--light .hero__media{display:none;}
/* 白底主视觉内容高度接近最小高度时不会有富余空间可居中，用上下等距内边距兜底 */
.hero--light .hero__in{padding:48px 0;}
.hero--light .hero__body .t-eyebrow{color:var(--ink-3);}
.hero--light .hero__body h1{color:var(--ink);}
.hero--light .hero__body .hero__sub{color:var(--ink-2);}
.hero--light .hero__body p.hero__desc{color:var(--ink-2);}
.hero--light .hero__crumb{color:var(--ink-3);}
.hero--light .hero__crumb a{color:var(--ink-2);}
.hero--light .hero__crumb a:hover{color:var(--ink);}
.hero--light.hero--low .hero__in{min-height:min(320px,40vh);}

/* 数据条 */
.stats{background:var(--dark);color:#fff;}
.stats__in{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);
  max-width:var(--max-wide);margin:0 auto;
}
.stats__cell{background:var(--dark);padding:40px 32px;}
.stats__cell b{display:block;font-size:40px;line-height:48px;font-weight:600;letter-spacing:-.03em;}
.stats__cell span{display:block;margin-top:10px;font-size:14px;line-height:22px;color:var(--on-dark-2);}
.stats__cell u{text-decoration:none;font-size:20px;font-weight:600;padding-left:3px;}
/* 外文站数字与单位之间要留一个空格（中文靠字距，英文会粘成 15models） */
.l-en .stats__cell u,.l-es .stats__cell u,.l-ru .stats__cell u{padding-left:6px;}
.l-ar .stats__cell u{padding-left:0;padding-right:6px;}

/* ==========================================================================
   7. 卡片与网格
   ========================================================================== */
.card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line-2);
  border-radius:var(--r-card);overflow:hidden;height:100%;
  transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);
}
.card:hover{border-color:rgba(0,0,0,.2);transform:translateY(-3px);box-shadow:var(--shadow-card);}
.card__media{position:relative;aspect-ratio:4/3;background:var(--bg-soft);overflow:hidden;}
.card__media img,.card__media video{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.card:hover .card__media img{transform:scale(1.03);}
/* 产品卡媒体区：白底产品图铺满整块（4:3 归一化画布正好等比铺满；
   非 4:3 的上传图居中裁切填满，不再留灰垫或留白） */
.card__media--fill{background:#fff;}
.card__media--fill img,.card__media--fill video{object-fit:cover;padding:0;}
.card__body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1;gap:10px;}
.card__body h3{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.02em;}
.card__body p{font-size:14px;line-height:22px;color:var(--ink-2);}
.card__meta{font-size:12px;line-height:18px;letter-spacing:.04em;color:var(--ink-3);text-transform:uppercase;}
.card__foot{margin-top:auto;padding-top:14px;}
.card--dark{background:var(--dark);border-color:var(--line-dark);color:#fff;}
.card--dark .card__body p{color:var(--on-dark-2);}
.card--dark:hover{border-color:rgba(255,255,255,.3);}

/* 大图分区（产品线）：两列顶边对齐（2026-09-25 用户要求）。
   以前是 align-items:center，两列不等高时文字被垂直居中，顶边永远和图对不齐。 */
.line-block{display:grid;grid-template-columns:1.05fr .95fr;align-items:start;gap:64px;}
.line-block:nth-child(even) .line-block__media{order:2;}
.line-block__media{border-radius:var(--r-card);overflow:hidden;background:var(--bg-soft);aspect-ratio:16/9;}
.line-block__media img,.line-block__media video{width:100%;height:100%;object-fit:cover;}
/* 首个子元素自带的上边距要清掉，否则文字块仍比图片低一截 */
.line-block__body>:first-child{margin-top:0;}
.line-block__body .t-eyebrow{color:var(--ink-3);}
.line-block__body h3{margin-top:14px;}
.line-block__body p{margin-top:18px;color:var(--ink-2);font-size:16px;line-height:26px;}
.line-block__list{margin-top:26px;display:grid;gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--r-card);overflow:hidden;}
.line-block__list a{
  display:flex;align-items:center;gap:14px;background:#fff;padding:15px 20px;
  font-size:15px;font-weight:500;transition:background .16s var(--ease),color .16s var(--ease);
}
.line-block__list a:hover{background:var(--bg-soft);color:var(--blue);}
.line-block__list a span{margin-left:auto;font-size:12px;color:var(--ink-3);font-weight:400;}
.line-block + .line-block{margin-top:104px;}

/* ==========================================================================
   8. 参数表（实测：键列固定 128px，值 0.65 不透明）
   ========================================================================== */
.spec{border-top:1px solid var(--line);}
.spec caption{text-align:left;font-size:20px;line-height:28px;font-weight:600;padding-bottom:20px;}
.spec th,.spec td{
  padding:16px 0;border-bottom:1px solid var(--line-2);
  font-size:15px;line-height:24px;text-align:left;vertical-align:top;
}
.spec th{width:128px;min-width:128px;font-weight:400;color:var(--ink-2);padding-right:24px;}
.spec td{font-weight:500;}
.spec tr:hover td{color:var(--blue);}
.spec-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 64px;}

/* ==========================================================================
   10. 案例
   ========================================================================== */
.case{position:relative;display:block;border-radius:var(--r-card);overflow:hidden;background:var(--dark);aspect-ratio:4/3;}
.case img,.case video{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .6s var(--ease),opacity .3s var(--ease);}
.case:hover img{transform:scale(1.04);opacity:1;}
.case__cap{
  position:absolute;left:0;right:0;bottom:0;padding:22px 22px 20px;color:#fff;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.78) 100%);
}
.case__cap span{display:block;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.7);margin-bottom:8px;}
.case__cap b{font-size:18px;line-height:26px;font-weight:600;}

/* 标杆案例：图在一侧，结论 + 客户 + 数据在另一侧（复用 .line-block 的左右交替） */
.line-block__body p.lead{font-size:18px;line-height:28px;font-weight:600;color:var(--ink);}
.line-block__body p.src{font-size:13px;line-height:20px;letter-spacing:.02em;color:var(--ink-3);}
.facts{
  margin-top:30px;padding-top:26px;border-top:1px solid var(--line-2);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px 24px;
}
.facts b{display:block;font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.03em;}
.facts b u{text-decoration:none;font-size:16px;font-weight:600;padding-left:4px;}
.l-en .facts b u,.l-es .facts b u,.l-ru .facts b u{padding-left:7px;}
.l-ar .facts b u{padding-left:0;padding-right:7px;}
.facts span{display:block;margin-top:6px;font-size:13px;line-height:20px;color:var(--ink-3);}

/* ==========================================================================
   10b. 公司实景与资质证书（关于我们）
   ========================================================================== */
.labs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.labs figure{margin:0;background:#fff;border:1px solid var(--line-2);border-radius:var(--r-card);overflow:hidden;}
.labs img,.labs video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg-soft);}
.labs figcaption{padding:20px 22px 24px;}
.labs figcaption b{display:block;font-size:17px;line-height:26px;font-weight:600;letter-spacing:-.01em;}
.labs figcaption span{display:block;margin-top:8px;font-size:13px;line-height:22px;color:var(--ink-2);}

/* 资质清单：证书只作凭证缩略图，一眼能核编号即可，不做成大图主角 */
.certs{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.cert{
  margin:0;height:100%;background:#fff;border:1px solid var(--line-2);border-radius:var(--r-card);
  overflow:hidden;display:flex;flex-direction:column;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.cert:hover{border-color:rgba(0,0,0,.2);box-shadow:var(--shadow-card);}
.cert__pic{
  display:grid;place-items:center;padding:14px;
  background:var(--bg-soft);border-bottom:1px solid var(--line-2);
}
.cert__pic img{
  height:148px;width:auto;max-width:100%;object-fit:contain;
  background:#fff;border:1px solid var(--line-2);
}
.cert figcaption{padding:14px 15px 16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.cert__name{font-size:13px;line-height:20px;font-weight:600;letter-spacing:-.01em;}
.cert__no{font-size:12px;line-height:18px;color:var(--ink-3);}
.cert__no .nw{white-space:nowrap;}   /* 编号本身不拆行 */

/* ==========================================================================
   11. FAQ
   ========================================================================== */
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line-2);}
.faq summary{
  display:flex;align-items:center;gap:24px;padding:26px 0;cursor:pointer;
  font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.02em;list-style:none;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{
  content:"";margin-left:auto;width:12px;height:12px;flex:none;
  border-right:1.6px solid var(--ink-2);border-bottom:1.6px solid var(--ink-2);
  transform:rotate(45deg) translateY(-3px);transition:transform .24s var(--ease);
}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-3px);}
.faq details[open] summary{color:var(--blue);}
.faq__a{padding:0 0 30px;max-width:792px;color:var(--ink-2);font-size:16px;line-height:28px;}

/* ==========================================================================
   12. 下载
   ========================================================================== */
/* 2026-09-25 二次重做：对齐大疆下载中心 —— 左 304px 固定导航（搜索框 + 可折叠树），
   右 896px 内容区（32px 标题行 + 标签页 + 白卡清单）。大疆那一页的关键观感是
   「灰底 + 白卡 + 极简行」：所以下载区块用 soft 底，卡片才是白的。
   夹在中间的每一行只有「文档名 / 日期 / 下载」，没有标签、大小、产品线列。 */
.dlwrap{display:grid;grid-template-columns:304px minmax(0,1fr);align-items:start;}
.dlnav{min-width:0;padding:4px 40px 40px 0;}
.dlsearch{position:relative;margin-bottom:26px;}
.dlsearch__ico{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none;}
.dlsearch__in{width:100%;height:40px;padding-inline:36px 12px;font:inherit;font-size:16px;line-height:20px;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:var(--r);appearance:none;-webkit-appearance:none;}
.dlsearch__in::placeholder{color:var(--ink-3);}
.dlsearch__in:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,84,239,.14);outline:none;}
.dlsearch__in::-webkit-search-cancel-button{-webkit-appearance:none;}
/* 搜索下拉：大疆的搜索只搜产品，结果以下拉列表给出，选中即跳到那个产品的资料 */
.dlsearch__drop{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:40;max-height:320px;overflow:auto;
  padding:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);}
.dlsearch__drop[hidden]{display:none;}
.dlsearch__drop button{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 12px;text-align:start;
  border-radius:var(--r);font-size:14px;line-height:20px;color:var(--ink);}
.dlsearch__drop button:hover{background:var(--bg-soft-2);}
.dlsearch__drop button span{font-size:12px;line-height:18px;color:var(--ink-3);}
.dlsearch__drop p{padding:10px 12px;font-size:14px;line-height:20px;color:var(--ink-3);}
.dltree{padding-top:14px;border-top:1px solid var(--line-2);}
.dlnav__item{display:flex;align-items:center;gap:8px;width:100%;padding:14px 24px;text-align:start;
  border-radius:var(--r-pill);font-size:14px;line-height:20px;color:var(--ink-2);
  transition:background .15s var(--ease),color .15s var(--ease);}
.dlnav__item:hover{background:rgba(0,0,0,.04);color:var(--ink);}
.dlnav__item.is-on{background:rgba(0,0,0,.08);color:var(--ink);}
.dlnav__cat{padding-inline-start:44px;}
.dlnav__leaf{padding-inline-start:64px;}
.dlnav__chev{margin-inline-start:auto;color:var(--ink-3);transition:transform .2s var(--ease);}
.dlnav__item[aria-expanded="true"] .dlnav__chev{transform:rotate(180deg);}
.dlnav__sub[hidden]{display:none;}
.dlpane{min-width:0;}
.dlpane__heads{margin-bottom:18px;}
.dlhead2{display:flex;align-items:center;}
.dlhead2[hidden]{display:none;}
.dlhead2 h2{font-size:32px;line-height:36px;font-weight:600;letter-spacing:-.03em;}
.dlpane__tabs{display:flex;gap:26px;overflow-x:auto;border-bottom:1px solid var(--line);}
.dltab{position:relative;flex:none;padding:14px 0;font-size:14px;line-height:20px;color:var(--ink-2);
  transition:color .15s var(--ease);}
.dltab:hover{color:var(--ink);}
.dltab.is-on{color:var(--ink);}
.dltab.is-on::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--ink);}
.dlcard{margin-top:24px;padding:6px 48px 14px;background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card);}
/* 一份资料都没有时整张卡不出现（用户要求：不要「上传中」提示，空着就行） */
.dlcard[hidden]{display:none;}
.dlrow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15.5px 0;
  border-bottom:1px solid var(--line-2);}
.dlrow:last-child{border-bottom:0;}
/* 行是 flex，[hidden] 的浏览器默认 display:none 会被盖掉，这里补回来 */
.dlrow[hidden]{display:none;}
.dlrow.is-hit{background:var(--blue-soft);}
.dlrow__l{min-width:0;}
.dlrow__name{font-size:16px;line-height:20px;color:var(--ink);}
.dlrow__date{margin-top:8px;font-size:14px;line-height:20px;color:var(--ink-2);}
.dlrow__go{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:14px;line-height:20px;color:var(--blue);}
.dlrow__go:hover{color:var(--blue-dark);text-decoration:underline;}

/* ==========================================================================
   13. 联系块
   ========================================================================== */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--r-card);overflow:hidden;}
.contact-cards > div{background:#fff;padding:36px 32px;}
.contact-cards .t-eyebrow{color:var(--ink-3);}
.contact-cards b{display:block;margin-top:16px;font-size:20px;line-height:30px;font-weight:600;word-break:break-word;}
.contact-cards a b{color:var(--blue);}
.contact-cards p{margin-top:12px;font-size:14px;line-height:24px;color:var(--ink-2);}
/* 海外商务：社交渠道卡（二维码 + 平台 + 账号 + 打开链接，素材见 tools/social_qr.py）
   2026-09-25 用户定的：二维码缩到原来一半（224 → 112），整张卡可点、悬停描蓝边。 */
.social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:560px;}
.social__note{margin:0 0 22px;font-size:14px;line-height:24px;color:var(--ink-2);max-width:660px;}
.social__item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:inherit;
  text-decoration:none;padding:14px 12px 16px;border:1px solid var(--line);border-radius:16px;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;}
.social__item img{display:block;width:100%;max-width:112px;height:auto;}
.social__name{font-size:15px;line-height:22px;font-weight:600;letter-spacing:-.01em;}
.social__handle{font-size:13px;line-height:20px;color:var(--ink-3);}
.social__go{font-size:13px;line-height:20px;font-weight:600;color:var(--blue);}
.social__ico{font-style:normal;padding-left:3px;}
.social__item:hover{border-color:var(--blue);box-shadow:0 10px 30px rgba(0,84,239,.12);transform:translateY(-2px);}
/* 阿拉伯语：动作词前的箭头翻成 ↖（RTL 下指向文字流的方向） */
.l-ar .social__ico{display:inline-block;padding-left:0;padding-right:3px;transform:scaleX(-1);}
/* ==========================================================================
   14. 页脚
   ========================================================================== */
.ft{background:var(--bg-soft);border-top:1px solid var(--line-2);padding:72px 0 0;color:var(--ink-2);}
.ft__top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px;}
.ft__brand img{height:28px;width:auto;}
.ft__brand p{margin-top:20px;font-size:13px;line-height:22px;max-width:320px;color:var(--ink-3);}
.ft__col dt{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:16px;letter-spacing:.02em;}
.ft__col dd{margin:0 0 10px;}
.ft__col a{font-size:13px;line-height:20px;color:var(--ink-2);}
.ft__col a:hover{color:var(--blue);}
.ft__bot{
  margin-top:64px;border-top:1px solid var(--line-2);padding:24px 0 32px;
  display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;font-size:12px;color:var(--ink-3);
}
.ft__bot a:hover{color:var(--blue);}
.ft__bot .sp{margin-left:auto;}

/* ==========================================================================
   15. 杂项
   ========================================================================== */
.crumb{font-size:13px;line-height:20px;color:var(--ink-3);padding:20px 0 0;}
.crumb a:hover{color:var(--blue);}
.crumb i{font-style:normal;padding:0 8px;opacity:.5;}

.hl{margin-top:32px;display:grid;gap:14px;}
.hl li{position:relative;padding-left:26px;font-size:16px;line-height:26px;color:var(--ink-2);}
.hl li::before{
  content:"";position:absolute;left:0;top:8px;width:14px;height:8px;
  border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg);
}

/* 产品细节图集：只做中性说明，不绑定任何性能结论 */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.gallery--3{grid-template-columns:repeat(3,1fr);}
.gallery--one{grid-template-columns:1fr;}
/* 2026-09-25 用户要求：产品详情页实拍图集统一四宫格，没有图的位置留白 */
.gallery--quad{grid-template-columns:repeat(2,1fr);}
/* 空格子：透明占位图（还是 .gallery img 的 4:3 灰底）+ 一条空的标题栏，
   尺寸与有图的那几格逐像素一致；图本身就挂着可替换位置，点了能上传。 */
.gallery__blank img{background:var(--bg-soft);}
.gallery figure{margin:0;background:#fff;border:1px solid var(--line-2);border-radius:var(--r-card);overflow:hidden;}
.gallery img,.gallery video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg-soft);}
.gallery--one img,.gallery--one video{aspect-ratio:16/9;}
.gallery figcaption{padding:16px 22px;font-size:13px;color:var(--ink-3);border-top:1px solid var(--line-2);}

.quote{border-left:2px solid var(--blue);padding:4px 0 4px 24px;font-size:24px;line-height:36px;font-weight:600;letter-spacing:-.02em;}

.to-top{
  position:fixed;right:28px;bottom:28px;z-index:80;width:44px;height:44px;border-radius:50%;
  background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);
  box-shadow:0 6px 20px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility .25s;
}
.to-top.is-on{opacity:1;visibility:visible;}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
/* 跳到主要内容：藏在起点侧之外，聚焦时滑出。
   右起排版里必须换成 inset-inline-start，否则藏在左边的那 -9999px
   在 rtl 下变成「向左可滚 1 万像素」——横向滚动条就是这么来的。 */
.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:200;background:#fff;padding:12px 18px;border-radius:var(--r);}
.skip:focus{inset-inline-start:16px;top:16px;}

/* 滚动进入动画（克制；仅在支持 IntersectionObserver 时启用） */
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.js .rv.is-in{opacity:1;transform:none;}

/* ==========================================================================
   16. 响应式：1920 / 1600 / 1440 / 1200 / 1024 / 768
   ========================================================================== */
@media (min-width:1600px){
  .sec{padding:120px 0;}
  :root{--gutter:32px;}
}
@media (max-width:1439px){
  .hd__in{gap:20px;}
  .hd__link{padding:0 11px;font-size:14px;}
}
@media (max-width:1199px){
  .wrap--wide,.hd__in,.catbar__in,.pbar__in,.stats__in{max-width:100%;}
  .sec{padding:88px 0;}
  .line-block{grid-template-columns:1fr;gap:36px;}
  .line-block:nth-child(even) .line-block__media{order:0;}
  .line-block + .line-block{margin-top:72px;}
  .grid--4{grid-template-columns:repeat(3,1fr);}
  .certs{grid-template-columns:repeat(3,1fr);}
  .contact-cards{grid-template-columns:repeat(2,1fr);}
  /* 资料下载：1200 以下放不下 304 + 896，左树收窄、卡片内边距跟着收 */
  .dlwrap{grid-template-columns:260px minmax(0,1fr);}
  .dlnav{padding-right:28px;}
  .dlcard{padding:6px 32px 14px;}
  .ft__top{grid-template-columns:1fr 1fr;gap:40px;}
}
@media (max-width:1023px){
  .t-display{font-size:44px;line-height:52px;}
  .t-h1{font-size:40px;line-height:48px;}
  .t-h2{font-size:32px;line-height:40px;}
  .t-h3{font-size:28px;line-height:36px;}
  .t-lead{font-size:20px;line-height:30px;}
  .hero__body h1{font-size:34px;line-height:42px;}
  .hero__body .hero__sub{font-size:18px;line-height:26px;}
  .stats__cell b{font-size:32px;line-height:40px;}
  .grid--3{grid-template-columns:repeat(2,1fr);}
  .grid--4{grid-template-columns:repeat(2,1fr);}
  .labs{grid-template-columns:repeat(2,1fr);}
  .spec-list{grid-template-columns:1fr;}
  .ft__top{grid-template-columns:1fr 1fr;}
  .hd__nav{display:none;}
  .lang{margin-left:auto;}
  .mega{display:none;}
  .pbar__in{gap:14px;}
}
@media (max-width:767px){
  .sec{padding:64px 0;}
  .grid--2,.grid--3,.grid--4,.contact-cards,.spec-list,.labs{grid-template-columns:1fr;}
  /* 资料下载：手机上左右两栏竖排（左树在上、清单在下），卡片内边距再收一档 */
  .dlwrap{grid-template-columns:1fr;}
  .dlnav{padding:0 0 26px;}
  .dlcard{padding:4px 20px 12px;}
  .dlhead2 h2{font-size:26px;line-height:32px;}
  /* 手机上竖排单列，二维码放宽到 140px（桌面是一半的 112px），保证还能扫 */
  .social{grid-template-columns:1fr;gap:20px;max-width:280px;}
  .social__item img{max-width:140px;}
  .certs{grid-template-columns:repeat(2,1fr);}
  .t-display{font-size:34px;line-height:42px;}
  .t-h1{font-size:30px;line-height:38px;}
  .t-h2{font-size:26px;line-height:34px;}
  .facts{grid-template-columns:repeat(2,1fr);}
  .hero__body h1{font-size:28px;line-height:36px;}
  .hero--light .hero__in{padding:36px 0;}
  .stats__in{grid-template-columns:repeat(2,1fr);}
  .ft__top{grid-template-columns:1fr;gap:32px;}
  .pbar__nav a{padding:8px 10px;font-size:13px;}
  .to-top{right:16px;bottom:16px;}
}
@media print{
  .hd,.catbar,.pbar,.ft,.to-top{display:none !important;}
  .sec{padding:20px 0;}
  body{font-size:11pt;}
}

/* ==========================================================================
   阿拉伯语（右起排版）
   <html dir="rtl"> 已经把文字方向、flex 顺序、grid 列顺序交给浏览器镜像了，
   这里只补「物理方向写死」的那几处 left / right / margin-left。
   不改字号、不改间距节奏：版式语言与其它语言保持同一套。
   ========================================================================== */
.l-ar .hd__nav{margin-left:0;margin-right:auto;}
.l-ar .lang{margin-left:0;margin-right:14px;}
.l-ar .pbar__nav{margin-left:0;margin-right:auto;}
.l-ar .needs li::before{left:auto;right:0;}
.l-ar .hl li{padding-left:0;padding-right:26px;}
.l-ar .hl li::before{left:auto;right:0;transform:rotate(45deg);}
.l-ar .quote{border-left:0;border-right:2px solid var(--blue);padding:4px 24px 4px 0;}
.l-ar .spec th{padding-right:0;padding-left:24px;}
.l-ar .line-block__list a span{margin-left:0;margin-right:auto;}
/* 阿拉伯语是连写文字：标签的字距会把连笔拆开（其它语言靠字距做层次，阿语靠字重区分），
   所以阿语下小标签取消字距，字号 / 字重与其它语言保持一致。 */
.l-ar .sec-head .t-eyebrow,
.l-ar .line-block__body .t-eyebrow,
.l-ar .contact-cards .t-eyebrow,
.l-ar .needs-t{letter-spacing:0;}
.l-ar .ft__bot .sp{margin-left:0;margin-right:auto;}
.l-ar .to-top{right:auto;left:28px;}
@media (max-width:767px){
  .l-ar .to-top{left:16px;}
}