/* ══════════════════════════════════════════════════════
   宋体网络字体 · 思源宋体 SC 子集（SIL OFL，可自由分发）
   自托管而非 Google Fonts —— 国内访问 fonts.gstatic.com 不通。
   两级分片：首屏 12 字单独 3KB，其余 782 字 130KB 延后加载。
   声明顺序不可颠倒：同 family 多个 @font-face 命中同一字符时，
   后声明者优先，A 必须在 B 之后。
   ══════════════════════════════════════════════════════ */
/* B · 其余字形 */
@font-face{
  font-family:"WY Serif";
  src:url("../font/serif-b.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0020-007E,U+00B7,U+00D7,U+2014,U+2018-201D,U+2026,U+3001-303F,U+4E00-9FFF,U+FF01-FF5E,U+FF0C;
}
/* A · 首屏「源于南极，抵达每一天」+「文鳐」，3KB */
@font-face{
  font-family:"WY Serif";
  src:url("../font/serif-a.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+4E00,U+4E8E,U+5357,U+5929,U+62B5,U+6587,U+6781,U+6BCF,U+6E90,U+8FBE,U+9CD0,U+FF0C;
}

/* ══════════════════════════════════════════════════════
   文鳐健康 WENYAO — 官网
   风格参照 mont-fort.com：电影感全屏叙事 / 极简排版 / 冷色调
   ══════════════════════════════════════════════════════ */

:root{
  /* ══ C1「极昼 Polar Day」暖白体系 ══
     底翻成暖奶油白，强调色提亮保住南极资产，新增暖金接东方蜂养。
     旧的 --ink/--paper/--mist 语义名保留，值全部翻转，
     这样各节不必逐条改引用，只在深色节做定点覆盖。 */
  --brand:#0E7FA8;        /* 通透冰蓝 · 主强调 */
  --brand-lt:#1BA0CE;     /* 亮冰蓝 */
  --glow:#0B6E93;         /* 浅底上的小字强调 —— --brand 只有 4.08:1，这档 5.14:1 才过 AA */
  --glow-dk:#8FD4E8;      /* 深色节里用的亮冰蓝 */
  --sun:#C8871F;          /* 暖金 · 东方蜂养 */
  --sun-lt:#E4B565;

  --ink:#F7F2EA;          /* ← 原深底，现为暖奶油白主底 */
  --ink-2:#EFE8DD;        /* ← 原次深底，现为次底 */
  --ocean:#E7DFD2;        /* ← 原暗角，现为更深一档的暖白 */
  --paper:#33302B;        /* ← 原浅字，现为暖深褐主文字 */
  --paper-2:#4A463F;
  --mist:#6E665A;         /* 次要文字 · 实测 5.2:1(主底) / 4.8:1(次底)，均过 WCAG AA */
  --line:rgba(51,48,43,.14);
  --line-dk:rgba(51,48,43,.14);
  --red:#B3121B;

  /* 深色节专用（南极48区 / 东方蜂养 保留深色做节奏对比）*/
  --dk:#0E2530;
  --dk-2:#143544;
  --dk-txt:rgba(240,236,228,.86);
  --dk-mist:rgba(240,236,228,.56);
  --dk-line:rgba(255,255,255,.14);

  --f-cn:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;
  --f-song:"WY Serif","Source Han Serif SC","Noto Serif SC","Songti SC","STSong",serif;
  --f-en:"Helvetica Neue",Helvetica,Arial,"PingFang SC",sans-serif;
  --f-se:var(--f-song);

  --pad:clamp(20px,5vw,90px);
  --ease:cubic-bezier(.22,1,.36,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--ink);color:var(--paper);
  font-family:var(--f-cn);font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.is-locked{overflow:hidden}
/* ── 琉璃底：整页一条连续极淡渐变（暖米→冷白）+ 双侧微彩晕 + 细噪点防条带，浅色区块全部透明，区块间零硬切换 ── */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(52% 42% at 88% -4%,rgba(200,135,31,.05) 0%,rgba(200,135,31,0) 70%),
    radial-gradient(46% 38% at -6% 102%,rgba(14,127,168,.04) 0%,rgba(14,127,168,0) 70%),
    linear-gradient(168deg,#FAF4E8 0%,#F7F2EA 34%,#F4F1E8 68%,#F0EEE5 100%);
}
body::after{ /* 釉面细噪点 */
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}

::selection{background:var(--brand-lt);color:#fff}

/* ═══════════ 键盘可达性 ═══════════ */
/* 自定义光标会隐藏系统指针，键盘用户必须有明确的焦点指示 */
:focus{outline:none}
:focus-visible{
  outline:2px solid var(--glow);
  outline-offset:4px;
  border-radius:2px;
}
/* 跳至主内容 */
.skip{
  position:fixed;left:var(--pad);top:14px;z-index:10000;
  padding:10px 18px;background:var(--paper);color:var(--ink);border-radius:999px;
  font-size:13px;letter-spacing:.08em;border-radius:2px;
  transform:translateY(-160%);transition:transform .3s var(--ease);
}
.skip:focus-visible{transform:translateY(0)}

/* 通用小标签 */
.eyebrow{
  display:inline-block;font-family:var(--f-en);
  font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--mist);font-weight:400;
}

/* 滚动进场 */
/* 只淡入、不位移：整页的编排动效预算集中在首屏一次，滚动进场保持安静。
   见 DESIGN.md §1.5 —— 每节 fade-up 是最容易读出「AI 生成」的默认动效。 */
.reveal{
  opacity:0;
  transition:opacity .9s var(--ease);
}
.reveal.in{opacity:1}

/* ═══════════ PRELOADER ═══════════ */
.loader{
  position:fixed;inset:0;z-index:9999;background:var(--ink);color:var(--paper);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;
  transition:opacity .9s var(--ease),visibility .9s;
}
.loader.done{opacity:0;visibility:hidden}
.loader__mark svg{width:clamp(72px,7vw,96px);height:clamp(72px,7vw,96px);display:block}
.loader__mark .lm{fill:#8E8367}   /* 规范：浅底一律暖灰金 */
/* 三个笔画依次浮现（不用 clip-path —— Safari 对 SVG 元素的 CSS clip-path 表现不一致） */
.loader__mark .lm path{
  transform-box:fill-box;transform-origin:50% 50%;
  animation:strokeIn .78s var(--ease) both;
}
.loader__mark .lm__a{animation-delay:.10s}
.loader__mark .lm__b{animation-delay:.30s}
.loader__mark .lm__tri{animation-delay:.62s}
@keyframes strokeIn{
  from{opacity:0;transform:translateY(46px) scale(.9)}
  to{opacity:1;transform:none}
}
.loader__meta{display:flex;align-items:baseline;gap:22px;font-family:var(--f-en)}
.loader__label{font-size:10px;letter-spacing:.42em;color:var(--mist)}
.loader__num{font-size:12px;letter-spacing:.1em;color:var(--paper);font-variant-numeric:tabular-nums}
.loader__bar{width:min(220px,40vw);height:1px;background:var(--line)}
.loader__bar i{display:block;height:100%;width:0;background:var(--paper)}

/* ═══════════ HEADER ═══════════ */
.hdr{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--pad);
  transition:transform .6s var(--ease),background .5s var(--ease),padding .5s var(--ease);
  color:var(--paper);               /* C1 首屏为暖白底，导航用深褐 */
  mix-blend-mode:normal;
}
.hdr.up{transform:translateY(-110%)}
/* 离开首屏：暖白毛玻璃实底 + 深褐字（首屏是浅色的，白字会看不见）*/
.hdr.solid{
  background:rgba(247,242,234,.86);
  backdrop-filter:saturate(1.6) blur(14px);
  -webkit-backdrop-filter:saturate(1.6) blur(14px);
  color:var(--paper);
  padding:15px var(--pad);
  box-shadow:0 1px 0 var(--line);
}
.hdr.solid .hdr__burger i{background:var(--paper)}
.hdr__logo{display:flex;align-items:center;gap:12px}
/* 横版组合标志（含字标）——比例与字距由品牌规范定死，不用 CSS 模拟 */
.hdr__logoimg{height:clamp(30px,3.1vw,40px);width:auto;display:block}
.hdr.solid .hdr__logoimg{height:clamp(26px,2.6vw,34px)}
.hdr__wm{display:flex;align-items:baseline;gap:9px}
.hdr__wm b{font-family:var(--f-se);font-weight:400;font-size:17px;letter-spacing:.14em}
.hdr__wm i{font-family:var(--f-en);font-style:normal;font-size:9.5px;letter-spacing:.3em;color:currentColor;opacity:.72}
.hdr__nav{display:flex;gap:34px}
.hdr__nav a{
  font-size:12.5px;letter-spacing:.16em;opacity:.78;
  position:relative;padding-bottom:3px;transition:opacity .35s;
}
.hdr__nav a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:0;
  background:currentColor;transition:width .45s var(--ease);
}
.hdr__nav a:hover{opacity:1}
.hdr__nav a:hover::after{width:100%}
.hdr__burger{display:none;background:none;border:0;cursor:pointer;width:26px;height:16px;position:relative}
.hdr__burger i{position:absolute;left:0;width:100%;height:1px;background:currentColor;transition:.4s var(--ease)}
.hdr__burger i:first-child{top:3px}
.hdr__burger i:last-child{bottom:3px}
body.menu-open .hdr__burger i:first-child{top:7px;transform:rotate(45deg)}
body.menu-open .hdr__burger i:last-child{bottom:8px;transform:rotate(-45deg)}

/* ═══════════ MENU OVERLAY ═══════════ */
.menu{
  position:fixed;inset:0;z-index:190;background:var(--ink-2);color:var(--paper);
  clip-path:inset(0 0 100% 0);
  transition:clip-path .8s var(--ease);
  display:flex;align-items:center;
}
body.menu-open .menu{clip-path:inset(0 0 0 0)}
.menu__inner{width:100%;padding:0 var(--pad)}
.menu__list li{
  border-top:1px solid var(--line);
  display:flex;align-items:baseline;gap:26px;
  opacity:0;transform:translateY(20px);
  transition:opacity .7s var(--ease),transform .7s var(--ease);
}
body.menu-open .menu__list li{opacity:1;transform:none}
.menu__list li:nth-child(1){transition-delay:.15s}
.menu__list li:nth-child(2){transition-delay:.21s}
.menu__list li:nth-child(3){transition-delay:.27s}
.menu__list li:nth-child(4){transition-delay:.33s}
.menu__list li:nth-child(5){transition-delay:.39s}
.menu__list li:nth-child(6){transition-delay:.45s}
.menu__list li:nth-child(7){transition-delay:.51s}
.menu__list span{font-family:var(--f-en);font-size:10px;letter-spacing:.24em;color:var(--mist)}
.menu__list a{
  flex:1;display:flex;align-items:baseline;justify-content:space-between;
  padding:clamp(14px,2.4vw,26px) 0;
  font-family:var(--f-song);font-size:clamp(24px,4.4vw,52px);font-weight:400;letter-spacing:.06em;
  transition:color .4s,padding-left .5s var(--ease);
}
.menu__list a:hover{padding-left:18px;color:var(--brand)}
.menu__list em{font-family:var(--f-en);font-style:normal;font-size:11px;letter-spacing:.28em;color:var(--mist)}
.menu__foot{margin-top:46px;font-family:var(--f-en);font-size:10.5px;letter-spacing:.16em;color:var(--mist);line-height:1.9}

/* ═══════════ HERO · C1 ═══════════ */
/* 布局反转：不再是「满屏图压白字」那套所有企业站都在用的套路。
   暖白占上 2/3 承载排版，冰海退到下半屏做圆角切图 —— 
   信息层与情绪层分开，标题不必再和照片抢对比度。 */
.hero{
  position:relative;min-height:100svh;
  display:flex;flex-direction:column;
  
  padding-top:clamp(118px,17vh,196px);
  overflow:hidden;
}
.hero__head{text-align:center;padding:0 var(--pad);position:relative;z-index:2}
.hero__brow{
  font-family:var(--f-en);font-size:clamp(10px,.85vw,12px);
  letter-spacing:.28em;color:var(--mist);
  opacity:0;animation:htIn 1.2s var(--ease) .15s forwards;
}
.hero__title{
  font-family:var(--f-song);font-weight:400;
  font-size:clamp(38px,7.4vw,112px);
  line-height:1.08;letter-spacing:-.045em;   /* 负字距 —— 大字号宋体的分量来源 */
  color:var(--paper);
  margin-top:clamp(18px,2.6vh,30px);
}
.hero__title .ht{
  display:inline-block;
  opacity:0;transform:translateY(.34em);
  animation:htIn 1.35s var(--ease) forwards;
}
.hero__title .ht:nth-child(1){animation-delay:.24s}
.hero__title .ht:nth-child(2){animation-delay:.34s}
@keyframes htIn{to{opacity:1;transform:none}}
.hero__cn{
  margin-top:clamp(16px,2.4vh,26px);
  font-size:clamp(13px,1.35vw,19px);letter-spacing:.02em;color:var(--mist);
  opacity:0;animation:htIn 1.4s var(--ease) .62s forwards;
}
.hero__act{
  margin-top:clamp(26px,3.6vh,42px);
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  opacity:0;animation:htIn 1.2s var(--ease) .82s forwards;
}
/* 圆角切图：只切上两角，视觉上像从页面底部「浮起来」 */
.hero__bg{
  margin-top:auto;padding:clamp(30px,4.4vh,54px) var(--pad) 62px;
  opacity:0;animation:heroImg 1.5s var(--ease) .5s forwards;
}
.hero__bg div{border-radius:22px 22px 0 0;overflow:hidden}
.hero__bg img{
  width:100%;height:clamp(214px,42vh,468px);object-fit:cover;object-position:50% 58%;
  transform:scale(1.06);animation:kb 24s ease-out .5s forwards;
}
@keyframes kb{to{transform:scale(1)}}
@keyframes heroImg{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}

.hero__scroll{
  position:absolute;left:var(--pad);bottom:26px;z-index:3;
  display:flex;align-items:center;gap:16px;
  opacity:0;animation:htIn 1.2s var(--ease) 1.15s forwards;
}
.hero__scrollTxt{font-family:var(--f-en);font-size:9.5px;letter-spacing:.32em;color:rgba(51,48,43,.55)}
.hero__scrollLine{display:block;width:58px;height:1px;background:rgba(51,48,43,.22);overflow:hidden}
.hero__scrollLine i{display:block;height:100%;width:40%;background:var(--paper);animation:slide 2.4s var(--ease) infinite}
@keyframes slide{0%{transform:translateX(-100%)}60%,100%{transform:translateX(250%)}}
.hero__corner{
  position:absolute;right:var(--pad);bottom:26px;z-index:3;text-align:right;
  font-family:var(--f-en);font-size:9.5px;letter-spacing:.2em;line-height:2.1;
  color:rgba(51,48,43,.5);
  opacity:0;animation:htIn 1.2s var(--ease) 1.3s forwards;
}
.hero__corner p:first-child{font-family:var(--f-cn);letter-spacing:.14em;color:rgba(51,48,43,.72)}

@media (max-width:760px){
  .hero{padding-top:clamp(96px,14vh,140px)}
  .hero__bg img{height:clamp(210px,38vh,320px)}
  .hero__scroll{display:none}
}

/* ═══════════ 01 STATEMENT ═══════════ */
/* 原本是「暴风雨雪山 + 白字」：素材本身传递的是风险与压抑，
   与「诚信 / 效率 / 自然」的文案完全相反。改为暖白纯排版 —— 
   宣言节不需要照片撑场，大字宋体自己就是画面。
   底部图位留给「家庭餐桌」实拍，把南极和餐桌真正接上。 */
.stmt{
  position:relative;color:var(--paper);
  min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(96px,13vh,160px) var(--pad) clamp(70px,10vh,128px);overflow:hidden;
}
/* 右上角一团极淡的冰蓝辉光，避免整屏死白 */
.stmt::after{
  content:"";position:absolute;right:-8%;top:-14%;width:56%;height:62%;
  background:radial-gradient(circle at 60% 40%,rgba(14,127,168,.09),transparent 66%);
  pointer-events:none;
}
.stmt__bg,.stmt__veil{display:none}          /* 旧的暴风雨底图与遮罩停用 */
.stmt__label{position:relative;display:flex;align-items:center;gap:20px;margin-bottom:clamp(30px,5vh,58px)}
.stmt__label .rule{flex:1;height:1px;background:var(--line);max-width:220px}
.stmt__body{position:relative;max-width:1180px}
.stmt__body h2{
  font-family:var(--f-song);font-weight:400;
  font-size:clamp(30px,5.2vw,74px);line-height:1.28;letter-spacing:-.04em;
  text-wrap:balance;
}
.stmt__body p.dim{
  color:var(--mist);font-size:clamp(15px,1.6vw,22px);line-height:1.9;
  margin-top:.5em;max-width:30em;text-wrap:pretty;
}
.stmt__body p.dim:first-of-type{margin-top:clamp(26px,4vh,46px)}
.stmt__meta{
  position:relative;margin-top:clamp(48px,8vh,100px);
  display:flex;flex-wrap:wrap;gap:clamp(28px,6vw,90px);
  padding-top:24px;border-top:1px solid var(--line);
}
.stmt__img{
  position:relative;margin-top:clamp(40px,6vh,74px);
  border-radius:20px;overflow:hidden;
}
.stmt__img img{width:100%;height:clamp(230px,38vh,440px);object-fit:cover;object-position:50% 54%}
.stmt__meta b{display:block;font-weight:500;font-size:14px;letter-spacing:.06em}
.stmt__meta span{display:block;margin-top:5px;font-family:var(--f-en);font-size:9.5px;letter-spacing:.26em;color:var(--mist)}

/* ═══════════ 03 SOURCE / 南极48区 ═══════════ */
.source{
  /* 全站唯一保留的深色节：极夜星空最适合承载 48 区示意图，
     也给通篇暖白一个呼吸的重音。局部重设变量，节内引用自动跟随。 */
  --ink:var(--dk);--ink-2:var(--dk-2);
  --paper:#F2EEE6;--mist:var(--dk-mist);
  --line:var(--dk-line);--glow:var(--glow-dk);
  background:var(--dk);color:var(--paper);
  position:relative;padding:clamp(64px,10vh,128px) var(--pad) clamp(70px,10vh,130px);overflow:hidden}
.source__bg{position:absolute;inset:0}
.source__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) hue-rotate(-12deg) brightness(.72)}
.source__veil{position:absolute;inset:0;background:radial-gradient(90% 70% at 62% 46%,rgba(26,117,144,.24),rgba(14,37,48,.91) 78%)}
.source__head{position:relative}
.source__head :is(h1,h2){font-family:var(--f-song);font-size:clamp(30px,4.4vw,60px);font-weight:400;line-height:1.24;letter-spacing:-.035em;margin-top:16px}
.source__head :is(h1,h2) em{
  display:block;font-family:var(--f-en);font-style:normal;
  font-size:.34em;letter-spacing:.32em;color:var(--mist);margin-top:.7em;
}
.source__lede{font-size:14.5px;line-height:2.05;color:var(--dk-txt);max-width:420px;text-wrap:pretty;margin-bottom:clamp(26px,4vh,46px)}

