/* v10c 艺术字体注册：得意黑（中文海报斜体）+ Playfair Display（西文衬线） */
@font-face{
  font-family:"Smiley Sans";
  src:url("../assets/fonts/SmileySans-Oblique.woff2") format("woff2"),
      url("../assets/fonts/SmileySans-Oblique.ttf") format("truetype");
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Playfair Display";
  src:url("../assets/fonts/PlayfairDisplay-VF.ttf") format("truetype");
  font-weight:400 900;
  font-style:normal;
  font-display:swap;
}
/* =========================================================
   鹿觅Lumi · 官网 v10 展示层（20261013）
   目标：展示型视觉重构——去营销腔，突出产品本身
   定位：在 lumi-v8.css 之后加载的纯视觉覆盖层（替代 v9 发布会层）
   —— 不动业务 JS/接口；渐进增强；尊重 prefers-reduced-motion
   五维度落地：
   1) 字体颜色：深底 #0d0d0f + 暖金 #b98a4e（品牌主色），白/灰阶文本分层，
      全站 2-3 色体系，正文对比度 ≥ 4.5:1
   2) 字体：Inter（西文）+ 思源黑体/苹方（中文），四级字号，克制字重
   3) 整体风格：高纯度主色块 + 大留白（≥45%），宽幅左右分栏，栅格对齐，
      章节节奏清晰，去廉价感（无满铺光效、无胶囊堆砌）
   4) 动画：单页流体微动效（渐显揭幕 / 悬浮层次 / 轻视差），克制不炫技，
      无横向翻页 / 纵向分屏（无 scroll-snap）
   5) 设计感：月轮/鹿/线条母题统一使用，无渐变堆砌，无装饰性多余图形
   ========================================================= */
