/* ============================================================
   丰晟谷科技 · Shenzhen Fengshenggu Technology Co., Ltd.
   Website design system  (v1)
   视觉来源：品牌 LOGO —— 青绿(左上) → 青蓝(中) → 深海军蓝(右下) 斜向渐变
   ============================================================ */

:root{
  /* ---- Brand palette (sampled from the logo gradient) ---- */
  --teal:#17C3A2;
  --teal-d:#0E9E8E;
  --cyan:#0E8FA8;
  --navy:#0A2340;
  --navy-800:#0E2E4E;

  /* ---- Neutrals ---- */
  --ink:#0B1A24;
  --ink2:#5A6B78;
  --ink3:#8194A0;
  --line:#E4EEF0;
  --line-2:#EEF4F6;
  --soft:#F3F8F9;
  --soft2:#EAF4F6;
  --white:#FFFFFF;

  /* ---- Accents (colourful chips, Fasoul-like liveliness) ---- */
  --a-teal:#17C3A2;
  --a-cyan:#1E9BD8;
  --a-violet:#6C63E8;
  --a-amber:#F0A63C;
  --a-rose:#EF5D7A;

  /* ---- Gradients ---- */
  --grad:linear-gradient(135deg,#1FD1A5 0%,#0E8FA8 55%,#0A2340 100%);
  --grad-soft:linear-gradient(135deg,#E9FBF6 0%,#E7F3FA 100%);
  --grad-line:linear-gradient(135deg,#17C3A2 0%,#0E8FA8 100%);

  /* ---- Radius ---- */
  --r-lg:24px;
  --r-md:18px;
  --r-sm:12px;
  --pill:999px;

  /* ---- Shadows ---- */
  --sh-1:0 6px 18px rgba(10,35,64,.06);
  --sh-2:0 22px 48px -16px rgba(10,35,64,.20);
  --sh-cta:0 12px 26px -8px rgba(14,143,168,.55);

  /* ---- Layout ---- */
  --container:1200px;
  --header-h:76px;

  /* ---- Type ---- */
  --font:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-head:"Inter Tight","Inter","Noto Sans SC",sans-serif;
}

/* Language-aware CJK font pairing */
html[lang^="zh"] body{font-family:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[lang^="ja"] body{font-family:"Inter","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[lang^="ko"] body{font-family:"Inter","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--white);color:var(--ink);
  font-size:16px;line-height:1.6;letter-spacing:.1px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-family:var(--font-head);letter-spacing:-.4px;line-height:1.18;font-weight:700}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;cursor:pointer}
input,textarea,select{font:inherit}

/* ---------- Layout helpers ---------- */
.container{width:100%;margin-inline:auto;padding-inline:max(24px,calc((100% - var(--container))/2))}
.section{padding:104px 0}
.section--soft{background:var(--soft)}
.section--tight{padding:76px 0}
.center{text-align:center}

.eyebrow{
  display:inline-block;font-family:var(--font-head);font-weight:600;font-size:13px;
  letter-spacing:2px;text-transform:uppercase;color:var(--teal-d);margin-bottom:14px;
}
.h2{font-size:clamp(26px,3.4vw,40px)}
.h3{font-size:clamp(20px,2.2vw,24px)}
.lead{font-size:17px;line-height:1.7;color:var(--ink2);max-width:680px}
.center .lead{margin-inline:auto}
/* 均衡断行：避免末行只剩一两个字（孤字）。
   balance 由浏览器均分各行宽度，与容器宽度无关；浏览器不支持时自动退化为普通换行。 */
.balance{text-wrap:balance}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;border-radius:var(--pill);font-weight:600;font-size:15px;
  height:48px;padding:0 26px;transition:transform .16s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
  white-space:nowrap;
}
.btn--primary{background:var(--grad-line);color:#fff;box-shadow:var(--sh-cta)}
.btn--primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px -8px rgba(14,143,168,.65)}
.btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn--ghost:hover{border-color:var(--teal);color:var(--teal-d)}
.btn--sm{height:40px;padding:0 20px;font-size:14px}
.btn--lg{height:56px;padding:0 34px;font-size:16px}

/* ---------- Age warning bar ---------- */
.age-warn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--navy);color:#FFD24A;
  font-size:13px;font-weight:600;letter-spacing:.2px;line-height:1.4;
  padding:9px 18px;text-align:center;
  border-bottom:2px solid #FFD24A;
}
.age-warn__icon{font-size:15px;line-height:1}
@media (max-width:640px){ .age-warn{font-size:12px;padding:8px 14px} }

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:60;height:var(--header-h);
  background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent;transition:border-color .25s ease,box-shadow .25s ease;
}
.site-header.is-stuck{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(10,35,64,.05)}
.site-header .container{height:100%;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.brand__mark{width:40px;height:40px;border-radius:11px;object-fit:cover;box-shadow:var(--sh-1)}
.brand__name{font-family:var(--font-head);font-weight:700;font-size:18px;line-height:1.1;color:var(--ink)}
/* 副标：逐字拆分 + space-between，使英文与中文名左右两端严格等宽 */
.brand__sub{display:flex;justify-content:space-between;align-items:baseline;column-gap:1px;font-size:11.5px;color:var(--ink3);font-weight:600}

.nav{display:flex;align-items:center;gap:30px;margin-inline:auto}
.nav a{font-size:15px;color:var(--ink2);position:relative;padding:4px 0;transition:color .2s}
.nav a:hover{color:var(--ink)}
.nav a.is-active{color:var(--ink);font-weight:600}
.nav a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--grad-line)
}
.header-right{display:flex;align-items:center;gap:14px;flex:0 0 auto}