.source__map{
  position:relative;display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  align-items:center;gap:clamp(24px,5vw,70px);
  margin-top:clamp(24px,4vh,52px);
}
.source__side{position:relative}
.polar{width:100%;max-width:540px;margin:0 auto;display:block}
.polar .ring{fill:none;stroke:rgba(159,170,166,.2);stroke-width:1}
.polar .ring--dash{stroke-dasharray:2 8;stroke:rgba(159,170,166,.26)}
.polar .ring--60s{stroke-dasharray:9 6;stroke:rgba(159,170,166,.42)}
.polar .merid line{stroke:rgba(159,170,166,.13);stroke-width:1}
.polar .land{fill:rgba(228,240,238,.11);stroke:rgba(206,226,222,.5);stroke-width:1.2;stroke-linejoin:round}
.polar .polar__lat{font-family:var(--f-en);font-size:12px;letter-spacing:.16em;fill:rgba(159,170,166,.62)}
.polar .polar__note{font-family:var(--f-en);font-size:11px;letter-spacing:.24em;fill:rgba(159,170,166,.38)}
.polar .zone{
  fill:rgba(44,157,188,.19);stroke:rgba(150,222,240,.46);stroke-width:1;
  opacity:0;transform-origin:450px 450px;transform:scale(.9);
  transition:fill .45s,opacity .9s var(--ease),transform .9s var(--ease),stroke .45s;
  cursor:pointer;
}
.source.in .polar .zone{opacity:1;transform:none}
.source.in .polar .zone:nth-child(1){transition-delay:.10s}
.source.in .polar .zone:nth-child(2){transition-delay:.20s}
.source.in .polar .zone:nth-child(3){transition-delay:.30s}
.source.in .polar .zone:nth-child(4){transition-delay:.40s}
.source.in .polar .zone:nth-child(5){transition-delay:.50s}
.source.in .polar .zone:nth-child(6){transition-delay:.60s}
.polar .zone:hover,.polar .zone.hot{fill:rgba(44,157,188,.36);stroke:rgba(150,222,240,.96)}
.polar .zlabels text{
  font-family:var(--f-en);font-size:15px;letter-spacing:.14em;
  fill:rgba(232,240,245,.76);pointer-events:none;text-anchor:middle;
}
.polar .polar__cap{
  font-family:var(--f-en);font-size:15px;letter-spacing:.42em;
  fill:rgba(214,232,228,.42);
}
.polar .track{
  fill:none;stroke:rgba(150,222,240,.88);stroke-width:1.4;stroke-dasharray:5 5;
  stroke-dashoffset:400;animation:trk 9s linear infinite;
}
@keyframes trk{to{stroke-dashoffset:0}}
.polar .pulse{fill:#96DEF0;animation:pls 2.4s ease-out infinite}
@keyframes pls{0%{r:4;opacity:1}70%{r:16;opacity:0}100%{opacity:0}}

.source__legend{position:relative;display:flex;flex-direction:column;gap:2px}
.source__legend li{
  display:flex;align-items:baseline;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--line);
  font-size:13.5px;letter-spacing:.05em;cursor:default;
  transition:color .35s,padding-left .4s var(--ease);
}
.source__legend li:hover,.source__legend li.hot{padding-left:8px;color:var(--glow)}
.source__legend b{font-family:var(--f-en);font-weight:400;font-size:11px;letter-spacing:.14em;color:var(--mist);min-width:34px}
.source__legend span{margin-left:auto;font-family:var(--f-en);font-size:9.5px;letter-spacing:.16em;color:rgba(159,170,166,.62)}