:root{
  --v10-gold:var(--gold,#b98a4e);
  --v10-gold-2:var(--gold-2,#e6c489);
  --v10-line:rgba(255,255,255,.09);
  --v10-ease:cubic-bezier(.19,1,.22,1);
  /* 字体分层 v10c：品牌展示层（艺术字体：西文 Playfair Display 置前 + 中文得意黑 + 思源宋体兜底）/ 正文正规层（Inter/思源黑体） */
  --font-display:"Playfair Display","Smiley Sans","Noto Serif SC","Source Han Serif SC","Source Han Serif SC Heavy","SimSun","Songti SC",serif;
  --font-body:"Inter","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
}

/* ========== 1) 字体分层：品牌展示层 var(--font-display) / 正文正规层 var(--font-body) ========== */
body{
  font-family:var(--font-body);
}
/* 正文正规层：政策页及所有正文段落保持 Inter/思源黑体栈（继承 body） */
.lead,.lead-line,.section-head .note,.spot-specs,.spot-specs li,.spot-actions,.slogan-rule,.product-card p,.doc-body{font-family:var(--font-body)}
/* 品牌展示层：艺术衬线字体栈；h1/大标题适度拉开字距（原 -0.03em 收紧改为 +0.015em/+0.02em） */
.hero-screen h1{font-size:clamp(26px,3.1vw,50px);font-weight:600;letter-spacing:.015em;line-height:1.04;font-family:var(--font-display)}
.section-head h2{font-size:clamp(38px,4.8vw,60px);font-weight:600;line-height:1.14;letter-spacing:.02em;font-family:var(--font-display)}
.hero-screen .lead,
.section-head .note,
.lead-p,.lead-line{font-weight:400}
.kicker,.stage-tag,.stage-sub,.idx,.foot-copy{font-weight:400}

/* ========== 2) 宽大布局：容器放宽，区块更开阔，留白 ≥ 45% ========== */
.wrap{max-width:1320px}
main section{padding:164px 0}
.section-head{margin-bottom:88px}
.section-head .note{font-size:16px;max-width:36em;line-height:1.9;color:rgba(255,255,255,.64)}

/* ========== 3) Hero：宽幅左右分栏（去堆砌，保留单层柔光氛围） ========== */
.hero-screen{
  min-height:100vh;
  justify-content:center;
  background:radial-gradient(ellipse 78% 55% at 66% 30%,rgba(185,138,78,.13),transparent 62%),#0d0d0f;
}
.hero-screen .hero-inner{
  grid-template-columns:1.08fr .92fr;
  text-align:left;justify-items:start;align-items:center;
  gap:clamp(30px,5vw,72px);padding-top:0;padding-bottom:0;
}
.hero-screen .hero-inner>div:first-child{align-items:flex-start}
.hero-screen .hero-art{order:0;margin:0}
.hero-screen .hero-art-svg{width:min(520px,42vw);filter:drop-shadow(0 40px 80px rgba(0,0,0,.6))}
.hero-screen .kicker{
  font-family:var(--font-display);
  font-size:13px;letter-spacing:.42em;text-transform:uppercase;
  color:var(--v10-gold-2);opacity:.9;
  border-left:2px solid var(--v10-gold);padding-left:14px;
}
.hero-screen .lead{font-size:clamp(16px,1.5vw,19px);line-height:1.9;max-width:34em;color:rgba(255,255,255,.66)}
/* 背景：仅一层极淡氛围光（不堆渐变） */
.hero-screen::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(1000px 500px at 18% 12%,rgba(185,138,78,.06),transparent 60%);
}
.hero-screen .hero-inner{z-index:2}

/* 开屏时序 v10：文字渐显揭幕（JS 拆词，CSS 只驱动显隐） */
html.js-v10 .hero-screen .kicker,
html.js-v10 .hero-screen h1 .w,
html.js-v10 .hero-screen .lead .w,
html.js-v10 .hero-screen .hero-actions{
  opacity:0;transform:translateY(22px);
  transition:opacity .9s var(--v10-ease),transform .9s var(--v10-ease);
}
html.js-v10.splash-on .hero-screen .kicker{opacity:1;transform:none;transition-delay:.30s}
html.js-v10.splash-on .hero-screen h1 .w{opacity:1;transform:none;transition-delay:.45s}
html.js-v10.splash-on .hero-screen h1 .w:nth-child(3n){transition-delay:.52s}
html.js-v10.splash-on .hero-screen h1 .w:nth-child(5n){transition-delay:.60s}
html.js-v10.splash-on .hero-screen .lead .w{opacity:1;transform:none;transition-delay:.80s}
html.js-v10.splash-on .hero-screen .hero-actions{opacity:1;transform:none;transition-delay:1.0s}

/* ========== 4) 章节叙事：大编号 + 渐显揭幕 ========== */
section.lumi-chapter::before{font-size:clamp(72px,9vw,128px);right:4vw;-webkit-text-stroke:1px rgba(255,255,255,.10)}
main section::after{width:min(560px,70%)}
body.js-ready .reveal h2,
body.js-ready .reveal .section-head{clip-path:inset(0 0 10% 0)}
body.js-ready .reveal.in h2,
body.js-ready .reveal.in .section-head{clip-path:inset(0 0 0 0)}
body.js-ready .reveal .w{opacity:0;transform:translateY(.5em)}
body.js-ready .reveal.in .w{opacity:1;transform:none;transition:opacity .7s var(--v10-ease),transform .7s var(--v10-ease)}
body.js-ready .reveal.in .w:nth-child(2n){transition-delay:.05s}
body.js-ready .reveal.in .w:nth-child(3n){transition-delay:.10s}

/* ========== 5) 产品展示区：陈述产品本身（月轮线条母题，无流光/脉冲） ========== */
.spot{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,64px);align-items:stretch}
/* 左：产品面板——静态月轮母题 + 克制氛围，不流转光 */
.spot-stage{
  position:relative;border-radius:20px;overflow:hidden;min-height:520px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:radial-gradient(ellipse 88% 66% at 50% 16%,rgba(185,138,78,.16),transparent 62%),#101013;
  border:1px solid rgba(185,138,78,.22);
  padding:44px;
}
/* 月轮线条母题：静态双圆环（呼应 hero 月轮），无动画 */
.spot-stage::after{
  content:"";position:absolute;right:-64px;bottom:-64px;width:220px;height:220px;
  border:1px solid rgba(185,138,78,.18);border-radius:50%;
  box-shadow:0 0 0 34px rgba(185,138,78,.05);
  pointer-events:none;
}
.spot-stage .stage-tag{
  position:absolute;top:30px;right:34px;
  font-family:var(--font-display);
  font-size:12px;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(230,196,137,.75);
}
.spot-stage .stage-name{
  font-family:var(--font-display);
  font-size:clamp(34px,4vw,52px);font-weight:600;letter-spacing:.03em;
  color:var(--tx,#f5efe2);line-height:1.15;
}
.spot-stage .stage-sub{font-size:14px;letter-spacing:.18em;color:rgba(255,255,255,.5);margin-top:12px;text-transform:uppercase}
/* 右：产品是什么 / 解决什么问题 / 带来什么不同 */
.spot-panel{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:8px 0}
.spot-panel h3{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:.015em;color:var(--tx,#f5efe2);font-family:var(--font-display)}
/* 首页品牌理念 split 区标题 */
.split .sticky-col h3{font-family:var(--font-display);letter-spacing:.02em}
.spot-panel .lead-line{font-size:17px;line-height:1.9;color:rgba(255,255,255,.68)}
.spot-specs{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--v10-line)}
.spot-specs li{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--v10-line);font-size:14.5px}
.spot-specs li b{font-weight:600;color:var(--v10-gold-2);letter-spacing:.06em}
.spot-specs li span{color:rgba(255,255,255,.66)}
.spot-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}
.spot-actions .btn{padding:16px 34px;font-size:15px}
/* 产品属性标签：线型，去胶囊/去脉冲（陈述产品本身，不推销） */
.spot-badge{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-display);
  font-size:12px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--v10-gold-2);
  border-left:2px solid rgba(185,138,78,.5);
  padding:6px 0 6px 14px;margin-bottom:34px;
}