/* Language switcher */
.lang{position:relative}
.lang__btn{
  display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;
  border-radius:var(--pill);border:1px solid var(--line);background:#fff;color:var(--ink2);
  font-size:14px;font-weight:500;transition:border-color .2s,color .2s
}
.lang__btn:hover{border-color:var(--teal);color:var(--teal-d)}
.lang__btn svg{width:15px;height:15px;opacity:.7}
.lang__menu{
  position:absolute;right:0;top:calc(100% + 10px);min-width:168px;padding:8px;
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-2);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s ease;z-index:70
}
.lang.is-open .lang__menu{opacity:1;visibility:visible;transform:translateY(0)}
.lang__menu button{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink2);font-size:14px;text-align:left
}
.lang__menu button:hover{background:var(--soft);color:var(--ink)}
.lang__menu button.is-active{background:var(--soft2);color:var(--teal-d);font-weight:600}
.lang__menu .tag{font-size:11px;color:var(--ink3)}

.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);border-radius:2px}
.burger span::before{top:-6px}.burger span::after{top:6px}

/* Mobile panel */
.mobile-panel{
  position:fixed;inset:var(--header-h) 0 0;background:#fff;z-index:55;
  padding:24px;transform:translateX(100%);transition:transform .28s ease;overflow:auto
}
.mobile-panel.is-open{transform:none}
.mobile-panel a{display:block;padding:15px 6px;font-size:17px;font-weight:500;border-bottom:1px solid var(--line-2)}
.mobile-panel .m-langs{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.mobile-panel .m-langs button{
  height:40px;padding:0 16px;border-radius:var(--pill);border:1px solid var(--line);background:#fff;color:var(--ink2);font-size:14px
}
.mobile-panel .m-langs button.is-active{border-color:var(--teal);color:var(--teal-d);font-weight:600}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:92px 0 100px;background:#fff}
.hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero__blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.hero__blob.b1{width:520px;height:520px;left:-120px;top:-160px;background:radial-gradient(circle,#8CF0DA,transparent 68%)}
.hero__blob.b2{width:460px;height:460px;right:-80px;top:40px;background:radial-gradient(circle,#9FD8F5,transparent 68%)}
.hero__blob.b3{width:420px;height:420px;right:180px;bottom:-200px;background:radial-gradient(circle,#C9D6F5,transparent 70%)}
.hero .container{position:relative;z-index:1}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.kicker{
  display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 16px;border-radius:var(--pill);
  background:var(--soft2);color:var(--teal-d);font-family:var(--font-head);font-weight:600;font-size:13px;letter-spacing:.4px
}
.kicker i{width:8px;height:8px;border-radius:50%;background:var(--grad-line)}
.hero h1{margin:22px 0 20px;font-size:clamp(34px,4.6vw,58px);line-height:1.1;letter-spacing:-1px}
.hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__sub{font-size:17.5px;line-height:1.7;color:var(--ink2);max-width:560px}
.hero__sub--note{margin-top:9px;font-size:16.5px;color:var(--ink3)}
.hero__cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.hero__meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 16px;margin-top:46px}
.hero__meta .m b{display:block;font-family:var(--font-head);font-size:16px;color:var(--ink);letter-spacing:-.3px;white-space:normal;line-height:1.15}
.hero__meta .m span{display:block;margin-top:4px;font-size:11.5px;color:var(--ink3);line-height:1.35}

.hero__visual{display:flex;justify-content:center}
.hero__panel{
  position:relative;width:100%;max-width:368px;border-radius:30px;padding:26px 26px 20px;
  background:#fff;border:1px solid #E2F1F4;box-shadow:var(--sh-2);overflow:hidden;
  display:flex;flex-direction:column;align-items:center;gap:18px
}
.hero__panel::after{content:"";position:absolute;width:220px;height:220px;right:-64px;bottom:-76px;border-radius:50%;background:radial-gradient(circle,rgba(23,195,162,.3),transparent 65%);pointer-events:none}
.hero__panel img{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:100%;max-height:388px;object-fit:contain}
.hero__badge{
  position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;
  background:var(--soft2);border:1px solid #DCEFF2;border-radius:var(--pill);padding:7px 15px 7px 7px
}
.hero__badge .dot{min-width:26px;height:26px;padding:0 8px;border-radius:9px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--font-head);font-size:10.5px;letter-spacing:.5px}
.hero__badge b{font-size:14px;font-weight:600;font-family:var(--font-head);color:var(--ink)}
.hero__badge .sep{display:block;width:1px;height:13px;background:#C9E3E8}
.hero__badge em{font-style:normal;font-size:12.5px;color:var(--ink3)}

/* ---------- Feature cards ---------- */
.grid{display:grid;gap:24px}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;
  box-shadow:var(--sh-1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:#D8E9EC}
.card h3{font-size:19px;margin:18px 0 8px}
.card p{font-size:14.5px;color:var(--ink2);line-height:1.65}
/* 居中卡片：图标居中，标题分两排居中 */
.card--c{text-align:center}
.card--c .ico{margin:0 auto}
/* 标题两段同行：一体成型，三合一结构 */
.card--c h3 span{display:inline}
.card--c h3 .h3-sep{margin:0 1px}
.card--c h3 span + span{margin-top:0}
.ico{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff
}
.ico svg{width:24px;height:24px}
.ico--teal{background:linear-gradient(135deg,#1FD1A5,#0E9E8E)}
.ico--cyan{background:linear-gradient(135deg,#31B3E8,#0E8FA8)}
.ico--violet{background:linear-gradient(135deg,#8B84F0,#5B52D8)}
.ico--amber{background:linear-gradient(135deg,#F7BE61,#E28E1F)}
.ico--rose{background:linear-gradient(135deg,#F98BA1,#E44A6B)}
.ico--navy{background:var(--grad)}
.ico--wa{background:linear-gradient(135deg,#5BE38A,#1EBE5D)}
.ico--x{background:linear-gradient(135deg,#3C4E59,#0B1A24)}
.ico--li{background:linear-gradient(135deg,#4AA3D4,#0A66C2)}
/* 在线联系占位态：位置先摆好，等 window.SOCIAL 填上真实链接后自动恢复可点 */
.is-pending{opacity:.5;cursor:default;pointer-events:none}
.cta-partner__social a.is-pending{background:transparent}
.info-card .is-pending{color:var(--ink3);text-decoration:none}

/* ---------- Section head ---------- */
.sec-head{max-width:760px;margin-bottom:52px}
.sec-head.center{margin-inline:auto}
.sec-head h2{margin-bottom:14px}

/* ---------- Product cards ---------- */
.pcard{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--sh-1);transition:transform .2s,box-shadow .2s
}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.pcard__media{height:318px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#fff}
.pcard__media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
/* A1 colourways — four finishes with names, side by side inside the same frame */
.pcard__media--colors{gap:10px;padding:18px 14px;align-items:stretch}
.pcard__media--colors .sw{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:9px}
.pcard__media--colors .sw img{flex:1 1 0;min-height:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.pcard__media--colors .sw em{font-style:normal;font-size:11.5px;line-height:1.2;color:var(--ink3);letter-spacing:.01em;white-space:nowrap}
.pcard__media.g-a2{background:linear-gradient(135deg,#DAF0FB,#BEE4F6)}
.pcard__media.g-a3{background:linear-gradient(135deg,#DFF7EE,#C7EEDD)}
.ph-tag{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12.5px;letter-spacing:1px;color:rgba(11,26,36,.35)}
.pcard__body{padding:24px;display:flex;flex-direction:column;gap:9px;flex:1}
.pcard__body h3{font-size:19px}
.pcard__body p{font-size:14.5px;color:var(--ink2)}
.pcard__more{margin-top:auto;padding-top:8px;font-weight:600;font-size:14px;color:var(--teal-d)}
.pcard__tag{
  align-self:flex-start;font-size:12px;font-weight:600;color:var(--teal-d);background:var(--soft2);
  padding:5px 11px;border-radius:var(--pill)
}

/* ---------- 产品主视觉（大图 + 要点） ---------- */
.pd-showcase{display:grid;grid-template-columns:560px minmax(0,1fr);gap:40px;align-items:stretch;margin-bottom:56px}
.pd-showcase__fig{
  margin:0;background:var(--grad-soft);border:1px solid #E2F1F4;border-radius:var(--r-lg);
  padding:22px 22px 16px;box-shadow:var(--sh-1);display:flex;flex-direction:column;align-items:center
}
.pd-showcase__imgs{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;
  flex:1 1 auto;min-height:0;align-items:stretch
}
.pd-showcase__one{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.pd-showcase__shot{
  flex:1 1 auto;min-height:0;width:100%;position:relative;
  background:#fff;border-radius:14px;border:1px solid #E4F1F4
}
.pd-showcase__one img{
  position:absolute;inset:10px 8px;width:100%;height:100%;
  object-fit:contain;object-position:center;display:block;
  mix-blend-mode:multiply
}
.pd-showcase__one em{font-style:normal;font-size:12.5px;color:var(--ink2);text-align:center;line-height:1.45}
.pd-showcase__txt .lead{font-size:16.5px;margin-bottom:26px}
.pd-showcase__points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.pd-showcase__points li{display:flex;gap:14px;align-items:flex-start}
.pd-showcase__points .ico{width:38px;height:38px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center}
.pd-showcase__points .ico svg{width:18px;height:18px;color:#fff}
.pd-showcase__points b{display:block;font-family:var(--font-head);font-size:15.5px;margin-bottom:4px}
.pd-showcase__points span{display:block;font-size:13.5px;line-height:1.72;color:var(--ink2)}

/* ---------- Product detail (A1) ---------- */
/* 关键数字带：大数字陈列，一眼看完核心参数 */
.pd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:8px 0 60px}
.pd-stat{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:30px 26px 28px;text-align:center;box-shadow:var(--sh-1);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.pd-stat:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:#D8E9EC}
.pd-stat b{
  display:block;font-family:var(--font-head);font-size:clamp(30px,3.2vw,40px);
  letter-spacing:-1px;line-height:1.1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent
}
.pd-stat span{display:block;margin-top:9px;font-size:14.5px;font-weight:600;color:var(--ink)}
.pd-stat i{display:block;margin-top:5px;font-style:normal;font-size:13px;line-height:1.6;color:var(--ink3)}

/* 图文交替行：奇数行左文右图，偶数行（--rev）图左文右 */
.pd-row{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center;
  padding:46px 0;border-top:1px solid var(--line-2)
}
.pd-row--rev .pd-row__txt{order:2}
.pd-row__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:12px;margin-bottom:16px;
  font-family:var(--font-head);font-size:13px;font-weight:700;color:#fff;background:var(--grad-line)
}
.pd-row__txt h3{font-size:clamp(20px,2.1vw,25px);margin-bottom:12px}
.pd-row__txt p{font-size:15.5px;line-height:1.8;color:var(--ink2)}
.pd-row__fig{
  margin:0;border-radius:var(--r-lg);overflow:hidden;
  border:1px solid #E4F1F4;background:#F4FBFC
}
.pd-row__fig svg{display:block;width:100%;height:auto}
/* 第 02 卡：产品正视图 + 长按/连按按键标注（卡片跟随图片尺寸，不再拉伸成空框） */
.pd-front{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:10px;width:336px;max-width:100%;margin:0 auto;padding:18px;overflow:visible}
.pd-front__stage{position:relative;flex:0 0 auto;line-height:0}
.pd-front__img{height:300px;width:auto;display:block}
/* 按键标记 + 左右短引线：全部按图片百分比定位，跨尺寸稳定对齐到正视图顶部按键 */
.pd-front__key{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;border:2.5px solid #0B1A24;background:rgba(255,255,255,.55);box-shadow:0 0 0 3px rgba(226,142,31,.30)}
.pd-front__lead{position:absolute;top:30%;height:2px;transform:translateY(-50%)}
.pd-front__lead--l{left:0;width:calc(50% - 9px);background:#E28E1F}
.pd-front__lead--r{right:0;width:calc(50% - 9px);background:#0E9E8E}
.pd-front__lead--l::after,.pd-front__lead--r::after{content:"";position:absolute;top:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translateY(-50%)}
.pd-front__lead--l::after{right:0;border-left:6px solid #E28E1F}
.pd-front__lead--r::after{left:0;border-right:6px solid #0E9E8E}
.pd-anno{width:100px;min-width:0;margin-top:90px;transform:translateY(-50%)}
.pd-anno--left{text-align:right}
.pd-anno--right{text-align:left}
.pd-anno b{display:block;font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--teal-d);line-height:1.3}
.pd-anno span{display:block;font-size:12px;color:var(--ink2);line-height:1.45;margin-top:3px}
.pd-anno--left::after{content:"";display:block;width:24px;height:2px;background:#E28E1F;margin:8px 0 0 auto}
.pd-anno--right::after{content:"";display:block;width:24px;height:2px;background:#0E9E8E;margin:8px 0 0}
/* 第 04 卡：多重安全保护示意图 */
.pd-safety{display:flex;align-items:center;justify-content:center;width:336px;max-width:100%;margin:0 auto;padding:18px}
.pd-safety__img{height:300px;width:auto;display:block;border-radius:16px;box-shadow:0 8px 22px rgba(14,20,27,.20);filter:brightness(1.14) contrast(0.96) saturate(1.04)}
@media(max-width:640px){
  .pd-front,.pd-led{flex-direction:column;gap:14px;padding:16px 0}
  .pd-rotate{flex-direction:column;gap:14px;padding:16px 0}
  .pd-front__img{height:260px}
  .pd-rotate__img{height:260px}
  .pd-led__stage{width:100%}
  .pd-led__imgwrap{margin:0 auto}
  .pd-led .pd-led__img{height:260px}
  .pd-led .pd-anno.pd-anno--left,.pd-led .pd-anno.pd-anno--right{position:static;top:auto;left:auto;right:auto;width:100%;text-align:center;margin:10px 0 0;transform:none}
  .pd-anno--left::after,.pd-anno--right::after{margin-left:auto;margin-right:auto}
}
/* 第 02 卡（B1）：三颗 LED 指示灯示意图，无显示屏，自包含 SVG + 左右标注 */
.pd-led{position:relative;display:flex;align-items:center;justify-content:center;width:336px;max-width:100%;margin:0 auto;padding:18px;overflow:visible}
.pd-led__stage{position:relative;flex:0 0 auto;margin:0 auto;overflow:visible}
.pd-led__imgwrap{position:relative;line-height:0}
.pd-led__img{height:300px;width:auto;display:block;margin:0 auto;mix-blend-mode:multiply}
/* 按键/LED 标记 + 左右引线：复刻 A1 的箭头指示风格，全部按图片百分比定位，跨尺寸稳定对齐 */
.pd-led__key{position:absolute;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;border:2.5px solid #0B1A24;background:rgba(255,255,255,.55);pointer-events:none}
.pd-led__key--btn{top:37%;box-shadow:0 0 0 3px rgba(226,142,31,.30)}
.pd-led__key--led{top:52%;box-shadow:0 0 0 3px rgba(14,158,142,.30)}
.pd-led__lead{position:absolute;height:2px;transform:translateY(-50%)}
.pd-led__lead--l{left:0;width:calc(50% - 12px);top:37%;background:#E28E1F}
.pd-led__lead--r{right:0;width:calc(50% - 12px);top:52%;background:#0E9E8E}
.pd-led__lead--l::after,.pd-led__lead--r::after{content:"";position:absolute;top:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translateY(-50%)}
.pd-led__lead--l::after{right:0;border-left:6px solid #E28E1F}
.pd-led__lead--r::after{left:0;border-right:6px solid #0E9E8E}
.pd-led .pd-anno{position:absolute;transform:translateY(-50%);width:80px;margin-top:0}
.pd-led .pd-anno--left{right:100%;margin-right:10px;text-align:right;top:37%}
.pd-led .pd-anno--right{left:100%;margin-left:10px;text-align:left;top:52%}
/* 图1 底部层名图例（SVG 内只放编号，长文案走 HTML，避免多语言溢出） */
.pd-fig-legend{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;
  width:100%;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #DCEFF2;list-style:none
}
.pd-fig-legend li{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2)}
.pd-fig-legend i{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
.pd-fig-legend__n{font-family:var(--font-head);font-weight:700;font-size:11.5px;color:var(--ink)}
/* 第 01 / 03 卡：内联 SVG 图示固定显示尺寸，与 02 / 04 缩略图协调。
   注意：不能用 fit-content —— 图例 width:100% 在长语言（英文层名超长）下会撑满半边轨道，导致四语宽度不一致。 */
.pd-corefig{width:336px;max-width:100%;margin:0 auto;padding:18px}
.pd-corefig>svg{display:block;width:300px;max-width:100%;height:auto}
.pd-rotate{position:relative;display:flex;align-items:center;justify-content:center;width:336px;max-width:100%;margin:0 auto;padding:18px;overflow:visible}
.pd-rotate__stage{position:relative;line-height:0}
.pd-rotate__img{height:300px;width:auto;display:block;mix-blend-mode:multiply}
/* 第 03 卡：取消圆点/引线指示，仅保留「旋转180°」文字，置于白色烟弹侧边（top:12% 与烟弹同高，居图片右侧） */
.pd-rotate__cap{position:absolute;top:12%;left:100%;margin-left:12px;line-height:1.3;white-space:nowrap;text-align:left}
.pd-rotate__cap b{display:block;font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--teal-d)}
.pd-rotate__cap::after{content:"";display:block;width:24px;height:2px;background:#0E9E8E;margin-top:6px}

/* 配色陈列：四张竖拍产品图等高并列（图片本身为白底，与卡片自然融合） */
.pd-colors{margin-top:66px}
.pd-colors__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pd-color{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px 14px 24px;box-shadow:var(--sh-1);
  display:flex;flex-direction:column;align-items:center;gap:14px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.pd-color:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:#D8E9EC}
.pd-color img{height:clamp(340px,34vw,500px);width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.pd-color b{font-family:var(--font-head);font-size:16px}
.pd-color span{font-size:13px;color:var(--ink3)}

/* 规格表 + 品牌主张收尾 */
.pd-spec{margin-top:66px}
.pd-spec .h3{margin-bottom:22px}
.pd-quote-wrap{margin:64px auto;text-align:center;max-width:760px}
.pd-quote{
  margin:0;text-align:center;font-family:var(--font-head);font-weight:700;
  font-size:clamp(22px,3vw,34px);line-height:1.3;color:var(--teal-d);letter-spacing:.5px
}

/* ---------- Stats band ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:28px 24px;text-align:center}
.stat b{display:block;font-family:var(--font-head);font-size:34px;letter-spacing:-1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:13.5px;color:var(--ink2)}

/* ---------- Split (image + text) ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.split ul.check{display:grid;gap:14px;margin-top:24px}
.split ul.check li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink2)}
.split ul.check li i{
  flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:var(--soft2);display:grid;place-items:center;margin-top:1px
}
.split ul.check li i svg{width:13px;height:13px;color:var(--teal-d)}
.split__media{border-radius:26px;overflow:hidden;background:var(--grad-soft);border:1px solid #E2F1F4;padding:26px;box-shadow:var(--sh-2)}
.split__media img{border-radius:16px;width:100%}
/* 关于我们页：办公环境图横向比例；图框与文字块等高，图片绝对定位自适应，语种切换不跑位 */
.split--about{align-items:stretch}
.split__media--office{align-self:stretch;position:relative;padding:26px}
.split__media--office img{position:absolute;inset:26px;width:auto;height:auto;max-width:calc(100% - 52px);max-height:calc(100% - 52px);object-fit:contain;margin:auto}

/* ---------- Timeline ---------- */
/* 发展历程时间轴（2026-10-22 暂时取消展示，规则保留以便后续恢复时直接复用） */
.timeline{position:relative;margin-top:8px}
.timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#1FD1A5,#0E8FA8,#E4EEF0)}
.tl-item{position:relative;padding:0 0 30px 42px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:2px;top:4px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--teal)}
.tl-item .yr{font-family:var(--font-head);font-weight:700;color:var(--teal-d);font-size:15px}
.tl-item h4{font-size:17px;margin:4px 0 6px}
.tl-item p{font-size:14.5px;color:var(--ink2)}

/* ---------- Table ---------- */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
table.spec{width:100%;border-collapse:collapse;min-width:640px}
table.spec th,table.spec td{padding:16px 20px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line-2)}
table.spec thead th{background:var(--soft);font-family:var(--font-head);font-weight:600;color:var(--ink);font-size:14px}
table.spec tbody th{font-weight:500;color:var(--ink2);width:30%}
table.spec tbody tr:last-child th,table.spec tbody tr:last-child td{border-bottom:0}
table.spec td{color:var(--ink)}
/* 规格表：宽度减半并居中，行高密度排版（2026-10-26） */
.pd-spec .h3{text-align:center}
.pd-spec .table-wrap{width:50%;max-width:560px;margin:0 auto}
.pd-spec table.spec{min-width:0;font-size:13px}
.pd-spec table.spec th,.pd-spec table.spec td{padding:8px 16px;font-size:13px}

/* ---------- News ---------- */
.news-item{
  display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:24px;align-items:center;
  padding:24px 0;border-bottom:1px solid var(--line-2);transition:background .2s
}
.news-item:hover{background:#FAFDFD}
.news-item .date{font-family:var(--font-head);font-weight:600;color:var(--ink3);font-size:14px}
.news-item h4{font-size:17px;margin-bottom:6px}
.news-item p{font-size:14px;color:var(--ink2)}
.chip{font-size:12px;font-weight:600;color:var(--teal-d);background:var(--soft2);padding:6px 12px;border-radius:var(--pill);white-space:nowrap}

/* ---------- CTA band ---------- */
.cta-band{
  position:relative;overflow:hidden;border-radius:32px;padding:64px;background:var(--grad);color:#fff
}
.cta-band::after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%)}
.cta-band h2{font-size:clamp(26px,3.2vw,38px);color:#fff;margin-bottom:14px}
.cta-band p{color:rgba(255,255,255,.85);max-width:560px;font-size:16.5px}
.cta-band .btn--ghost{background:#fff;border-color:#fff;color:var(--navy)}
.cta-band .btn--ghost:hover{border-color:#fff;color:var(--navy)}

/* ---------- Brand belief cards ---------- */
/* 品牌理念正文：居中排版，分两段
   外层 section 带 .center（text-align:center），这里显式声明居中并让两段各自水平居中 */
.section--soft .brand-text{text-align:center;max-width:820px;margin:18px auto 0}
.section--soft .brand-text .eyebrow{display:inline-block}
.section--soft .brand-text .h2{text-align:center}
.section--soft .brand-text .lead{margin-left:auto;margin-right:auto;text-align:center}
.section--soft .brand-text p{margin:0}
.section--soft .brand-text p + p{margin-top:14px}
.belief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:54px;text-align:center}
.belief{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);
  padding:28px 26px 30px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.belief:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#CFE6EA}
.belief__n{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:11px;margin:0 auto 16px;
  font-family:var(--font-head);font-size:13px;font-weight:700;color:#fff;background:var(--grad-line)
}
.belief b{display:block;font-family:var(--font-head);font-size:17px;margin-bottom:8px;text-align:center}
.belief__d{display:block;font-size:14.5px;line-height:1.72;color:var(--ink2);text-align:center}

/* ---------- Partner CTA (two-column) ---------- */
.cta-partner{display:grid;grid-template-columns:1.3fr .7fr;gap:52px;align-items:center}
.cta-partner__eyebrow{color:rgba(255,255,255,.72)}
.cta-partner__points{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.cta-partner__points li{position:relative;padding-left:17px;font-size:15px;color:rgba(255,255,255,.92)}
.cta-partner__points li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:#7FE9D3}
.cta-partner__actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}
.cta-partner__social{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cta-partner__social-lb{font-size:13px;color:rgba(255,255,255,.7)}
.cta-partner__social a{
  display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-radius:999px;
  font-size:13.5px;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);
  transition:background .2s,border-color .2s
}
.cta-partner__social a:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.44)}
.cta-partner__social a svg{width:15px;height:15px;flex:0 0 auto}
.cta-partner__side{border-left:1px solid rgba(255,255,255,.18);padding-left:38px}
.cta-partner__side-lb{
  display:block;font-family:var(--font-head);font-size:12.5px;font-weight:600;letter-spacing:2px;
  text-transform:uppercase;color:rgba(255,255,255,.66);margin-bottom:16px
}
.cta-partner__mode{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.cta-partner__mode:last-child{border-bottom:0;padding-bottom:0}
.cta-partner__mode b{display:block;font-size:15.5px;margin-bottom:3px}
.cta-partner__mode span{font-size:13.5px;color:rgba(255,255,255,.75)}

/* ---------- Page hero (inner pages) ---------- */
.page-hero{position:relative;overflow:hidden;background:var(--grad-soft);border-bottom:1px solid #E6F1F4;padding:80px 0}
.page-hero h1{font-size:clamp(30px,4vw,46px);margin-bottom:16px}
.page-hero p{color:var(--ink2);font-size:17px;max-width:720px}
.crumb{font-size:13px;color:var(--ink3);margin-bottom:16px}
.crumb a:hover{color:var(--teal-d)}

/* ---------- Forms / contact ---------- */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
.field{margin-bottom:18px}
.field label{display:block;font-size:13.5px;font-weight:600;color:var(--ink2);margin-bottom:8px}
.field input,.field textarea,.field select{
  width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:#fff;color:var(--ink);
  transition:border-color .2s,box-shadow .2s
}
.field input:focus,.field textarea:focus,.field select:focus{
  outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(23,195,162,.14)
}
.field textarea{min-height:130px;resize:vertical}
.info-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:26px;box-shadow:var(--sh-1)}
.info-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.info-row:last-child{border-bottom:0}
.info-row .ico{width:40px;height:40px;border-radius:12px;flex:0 0 auto}
.info-row .ico svg{width:18px;height:18px}
.info-row b{display:block;font-size:13px;color:var(--ink3);font-weight:600;margin-bottom:2px}
.info-row span{font-size:15px;color:var(--ink)}
.info-row a{color:inherit;text-decoration:none;transition:color .2s}
.info-row a:hover{color:var(--teal-d)}
.form-note{font-size:12.5px;color:var(--ink3);margin-top:12px}
/* 地图占位（2026-10-22 暂时取消展示，规则保留以便后续接入真实地图时直接复用） */
.map-embed{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);height:280px;background:var(--soft);display:grid;place-items:center;color:var(--ink3);font-size:14px}

/* ---------- Footer ---------- */
.site-footer{background:var(--navy);color:#B9CBD8;padding:72px 0 34px;margin-top:0}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.site-footer .brand__name{color:#fff}
.site-footer .brand__sub{color:#7C93A4}
.site-footer .f-desc{margin-top:18px;font-size:14px;line-height:1.7;color:#94AAB9;max-width:320px}
.site-footer h5{font-family:var(--font-head);font-size:14px;color:#fff;margin:0 0 16px;font-weight:600}
.site-footer .f-col a{display:block;font-size:14px;color:#9FB4C2;padding:6px 0;transition:color .2s}
.site-footer .f-col a:hover{color:#fff}
.site-footer .f-col span{display:block;font-size:14px;color:#9FB4C2;padding:6px 0}
.site-footer .f-contact span{display:block;font-size:14px;color:#9FB4C2;padding:5px 0}
.footer-divider{height:1px;background:rgba(255,255,255,.12);margin:44px 0 22px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#7C93A4}
.footer-bottom .notice{max-width:640px}

/* ---------- Brand text stack ---------- */
.brand__txt{display:block}
.brand__name{display:block}
.brand__sub{margin-top:2px}
.brand__sub>span{white-space:pre}

/* ---------- Layered core visual ---------- */
.layers{display:grid;gap:14px}
.layer{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 18px;box-shadow:var(--sh-1)}
.layer__n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--font-head);font-size:13px;flex:0 0 auto}
.layer b{font-family:var(--font-head);font-size:15px;display:block;margin-bottom:1px}
.layer div span{font-size:13px;color:var(--ink2);line-height:1.5}

/* ---------- Core technology: copy + three-layer figure ---------- */
.tc-core{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center;margin-bottom:56px}
.tc-core__txt h1{margin-bottom:16px}
.tc-core__txt .lead{font-size:17.5px;max-width:560px}
.core-fig{
  margin:0;padding:26px 26px 24px;border-radius:var(--r-lg);
  background:var(--grad-soft);border:1px solid #E2F1F4;box-shadow:var(--sh-1);
  display:flex;flex-direction:column;align-items:center;gap:18px
}
.core-fig__art{width:100%;display:grid;place-items:center}
.core-fig__art svg{width:100%;max-width:262px;height:auto;display:block}
.core-fig__legend{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;
  width:100%;margin:0;padding:14px 0 0;border-top:1px solid #DCEFF2;list-style:none
}
.core-fig__legend li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink2)}
.core-fig__legend .fig-dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
.core-fig__legend .fig-n{font-family:var(--font-head);font-weight:700;font-size:11.5px;color:var(--ink)}

/* ---------- 发热体模块实物图 + 三层一体成型 ---------- */
.tc-mod{display:grid;grid-template-columns:420px minmax(0,1fr);gap:32px;align-items:stretch;margin-top:8px}
.tc-mod__txt{display:flex;flex-direction:column}
.tc-mod__txt .grid--3{flex:0 0 auto}
.tc-mod__txt{display:flex;flex-direction:column}
.tc-mod__txt .lead{font-size:16px;margin-bottom:26px;max-width:640px}
.tc-mod__txt .grid--3{gap:18px;align-items:stretch}
/* 技术特征三卡：等高 + 内容垂直居中，空白上下均分 */
.tc-mod__txt .grid--3 .card--c{display:flex;flex-direction:column;justify-content:center}
.tc-mod__txt .card{padding:24px 22px 26px}
.tc-mod__txt .card h3{font-size:16px;margin-bottom:8px}
.tc-mod__txt .card p{font-size:13.5px;line-height:1.7}
.tc-mod__txt .card p + p{margin-top:8px}
.mod-fig{
  margin:0;padding:22px 20px 20px;border-radius:var(--r-lg);background:var(--grad-soft);
  border:1px solid #E2F1F4;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:14px;
  min-height:0
}
.mod-fig__art{
  background:#fff;border-radius:18px;padding:14px 14px 6px;position:relative;
  border:1px solid #E4F1F4;max-width:100%;flex:1 1 auto;min-height:0
}
.mod-fig__art img{position:absolute;inset:14px 14px 6px;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;margin:auto}
.mod-fig__cap{text-align:center;margin-top:auto}
.mod-fig__cap b{display:block;font-family:var(--font-head);font-size:16px;color:var(--ink)}
.mod-fig__cap span{display:block;margin-top:5px;font-size:12.5px;color:var(--ink3);line-height:1.6}

/* ---------- 闭环控温图 ---------- */
.mix-wrap{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:44px;align-items:start}
.mix-fig{position:sticky;top:96px;padding:30px 26px}
.mix-cards{gap:18px}
.mix-cards .card{padding:26px 24px 28px}
.mix-cards .card h3{font-size:17px;margin:16px 0 8px}
.mix-cards .card p{font-size:13.5px;line-height:1.7}
.ctl-fig{margin:0 0 4px;display:flex;flex-direction:column;align-items:center;gap:10px}
.ctl-loop{width:100%;max-width:300px;height:auto;display:block}
.ctl-fig__cap{text-align:center;max-width:320px}
.ctl-fig__cap span{font-size:12.5px;color:var(--ink3);line-height:1.6}

/* ---------- Closed-loop control steps ---------- */
.steps{display:grid;gap:12px;margin-top:22px}
.step{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;box-shadow:var(--sh-1)}
.step__n{flex:0 0 auto;width:30px;height:30px;border-radius:10px;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:12px}
.step b{font-family:var(--font-head);font-size:14.5px;display:block}
.step div span{font-size:12.5px;color:var(--ink3)}

/* ---------- Core-technology diagrams ---------- */
.techdia{margin-top:0}
.dia-card{
  margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px 26px 28px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:18px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.dia-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:#D8E9EC}
.dia-art{
  height:216px;border-radius:18px;background:var(--grad-soft);border:1px solid #E4F1F4;
  display:flex;align-items:center;justify-content:center;padding:12px
}
.dia-art svg{height:100%;width:auto;max-width:100%;display:block}
.dia-card h3{font-size:17px;margin:0}
/* 标题两段同行：一体成型，三合一结构 */
.dia-card h3 span{display:inline}
.dia-card h3 .h3-sep{margin:0 1px}
.dia-card h3 span + span{margin-top:0}
.dia-card p{font-size:14px;color:var(--ink2);line-height:1.68;margin:0}
.dia-card p + p{margin-top:8px}
/* 图例：桌面端排一行；窄屏放不下时允许换行，避免横向溢出 */
.dia-legend{display:flex;flex-wrap:wrap;gap:9px 14px;margin:auto 0 0;padding:0;list-style:none}
.dia-legend li{white-space:nowrap}
.dia-legend li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink2)}
.dia-legend li i{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
.dia-legend li b{font-family:var(--font-head);font-weight:700;font-size:11.5px;color:var(--ink)}
.dia-legend--n li b{color:var(--teal-d)}

/* ---------- Market chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:8px}
.chip-lg{padding:14px 28px;border-radius:var(--pill);border:1px solid var(--line);background:#fff;
  font-family:var(--font-head);font-weight:600;color:var(--ink);box-shadow:var(--sh-1);font-size:15px}

/* ---------- Reveal animation ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr;gap:44px}
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px}
  .contact-grid{grid-template-columns:1fr}
}
/* 核心技术三卡：≤1200px 改两列——901–1240px 区间三列轨道仅 316–336px，
   放不下一排图例；两列后内容宽 362–532px，中/日/韩图例均可保持一排 */
@media (max-width:1200px){
  .techdia .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .nav{display:none}
  .header-cta{display:none}
  .burger{display:flex}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{grid-template-columns:1fr;gap:36px}
  .section{padding:76px 0}
  .news-item{grid-template-columns:1fr;gap:8px}
  .news-item .chip{justify-self:start}
  /* 核心技术：文案与结构图改为上下堆叠 */
  .tc-core{grid-template-columns:1fr;gap:32px;margin-bottom:44px}
  .tc-core__txt .lead{max-width:680px}
  .core-fig{padding:22px 20px 20px}
  .core-fig__art svg{max-width:230px}
  /* 发热体模块：实物图与文案上下堆叠 */
  .tc-mod{grid-template-columns:1fr;gap:30px}
  .split--about{align-items:start}
  .split__media--office{align-self:auto;height:300px;padding:20px}
  .split__media--office img{position:static;inset:auto;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}
  .mod-fig{order:-1;padding:22px 20px 18px}
  .mod-fig__art{max-width:340px;margin:0 auto;height:300px;flex:0 0 auto}
  .mod-fig__art img{position:static;inset:auto;max-height:100%;max-width:100%;margin:auto}
  .mix-wrap{grid-template-columns:1fr;gap:30px}
  .mix-fig{position:static;padding:22px 20px}
  .techdia{margin-top:0}
  .belief-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto;margin-top:40px}
  .cta-partner{grid-template-columns:1fr;gap:34px}
  .cta-partner__side{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0;padding-top:26px}
  /* 产品详情：图文行改为上下堆叠（文字在前、图在后），配色改两列 */
  .pd-row{grid-template-columns:1fr;gap:24px;padding:36px 0}
  .pd-row--rev .pd-row__txt{order:0}
  /* 产品主视觉：大图在上、文案在下 */
  .pd-showcase{grid-template-columns:1fr;gap:30px;margin-bottom:44px;align-items:start}
  .pd-showcase__fig{order:-1;padding:22px 20px 16px}
  .pd-showcase__imgs{gap:10px;flex:0 0 auto}
  .pd-showcase__shot{height:280px;flex:0 0 auto}
  .pd-showcase__points{gap:18px 24px}
  .pd-stats{margin-bottom:44px}
  .pd-colors{margin-top:52px}
  .pd-colors__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-color img{height:400px}
  .pd-spec{margin-top:52px}
  .pd-spec .table-wrap{width:100%;max-width:none}
  .pd-quote-wrap{margin:48px auto}
}
@media (max-width:640px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hero{padding:60px 0 72px}
  .cta-band{padding:40px 26px;border-radius:24px}
  .belief{padding:24px 22px 26px}
  .cta-partner__actions{gap:18px}
  .cta-partner__points{gap:8px 18px}
  .footer-top{grid-template-columns:1fr}
  .hero__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 14px;max-width:none}
  .hero__meta .m b{font-size:16px}
  .hero__sub--note{font-size:15.5px}
  .hero__panel{max-width:318px;padding:22px 22px 18px}
  .hero__panel img{max-height:320px}
  .pcard__media{height:262px}
  .pcard__media--colors{gap:6px;padding:14px 9px}
  .pcard__media--colors .sw{gap:6px}
  .pcard__media--colors .sw em{font-size:10px}
  .pd-stats{grid-template-columns:1fr;gap:14px;margin-bottom:36px}
  .pd-stat{padding:24px 20px 22px}
  .pd-showcase__shot{height:200px}
  .pd-showcase__one em{font-size:11px;letter-spacing:-.01em}
  .pd-showcase__one{gap:8px}
  .pd-showcase__points{grid-template-columns:1fr;gap:18px}
  .pd-row{padding:30px 0}
  .pd-color{padding:18px 12px 20px;gap:10px}
  .pd-color img{height:290px}
  .core-fig{padding:18px 14px 16px;gap:14px}
  .core-fig__legend{gap:8px 16px;padding-top:12px}
  .core-fig__legend li{font-size:12.5px}
  .split__media--office{height:230px;padding:16px}
  .mod-fig{padding:18px 14px 16px;gap:12px}
  .mod-fig__art{padding:16px 14px 4px;height:240px;flex:0 0 auto}
  .mod-fig__art img{position:static;inset:auto;max-height:100%;max-width:100%;margin:auto}
  .mix-fig{padding:18px 14px}
  .dia-art{height:196px}
  .dia-legend{flex-wrap:wrap;gap:8px 14px}
  .dia-legend li{white-space:normal}
  .dia-card{padding:22px 22px 24px}
}