.source__stats{
  position:relative;margin-top:clamp(40px,6vh,80px);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,3vw,44px);
  padding-top:26px;border-top:1px solid var(--line);
}
.stat b,.spec b{
  display:block;font-family:var(--f-en);font-weight:300;
  font-size:clamp(30px,4.4vw,62px);letter-spacing:.01em;line-height:1;
  font-variant-numeric:tabular-nums;
}
.stat span,.spec span{display:block;margin-top:12px;font-size:12.5px;letter-spacing:.1em;color:var(--paper);opacity:.85}
.stat i,.spec i{display:block;margin-top:4px;font-family:var(--f-en);font-style:normal;font-size:9px;letter-spacing:.24em;color:var(--mist)}

/* ═══════════ 04 CHAIN ═══════════ */
/* 原为「左竖图 + 右列表」两栏，两列高度对不上：1440×900 屏上第 5 步被挤出视口、
   左图同时被截掉一半。改为「标题 → 全宽横幅 → 横向五节点链路」，
   从左到右的阅读方向本身就是链路方向。 */
.chain{color:var(--paper);padding:clamp(64px,10vh,128px) var(--pad)}
.chain__head{max-width:760px}
.chain__head :is(h1,h2){font-family:var(--f-song);font-size:clamp(28px,3.8vw,52px);font-weight:400;letter-spacing:-.035em;margin:16px 0 20px}
.chain__head p{font-size:14.5px;line-height:2.05;color:var(--mist);max-width:560px;text-wrap:pretty}