/* ========== 6) 文案/氛围细节：统一线条母题 ========== */
.slogan-rule{display:flex;align-items:center;gap:18px;margin:0 0 34px;color:rgba(255,255,255,.4);font-size:13px;letter-spacing:.3em}
.slogan-rule::before,.slogan-rule::after{content:"";height:1px;flex:1;background:rgba(185,138,78,.35)}
.slogan-rule::after{background:rgba(185,138,78,.18)}
.product-card{border-radius:18px;padding:52px 50px}
.p-head h3{font-size:clamp(22px,2.4vw,30px);font-family:var(--font-display);letter-spacing:.02em}
.cta-band{padding:84px 88px;border-radius:22px}
.cta-band h2{font-size:clamp(30px,4vw,48px);font-family:var(--font-display);letter-spacing:.02em}
.doc-body{max-width:880px}

/* ========== 7) 移动端：宽幅自动收窄，不丢叙事 ========== */
@media (max-width:1024px){
  .hero-screen .hero-inner{grid-template-columns:1fr;text-align:center;justify-items:center;gap:28px}
  .hero-screen .hero-inner>div:first-child{align-items:center}
  .hero-screen .hero-art{order:-1}
  .hero-screen .hero-art-svg{width:min(340px,64vw)}
  .hero-screen .kicker{border-left:none;padding-left:0}
  .spot{grid-template-columns:1fr;gap:36px}
  .spot-stage{min-height:420px}
}
@media (max-width:640px){
  main section{padding:104px 0}
  .section-head{margin-bottom:52px}
  .hero-screen h1{font-size:clamp(24px,7vw,40px)}
  .spot-stage{min-height:320px;padding:30px 26px}
  .spot-stage .stage-name{font-size:30px}
  .spot-specs li{grid-template-columns:1fr;gap:4px}
  .cta-band{padding:52px 28px}
}

/* ========== 8) 尊重减动效偏好 ========== */
@media (prefers-reduced-motion:reduce){
  html.js-v10 .hero-screen .kicker,
  html.js-v10 .hero-screen h1 .w,
  html.js-v10 .hero-screen .lead .w,
  html.js-v10 .hero-screen .hero-actions{opacity:1;transform:none;transition:none}
  body.js-ready .reveal .w{opacity:1;transform:none}
}


/* ---- v10d：产品中心纯索引卡（三层分离） ---- */
.product-card.p-index{gap:22px;min-height:240px}
.p-nodetail{font-size:13px;color:rgba(255,255,255,.42)}

/* =========================================================
   v10j：首屏 hero 横幅式标语 + 精密机械臂（20261013 老板整改）
   ①两条标语横排加长：横幅式大字、字距拉开、横向展开（不上下排方块）
   ②标语独立文案：机械臂动画独立层，不与标语布局联动
   ③机械臂重做：多段关节 + 液压杆/齿轮联动、金属装甲、四段动作循环
   v10r：hero 改为「左：两行上下排左对齐标语（第二行缩进）/ 右：转圈光环动感主体」
   深底 #0d0d0f + 暖金 #b98a4e；禁廉价粒子/光晕堆砌
   ========================================================= */