.chain__banner{position:relative;margin:clamp(40px,6vh,72px) 0 clamp(34px,5vh,58px);overflow:hidden;border-radius:20px}
.chain__banner img{
  width:100%;height:clamp(240px,34vw,440px);object-fit:cover;object-position:50% 46%;
  filter:saturate(.95) contrast(1.02) brightness(1.04);
  transform:scale(1.02);transition:transform 1.6s var(--ease);
}
.chain__banner:hover img{transform:scale(1.06)}
.chain__banner figcaption{
  position:absolute;left:0;bottom:0;right:0;
  padding:52px clamp(16px,2vw,28px) 16px;
  background:linear-gradient(180deg,transparent,rgba(20,17,12,.72));
  font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.92);
}

/* 五节点横向链路：顶部一条贯穿线把节点串起来 */
.chain__banner--pair{margin-top:clamp(18px,2.6vh,30px)}
/* 洁净车间那张右侧是样品瓶、左侧是空车间：压太扁会把瓶子拦腰切断，
   取景须下移。图整体偏亮，图注压在最亮的地板上，底部渐变要比深蓝号那张更重。 */
.chain__banner--pair img{height:clamp(240px,32vw,430px);object-position:50% 72%}
.chain__banner--pair figcaption{
  background:linear-gradient(180deg,transparent,rgba(20,17,12,.30) 45%,rgba(20,17,12,.88));
  text-shadow:0 1px 3px rgba(20,17,12,.55);
}
.chain__flow{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:clamp(14px,2.2vw,34px);
  border-top:1px solid var(--line);
}
.chain__flow li{position:relative;padding:clamp(22px,2.6vw,34px) 0 0}
/* 节点圆点压在贯穿线上 */
.chain__flow li::before{
  content:"";position:absolute;left:0;top:-3.5px;
  width:7px;height:7px;border-radius:50%;
  background:var(--brand-lt);
  box-shadow:0 0 0 4px var(--ink-2);
}
.chain__flow li:last-child::before{background:var(--sun)}
.chain__no{
  display:block;font-family:var(--f-en);font-size:11px;letter-spacing:.2em;
  color:var(--glow);margin-bottom:14px;
}
.chain__flow h3{font-size:clamp(15px,1.35vw,19px);font-weight:300;letter-spacing:.04em;margin-bottom:12px}
.chain__flow p{font-size:13px;line-height:1.9;color:var(--mist)}
.chain__flow li:nth-child(2){transition-delay:.08s}
.chain__flow li:nth-child(3){transition-delay:.16s}
.chain__flow li:nth-child(4){transition-delay:.24s}
.chain__flow li:nth-child(5){transition-delay:.32s}

/* ═══════════ 05 KENI ═══════════ */
.keni{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 95% at 76% 26%,#FFFFFF 0%,#F7F2EA 44%,#EDE5D9 100%);
  color:var(--paper);
  padding:clamp(64px,10vh,128px) var(--pad);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  grid-template-areas:"head pack" "specs pack" "caps caps" "tri tri";
  gap:clamp(24px,4vw,60px) clamp(30px,6vw,80px);
  align-items:start;
}
.keni__veil{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 44% at 74% 32%,rgba(14,127,168,.10),transparent 70%);
}
.keni__head{grid-area:head;position:relative}
.keni__head :is(h1,h2){font-family:var(--f-song);font-size:clamp(32px,4.6vw,64px);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:16px 0 22px}
.keni__head :is(h1,h2) em{display:block;font-family:var(--f-en);font-style:normal;font-size:.3em;letter-spacing:.32em;color:var(--mist);margin-top:.8em}
.keni__head p{font-size:14.5px;line-height:2.05;color:var(--mist);max-width:420px;text-wrap:pretty}
.keni__pack{grid-area:pack;position:relative;display:flex;justify-content:center;align-items:center;min-height:420px}
.keni__pack img{
  position:relative;z-index:2;max-height:min(62vh,620px);width:auto;
  filter:drop-shadow(0 34px 54px rgba(51,48,43,.22));
}
.keni__ghost{
  position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);
  font-family:var(--f-en);font-weight:100;font-size:clamp(90px,15vw,240px);
  letter-spacing:.06em;color:rgba(51,48,43,.05);white-space:nowrap;
}
.keni__specs{
  grid-area:specs;position:relative;
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,40px);
  padding-top:26px;border-top:1px solid var(--line);
}
.keni__specs .spec b{font-size:clamp(28px,3.8vw,54px)}
.keni__caps{
  grid-area:caps;position:relative;
  margin-top:clamp(20px,4vh,48px);
  border-radius:20px;overflow:hidden;
}
.keni__caps img{width:100%;height:clamp(190px,26vw,340px);object-fit:cover;object-position:50% 62%}
.keni__tri{
  grid-area:tri;position:relative;
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,44px);
  margin-top:clamp(24px,5vh,60px);padding-top:30px;border-top:1px solid var(--line);
}
.keni__tri li b{display:block;font-size:17px;font-weight:400;letter-spacing:.06em}
.keni__tri li span{display:block;margin-top:6px;font-family:var(--f-en);font-size:9.5px;letter-spacing:.26em;color:var(--mist)}
.keni__tri li p{margin-top:14px;font-size:13.5px;line-height:1.95;color:var(--mist)}


/* ═══════════ 二级页：面包屑 ═══════════ */
/* 主页是公司层，产品细节下沉到 keni.html / honey.html。
   二级页没有满屏 hero，需要自己给固定 header 让出高度。 */
.crumb{
  padding:clamp(96px,12vh,132px) var(--pad) 0;
  font-family:var(--f-en);font-size:11.5px;letter-spacing:.14em;
  color:var(--mist);display:flex;align-items:center;gap:10px;
}
.crumb a{color:var(--mist);border-bottom:1px solid transparent;transition:.35s var(--ease)}
.crumb a:hover{color:var(--glow);border-bottom-color:currentColor}
.crumb span{opacity:.45}
.crumb b{font-weight:400;color:var(--paper)}
/* 面包屑之后紧接内容节，顶部内边距收掉，避免双份留白 */
.crumb + section{padding-top:clamp(26px,4vh,44px)!important}

/* ═══════════ 05 BRANDS / 品牌矩阵 ═══════════ */
/* 不对称栅格：磷虾油是核心业务且全链路自主可控，占主格；
   蜂产品由合作蜂场承接，占次格。视觉权重直接对应业务权重。 */
.brands{color:var(--paper);padding:clamp(64px,10vh,128px) var(--pad)}
.brands__head{max-width:820px;margin-bottom:clamp(40px,6vh,72px)}
.brands__head :is(h1,h2){
  font-family:var(--f-song);font-weight:400;
  font-size:clamp(30px,4.4vw,62px);letter-spacing:-.035em;margin:16px 0 20px;
}
.brands__head p{font-size:15px;line-height:2;color:var(--mist);max-width:44em;text-wrap:pretty}
.brands__grid{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(16px,2.4vw,32px);align-items:stretch}

.bcard{
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border-radius:20px;border:1px solid rgba(51,48,43,.07);
  transition:border-color .5s var(--ease);
}
/* hover 只做状态反馈不做位移：整卡上浮 + 大投影是 SaaS 卡片套路，见 DESIGN.md §1.5 */
.bcard:hover{border-color:rgba(51,48,43,.22)}
.bcard figure{overflow:hidden;background:var(--ocean);height:clamp(190px,21vw,290px);flex:none}
.bcard img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.5s var(--ease)}
.bcard:hover img{transform:scale(1.045)}
.bcard--lead img{object-position:50% 92%}
.bcard--sub  img{object-position:50% 46%}
.bcard__body{padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;flex:1}
.bcard__brow{font-family:var(--f-en);font-size:10.5px;letter-spacing:.2em;color:var(--glow)}
.bcard--sub .bcard__brow{color:var(--sun)}
.bcard h3{
  font-family:var(--f-song);font-weight:400;
  font-size:clamp(24px,2.8vw,38px);letter-spacing:-.025em;margin:14px 0 14px;
}
.bcard p{font-size:14px;line-height:1.95;color:var(--mist);text-wrap:pretty}
.bcard__kpi{display:flex;gap:clamp(20px,3vw,44px);margin-top:clamp(22px,3vh,32px)}
.bcard__kpi b{
  display:block;font-family:var(--f-en);font-weight:300;
  font-size:clamp(24px,2.6vw,36px);line-height:1;font-variant-numeric:tabular-nums;
}
.bcard__kpi span{display:block;margin-top:8px;font-size:11.5px;letter-spacing:.06em;color:var(--mist)}
.bcard__go{
  margin-top:auto;padding-top:clamp(24px,3vh,34px);
  font-size:13.5px;letter-spacing:.06em;color:var(--glow);
  display:inline-flex;align-items:center;gap:10px;
}
.bcard--sub .bcard__go{color:var(--sun)}

/* 品牌与渠道：代运营能力自成一条业务线，紧随两张品牌卡 */
.capab{margin-top:clamp(56px,8vh,96px);padding-top:clamp(34px,5vh,54px);border-top:1px solid var(--line)}
.capab__head{max-width:860px;margin-bottom:clamp(30px,4vh,48px)}
.capab__head h3{
  font-family:var(--f-song);font-weight:400;
  font-size:clamp(22px,2.6vw,34px);letter-spacing:-.03em;margin-bottom:14px;
}
.capab__head p{font-size:14.5px;line-height:2;color:var(--mist);max-width:46em;text-wrap:pretty}
.capab__list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.6vw,40px)}
.capab__list li{padding-top:20px;border-top:1px solid var(--line)}
/* 原为 01–04 编号，但四项是并列能力不是序列，已换成英文对照（承载信息而非装饰），见 DESIGN.md §1.5 */
.capab__en{display:block;font-family:var(--f-en);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--glow);margin-bottom:12px}
.capab__list b{display:block;font-size:15.5px;font-weight:500;letter-spacing:.02em;margin-bottom:10px}
.capab__list p{font-size:13px;line-height:1.9;color:var(--mist);text-wrap:pretty}

@media (max-width:900px){
  .capab__list{grid-template-columns:repeat(2,1fr);row-gap:clamp(24px,3.5vh,34px)}
  .brands__grid{grid-template-columns:1fr}
  .bcard figure{height:clamp(180px,44vw,240px)}
}

/* ═══════════ 06 SCIENCE ═══════════ */
.sci{color:var(--paper);padding:clamp(64px,10vh,128px) var(--pad)}
.sci .eyebrow{color:var(--mist)}
.sci__head :is(h1,h2){font-family:var(--f-song);font-size:clamp(30px,4.4vw,62px);font-weight:400;letter-spacing:-.035em;margin-top:16px}
.sci__grid{
  margin-top:clamp(46px,7vh,90px);
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(34px,5vw,80px);
}
.chart figcaption h3{font-size:19px;font-weight:400;letter-spacing:.06em;margin-bottom:12px}
.chart figcaption p{font-size:12px;line-height:1.95;color:var(--mist);max-width:440px;text-wrap:pretty}