.hero-screen .hero-inner{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  grid-template-rows:auto;
  align-items:center;justify-items:start;
  gap:clamp(30px,5vw,72px);
  width:100%;
  min-height:min(100vh,960px);
  padding-top:clamp(16px,2.6vh,40px);
  padding-bottom:clamp(12px,2.0vh,26px);
}
/* 左列：两行上下排标语（h1 + h2）+ lead + CTA，整体左中对齐 */
.hero-screen .hero-tl{
  grid-column:1;grid-row:1;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:clamp(10px,1.6vh,20px);
  text-align:left;width:100%;max-width:min(640px,100%);
  align-self:center;
}
.hero-screen .hero-tl h1{
  font-size:clamp(28px,3.4vw,52px);
  font-weight:600;letter-spacing:.08em;line-height:1.12;
  font-family:var(--font-display);
  color:var(--tx,#f5efe2);
  margin:0;
  white-space:nowrap;
  text-indent:0;
}
/* v10r：第二行上下排、左侧空出缩进（与第一行首字错开） */
.hero-screen .hero-tl h2{
  font-size:clamp(28px,3.4vw,52px);
  font-weight:600;letter-spacing:.08em;line-height:1.35;
  font-family:var(--font-display);
  color:rgba(245,239,226,.88);
  margin:0 0 2px;
  /* v10r9: 与 h1 同字号；缩进 4.32em = h1 前4字 + 4×.08em 字距，「把」对齐「给」正下方 */
  margin-left:3.52em;
  white-space:nowrap;
  text-indent:0;
}
/* AI 两字金色渐变（拆词后最后两字） */
.hero-screen .hero-tl h1 .w:nth-last-child(2),
.hero-screen .hero-tl h1 .w:last-child{
  background:linear-gradient(120deg,#f2dc9d 0%,#e6c489 42%,#b98a4e 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
/* v10r9: 「自己」两字同款变色（仅变色，不加字体样式） */
.hero-screen .hero-tl h2 .w:nth-last-child(2),
.hero-screen .hero-tl h2 .w:last-child{
  background:linear-gradient(120deg,#f2dc9d 0%,#e6c489 42%,#b98a4e 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
/* 右列：转圈光环动感主体 Canvas（独立层，不跟标语走） */
.hero-screen .hero-center{
  grid-column:2;grid-row:1;position:relative;
  align-self:stretch;justify-self:stretch;
  width:100%;min-height:min(86vh,940px);
  display:flex;align-items:center;justify-content:center;
}
.hero-screen .robotic-hand{
  width:100%;height:100%;
  display:block;pointer-events:none;z-index:0;
  /* v10p：对比度/饱和度增强 → 高光更锐、暗部更深，消除哑光塑料感 */
  filter:contrast(1.30) saturate(1.14) brightness(1.03);
}
/* v10p：未来风底衬——极淡金色工程网格 + 暖光地台（不改深底暖金配色，靠光影构图造科技感） */
.hero-screen .hero-center::before{
  content:"";position:absolute;inset:6% 2%;
  background:
    linear-gradient(rgba(185,138,78,.05) 1px,transparent 1px) 0 0/100% 54px,
    linear-gradient(90deg,rgba(185,138,78,.038) 1px,transparent 1px) 0 0/54px 100%;
  -webkit-mask-image:radial-gradient(ellipse 70% 66% at 50% 46%,#000 26%,transparent 74%);
  mask-image:radial-gradient(ellipse 70% 66% at 50% 46%,#000 26%,transparent 74%);
  pointer-events:none;z-index:0;
}
.hero-screen .hero-center::after{
  content:"";position:absolute;left:50%;bottom:0;width:min(620px,86%);height:110px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse 50% 100% at 50% 100%,rgba(185,138,78,.16),transparent 70%);
  filter:blur(6px);pointer-events:none;z-index:0;
}
/* 左列底部：lead + CTA（随标语左对齐，不右沉） */
.hero-screen .hero-tl .lead{
  font-size:clamp(14px,1.15vw,17px);line-height:1.75;
  color:rgba(255,255,255,.66);margin:clamp(6px,1vh,14px) 0 0;
  max-width:min(44em,96%);
}
.hero-screen .hero-tl .hero-actions{justify-content:flex-start;margin-top:clamp(6px,1vh,12px)}
/* 揭幕时序 v10j/v10r：h1 → h2 → 动画 → lead/CTA */
html.js-v10 .hero-screen .hero-center{opacity:0;transform:none;transition:opacity 1.4s var(--v10-ease)}
html.js-v10 .hero-screen .hero-tl h1 .w,
html.js-v10 .hero-screen .hero-tl h2 .w{opacity:0;transform:translateY(26px);transition:opacity .9s var(--v10-ease),transform .9s var(--v10-ease)}
html.js-v10.splash-on .hero-screen .hero-tl h1 .w{opacity:1;transform:none;transition-delay:.30s}
html.js-v10.splash-on .hero-screen .hero-tl h1 .w:nth-child(3n){transition-delay:.36s}
html.js-v10.splash-on .hero-screen .hero-tl h2 .w{opacity:1;transform:none;transition-delay:.46s}
html.js-v10.splash-on .hero-screen .hero-tl h2 .w:nth-child(3n){transition-delay:.52s}
html.js-v10.splash-on .hero-screen .hero-center{opacity:1;transition-delay:.42s}
/* 移动端：单列下排，文字在上（仍左对齐）、动画在下，不溢出不压字 */
@media (max-width:1024px){
  .hero-screen .hero-inner{
    grid-template-columns:1fr;grid-template-rows:auto auto;
    min-height:auto;text-align:left;justify-items:start;gap:clamp(16px,3vh,28px);
    padding-top:clamp(18px,3.2vh,34px);
  }
  .hero-screen .hero-tl{grid-column:1;grid-row:1;justify-self:start;text-align:left;max-width:640px}
  .hero-screen .hero-tl h2{margin-left:3.52em}
  .hero-screen .hero-center{grid-column:1;grid-row:2;min-height:clamp(320px,52vh,460px);align-self:center}
  .hero-screen .hero-tl .lead{max-width:560px}
  .hero-screen .hero-tl .hero-actions{justify-content:flex-start}
}
@media (max-width:640px){
  .hero-screen .hero-inner>div:first-child{align-items:flex-start}
  .hero-screen .hero-tl h1{font-size:clamp(24px,6.4vw,36px);letter-spacing:.05em}
  .hero-screen .hero-tl h2{font-size:clamp(24px,6.4vw,36px);letter-spacing:.05em;white-space:normal;margin-left:clamp(81.6px,21.76vw,122.4px)}
  .hero-screen .hero-center{min-height:clamp(260px,44vh,360px)}
}
@media (prefers-reduced-motion:reduce){
  html.js-v10 .hero-screen .hero-center,
  html.js-v10 .hero-screen .hero-tl h1 .w,
  html.js-v10 .hero-screen .hero-tl h2 .w{opacity:1;transform:none;transition:none}
}

/* =========================================================
   v10r18：整体排版与视觉优化（20261013 r18 部署）
   ①hero「了解产品」按钮移至右列 canvas 右下并放大一圈
   ②政策页删版本行（HTML 层处理，CSS 无涉）
   ③全站字体层级：正文适度放大、标题更凸显、金色点缀强化
   ④about.html 排版整理（内容不动，仅层级/间距）
   ========================================================= */

/* ---- ① hero 按钮：右列右下角，放大一圈 + 暖金描边 ---- */
.hero-screen .hero-center{min-height:clamp(240px,38vh,320px)}
.hero-screen .hero-center .hero-actions{
  position:absolute;
  right:clamp(24px,4vw,64px);
  bottom:clamp(24px,5vh,56px);
  margin:0;
  justify-content:flex-end;
  z-index:3;
}
.hero-screen .hero-center .hero-actions .btn-ghost{
  height:66px;
  padding:0 50px;
  font-size:18px;
  letter-spacing:.08em;
  border:1.5px solid rgba(185,138,78,.55);
  color:var(--gold-2,#e6c489);
  background:rgba(13,13,15,.55);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 1px rgba(185,138,78,.12);
}
.hero-screen .hero-center .hero-actions .btn-ghost:hover{
  background:rgba(185,138,78,.14);
  border-color:var(--gold-2,#e6c489);
  color:#f2dc9d;
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px rgba(185,138,78,.25);
}
@media (max-width:1024px){
  .hero-screen .hero-center .hero-actions{right:18px;bottom:18px}
}
@media (max-width:640px){
  .hero-screen .hero-center{min-height:clamp(200px,34vh,280px)}
  .hero-screen .hero-center .hero-actions{right:12px;bottom:24px}
  .hero-screen .hero-center .hero-actions .btn-ghost{height:54px;padding:0 34px;font-size:16px}
}

/* ---- ③ 全站字体层级：放大正文、凸显标题、金色强调 ---- */
.hero-screen .hero-tl h1{font-size:clamp(32px,4vw,62px)}
.hero-screen .hero-tl h2{font-size:clamp(32px,4vw,62px)}
.hero-screen .hero-tl .lead{font-size:clamp(16.5px,1.5vw,20px);color:rgba(255,255,255,.72)}
.section-head .note{font-size:17.5px;color:rgba(255,255,255,.72)}
.spot-panel .lead-line{font-size:18.5px;color:rgba(255,255,255,.74)}
.spot-specs li{font-size:16px}
.spot-specs li b{color:var(--gold-2,#e6c489)}
.frame b{font-size:18px}
.frame p{font-size:15px}
.frame .idx{font-size:13px}
.value b{font-size:19px}
.value p{font-size:15.5px}
.value .idx{font-size:13px}
.lead-p{font-size:clamp(22px,2.5vw,30px)}
.tl b{font-size:15px;color:var(--gold-2,#e6c489);letter-spacing:.16em}
.tl p{font-size:17px;line-height:1.85;color:rgba(255,255,255,.72)}
.p-slogan{font-size:16px}
.mega-cell b{font-size:15.5px}
.mega-cell span{font-size:13.5px}
.stage-sub{font-size:15px}
.cta-band p{font-size:16px;color:rgba(255,255,255,.66)}
.doc-head h1{font-size:clamp(36px,4.4vw,52px)}
.doc-head .kicker{font-size:13px}
.doc-head p{font-size:16px;color:rgba(255,255,255,.6)}
.doc-body{font-size:16.5px;color:rgba(255,255,255,.72)}
.doc-body h2{font-size:25px;color:#f2efe9}
.doc-body p{margin-bottom:18px}
.doc-body ul li{font-size:16px;line-height:1.85}

/* ---- ④ about.html 排版整理：层级/间距收敛（内容不动） ---- */
.page-about .hero-screen{min-height:86vh}
.page-about .hero-screen .hero-inner{padding-top:clamp(40px,7vh,80px);padding-bottom:clamp(32px,6vh,64px);min-height:min(86vh,860px)}
.page-about .hero-screen h1{font-size:clamp(34px,4.6vw,64px);line-height:1.16;font-family:var(--font-display)}
.page-about .hero-screen h1 em{color:var(--gold-2,#e6c489)}
.page-about .hero-screen .lead{font-size:clamp(16.5px,1.5vw,20px);max-width:34em;color:rgba(255,255,255,.72)}
.page-about .scroll-hint{opacity:.78;font-size:14px;letter-spacing:.18em}
.page-about .split{gap:clamp(40px,6vw,88px)}
.page-about .sticky-col h3{font-family:var(--font-display);font-size:clamp(24px,2.6vw,32px);color:#f2efe9;letter-spacing:.02em;margin-bottom:18px}
.page-about .sticky-col .lead-p{margin-bottom:16px}
.page-about .sticky-col>p:not(.lead-p){font-size:17px;line-height:1.9;color:rgba(255,255,255,.74);max-width:30em}
.page-about .timeline{border-top:1px solid rgba(255,255,255,.12)}
.page-about .tl{grid-template-columns:110px 1fr;gap:22px;padding:30px 0}
.page-about .tl p{max-width:40em}
.page-about .values{gap:22px}
.page-about .value{padding:34px 30px}
.page-about .value b{margin-bottom:12px}
@media (max-width:900px){
  .page-about .hero-screen .hero-inner{gap:24px}
  .page-about .timeline{margin-top:8px}
}
@media (max-width:640px){
  .page-about .hero-screen h1{font-size:clamp(28px,6.6vw,38px)}
  .page-about .tl{grid-template-columns:1fr;gap:6px;padding:22px 0}
}

/* =========================================================
   v10r19：产品中心极简卡（20261013 r19 部署）
   ①去掉卡内说明文字（.p-slogan 已由 JS 不再渲染，此处不再设样式）
   ②卡内 logo + 软件名做大、垂直居中排布（视觉主体 = logo + 名字）
   ③整卡保持可点（a.product-card.p-index 不变），响应式不破坏
   ========================================================= */
.product-card.p-index{
  justify-content:center;
  align-items:center;
  gap:20px;
  min-height:300px;
}
.product-card.p-index .p-head{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:22px;
}
.product-card.p-index .p-logo{
  height:96px;
  width:auto;
}
.product-card.p-index .p-head h3{
  font-size:clamp(34px,3.6vw,52px);
  line-height:1.15;
  letter-spacing:.03em;
}
@media (max-width:640px){
  .product-card.p-index{
    min-height:220px;
    gap:14px;
    padding:34px 24px;
  }
  .product-card.p-index .p-logo{height:72px}
  .product-card.p-index .p-head{gap:16px}
  .product-card.p-index .p-head h3{font-size:clamp(28px,7vw,38px)}
}
/* v10r21: products 页 cta-band 移除副文案后，缩小上下留白保持视觉平衡 */
.lumi-chapter[data-ch="01"] .cta-band{padding-top:60px;padding-bottom:60px}
@media (max-width:640px){
  .lumi-chapter[data-ch="01"] .cta-band{padding-top:44px;padding-bottom:44px}
}

/* =========================================================
   v10r22：老板三处改造（20261013 r22 部署）
   ①首页 hero「了解产品」按钮移到右侧图形正下方右下角（与左侧文字区大致水平对齐）
   ②products 页去掉横贯分割线与 01/02 页码编号（仅 page-products 生效，不影响 about/cloud/browser）
   ========================================================= */
/* ① hero 按钮：右列 canvas 铺满上部，按钮占据图形下方右下区域 */
html.js-v10 .hero-screen .hero-center{
  flex-direction:column;
  justify-content:flex-end;
  padding-bottom:clamp(16px,3.2vh,42px);
}
.hero-screen .robotic-hand{
  position:static;
  width:100%;height:100%;
  flex:1 1 auto;align-self:center;
}
.hero-screen .hero-center .hero-actions{
  position:relative;right:auto;bottom:auto;
  margin:0 0 0 auto;
  margin-right:clamp(14px,2.2vw,42px);
}
@media (max-width:1024px){
  .hero-screen .hero-center .hero-actions{margin-right:clamp(10px,2vw,20px)}
}
@media (max-width:640px){
  .hero-screen .hero-center .hero-actions{margin-right:8px}
}
/* ② products 页：去分割线 + 去页码编号（body.page-products 仅 products.html 命中） */
body.page-products main section{border-top:none}
body.page-products section.lumi-chapter::before{content:none}

/* =========================================================
   v10r23：老板两处改造（20261013 r23 部署）
   ①「了解产品」按钮从右列移到左列 h2「把时间还给自己」正下方（垂直排列）
   ②首页 hero 删除 p.lead 小字（全面门面，不限定内容团队）
   ========================================================= */
/* ① hero-center 恢复纯 canvas 居中（取消 r22 按钮右下布局） */
html.js-v10 .hero-screen .hero-center{
  flex-direction:row;
  justify-content:center;
  padding-bottom:0;
}
.hero-screen .robotic-hand{
  position:static;
  width:100%;height:100%;
  flex:1 1 auto;align-self:center;
}
/* 按钮移至 hero-tl：跟随 h2 缩进对齐，保留 r18 放大金色风格 */
.hero-screen .hero-tl .hero-actions{
  margin-left:clamp(112px,14.08vw,218px);
  justify-content:flex-start;
  margin-top:clamp(6px,1.2vh,14px);
}
.hero-screen .hero-tl .hero-actions .btn-ghost{
  height:66px;
  padding:0 50px;
  font-size:18px;
  letter-spacing:.08em;
  border:1.5px solid rgba(185,138,78,.55);
  color:var(--gold-2,#e6c489);
  background:rgba(13,13,15,.55);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 1px rgba(185,138,78,.12);
}
.hero-screen .hero-tl .hero-actions .btn-ghost:hover{
  background:rgba(185,138,78,.14);
  border-color:var(--gold-2,#e6c489);
  color:#f2dc9d;
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px rgba(185,138,78,.25);
}
@media (max-width:1024px){
  .hero-screen .hero-tl .hero-actions{justify-content:center;margin-left:0;width:100%}
}
@media (max-width:640px){
  .hero-screen .hero-tl .hero-actions{justify-content:center;margin-left:0}
  .hero-screen .hero-tl .hero-actions .btn-ghost{height:54px;padding:0 34px;font-size:16px}
}