/* 两个图表统一为细横条 —— 原先左胖柱右细条，视觉语言打架，
   胖柱那套也跟全站 200 字重的克制排版冲突 */
.bars{margin-top:clamp(28px,4vh,44px);display:flex;flex-direction:column;gap:14px}
.bars li{display:grid;grid-template-columns:76px 1fr 62px;align-items:center;gap:16px}
.bars span{font-size:12.5px;color:var(--mist);letter-spacing:.04em}
.bars i{
  display:block;height:5px;width:0;border-radius:999px;background:rgba(51,48,43,.15);
  transition:width 1.3s var(--ease);
}
.sci.in .bars i{width:calc(var(--v) / var(--max) * 100%)}
.bars b{
  font-family:var(--f-en);font-weight:400;font-size:12.5px;color:var(--mist);
  text-align:right;font-variant-numeric:tabular-nums;
}
.bars li.hi i{height:9px;background:linear-gradient(90deg,var(--brand),var(--brand-lt))}
.bars li.hi span,.bars li.hi b{color:var(--glow);font-weight:500}
.bars li.hi b{font-size:14px}
.bars{--max:285}
.bars--orac{--max:378}
.bars li:nth-child(2) i{transition-delay:.07s}
.bars li:nth-child(3) i{transition-delay:.14s}
.bars li:nth-child(4) i{transition-delay:.21s}
.bars li:nth-child(5) i{transition-delay:.28s}
.bars li:nth-child(6) i{transition-delay:.35s}
.bars li:nth-child(7) i{transition-delay:.42s}
.bars li:nth-child(8) i{transition-delay:.49s}

/* 资质：原为纯文字跑马灯（大字号浅灰，滚过去像装饰噪声），
   换成真证书实拍 —— 证书图白底与本屏 --paper 几乎同色，可无缝融合 */
.creds{margin-top:clamp(60px,10vh,120px);padding-top:34px;border-top:1px solid var(--line-dk)}
.creds__head{max-width:720px}
.creds__head h3{font-family:var(--f-song);font-size:clamp(20px,2.4vw,30px);font-weight:400;letter-spacing:-.035em;margin:14px 0 16px}
.creds__head p{font-size:13px;line-height:2;color:var(--mist);max-width:620px;text-wrap:pretty}
.creds__wall{margin-top:clamp(26px,4vh,48px)}
.creds__wall img{
  width:100%;height:auto;
  mix-blend-mode:multiply;      /* 抹掉证书图的白底，与页面底色融合 */
  opacity:0;transform:translateY(24px);
  transition:opacity 1.2s var(--ease) .2s,transform 1.2s var(--ease) .2s;
}
.sci.in .creds__wall img{opacity:1;transform:none}

/* ═══════════ 07 WHO IT'S FOR / 为谁而做 ═══════════ */
/* 把「面向久坐、运动、银发人群」这句抽象文案换成三张脸。
   健康公司缺「人」，温度就出不来 —— 这是全站唯一以人物为主体的一节。 */
.forwho{color:var(--paper);padding:clamp(64px,10vh,128px) var(--pad)}
.forwho__head{max-width:820px;margin-bottom:clamp(44px,6vh,80px)}
.forwho__head :is(h1,h2){
  font-family:var(--f-song);font-weight:400;
  font-size:clamp(30px,4.4vw,62px);letter-spacing:-.035em;margin:16px 0 20px;
}
.forwho__head p{font-size:15px;line-height:2;color:var(--mist);max-width:40em;text-wrap:pretty}
.forwho__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.6vw,38px)}
.forwho__grid li{display:flex;flex-direction:column}
.forwho__grid figure{
  border-radius:18px;overflow:hidden;background:var(--ocean);
  margin-bottom:clamp(18px,2.6vh,26px);
}
.forwho__grid img{
  width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:50% 50%;
  transform:scale(1.02);transition:transform 1.4s var(--ease);
}
.forwho__grid li:hover img{transform:scale(1.07)}
.forwho__grid h3{
  font-family:var(--f-song);font-weight:400;
  font-size:clamp(20px,2.2vw,28px);letter-spacing:-.02em;margin-bottom:12px;
}
.forwho__grid p{font-size:13.5px;line-height:1.95;color:var(--mist);text-wrap:pretty}
.forwho__fine{
  margin-top:clamp(34px,5vh,58px);padding-top:22px;border-top:1px solid var(--line);
  font-size:11.5px;line-height:1.9;color:var(--mist);opacity:.8;max-width:820px;
}
@media (max-width:900px){
  .forwho__grid{grid-template-columns:1fr;gap:clamp(26px,4vh,40px)}
  .forwho__grid img{aspect-ratio:3/4;object-position:50% 34%}
}

/* ═══════════ 08 HONEY / 东方蜂养 ═══════════ */
/* 第二条产品线，视觉上必须与「可律」的深海青蓝区分开：
   琥珀暖色只作用域在 .honey 内部，不污染全站变量。
   底色由暖木色渐变回站点 --ink，让下一屏 CTA 平滑衔接。 */
.honey{
  --amber:var(--sun);
  --amber-lt:var(--sun-lt);
  --warm-txt:rgba(244,238,228,.80);
  /* 与「南极 48 区」并列的第二个深色重音：一冷一暖，
     正好对应磷虾油与蜂产品两条产品线。 */
  --paper:#F6EFE2;--mist:rgba(244,238,228,.56);--line:rgba(255,255,255,.14);
  color:var(--paper);
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#241708 0%,#1B1207 42%,#241708 78%,#2E1F0C 100%);
  padding:clamp(64px,10vh,128px) var(--pad);
}
.honey__glow{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 42% at 84% 12%,rgba(192,138,46,.16),transparent 68%);
}
.honey>*{position:relative}
.honey .eyebrow{color:rgba(228,181,101,.72)}

.honey__head{max-width:760px}
.honey__head :is(h1,h2){font-family:var(--f-song);font-size:clamp(30px,4.4vw,60px);font-weight:400;line-height:1.24;letter-spacing:-.035em;margin:16px 0 22px}
.honey__head :is(h1,h2) em{
  display:block;font-family:var(--f-en);font-style:normal;
  font-size:.26em;letter-spacing:.3em;color:rgba(228,181,101,.66);margin-top:.9em;
}
.honey__head p{font-size:14.5px;line-height:2.05;color:var(--warm-txt);max-width:580px}

.honey__banner{position:relative;margin:clamp(40px,6vh,72px) 0 clamp(30px,4vh,50px);overflow:hidden;border-radius:20px}
.honey__banner img{
  width:100%;height:clamp(200px,26vw,360px);object-fit:cover;object-position:50% 42%;
  filter:saturate(.78) contrast(1.04) brightness(.94) sepia(.10);
  transform:scale(1.02);transition:transform 1.6s var(--ease);
}
.honey__banner:hover img{transform:scale(1.06)}
.honey__banner figcaption{
  position:absolute;left:0;right:0;bottom:0;
  padding:52px clamp(16px,2vw,28px) 16px;
  background:linear-gradient(180deg,transparent,rgba(20,13,6,.86));
  font-size:12px;letter-spacing:.12em;color:rgba(244,238,228,.9);
}

.honey__stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,3vw,44px);
  padding-top:26px;border-top:1px solid rgba(228,181,101,.2);
}
.honey__stats .stat b{color:#F1E7D6}
.honey__stats .stat span{color:var(--warm-txt)}
.honey__stats .stat i{color:rgba(228,181,101,.6)}

/* 高活性指标：数值不做滚动动画，是恒定标准而非成绩 */
.honey__grade{margin-top:clamp(46px,7vh,86px)}
.honey__gradeHead h3{font-family:var(--f-song);font-size:clamp(19px,2.2vw,26px);font-weight:400;letter-spacing:.06em;margin-top:14px}
.honey__specs{
  margin-top:clamp(24px,3.4vh,38px);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,3vw,44px);
  padding-top:24px;border-top:1px solid var(--line);
}
.honey__specs b{
  display:block;font-family:var(--f-en);font-weight:300;
  font-size:clamp(24px,3.2vw,44px);line-height:1;color:var(--amber-lt);
  font-variant-numeric:tabular-nums;
}
.honey__specs span{display:block;margin-top:12px;font-size:12.5px;letter-spacing:.1em;color:var(--warm-txt)}
.honey__specs i{display:block;margin-top:4px;font-family:var(--f-en);font-style:normal;font-size:9px;letter-spacing:.2em;color:rgba(228,181,101,.55)}
.honey__note{margin-top:18px;font-size:11.5px;line-height:1.9;color:rgba(244,238,228,.45);max-width:640px}

/* 七款单花蜜：左列表 ⇄ 右详情，沿用 48 区「图例⇄扇区」的联动语言 */
.honey__sel{
  margin-top:clamp(56px,9vh,110px);
  display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);
  gap:clamp(26px,4vw,64px);align-items:stretch;
}
.honey__selHead{grid-column:1/-1}
.honey__selHead h3{font-family:var(--f-song);font-size:clamp(19px,2.2vw,26px);font-weight:400;letter-spacing:.06em;margin-top:14px}

/* 七行等分整列高度：右侧详情卡比列表高，与其在左列底下留一块死白，
   不如让七行均摊这段高度 —— 行距变宽，反而更像一份目录 */
.honey__list{border-top:1px solid var(--line);display:flex;flex-direction:column}
.honey__list li{flex:1;display:flex}
.honey__row{
  width:100%;display:grid;align-content:center;
  grid-template-columns:minmax(84px,auto) 1fr auto;
  grid-template-areas:"name en window" "name region window";
  align-items:center;column-gap:clamp(10px,1.6vw,22px);
  padding:clamp(16px,2.2vw,26px) 0;
  border-bottom:1px solid var(--line);
  background:none;border-left:0;border-right:0;border-top:0;
  color:inherit;font:inherit;text-align:left;cursor:pointer;
  transition:padding-left .5s var(--ease),border-color .4s;
}
.honey__row b{grid-area:name;font-size:clamp(16px,1.6vw,20px);font-weight:300;letter-spacing:.08em;transition:color .35s}
.honey__row em{grid-area:en;font-family:var(--f-en);font-style:normal;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(228,181,101,.55)}
.honey__row span{grid-area:region;font-size:12.5px;letter-spacing:.04em;color:var(--warm-txt);margin-top:5px}
.honey__row i{grid-area:window;font-style:normal;font-size:11px;letter-spacing:.06em;color:rgba(244,238,228,.42);white-space:nowrap;justify-self:end}
.honey__row:hover{padding-left:12px}
.honey__row.on{padding-left:14px;border-bottom-color:rgba(228,181,101,.55)}
.honey__row.on b{color:var(--amber-lt)}
.honey__row.on i{color:rgba(228,181,101,.7)}

.honey__panels{position:relative}
.honey__panel{display:none}
.honey__panel.on{display:block;animation:hpIn .6s var(--ease)}
@keyframes hpIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.honey__panel figure{overflow:hidden;background:#EFE7D8;border-radius:18px}
.honey__panel img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.honey__txt{padding-top:clamp(18px,2.4vh,28px)}
.honey__txt h4{font-family:var(--f-song);font-size:clamp(20px,2.4vw,30px);font-weight:400;letter-spacing:.08em}
.honey__txt h4 em{
  display:block;margin-top:8px;font-family:var(--f-en);font-style:normal;
  font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:rgba(228,181,101,.62);
}
.honey__txt dl{margin-top:clamp(16px,2.2vh,22px);border-top:1px solid var(--line)}
.honey__txt dl > div{
  display:grid;grid-template-columns:84px 1fr;gap:clamp(10px,1.4vw,20px);
  padding:13px 0;border-bottom:1px solid var(--line);
}
.honey__txt dt{font-size:11.5px;letter-spacing:.14em;color:rgba(228,181,101,.66)}
.honey__txt dd{font-size:13px;line-height:1.95;color:var(--warm-txt)}

.honey__tri{
  margin-top:clamp(56px,9vh,110px);padding-top:30px;
  border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,44px);
}
.honey__tri li b{display:block;font-size:17px;font-weight:400;letter-spacing:.06em;color:#F1E7D6}
.honey__tri li span{display:block;margin-top:6px;font-family:var(--f-en);font-size:9.5px;letter-spacing:.26em;color:rgba(228,181,101,.6)}
.honey__tri li p{margin-top:14px;font-size:13.5px;line-height:1.95;color:var(--warm-txt)}

.honey__fine{
  margin-top:clamp(34px,5vh,60px);
  font-size:11.5px;line-height:1.95;color:rgba(244,238,228,.4);max-width:820px;
}

/* ═══════════ 08 CTA ═══════════ */
.cta{--paper:#FFFFFF;--mist:rgba(255,255,255,.78);--line:rgba(255,255,255,.26);color:#fff;position:relative;min-height:88svh;display:flex;align-items:center;overflow:hidden;padding:clamp(90px,12vh,150px) var(--pad)}
.cta__bg{position:absolute;inset:0}
.cta__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) brightness(1.03)}
.cta__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,22,16,.66) 10%,rgba(26,22,16,.22) 58%,rgba(26,22,16,.40))}
.cta__inner{position:relative;width:100%}
.cta__inner h2{font-family:var(--f-song);font-size:clamp(34px,6vw,88px);font-weight:400;line-height:1.24;letter-spacing:-.035em;margin:18px 0 clamp(40px,7vh,80px)}
/* 行动入口：原本整屏只有静态信息，转化路径靠用户手动复制邮箱 */
.cta__act{margin-bottom:clamp(38px,6vh,68px)}
/* 药丸按钮 —— 全站统一的行动语言 */
.btn{
  display:inline-flex;align-items:center;gap:18px;
  padding:16px 32px;border-radius:999px;
  background:#FFFFFF;color:#33302B;border:0;
  font-size:14px;letter-spacing:.10em;
  transition:background .45s var(--ease),color .45s var(--ease);
}
/* 底色反转已是足够清晰的状态反馈，不再叠加上浮和辉光投影，见 DESIGN.md §1.5 */
.btn:hover{background:var(--brand);color:#fff}
/* 浅底区块里的按钮：深底浅字 */
.btn--dark{background:#33302B;color:#F7F2EA}
.btn--dark:hover{background:var(--brand);color:#fff}
.btn--ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.btn--ghost:hover{background:currentColor;box-shadow:none}

.cta__cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,220px)) minmax(0,170px);
  gap:clamp(24px,4vw,58px);
  padding-top:28px;border-top:1px solid var(--line);
}
.cta__cols h4{font-size:12px;font-weight:400;letter-spacing:.18em;color:var(--mist)}
.cta__cols p{margin:12px 0 10px;font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.88)}
.cta__en{display:block;margin-top:14px;font-family:var(--f-en);font-size:10.5px;letter-spacing:.2em;color:var(--mist)}
/* 联系人 + 电话：手机上可直接点击拨号 */
.cta__tel{
  display:flex;align-items:baseline;gap:12px;margin-top:16px;
  transition:color .4s;
}
.cta__tel span{font-size:13px;color:var(--mist)}
/* 号码渲染为图形而非文字：PNG 只承载字形的 alpha 通道，用作 CSS mask，
   颜色由 background-color 控制，所以 hover 变色照常生效。
   页面上不存在任何形式的号码文本，OCR 之外的采集手段全部落空。 */
.cta__tel b{
  display:block;width:114px;height:11px;
  background-color:rgba(255,255,255,.94);
  -webkit-mask:url(../img/tel-c1.png) no-repeat left center/contain;
          mask:url(../img/tel-c1.png) no-repeat left center/contain;
  transition:background-color .4s;
}
.cta__tel:hover span{color:var(--glow-dk)}
.cta__tel:hover b{background-color:var(--glow-dk)}

/* 品牌社媒：宽屏给二维码（扫），窄屏只留链接（手机没法扫自己的屏幕）。
   按宽度而非 hover 判断 —— 触屏笔记本同样满足 hover:hover，靠它分流会误判。
   文字链接两端都保留：桌面点开也是合理动作。 */
.cta__qr{display:none;margin-top:16px}
.cta__qr img{
  width:135px;height:135px;display:block;border-radius:12px;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.cta__qr:hover img{transform:scale(1.05);box-shadow:0 14px 34px rgba(0,0,0,.34)}
.cta__socialLink{display:inline-block;margin-top:10px}

/* 公司地址下的百度静态地图缩略图，与右侧二维码同一套白卡片语言 */
.cta__map{display:block;margin-top:14px;max-width:220px}
.cta__map img{
  width:100%;height:auto;aspect-ratio:22/15;object-fit:cover;
  display:block;border-radius:12px;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.cta__map:hover img{transform:scale(1.05);box-shadow:0 14px 34px rgba(0,0,0,.34)}
.cta__mapLink{display:inline-block;margin-top:10px}

@media (min-width:761px){
  .cta__qr{display:block}
  .cta__socialLink{margin-top:14px;font-size:12.5px}
}
.link{
  font-family:var(--f-en);font-size:14px;letter-spacing:.06em;
  border-bottom:1px solid currentColor;padding-bottom:3px;opacity:.9;
  transition:border-color .4s,color .4s;
}
a.link:hover{border-color:var(--glow-dk);color:var(--glow-dk);opacity:1}
.link--muted{color:var(--mist);border-bottom-color:transparent}

/* ═══════════ FOOTER ═══════════ */
.ftr{color:var(--paper);padding:clamp(50px,8vh,90px) var(--pad) 44px;text-align:center;border-top:1px solid var(--line)}
.ftr__mark{display:flex;flex-direction:column;align-items:center;gap:14px}
.ftr__mark img{width:clamp(150px,16vw,200px);height:auto;display:block}
.ftr__co{margin-top:30px;font-size:12px;letter-spacing:.1em;color:var(--mist)}
.ftr__legal{margin-top:12px;font-size:11px;letter-spacing:.06em;color:var(--mist);opacity:.75}

/* ═══════════ 自定义光标：已停用 ═══════════ */
/* 品牌标志跟随光标会盖住系统指针的形状语义（可点/可选/可拖），
   在信息型官网上弊大于利。2026-08-21 起交还系统指针。 */

/* ═══════════ 进度条 ═══════════ */
.prog{position:fixed;left:0;bottom:0;width:100%;height:2px;background:rgba(51,48,43,.08);z-index:210}
.prog i{display:block;height:100%;width:0;background:var(--brand-lt)}

/* ═══════════ RESPONSIVE ═══════════ */
@media (max-width:1080px){
  .hdr__nav{display:none}
  .hdr__burger{display:block}
  .source__map{grid-template-columns:1fr;gap:34px}
  .source__legend{max-width:520px;margin:0 auto}
  /* 五节点链路：宽屏五列 → 中屏三列 → 窄屏一列 */
  .chain__flow{grid-template-columns:repeat(3,1fr);row-gap:clamp(24px,4vh,40px)}
  .chain__flow li:nth-child(4)::before,
  .chain__flow li:nth-child(5)::before{display:none}
  .keni{grid-template-columns:1fr;grid-template-areas:"head" "pack" "specs" "caps" "tri"}
  .keni__pack{min-height:340px;margin:10px 0}
  .sci__grid{grid-template-columns:1fr}
  .honey__sel{grid-template-columns:1fr;gap:clamp(22px,4vh,38px)}
}
@media (max-width:760px){
  .capab__list{grid-template-columns:1fr}
  /* 窄屏下 balance 会把宣言标题末行压成单字（「…解决方/案」），
     pretty 只管避免孤字，更适合这个宽度 */
  .stmt__body h2{text-wrap:pretty;font-size:clamp(27px,7.2vw,40px)}
  .chain__no{margin-bottom:8px}
  .creds__wall{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .creds__wall img{min-width:680px}
  .keni__specs{grid-template-columns:repeat(2,1fr)}
  .keni__tri{grid-template-columns:1fr;gap:26px}
  .cta__cols{grid-template-columns:1fr;row-gap:28px}
  .cta__social{padding-top:22px;border-top:1px solid var(--line)}
  .hero__corner{display:none}
  .bars li{grid-template-columns:68px 1fr 54px;gap:12px}
  /* 窄屏不做「列表选一个」的联动 —— 七款蜜直接顺序铺开，
     每张卡片自带名称，省掉一次多余的点击 */
  .honey__list{display:none}
  .honey__panel,.honey__panel.on{display:block;animation:none}
  .honey__panel + .honey__panel{margin-top:clamp(30px,5vh,52px);padding-top:clamp(30px,5vh,52px);border-top:1px solid var(--line)}
  .honey__stats{grid-template-columns:repeat(2,1fr);row-gap:30px}
  .honey__specs{grid-template-columns:repeat(2,1fr);row-gap:26px}
  .honey__tri{grid-template-columns:1fr;gap:26px}
  .honey__txt dl > div{grid-template-columns:1fr;gap:6px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}