/* ============================================================
   楚智咨询 · 设计系统 v4 — 21条反馈全面落地
   统一 green-teal / Hero节点背景层 / 对话式聊天窗
   无编号 / 左对齐 / 内页Hero带底色 / 蓝→绿 / 二维码内联
   ============================================================ */

:root{
  /* 底色与墨色 */
  --bg:#F8FAFB;
  --bg-elev:#FFFFFF;
  --bg-sunk:#F1F5F4;
  --ink:#14201D;
  --ink-soft:#46554F;
  --muted:#6E7C76;
  --line:#E6ECEA;
  --line-strong:#D3DDD9;

  /* 品牌色（VIS）· v5：彻底去蓝，统一绿/青家族 */
  --primary:#149187;
  --primary-deep:#0E5238;
  --primary-deeper:#062820;
  --teal:#149187;
  --forest:#1C7A57;
  --forest-deep:#0E5238;
  --accent:#4CB848;

  /* ===== v5 核心：统一深色色调（green 家族 · 无蓝） ===== */
  --dark-bg:linear-gradient(135deg,#0E5044 0%,#149187 45%,#1C7A57 100%);
  --dark-bg-deep:linear-gradient(165deg,#062820 0%,#0A3830 35%,#0E5044 70%,#117A68 100%);
  --dark-accent:#7FE3C4;
  --dark-accent-soft:#9BE7C4;
  --dark-text:#EAF3EE;
  --dark-text-dim:rgba(234,243,238,.72);

  /* 语义色（v5：info 改为青绿，去掉蓝） */
  --ok:#1C7A57; --warn:#C9821A; --err:#C0392B; --info:#149187;

  /* 渐变（克制使用 · v5：彻底去蓝，绿/青系） */
  --grad-hero:var(--dark-bg);
  --grad-line:linear-gradient(90deg,#149187 0%,#1C7A57 45%,#4CB848 100%);
  --grad-line-green:linear-gradient(90deg,#149187 0%,#4CB848 50%,#7FE3C4 100%);
  --grad-soft:linear-gradient(135deg,rgba(20,145,135,.08),rgba(76,184,72,.08));

  /* 圆角 */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:24px;

  /* 间距（4px 基准） */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px; --s-24:96px;

  /* 阴影（层级） */
  --shadow-sm:0 1px 2px rgba(16,32,29,.06),0 1px 3px rgba(16,32,29,.05);
  --shadow-md:0 8px 20px rgba(16,32,29,.08),0 2px 6px rgba(16,32,29,.04);
  --shadow-lg:0 22px 48px rgba(16,32,29,.13),0 8px 16px rgba(16,32,29,.06);

  /* 动效 */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* 字体 */
  --font-sans:'Noto Sans SC',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
  --font-latin:'Source Sans 3',var(--font-sans);

  /* 字号（v4：标题更大更醒目） */
  --fs-display:clamp(2.8rem,7vw,5.2rem);
  --fs-h1:clamp(2rem,4.2vw,3.1rem);
  --fs-h2:clamp(1.55rem,3vw,2.25rem);
  --fs-h3:1.22rem;
  --fs-lead:clamp(1.05rem,1.5vw,1.3rem);
  --fs-base:1rem; --fs-sm:.9rem; --fs-xs:.78rem;
  --fs-quote:clamp(1.4rem,2.6vw,2.1rem);
}

/* ---------- Reset / Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font-sans); font-size:var(--fs-base); line-height:1.7;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.18;letter-spacing:-.01em;color:var(--ink)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}
::selection{background:rgba(20,145,135,.18)}

.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--s-6);position:relative;z-index:1}
.skip-link{position:absolute;left:-999px;top:0;background:var(--teal);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;z-index:200}
.skip-link:focus{left:0}

/* ---------- 字体工具 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-latin);font-weight:700;font-size:.74rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--teal);
}
.eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--grad-line)}
.text-gradient{background:var(--grad-line);-webkit-background-clip:text;background-clip:text;color:transparent}
.serif{font-family:'Noto Serif SC',var(--font-sans)}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:700;font-size:var(--fs-sm);line-height:1;cursor:pointer;
  padding:13px 22px;border-radius:999px;border:1px solid transparent;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);
  text-decoration:none;
  /* v5.4: removed nowrap — allow natural wrap for long titles */
}
.btn:hover{text-decoration:none}
.btn__arrow{transition:transform .25s var(--ease)}
.btn:hover .btn__arrow{transform:translateX(4px)}
.btn--primary{background:var(--grad-line);color:#fff;box-shadow:0 8px 20px rgba(20,145,135,.28)}
.btn--primary:hover{filter:brightness(.96);transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,145,135,.34)}
.btn--outline{border-color:var(--line-strong);color:var(--ink);background:rgba(255,255,255,.6);padding:7px 16px;font-size:var(--fs-xs)}
.btn--outline:hover{border-color:var(--teal);color:var(--forest-deep);transform:translateY(-2px)}
.btn--ghost{color:var(--forest-deep);padding-inline:6px}
.btn--ghost:hover{color:var(--teal)}
.btn--lg{padding:16px 30px;font-size:var(--fs-base)}
.btn--onDark{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}
.btn--onDark:hover{border-color:#fff;background:rgba(255,255,255,.16);transform:translateY(-2px)}
.btn--white{background:#fff;color:var(--forest-deep);border-color:transparent}
.btn--white:hover{background:rgba(255,255,255,.92);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.15)}

/* v4：导航绿色 CTA 按钮 */
.btn--navGreen{background:var(--forest);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(28,122,87,.2);padding:7px 18px;font-size:var(--fs-xs)}
.btn--navGreen:hover{background:var(--forest-deep);transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,122,87,.32)}

/* ---------- Logo ---------- */
.logo{display:inline-flex;align-items:center;gap:var(--s-3)}
.logo__img{height:34px;width:auto;display:block}
.logo__en{font-family:var(--font-latin);font-size:.6rem;font-weight:700;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;align-self:center}

/* ---------- Header / Nav ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(248,250,251,.82);backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);
}
.site-header.is-scrolled{border-color:var(--line);background:rgba(248,250,251,.94);box-shadow:var(--shadow-sm)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--s-6)}
.nav__links{display:flex;align-items:center;gap:4px}
.nav__link{position:relative;padding:10px 18px;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft);letter-spacing:.02em;transition:color .22s var(--ease),background .22s var(--ease);background:transparent;text-decoration:none}
.nav__link:hover{color:var(--forest-deep);text-decoration:none}
.nav__link.is-active{color:var(--ink);text-decoration:none}
.nav__link.is-active::after{
  content:"";position:absolute;bottom:-2px;left:18px;right:18px;
  height:2px;border-radius:1px;background:var(--grad-line);
}
.nav__cta{display:flex;align-items:center;gap:var(--s-4);margin-left:var(--s-2)}
.nav__num,.nav__arrow{display:none}
.nav-toggle{display:none;width:44px;height:44px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:#fff;align-items:center;justify-content:center}
.nav__fullscreen{display:flex;align-items:center;margin-left:auto;gap:var(--s-6)}
.nav__fullscreen-footer{display:none}

/* 桌面中等宽度自适应（861–1080px）：收紧导航间距，窄屏隐藏 logo 英文，
   保证 6 链接 + 2 按钮一行不溢出（避免最右项如「项目登录」被裁切） */
@media (max-width:1080px) and (min-width:861px){
  .logo__en{display:none}
  .nav__link{padding:8px 11px;font-size:.86rem}
  .nav__links{gap:2px}
  .nav__cta{gap:10px;margin-left:6px}
  .nav__fullscreen{gap:14px}
}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{content:"";display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .2s var(--ease)}
.nav-toggle span{position:relative}
.nav-toggle span::before{position:absolute;top:-6px}
.nav-toggle span::after{position:absolute;top:6px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

/* ============================================================
   HERO — 轮播版 v4
   改动：无eyebrow标签、无统计条、标题白色放大、
   节点图作为背景层（文字居中浮于上方）
   ============================================================ */
.hero-carousel{
  position:relative;overflow:hidden;
  min-height:85vh;
  /* v5.5: 摄影质感多层渐变 — 深墨绿底 + 微暖光晕 + 冷青边缘 */
  background:
    radial-gradient(ellipse 80% 60% at 25% 40%, rgba(16,60,50,.70) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 75% 30%, rgba(20,90,70,.45) 0%, transparent 65%),
    radial-gradient(ellipse 100% 80% at 50% 100%, rgba(6,40,32,.80) 0%, transparent 55%),
    linear-gradient(160deg, #062820 0%, #0A3D2E 25%, #0E5044 50%, #0F4D3E 75%, #082E24 100%);
  color:var(--dark-text);
}
/* v5.5: 细腻噪点纹理层 */
.hero-carousel__bg{
  position:absolute;inset:0;pointer-events:none;opacity:.07;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.25) 1px,transparent 0);
  background-size:36px 36px;
}
/* v5.5: 暗角效果 — 边缘压暗，聚焦中心 */
.hero-carousel__vignette{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 55% at 50% 45%, transparent 0%, rgba(4,20,16,.55) 100%);
}
/* v5.5: 双光源 — 柔和主光 + 补光 */
.hero-carousel__glow{
  position:absolute;width:65vw;height:65vw;max-width:760px;max-height:760px;
  right:-15vw;top:-22vw;border-radius:50%;
  background:radial-gradient(circle, rgba(127,227,196,.18) 0%, rgba(100,200,160,.08) 40%, transparent 70%);
  filter:blur(20px);pointer-events:none;animation:float 22s var(--ease) infinite alternate;
}
.hero-carousel__glow--secondary{
  position:absolute;width:40vw;height:40vw;max-width:560px;max-height:480px;
  left:-8vw;bottom:-12vw;border-radius:50%;
  background:radial-gradient(circle, rgba(76,184,72,.12) 0%, transparent 60%);
  filter:blur(16px);pointer-events:none;animation:float 28s var(--ease) infinite alternate-reverse;
}

/* 轨道 */
.hero-carousel__track{
  display:flex;transition:transform .7s var(--ease-out);
  will-change:transform;
}
.hero-carousel__slide{
  min-width:100%;display:flex;align-items:center;
  min-height:85vh;padding-block:clamp(60px,8vh,120px);
  position:relative;z-index:2;
}

/* v5.3：Slide 布局 — 文字居中 */
.hero-carousel__slide-inner{
  position:relative;width:100%;max-width:1100px;margin-inline:auto;
  text-align:center;display:flex;flex-direction:column;align-items:center;
  justify-content:center;
}

/* v4.1：背景层节点图 — 右下角小装饰 */
.hero-slide__bg-viz{
  position:absolute;right:2vw;bottom:2vw;display:flex;align-items:center;justify-content:center;
  pointer-events:none;opacity:.18;z-index:1;
  width:clamp(140px,14vw,200px);
}
.hero-slide__bg-viz svg{width:100%;height:auto;overflow:visible}

/* 文字层（居中） */
.hero-slide__copy{
  position:relative;z-index:3;width:100%;max-width:840px;margin-inline:auto;
  text-align:center;display:flex;flex-direction:column;align-items:center;
}

/* v4.1：标题 — 白色、大字号、强制一行不换行 */
.hero-slide h1{
  font-size:clamp(2.8rem,6.5vw,4.8rem);font-weight:800;line-height:1.15;
  letter-spacing:-.02em;color:#fff;
  margin-top:var(--s-4);
  white-space:nowrap;text-align:center;
}
.hero-slide h1 .q{color:#fff}
.hero-slide h1 .hl{
  color:#fff;
  background:none;-webkit-background-clip:unset;background-clip:unset;
}
.hero-slide__lead{
  font-size:var(--fs-lead);color:var(--dark-text-dim);
  margin-top:var(--s-6);line-height:1.65;
  text-align:center;
}
.hero-slide__actions{
  display:flex;flex-wrap:wrap;gap:var(--s-4);
  margin-top:var(--s-10);justify-content:center;
}

/* 轮播控制 */
.hero-carousel__dots{
  position:absolute;bottom:var(--s-8);left:50%;transform:translateX(-50%);
  display:flex;gap:10px;z-index:5;
}
.hero-carousel__dot{
  width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);
  background:transparent;cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease);
  padding:0;border:none;
}
.hero-carousel__dot.is-active{background:#fff;transform:scale(1.2)}
.hero-carousel__dot:hover:not(.is-active){background:rgba(255,255,255,.3)}

/* 箭头 */
.hero-carousel__arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);color:#fff;font-size:1.2rem;
  cursor:pointer;display:grid;place-items:center;z-index:5;
  transition:background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);
}
.hero-carousel__arrow:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.6);transform:translateY(-50%) scale(1.08)}
.hero-carousel__arrow--prev{left:var(--s-6)}
.hero-carousel__arrow--next{right:var(--s-6)}

/* 节点图 SVG 样式（复用于 Hero 背景 + 森林签名段） */
.forest-viz{position:relative;width:100%;aspect-ratio:1/1;max-width:460px;margin-inline:auto}
.forest-viz svg{width:100%;height:100%;overflow:visible}
.fv-edge{stroke:url(#fvGrad);stroke-width:1.6;fill:none;opacity:.5}
.fv-node{fill:#fff;stroke:url(#fvGrad);stroke-width:2}
.fv-core{fill:url(#fvGrad)}
.fv-label{fill:rgba(255,255,255,.9);font-family:var(--font-latin);font-size:11px;font-weight:600}
.fv-pulse{fill:rgba(255,255,255,.0);stroke:#7FE3C4;stroke-width:2}

/* ============================================================
   AI 顾问聊天窗 v4 — 对话式 UI（非冷冰冰表单）
   去掉姓名/电话字段，聊天气泡风格
   ============================================================ */
.ai-chat-section{
  padding-block:clamp(64px,8vw,110px);background:var(--bg);
  /* v4.1：与下一屏的颜色分界 */
  border-bottom:1px solid var(--line-strong);
  box-shadow:0 4px 24px rgba(16,32,29,.04);
}
/* v5.3：对话框左右布局（左标题 + 右对话框） */
.chat-layout{
  display:grid;grid-template-columns:200px 1fr;gap:160px;
  align-items:start;
  width:fit-content;max-width:1460px;
  margin-left:auto;margin-right:auto;
  padding-left:var(--s-8);padding-right:var(--s-8);
}
.chat-layout__title{
  padding-top:var(--s-4);
}
.chat-layout__cn{
  font-size:clamp(1.5rem,2.5vw,2rem);
  font-weight:800;letter-spacing:-.01em;color:var(--ink);
  line-height:1.25;margin-bottom:var(--s-2);
  white-space:nowrap;
}
.chat-layout__en{
  font-family:var(--font-latin);font-size:.78rem;
  color:var(--teal);letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:var(--s-3);
  white-space:nowrap;
}
.chat-layout__desc{
  color:var(--ink-soft);font-size:.85rem;
  white-space:nowrap;line-height:1.5;
}

@media(max-width:860px){
  .chat-layout{grid-template-columns:1fr;gap:var(--s-6)}
  .chat-layout__title{text-align:center;padding-top:0}
  .chat-layout__desc{max-width:420px;margin-inline:auto}
}

.ai-chat-card{
  max-width:1200px;margin-inline:auto;
  background:var(--bg-elev);border:1px solid var(--line);border-radius:20px;
  box-shadow:0 10px 48px rgba(16,32,29,.12);overflow:hidden;
  display:flex;flex-direction:column;
}
.ai-chat-card__header{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 28px;
  background:var(--grad-line);color:#fff;
  border-radius:20px 20px 0 0;
}
.ai-chat-card__header h3{font-size:var(--fs-sm);font-weight:700;letter-spacing:.04em}
.ai-chat-card__status{
  display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--dark-accent);
}
.ai-chat-card__status::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);
  animation:blink 2s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* v5：对话式主体（容器① — 仅对话气泡） */
.ai-chat-card__body{
  padding:56px 44px 36px;
}
/* v5：输入容器（容器② — 与对话区视觉区隔） */
.ai-chat-card__input{
  margin-top:auto;
  padding:14px 44px 22px;
  border-top:none;
  background:linear-gradient(to bottom, transparent, rgba(248,250,251,.5));
  border-radius:0 0 20px 20px;
}
/* AI 回复气泡 */
.chat-bubble--ai{
  display:flex;gap:16px;margin-bottom:28px;
}
.chat-bubble__avatar{
  width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--forest));
  display:grid;place-items:center;flex:none;color:#fff;font-size:.92rem;font-weight:800;
}
.chat-bubble__msg{
  background:var(--bg-sunk);border-radius:0 14px 14px 14px;
  padding:16px 20px;font-size:var(--fs-sm);color:var(--ink);line-height:1.7;max-width:640px;
}
/* 用户输入区 — 内嵌于 .ai-chat-card__input 容器内 */
.chat-input-area{
  padding:0;width:100%;box-sizing:border-box;
}
.chat-input-area p{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--s-2)}
.chat-input-row{
  display:flex;gap:8px;width:100%;box-sizing:border-box;
}
.chat-input-row .btn{padding:8px 18px;font-size:var(--fs-xs);white-space:nowrap}
.chat-input-row input{  flex:1 1 auto;min-width:0;padding:6px 18px;border:none;border-radius:999px;  font-family:inherit;font-size:var(--fs-sm);color:var(--ink);background:var(--bg-sunk);  transition:background .2s var(--ease);}
.chat-input-row input:focus{
  outline:none;background:#fff;box-shadow:0 0 0 3px rgba(20,145,135,.12);
}
.chat-input-row input::placeholder{color:var(--muted)}

.ai-chat-card__footer{
  padding:10px 24px;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);
  background:var(--bg-sunk);
  border-radius:0 0 20px 20px;
}
.ai-chat-card__hint{font-size:var(--fs-sm);color:var(--muted);flex:1}

/* ============================================================
   版块系统 v4 — 无编号 / 左对齐
   ============================================================ */
.section{position:relative;padding-block:clamp(64px,9vw,120px);z-index:1}
.section--sunk{background:var(--bg-sunk)}
.section__head{max-width:780px;margin-bottom:clamp(10px,1.25vw,16px)}
/* v4：版块头部 — 去掉编号，左对齐 */
.section__label{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--s-5);
  font-family:var(--font-latin);font-weight:700;font-size:.74rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--teal);
}
.section__label::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--grad-line)}
#advisors.page-advisors .section__label::before{display:inline-block}
.section h2{font-size:var(--fs-h2);line-height:1.22;text-align:left} /* 强制左对齐 */
.section__head p{margin-top:var(--s-5);font-size:var(--fs-lead);color:var(--ink-soft);max-width:62ch}
.lead-strong{font-size:var(--fs-lead);color:var(--ink);font-weight:600;max-width:60ch}

/* 四问 */
.fourq{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5)}
.fourq__item{position:relative;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-8);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.fourq__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}
.fourq__no{font-family:var(--font-latin);font-weight:800;font-size:2rem;line-height:1;background:var(--grad-line);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}
.fourq__item h3{font-size:1.12rem;margin-top:var(--s-4)}
.fourq__item p{margin-top:var(--s-2);color:var(--ink-soft);font-size:var(--fs-sm)}

/* 被透支的增长 */
.strain{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}
.strain__col{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-sm)}
.strain__col .up{color:var(--forest);font-weight:700;font-size:var(--fs-sm)}
.strain__col .down{color:var(--err);font-weight:700;font-size:var(--fs-sm);margin-top:10px}
.strain__col .up::before{content:"▲ ";font-size:.7em}
.strain__col .down::before{content:"▼ ";font-size:.7em}

/* 真正的健康 — 森林签名段 */
.forest-statement{position:relative;overflow:hidden;background:var(--dark-bg-deep);color:var(--dark-text)}
.forest-statement__bg{position:absolute;inset:0;opacity:.4;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.11) 1px,transparent 0);background-size:34px 34px;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 30%,transparent 100%)}
.fs__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(72px,9vw,128px)}
.fs__big{font-size:var(--fs-quote);font-weight:800;line-height:1.42;margin-top:var(--s-6)}
.fs__big em{font-style:normal;color:var(--dark-accent)}
.fs__note{margin-top:var(--s-8);color:var(--dark-text-dim);font-size:var(--fs-lead);max-width:46ch}
.fs__viz{width:100%;max-width:380px;margin-inline:auto;aspect-ratio:1/1}
.fs__viz svg{width:100%;height:100%}

/* 名字背后的相信 */
.belief{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-6)}
.belief__card{position:relative;border-radius:var(--r-xl);padding:clamp(28px,4vw,48px);overflow:hidden;color:#fff;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}
.belief__card--chu{background:linear-gradient(150deg,#0F4A38,#1C7A57)}
.belief__card--zhi{background:linear-gradient(150deg,#0B3D2E,#149187 60%,#118A76)}
.belief__glyph{position:absolute;top:22px;right:26px;font-family:'Noto Serif SC',serif;font-weight:800;font-size:7rem;line-height:1;opacity:.16}
.belief__card h3{font-size:clamp(1.4rem,2.4vw,1.9rem);position:relative;color:#fff}
.belief__card p{margin-top:var(--s-4);color:rgba(255,255,255,.88);font-size:var(--fs-sm);max-width:34ch;position:relative;line-height:1.6}

/* 五能力 */
.pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-4)}
.pillar{position:relative;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);overflow:hidden}
.pillar:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--teal)}
/* v5.5: 五能力大字水印（仿 belief__glyph） */
.pillar::before{
  content:attr(data-no);
  position:absolute;top:-8px;right:-4px;
  font-family:'Noto Serif SC',serif;font-weight:800;
  font-size:3.2rem;line-height:1;
  color:var(--teal);opacity:.09;
  pointer-events:none;z-index:0;
  transition:opacity .3s var(--ease);
}
.pillar:hover::before{opacity:.14}

.pillar__en{font-family:var(--font-latin);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}
.pillar h3{font-size:1.05rem;margin-top:var(--s-3)}
.pillar p{margin-top:var(--s-2);color:var(--ink-soft);font-size:var(--fs-xs);line-height:1.6}

/* 陪伴路径 */
.journey{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.journey::before{content:"";position:absolute;top:27px;left:8%;right:8%;height:2px;background:var(--grad-line-green);opacity:.35;border-radius:2px}
.jstep{position:relative;text-align:center;padding-inline:var(--s-2)}
.jstep__dot{width:54px;height:54px;border-radius:50%;margin:0 auto var(--s-4);display:grid;place-items:center;background:var(--bg-elev);border:2px solid var(--teal);font-family:var(--font-latin);font-weight:800;color:var(--forest-deep);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),background .3s var(--ease)}
.jstep:hover .jstep__dot{transform:translateY(-4px) scale(1.05);background:var(--dark-bg);color:#fff;border-color:transparent}
.jstep h3{font-size:1.02rem}
.jstep p{margin-top:6px;color:var(--ink-soft);font-size:var(--fs-xs);max-width:18ch;margin-inline:auto}

/* ============================================================
   AI 顾问卡 v4 — 优化版（5个一排，无额外卡片）
   ============================================================ */
.advisors-row{
  display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-5);
}
/* v5.1 顾问卡 — 新标准格式（大头像居上 + 名字 + 角色pill + 描述 + 3能力点 + 引言） */
.advisor{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6) var(--s-5);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.advisor:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}
.advisor__top{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);width:100%}
.advisor__avatar{width:132px;height:138px;border-radius:20px;object-fit:cover;object-position:top center;flex:none;border:2px solid var(--line);background:var(--bg-sunk)}
.advisor__role-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:700;padding:5px 14px;border-radius:999px;margin-top:var(--s-2)}
.advisor__role-badge .dot{width:6px;height:6px;border-radius:50%}
.rb-green{background:rgba(28,122,87,.10);color:#0E5238}.rb-green .dot{background:var(--forest)}
.rb-teal{background:rgba(20,145,135,.12);color:#0C5A53}.rb-teal .dot{background:var(--teal)}
.rb-deepgreen{background:rgba(14,82,56,.12);color:#0E5238}.rb-deepgreen .dot{background:#0E5238}
.rb-orange{background:rgba(201,130,26,.12);color:#9A630E}.rb-orange .dot{background:var(--warn)}
.rb-purple{background:rgba(108,77,170,.12);color:#5B3FA0}.rb-purple .dot{background:#6C4DAA}
.rb-gold{background:rgba(176,141,87,.12);color:#8A6320}.rb-gold .dot{background:#B08D57}
.advisor h3{font-size:1.15rem;margin-top:var(--s-3);font-weight:700;align-self:flex-start;text-align:left}
.advisor p{color:var(--ink-soft);font-size:var(--fs-xs);margin-top:var(--s-2);line-height:1.55;text-align:left}
a.advisor,a.advisor:hover,a.advisor h3,a.advisor:hover h3{text-decoration:none}
.advisor__tags{margin-top:var(--s-4);display:flex;flex-direction:column;gap:8px;width:100%}
.advisor__tags li{display:flex;align-items:center;gap:10px;font-size:var(--fs-xs);color:var(--ink-soft);justify-content:flex-start}
.advisor__tags .ck{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#fff}
.ck-green{background:var(--forest)}.ck-teal{background:var(--teal)}.ck-deepgreen{background:#0E5238}.ck-orange{background:var(--warn)}.ck-purple{background:#6C4DAA}.ck-gold{background:#B08D57}
.advisor__quote{margin-top:var(--s-5);font-size:var(--fs-xs);color:var(--muted);font-style:italic;line-height:1.55;border-top:1px dashed var(--line-strong);padding-top:var(--s-3);width:100%;text-align:left}

/* 首页与 /advisors 子页面顾问卡内容统一居中 */
#advisors .advisor,
.page-advisors .advisor{align-items:center;text-align:center}
#advisors .advisor__top,
.page-advisors .advisor__top{align-items:center}
#advisors .advisor h3,
.page-advisors .advisor h3{align-self:center;text-align:center}
#advisors .advisor p,
.page-advisors .advisor p{text-align:center}
#advisors .advisor__tags li,
.page-advisors .advisor__tags li{justify-content:center}
#advisors .advisor__quote,
.page-advisors .advisor__quote{text-align:center}

/* 卡片顶部品牌色条 — 视觉锚点，统一卡片语言、打破平卡平淡感 */
.fourq__item::before,
/* advisor card top accent handled via parent selector */
.advisor::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--grad-line);
}

/* ============================================================
   客户 logo 墙
   ============================================================ */
.clients-logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.clients-logo-grid__item{position:relative;z-index:1;background:var(--bg-elev);aspect-ratio:16/9;display:grid;place-items:center;padding:var(--s-4);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.clients-logo-grid__item:hover{z-index:2;transform:scale(1.03);box-shadow:var(--shadow-md)}
.clients-logo-grid__item img{max-width:100%;max-height:46px;width:auto;object-fit:contain;filter:none;opacity:1;transition:transform .3s var(--ease)}
.clients-logo-grid__item:hover img{transform:scale(1.08)}

/* ============================================================
   页脚 v4 — 二维码与文字内容同一排，横线上方
   ============================================================ */
.site-footer{background:var(--forest-deep);color:rgba(255,255,255,.82);position:relative;z-index:1}
/* v4.1：Footer 整体间距均衡 */
.footer-brand .logo__img{height:32px;filter:brightness(0) invert(1)}
.footer-brand .logo__en{color:rgba(255,255,255,.6)}
.footer-brand p{margin-top:var(--s-4);font-size:.6875rem;max-width:40ch;color:rgba(255,255,255,.6);line-height:1.55}
.footer-col h4{font-size:var(--fs-sm);font-weight:700;letter-spacing:.04em;margin-bottom:var(--s-4);color:#fff}
.footer-col ul{display:grid;gap:10px}
.footer-col a{font-size:var(--fs-sm);color:rgba(255,255,255,.72);transition:color .2s var(--ease)}
.footer-col a:hover{color:#fff}

/* v4：二维码区域 — 与其他内容并排，在横线上方 */
.footer-qr-col{display:flex;flex-direction:column;gap:0;align-items:flex-start}
.footer-qr-col h4{font-size:var(--fs-sm);font-weight:700;letter-spacing:.04em;color:#fff;margin-bottom:var(--s-4)}
.footer-qrcodes{display:flex;gap:10px;margin-top:3px}
.footer-qr{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.footer-qr img{width:100px !important;height:100px !important;object-fit:contain}
.footer-qr span{font-size:var(--fs-xs);color:rgba(255,255,255,.7);white-space:nowrap}

/* v4.1：Footer 整体间距均衡 */
.footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr minmax(380px,1fr);gap:var(--s-8);padding-block:var(--s-10) var(--s-8);align-items:start;}

.footer-bottom-bar{
  border-top:1px solid rgba(255,255,255,.14);padding-block:var(--s-4);
  /* v4.1：上下结构（版权在上，备案在下） */
  display:flex;flex-direction:column;align-items:center;gap:var(--s-2);
  font-size:var(--fs-xs);color:rgba(255,255,255,.55);text-align:center;
}
.footer-bottom-bar a{color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:2px}

/* ============================================================
   文章列表（洞察页）
   ============================================================ */
.article{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6)}
.article__card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.article__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.article__thumb{aspect-ratio:16/9;background:var(--grad-soft);display:grid;place-items:center;color:var(--forest-deep);font-family:'Noto Serif SC',serif;font-weight:800;font-size:1.4rem}
.article__body{padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);flex:1}
.article__tag{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;color:var(--teal);text-transform:uppercase}
.article__card h3{font-size:1.1rem;line-height:1.35}
.article__card p{color:var(--ink-soft);font-size:var(--fs-sm);flex:1}
.article__more{font-size:var(--fs-sm);font-weight:700;color:var(--forest-deep);display:inline-flex;gap:6px;align-items:center}
.article__card:hover .article__more .btn__arrow{transform:translateX(4px)}

/* v4：洞察页底部 CTA 合并区（并入文章列表下方，非独立条带） */
.insights-cta-box{
  grid-column:1/-1;
  background:linear-gradient(135deg,rgba(20,145,135,.06),rgba(76,184,72,.06));
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:var(--s-8);display:flex;align-items:center;justify-content:space-between;
  gap:var(--s-6);flex-wrap:wrap;
}
.insights-cta-box h3{font-size:var(--fs-h3);color:var(--ink)}
.insights-cta-box p{color:var(--ink-soft);font-size:var(--fs-sm);margin-top:var(--s-2);max-width:50ch}

/* ============================================================
   表单（联系页）
   ============================================================ */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}
.field{display:flex;flex-direction:column;gap:7px}
.field--full{grid-column:1/-1}
.field label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft)}
.field input,.field select,.field textarea{
  font-family:inherit;font-size:var(--fs-base);color:var(--ink);
  padding:13px 15px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:#fff;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,145,135,.12)} /* v4：绿色 focus */
.field textarea{resize:vertical;min-height:120px}
.info-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-8);box-shadow:var(--shadow-sm);height:fit-content}
.info-card h3{font-size:1.2rem}
.info-card p{color:var(--ink-soft);font-size:var(--fs-sm);margin-top:var(--s-3)}
.info-card ul{margin-top:var(--s-5);display:grid;gap:var(--s-4)}
.info-card li{display:flex;gap:12px;align-items:flex-start}
.info-card li b{display:block;font-size:var(--fs-sm);font-weight:700}
.info-card li span{font-size:var(--fs-xs);color:var(--muted)}

/* ============================================================
   内页 Hero v4 — 带背景色 + 标题不断行
   ============================================================ */
.page-hero{
  /* v4：用品牌绿色系渐变做内页首屏背景 */
  background:linear-gradient(160deg,#EAF5F2 0%,#F0F9F7 50%,#F8FAFB 100%);
  border-bottom:1px solid var(--line);
  padding-block:clamp(56px,7vw,96px);
}
.page-hero h1{
  font-size:var(--fs-h1);line-height:1.15;
  /* v4：标题不折行 */
  /* v5.4: removed nowrap — allow natural wrap for long titles */
  max-width:none;
}
.page-hero p{margin-top:var(--s-5);font-size:var(--fs-lead);color:var(--ink-soft);max-width:58ch}

/* 服务路径卡片 v4 — 绿色系 */
.path-line{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6)}
.path{border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s-8);background:var(--bg-elev);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--s-4);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.path:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--teal)} /* v4：绿色 hover */
.path__tag{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.path h3{font-size:1.3rem}
.path p{color:var(--ink-soft);font-size:var(--fs-sm)}
.path ul{display:grid;gap:8px;margin-top:var(--s-2)}
.path li{font-size:var(--fs-sm);color:var(--ink-soft);display:flex;gap:8px;align-items:center}
.path li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad-line-green);flex:none}
.path .btn{margin-top:var(--s-4);align-self:flex-start}

/* 理论体系 — 三等宽卡片（保留原 .theory 类给理论体系用） */
.theory{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}
.theory__card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-8);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.theory__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.theory__no{font-family:var(--font-latin);font-weight:800;font-size:1.4rem;background:var(--grad-line);-webkit-background-clip:text;background-clip:text;color:transparent}
.theory__card h3{font-size:1.15rem;margin-top:var(--s-3)}
.theory__card p{margin-top:var(--s-3);color:var(--ink-soft);font-size:var(--fs-sm)}

/* 使命愿景 — 不对称布局（参照 proven-results 参考图） */
.mission-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:var(--s-5);
  align-items:stretch;
  margin-top:var(--s-6);
}
/* 左侧 Hero 卡 — 深色品牌渐变（绿系偏深） */
.mission__hero{
  background:linear-gradient(135deg, #062820 0%, #0E5238 30%, #149187 65%, #1C7A57 100%);
  border-radius:var(--r-lg);
  padding:clamp(28px,3.5vw,40px);
  box-shadow:0 16px 48px rgba(14,82,56,.22);
  display:flex;flex-direction:column;gap:var(--s-4);
}
/* 左上角小标签 */
.mission__hero-label{
  font-family:var(--font-latin);font-size:var(--fs-xs);font-weight:600;
  letter-spacing:.14em;color:#7FE3C4;text-transform:uppercase;
}
/* 超大标题 */
.mission__hero-title{
  font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;
  color:#fff;line-height:1.25;letter-spacing:-.02em;
  white-space:nowrap;
}
/* 描述文字 */
.mission__hero-desc{
  color:rgba(255,255,255,.78);font-size:var(--fs-base);line-height:1.7;
  margin-top:var(--s-3);
  max-width:42ch;
}
/* 底部 tag */
.mission__hero-tag{
  margin-top:auto;padding-top:var(--s-4);
  font-family:var(--font-latin);font-size:var(--fs-xs);
  color:rgba(255,255,255,.4);letter-spacing:.04em;
}
/* 右侧卡片列 */
.mission__side{display:flex;flex-direction:column;gap:var(--s-5)}
/* 右侧白卡（参照参考图右侧卡片风格） */
.mission__card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:28px 32px;
  box-shadow:var(--shadow-sm);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
  flex:1;display:flex;flex-direction:column;justify-content:center;
}
.mission__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
/* 标题行：中文 teal 大号 + 英文同行同色更小 */
.mission__card-header{
  display:flex;align-items:baseline;gap:var(--s-2);
  margin-bottom:var(--s-3);
}
.mission__card-accent{
  font-weight:800;font-size:clamp(1.15rem,1.8vw,1.45rem);
  color:var(--teal);line-height:1.2;
}
.mission__card-en{
  font-family:var(--font-latin);font-weight:700;
  font-size:clamp(.75rem,1vw,.9rem);
  color:var(--teal);opacity:.65;line-height:1.2;
}
.mission__card p{color:#5A6B63;font-size:var(--fs-sm);line-height:1.65}

@media(max-width:767px){
  .mission-grid{grid-template-columns:1fr;gap:var(s-8)}
  .mission__hero{padding:var(--s-7);min-height:260px}
  .mission__hero-title{white-space:normal}
}

/* ============================================================
   滚动揭示动画
   ============================================================ */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal.is-in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.08s}
.reveal[data-delay="2"]{transition-delay:.16s}
.reveal[data-delay="3"]{transition-delay:.24s}
@keyframes float{from{transform:translate(0,0)}to{transform:translate(0,28px)}}
@keyframes fvPulse{0%{r:6;opacity:.7}70%{r:34;opacity:0}100%{opacity:0}}
.fv-pulse{animation:fvPulse 4s var(--ease) infinite}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1024px){
  .hero-carousel__slide-inner{text-align:left;align-items:flex-start}
  .hero-slide__copy{margin-inline:0}
  .hero-slide__actions{justify-content:flex-start}
  .fs__inner{grid-template-columns:1fr}
  .forest-viz,.fs__viz{max-width:380px}
  .pillars{grid-template-columns:repeat(3,1fr)}
  .journey{grid-template-columns:repeat(5,1fr)}
  .advisors-row{grid-template-columns:repeat(3,1fr)}
  .footer-main{grid-template-columns:1fr 1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .footer-qr-col{grid-column:span 2}
  .insights-cta-box{flex-direction:column;align-items:flex-start;text-align:left}
}
@media (max-width:860px){
  /* ===== 全屏覆盖菜单 ===== */
  .nav__fullscreen{display:none}
  .nav__fullscreen.is-open{
    display:flex;flex-direction:column;
    position:fixed;top:0;left:0;right:0;bottom:0;
    height:100vh;height:100dvh;
    background:linear-gradient(165deg,#062820 0%,#0A3830 35%,#0E5044 70%,#117A68 100%);
    z-index:200;
    padding:60px 24px 24px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .nav__links{display:none}
  .nav__links.is-open{
    display:flex;flex-direction:column;
    gap:0;
  }
  .nav__links.is-open .nav__link{
    display:flex;align-items:center;gap:12px;
    padding:16px 0;
    font-size:20px;font-weight:700;
    color:var(--dark-text);
    border-bottom:1px solid rgba(255,255,255,.1);
    text-decoration:none;
    transition:color .2s var(--ease);
  }
  .nav__links.is-open .nav__link:active{color:var(--dark-accent)}
  .nav__links.is-open .nav__link.is-active{color:var(--dark-accent)}
  .nav__num{
    display:inline;
    font-size:12px;font-weight:600;color:var(--dark-accent);
    font-family:var(--font-latin);min-width:28px;
  }
  .nav__arrow{
    display:inline;
    margin-left:auto;color:var(--dark-accent);font-size:16px;
  }
  .nav__cta{display:none}
  .nav__cta.is-open{
    display:flex;flex-direction:row;gap:10px;
    margin-top:24px;
  }
  .nav__cta.is-open .btn{flex:1;text-align:center;padding:14px;font-size:14px;border-radius:12px}
  .nav__cta.is-open .btn--outline{
    border:1.5px solid rgba(127,227,196,.5);color:var(--dark-accent);background:transparent;
  }
  .nav__cta.is-open .btn--navGreen{
    background:linear-gradient(135deg,#4CB848,#1C7A57);color:#fff;
    box-shadow:0 8px 20px rgba(76,184,72,.25);
  }
  .nav__fullscreen-footer{
    display:block;
    margin-top:auto;padding-top:24px;
    font-size:11px;color:rgba(234,243,238,.5);text-align:center;
    line-height:1.6;
  }
  /* sso 下拉菜单在深色背景中的适配 */
  .nav__fullscreen.is-open .sso-menu{
    background:rgba(6,40,32,.95);border-color:rgba(127,227,196,.2);
  }
  .nav__fullscreen.is-open .sso-menu__name{color:var(--dark-accent)}
  .nav__fullscreen.is-open .sso-menu__item{color:var(--dark-text)}
  .nav__fullscreen.is-open .sso-menu__item:hover{background:rgba(127,227,196,.1)}

  .nav-toggle{display:flex}

  /* ===== Hero 移动端 ===== */
  .hero-carousel{min-height:auto}
  .hero-carousel__slide-inner{text-align:left;align-items:flex-start}
  .hero-slide__copy{margin-inline:0}
  .hero-slide__actions{justify-content:flex-start}
  .hero-slide h1{
    font-size:clamp(1.75rem,7vw,2rem);
    line-height:1.25;letter-spacing:-.01em;
    white-space:normal;
    text-align:left;
  }
  .hero-slide__lead{font-size:15px;margin-top:14px;text-align:left}
  .hero-slide__actions .btn{font-size:14px;padding:12px 20px}
  /* 移动端光晕增强 — 窄屏也能看到呼吸感 */
  .hero-carousel__glow{
    width:90vw;height:90vw;max-width:420px;max-height:420px;
    right:-25vw;top:-30vw;opacity:.7;
  }
  .hero-carousel__glow--secondary{
    width:60vw;height:60vw;max-width:300px;max-height:300px;
    left:-15vw;bottom:-20vw;opacity:.6;
  }

  /* ===== section 移动端紧凑化 ===== */
  .section{padding:clamp(32px,10vw,48px) 0}
  .section--sunk{padding:clamp(32px,10vw,48px) 0}
  .section__head{margin-bottom:var(--s-6)}
  .section h2{font-size:clamp(1.4rem,5.5vw,1.75rem)}

  /* ===== 布局降列 ===== */
  .fourq,.belief{grid-template-columns:1fr}
  .theory,.path-line{grid-template-columns:1fr}
  .strain{grid-template-columns:1fr}
  .pillars{grid-template-columns:repeat(2,1fr)}
  .journey{grid-template-columns:1fr;gap:var(--s-6)}
  .journey::before{display:none}
  .article{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .clients-logo-grid{grid-template-columns:repeat(3,1fr)}
  .advisors-row{grid-template-columns:1fr;gap:var(--s-4)}
  .footer-main{grid-template-columns:1fr 1fr;gap:var(--s-6) var(--s-4)}
  .footer-qr-col{grid-column:1/-1}
  .hero-carousel__arrow{display:none}
  .chat-input-row{flex-direction:column}

  /* ===== CTA 区卡片化 ===== */
  .cta-section{padding:0 var(--s-5) var(--s-8)}
  .cta-section > *{border-radius:20px;padding:28px 20px}

  /* v4：内页标题窄屏允许折行 */
  .page-hero h1{white-space:normal}
}
@media (max-width:520px){
  .container{padding-inline:var(--s-5)}
  .pillars{grid-template-columns:1fr}
  .clients-logo-grid{grid-template-columns:repeat(2,1fr)}
  .footer-main{grid-template-columns:1fr}
  .footer-qrcodes{flex-direction:column;align-items:flex-start}
  .hero-slide__meta{gap:var(--s-6)}
  .advisors-row{grid-template-columns:1fr}
  .insights-cta-box{text-align:center;align-items:center}
  /* 520px 以下：hero 更紧凑 */
  .hero-carousel{padding-top:0}
  .hero-slide__copy{padding:0}
  .hero-slide h1{font-size:1.75rem}
  .hero-slide__lead{font-size:14px}
  .hero-slide__actions{flex-wrap:wrap;gap:8px}
  .hero-slide__actions .btn{font-size:13px;padding:11px 16px}
  /* 520px 以下：section 更紧凑 */
  .section{padding:32px 0}
  .section--sunk{padding:32px 0}
  .section__label{font-size:11px}
  .section h2{font-size:1.35rem}
  /* 520px 以下：导航菜单字号微调 */
  .nav__links.is-open .nav__link{font-size:18px;padding:14px 0}
  .nav__fullscreen-footer{font-size:10px}
}

/* ============================================================
   v5 深度重构组件层 — 参照 insights.html 设计语言
   绿/青系（无蓝）· 磨砂顶栏语言 · 圆角渐变 Hero 卡 ·
   搜索卡 · 分类筛选条 · 精选大卡 · 富文章卡 · 分页器 · CTA 卡
   ============================================================ */

/* 面包屑 */
.breadcrumb{padding:18px 0 0;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--forest-deep)}
.breadcrumb .sep{color:var(--line-strong)}
.breadcrumb .current{color:var(--ink-soft);font-weight:500}

/* 圆角渐变 Hero 卡（参照 insights .hero） */
.page-hero--card{
  position:relative;margin-top:var(--s-6);
  border-radius:var(--r-xl);overflow:hidden;
  /* v5.9.1: 浅化深色摄影质感，保持层次 */
  background:
    radial-gradient(ellipse 80% 60% at 25% 40%, rgba(22,85,70,.50) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 75% 30%, rgba(28,110,88,.35) 0%, transparent 65%),
    radial-gradient(ellipse 100% 80% at 50% 100%, rgba(10,55,44,.55) 0%, transparent 55%),
    linear-gradient(160deg, #0D3D32 0%, #115545 25%, #156B58 50%, #146554 75%, #0B3D30 100%);
  color:#fff;padding:clamp(24px,3vw,40px) clamp(28px,4vw,56px);
  min-height:300px;display:flex;align-items:center;
}
.page-hero--card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
  /* 噪点纹理层 */
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.25) 1px,transparent 0);
  background-size:36px 36px;
}
.page-hero--card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  /* 暗角效果（减弱） */
  background:radial-gradient(ellipse 70% 55% at 50% 45%, transparent 0%, rgba(4,20,16,.35) 100%);
}
.page-hero--card .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(32px,5vw,64px);align-items:center;width:100%}
.page-hero--card .eyebrow{color:var(--dark-accent)}
.page-hero--card .eyebrow::before{background:rgba(255,255,255,.5)}
.page-hero--card h1{font-size:var(--fs-h1);line-height:1.15;font-weight:800;color:#fff;white-space:nowrap;margin-top:var(--s-4)}
.page-hero--card p{font-size:var(--fs-lead);color:rgba(255,255,255,.9);max-width:52ch;margin-top:var(--s-5)}
.page-hero--card .hero-stats{display:flex;gap:var(--s-8);margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.16)}
.page-hero--card .hero-stat b{display:block;font-size:1.5rem;font-weight:800;line-height:1.1}
.page-hero--card .hero-stat span{font-size:12px;color:rgba(255,255,255,.7)}

/* Hero 右侧：搜索卡（洞察页） */
.hero-search-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-lg);padding:var(--s-5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-search-card__title{font-size:13px;font-weight:500;color:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}
.hero-search-card__title .new{font-size:11px;padding:2px 8px;background:var(--accent);color:#fff;border-radius:999px;font-weight:600}
.hero-search-bar{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);border-radius:var(--r-md);padding:10px 12px;color:var(--ink-soft)}
.hero-search-bar input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:14px;color:var(--ink)}
.hero-search-bar input::placeholder{color:var(--muted)}
.hero-search-bar .kbd{font-size:11px;color:var(--muted);padding:2px 6px;border:1px solid var(--line-strong);border-radius:4px;background:var(--bg);font-family:ui-monospace,monospace}
.hero-search-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-3)}
.hero-search-tag{font-size:12px;padding:4px 10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:rgba(255,255,255,.85);cursor:pointer;transition:all .2s var(--ease)}
.hero-search-tag:hover{background:rgba(255,255,255,.2);color:#fff}
.hero-search-tag.is-active{background:#fff;color:var(--forest-deep);border-color:#fff;font-weight:600}
.hero-search-clear{flex:none;display:grid;place-items:center;width:20px;height:20px;border:none;border-radius:50%;background:var(--line-strong);color:var(--ink-soft);font-size:14px;line-height:1;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.hero-search-clear:hover{background:var(--muted);color:#fff}

/* Hero 右侧：通用侧卡（其他页） */
.hero-side-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-lg);padding:var(--s-6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-side-card h3{font-size:14px;color:rgba(255,255,255,.9);margin-bottom:var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:8px}
.hero-side-card h3 .new{font-size:11px;padding:2px 8px;background:var(--accent);color:#fff;border-radius:999px;font-weight:600;white-space:nowrap}
.hero-side-list{display:grid;gap:10px}
.hero-side-list a{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.92);padding:10px 12px;background:rgba(255,255,255,.08);border-radius:var(--r-md);transition:all .2s var(--ease)}
.hero-side-list a:hover{background:rgba(255,255,255,.18)}
.hero-side-list a .arrow{margin-left:auto;opacity:.6}
.hero-side-note{font-size:13px;color:rgba(255,255,255,.78);line-height:1.6;margin-bottom:var(--s-4)}
.hero-side-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-bottom:var(--s-5)}
.hero-side-facts .fact{text-align:center;padding:var(--s-3);background:rgba(255,255,255,.08);border-radius:var(--r-md)}
.hero-side-facts .fact b{display:block;font-size:1.25rem;font-weight:800;color:#fff}
.hero-side-facts .fact span{font-size:10px;color:rgba(255,255,255,.7)}

/* ============================================================
   简版 Hero — 文字首屏（子页面通用，参照首页克制气质）
   去渐变卡 / 去侧卡 / 去重光晕，仅留 eyebrow + 大标题 + 副标题 + 轻量指标
   ============================================================ */
.page-hero--simple{
  position:relative;
  margin-top:var(--s-6);
  padding:clamp(44px,6vw,76px) 0 clamp(36px,4vw,52px);
  background:#FFFFFF;
  border-bottom:1px solid var(--line);
}
.page-hero--simple .hero-simple__inner{position:relative;z-index:2;max-width:840px}
.page-hero--simple .eyebrow{margin-bottom:var(--s-4)}
.page-hero--simple h1{
  font-size:clamp(2rem,4.4vw,3rem);line-height:1.12;font-weight:800;
  letter-spacing:-.01em;color:var(--ink);margin-top:var(--s-2);
}
.page-hero--simple p{
  font-size:var(--fs-lead);color:var(--ink-soft);
  max-width:60ch;margin-top:var(--s-5);line-height:1.75;
}
/* 轻量关键指标（非卡片，仅细线分隔的极简行） */
.page-hero--simple .hero-simple__stats{
  display:flex;flex-wrap:wrap;gap:var(--s-8);margin-top:var(--s-8);
  padding-top:var(--s-5);border-top:1px solid var(--line);
}
.page-hero--simple .hero-simple__stats .stat b{
  display:block;font-size:1.55rem;font-weight:800;line-height:1.1;color:var(--forest-deep);
}
.page-hero--simple .hero-simple__stats .stat span{
  font-size:12px;color:var(--muted);margin-top:4px;display:block;letter-spacing:.02em;
}
/* 数字滚动动画 */
.count-up{
  display:inline-block;
  transition:transform .15s ease;
}
.count-up.counting{
  animation:countPulse .6s ease-in-out infinite alternate;
}
@keyframes countPulse{
  from{transform:scale(1)}
  to{transform:scale(1.03)}
}
/* 简版首屏内的行动引导（轻量，非卡片） */
.page-hero--simple .hero-simple__actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);margin-top:var(--s-7);
}
@media (max-width:640px){
  .page-hero--simple .hero-simple__stats{gap:var(--s-6)}
  .page-hero--simple .hero-simple__stats .stat{flex:1 1 40%}
}

/* 分类筛选条（粘性） */
.filter-bar{position:sticky;top:76px;z-index:40;margin-top:var(--s-8);background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px 12px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;box-shadow:var(--shadow-sm)}
.filter-bar::-webkit-scrollbar{display:none}
.filter-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-soft);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap}
.filter-chip:hover{background:var(--bg-sunk);color:var(--ink)}
.filter-chip .count{font-size:11px;color:var(--muted);padding:1px 6px;background:var(--bg-sunk);border-radius:999px;font-weight:500}
.filter-chip.is-active{background:linear-gradient(135deg,#149187,#1C7A57);color:#fff;box-shadow:0 2px 8px rgba(20,145,135,.3)}
.filter-chip.is-active .count{background:rgba(255,255,255,.2);color:rgba(255,255,255,.95)}
.filter-divider{width:1px;height:18px;background:var(--line-strong);flex-shrink:0;margin:0 4px}
.filter-spacer{flex:1}
.filter-sort{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);padding:6px 10px;cursor:pointer}
.filter-sort:hover{color:var(--forest-deep)}

.search-status{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-6);font-size:15px;font-weight:600;color:var(--ink)}
.search-status strong{color:var(--ink);font-weight:600}
.search-clear{font-size:13px;color:var(--forest-deep);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s var(--ease)}
.search-clear:hover{background:rgba(20,145,135,.08)}
.empty-state{text-align:center;padding:var(--s-12) var(--s-6);background:var(--bg-sunk);border:1px dashed var(--line-strong);border-radius:var(--r-lg);margin-top:var(--s-8)}
.empty-state p{font-size:15px;color:var(--ink-soft);margin-bottom:var(--s-5)}
.empty-state strong{color:var(--ink);font-weight:600}

/* 编辑精选大卡 */
.featured{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s var(--ease)}
.featured:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.featured-cover{position:relative;background:linear-gradient(135deg,#0E5044,#149187);aspect-ratio:16/11;overflow:hidden}
.featured-cover::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18) 0%,transparent 35%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 40%)}
.featured-cover .initial{position:absolute;left:40px;bottom:34px;font-size:clamp(76px,11vw,132px);font-weight:800;color:rgba(255,255,255,.92);line-height:.85;letter-spacing:-.04em;font-family:var(--font-latin)}
.featured-cover .badge{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.96);border-radius:999px;font-size:12px;font-weight:600;color:#0E5238;z-index:3}
.featured-cover .badge .star{color:var(--warn)}
.featured-cover .cattag{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:999px;font-size:11px;font-weight:600;color:#0E5238;z-index:4}
.featured-body{padding:clamp(28px,3vw,40px);display:flex;flex-direction:column;justify-content:center}
.featured-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:var(--s-3)}
.cat-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:rgba(20,145,135,.1);color:var(--forest-deep);border-radius:999px;font-size:11px;font-weight:600}
.cat-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.featured-title{font-size:clamp(1.4rem,2.4vw,1.75rem);line-height:1.3;font-weight:700;color:var(--ink);margin-bottom:var(--s-3)}
.featured-excerpt{font-size:15px;line-height:1.75;color:var(--ink-soft);margin-bottom:var(--s-6)}
.featured-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s-5);border-top:1px solid var(--line);gap:var(--s-4);flex-wrap:wrap}
.author{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.author .ava{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:14px;flex:none;background:linear-gradient(135deg,#149187,#1C7A57)}
.author .info b{display:block;color:var(--ink);font-weight:500;font-size:13px}
.author .info span{font-size:11px;color:var(--muted)}
.author-meta{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.read-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--forest-deep);cursor:pointer;transition:gap .2s var(--ease)}
.read-link:hover{gap:10px}

/* 富文章卡（绿/青系封面） */
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6)}
.post-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .3s var(--ease);cursor:pointer}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)}
.post-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#0E5044,#149187)}
.post-cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;z-index:1;pointer-events:none}
.post-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 100%);z-index:2}
.post-cover .initial{position:absolute;left:28px;bottom:18px;font-size:clamp(40px,5.4vw,60px);font-weight:800;color:rgba(255,255,255,.92);line-height:1;letter-spacing:-.03em;z-index:3;font-family:var(--font-latin)}
.post-cover .cat{position:absolute;top:14px;left:14px;font-size:11px;font-weight:600;padding:4px 10px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:#0E5238;border-radius:999px;z-index:4}
.post-cover .time{position:absolute;top:14px;right:14px;font-size:11px;font-weight:500;padding:4px 10px;background:rgba(255,255,255,.92);color:var(--ink-soft);border-radius:999px;z-index:4}
.post-body{padding:var(--s-5) var(--s-5) var(--s-6);display:flex;flex-direction:column;flex:1}
.post-title{font-size:1.05rem;line-height:1.5;font-weight:600;color:var(--ink);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s var(--ease)}
.post-card:hover .post-title{color:var(--forest-deep)}
.post-excerpt{font-size:13px;line-height:1.65;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--s-4);flex:1}
.post-meta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s-3);border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.post-meta .by{display:flex;align-items:center;gap:6px}
.post-meta .by .ava{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:10px;background:linear-gradient(135deg,#149187,#1C7A57)}
.post-meta .by b{color:var(--ink-soft);font-weight:500}

/* 封面色变体（绿/青系，无蓝；四色拉开明度与色相便于区分） */
.cover-green{background:linear-gradient(135deg,#0E5044,#149187)}
.cover-teal{background:linear-gradient(120deg,#0E6E7A,#1C9A8E)}
.cover-forest{background:linear-gradient(145deg,#0B3D2E,#2E8B26)}
.cover-moss{background:linear-gradient(130deg,#137A72,#4CB848)}

/* 文章专属封面图：有图时占满 cover 容器，隐藏原渐变/网格叠加层；无图时保持首字渐变兜底 */
.featured-cover img,
.post-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block}
.featured-cover.has-image::before,
.post-cover.has-image::before{display:none}
.featured-cover.has-image .badge,
.post-cover.has-image .cat{z-index:3}

/* 分页器 */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--s-12);padding:var(--s-6) 0;flex-wrap:wrap}
.page-btn{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--ink-soft);background:var(--bg-elev);border:1px solid var(--line);cursor:pointer;transition:all .2s var(--ease);padding:0 12px}
.page-btn:hover:not(:disabled):not(.is-active){border-color:var(--teal);color:var(--forest-deep)}
.page-btn.is-active{background:linear-gradient(135deg,#149187,#1C7A57);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(20,145,135,.25)}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.page-ellipsis{color:var(--muted);padding:0 4px;font-size:13px}
.page-info{margin-left:var(--s-4);font-size:12px;color:var(--muted)}

/* Newsletter / 收尾 CTA 卡 */
.cta-section{margin:var(--s-6) 0 var(--s-12)}
.section--tight-bottom{padding-bottom:clamp(32px,4vw,56px)}
.cta-card{position:relative;background:linear-gradient(135deg,#f8fafb 0%,#eef4f2 40%,#e0ebe6 100%);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(32px,4vw,48px);display:grid;grid-template-columns:1fr auto;gap:clamp(24px,3vw,40px);align-items:center;color:var(--ink);overflow:hidden;box-shadow:var(--shadow-sm)}
.cta-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 90% 10%,rgba(20,145,135,.06) 0%,transparent 35%),radial-gradient(circle at 10% 90%,rgba(76,184,72,.04) 0%,transparent 35%);pointer-events:none}
.cta-card::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border:1px solid rgba(20,145,135,.08);border-radius:50%;pointer-events:none}
.cta-content{position:relative;z-index:2}
.cta-eyebrow{font-size:11px;letter-spacing:.12em;padding:4px 12px;background:rgba(20,145,135,.08);border-radius:999px;display:inline-block;margin-bottom:var(--s-3);font-weight:700;color:var(--teal)}
.cta-title{font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.3;font-weight:800;margin-bottom:var(--s-2);color:var(--ink)}
.cta-desc{font-size:14px;line-height:1.65;color:var(--ink-soft);max-width:480px}
.cta-form{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}
.cta-form-row{display:flex;gap:8px;background:rgba(255,255,255,.96);border-radius:999px;padding:6px}
.cta-form-row input{flex:1;min-width:0;border:none;background:none;outline:none;padding:0 16px;font-size:14px;color:var(--ink);font-family:inherit}
.cta-form-row input::placeholder{color:var(--muted)}
.btn-dark{background:var(--ink);color:#fff;border-radius:999px;font-size:14px;font-weight:600;padding:11px 22px;border:none;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap}
.btn-dark:hover{background:#000;transform:translateY(-1px)}
.cta-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:rgba(255,255,255,.8);padding:0 8px}
.cta-meta .avatars{display:flex}
.cta-meta .avatars span{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);margin-left:-8px;display:grid;place-items:center;font-size:10px;color:#fff;font-weight:600}
.cta-meta .avatars span:first-child{margin-left:0}

/* ============================================================
   v5 组件响应式
   ============================================================ */
@media (max-width:1024px){
  .page-hero--card .hero-inner{grid-template-columns:1fr;gap:var(--s-8)}
  .hero-stats{flex-wrap:wrap;gap:var(--s-6)}
  .featured{grid-template-columns:1fr}
  .featured-cover{aspect-ratio:16/9}
  .featured-cover .initial{font-size:clamp(72px,16vw,120px)}
  .articles-grid{grid-template-columns:repeat(2,1fr)}
  .cta-card{grid-template-columns:1fr;gap:var(--s-7)}
  .cta-section{margin:var(--s-12) 0 var(--s-16)}
}
@media (max-width:768px){
  .featured-body{padding:var(--s-6) var(--s-5)}
  .featured-title{font-size:1.3rem}
  .articles-grid{grid-template-columns:1fr}
  .article .post-card{width:100%}
  .cta-title{font-size:1.4rem}
  .cta-card{padding:var(--s-8) var(--s-6)}
  .cta-form-row{flex-direction:column;border-radius:var(--r-lg);padding:8px}
  .cta-form-row input{padding:12px 14px}
  .btn-dark{width:100%;padding:12px}
  .pagination{margin-top:var(--s-8);flex-wrap:wrap}
  .page-info{width:100%;text-align:center;margin-left:0;margin-top:8px}
  .hero-side-facts{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:520px){
  .container{padding-inline:var(--s-5)}
  .page-hero--card{padding:var(--s-8) var(--s-5);min-height:auto}
  .page-hero--card h1{white-space:normal;font-size:clamp(1.6rem,7vw,2.2rem)}
  .page-hero--card p{font-size:var(--fs-sm)}
  .hero-stats{gap:var(--s-5)}
  .hero-side-facts .fact b{font-size:1.1rem}
  .featured-cover .initial{font-size:64px}
  .post-cover .initial{font-size:44px}
}

/* ============================================================
   联系页增强 v1 — 沿用 tokens，CSS-only 提升
   范围：仅作用于 contact.html，scoped 选择器隔离
   ============================================================ */

/* --- 2. Hero 轻量关键指标（如果 HTML 里有 .hero-simple__stats） --- */
.page-hero--simple .hero-simple__stats{
  display:flex;flex-wrap:wrap;gap:var(--s-8);
  margin-top:var(--s-8);
  padding-top:var(--s-5);
  border-top:1px solid var(--line);
}
.page-hero--simple .hero-simple__stats .stat b{
  display:block;font-size:1.45rem;font-weight:800;line-height:1.1;
  color:var(--forest-deep);
  font-family:var(--font-latin);
}
.page-hero--simple .hero-simple__stats .stat span{
  font-size:12px;color:var(--muted);margin-top:4px;display:block;letter-spacing:.02em;
}

/* --- 3. 表单卡片：品牌色条 + 阴影 + 内边距 --- */
.contact-form{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:clamp(24px,3vw,36px);
  box-shadow:var(--shadow-sm);
  transition:box-shadow .25s var(--ease);
}
.contact-form:hover{box-shadow:var(--shadow-md)}
.contact-form::before{
  /* 顶部品牌色条锚点 */
  content:"";position:absolute;
  top:0;left:var(--r-lg);right:var(--r-lg);height:3px;
  background:linear-gradient(90deg,#0D8ABC 0%,#149187 55%,#4CB848 100%);
  border-radius:0 0 4px 4px;
}

/* --- 4. 输入框：focus 蓝→青光晕 + 微位移 --- */
.contact-form .field label{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;color:var(--ink);
}
.contact-form .field input,
.contact-form .field select,
.contact-form .field textarea{
  padding:14px 16px;
  border:1px solid var(--line-strong);
  border-radius:var(--r-md);
  background:#FAFCFD;
  transition:border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),transform .15s var(--ease);
}
.contact-form .field input:hover,
.contact-form .field select:hover,
.contact-form .field textarea:hover{
  border-color:rgba(20,145,135,.35);
  background:#fff;
}
.contact-form .field textarea{resize:vertical;min-height:128px;line-height:1.65}
.contact-form .field select{
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23149187' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px;
  cursor:pointer;
}
.contact-form .field input::placeholder,
.contact-form .field textarea::placeholder{color:#9AA8A3}

/* --- 5. 信任条（按钮下方）--- */
.contact-form .trust-strip{
  display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6);
  margin-top:var(--s-5);padding-top:var(--s-4);
  border-top:1px dashed var(--line-strong);
  font-size:12.5px;color:var(--ink-soft);
}
.contact-form .trust-strip span{
  display:inline-flex;align-items:center;gap:6px;
}
.contact-form .trust-strip span::before{
  content:"";width:14px;height:14px;border-radius:50%;
  background:rgba(76,184,72,.14);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C7A57' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
  background-size:9px;background-repeat:no-repeat;background-position:center;
  flex:none;
}

/* --- 7. 状态提示：成功 / 错误 toast 样式 --- */
#formNote{
  display:none;align-items:center;gap:10px;
  margin-top:var(--s-5)!important;
  padding:12px 16px;
  border-radius:var(--r-md);
  font-size:13.5px;font-weight:600;
  line-height:1.5;
  animation:noteSlide .35s var(--ease);
}
#formNote.is-show{display:inline-flex}
#formNote.is-ok{
  color:#0E5238;background:linear-gradient(135deg,rgba(76,184,72,.10),rgba(20,145,135,.08));
  border:1px solid rgba(28,122,87,.22);
}
#formNote.is-ok::before{
  content:"";width:18px;height:18px;border-radius:50%;flex:none;
  background:#1C7A57;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
  background-size:11px;background-repeat:no-repeat;background-position:center;
}
#formNote.is-err{
  color:#9B2A1F;background:linear-gradient(135deg,rgba(192,57,43,.08),rgba(192,57,43,.04));
  border:1px solid rgba(192,57,43,.22);
}
#formNote.is-err::before{
  content:"!";width:18px;height:18px;border-radius:50%;flex:none;
  background:#C0392B;color:#fff;
  display:grid;place-items:center;
  font-size:12px;font-weight:800;line-height:1;
}
@keyframes noteSlide{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

/* ============================================================
   联系页布局：表单左对齐 + 右侧信息卡
   ============================================================ */
.section--contact{
  padding-top:clamp(40px,5vw,64px);
}
.contact-layout{
  display:grid;
  grid-template-columns:1.35fr 0.85fr;
  gap:var(--s-8);
  align-items:start;
}

/* 右侧信息卡 */
.contact-info-card{
  position:relative;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4F9F7 100%);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:clamp(28px,3.5vw,40px);
  box-shadow:var(--shadow-sm);
  transition:box-shadow .25s var(--ease);
}
.contact-info-card:hover{box-shadow:var(--shadow-md)}

.contact-info__header{
  margin-bottom:var(--s-6);
}
.contact-info__label{
  display:inline-block;
  font-family:var(--font-latin);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--teal);
  margin-bottom:var(--s-2);
}
.contact-info__header h3{
  font-family:var(--font-sans);
  font-size:clamp(1.25rem,2vw,1.55rem);
  font-weight:800;
  color:var(--ink);
}

.contact-info__channels{
  display:flex;
  flex-direction:column;
  gap:var(--s-5);
  margin-bottom:var(--s-6);
  padding-bottom:var(--s-6);
  border-bottom:1px dashed var(--line-strong);
}
.contact-info__item{
  display:flex;
  align-items:flex-start;
  gap:var(--s-4);
}
.contact-info__icon{
  flex:none;
  width:44px;height:44px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(20,145,135,.10),rgba(76,184,72,.08));
  border-radius:var(--r-md);
  font-size:22px;
  line-height:1;
}
.contact-info__item b{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:2px;
}
.contact-info__item p{
  font-size:13px;
  color:var(--ink-soft);
  line-height:1.55;
}

.contact-info__flow-title{
  display:block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:var(--s-4);
}
.contact-info__steps{
  list-style:none;
  padding:0;margin:0;
  display:flex;
  flex-direction:column;
  gap:var(--s-3);
}
.contact-info__steps li{
  display:flex;
  align-items:center;
  gap:var(--s-3);
  font-size:14px;
  color:var(--ink-soft);
  line-height:1.5;
}
.contact-info__steps li i{
  flex:none;
  width:22px;height:22px;
  display:grid;place-items:center;
  background:var(--teal);
  color:#fff;
  border-radius:50%;
  font-size:11px;
  font-weight:800;
  font-style:normal;
}

/* --- 8. 信息卡：品牌色条 + 列表对勾图标 + AI 对话预览 --- */
.info-card{
  position:relative;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4F9FC 100%);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:clamp(24px,3vw,32px);
  box-shadow:var(--shadow-sm);
  transition:box-shadow .25s var(--ease);
}
.info-card:hover{box-shadow:var(--shadow-md)}
.info-card::before{
  content:"";position:absolute;
  top:0;left:var(--r-lg);right:var(--r-lg);height:3px;
  background:linear-gradient(90deg,#4CB848 0%,#149187 55%,#0D8ABC 100%); /* 与表单反向，建立左右呼应 */
  border-radius:0 0 4px 4px;
}
.info-card h3{
  font-size:1.15rem;font-weight:800;color:var(--ink);
  display:flex;align-items:center;gap:8px;
}
.info-card h3::before{
  content:"";width:4px;height:18px;border-radius:2px;
  background:linear-gradient(180deg,#0D8ABC,#149187);
  flex:none;
}
.info-card>p{
  color:var(--ink-soft);font-size:14px;line-height:1.75;
  margin-top:var(--s-3);
}
.info-card ul{
  margin-top:var(--s-6);
  display:grid;gap:var(--s-4);
  padding:0;list-style:none;
}
.info-card li{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px 14px;
  background:rgba(255,255,255,.7);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  transition:all .2s var(--ease);
}
.info-card li:hover{
  background:#fff;border-color:rgba(20,145,135,.30);
  transform:translateX(2px);
  box-shadow:0 4px 12px rgba(20,145,135,.08);
}
.info-card li::before{
  content:"";width:22px;height:22px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#0D8ABC,#149187);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>"),linear-gradient(135deg,#0D8ABC,#149187);
  background-size:13px,cover;background-repeat:no-repeat;background-position:center;
  box-shadow:0 2px 6px rgba(13,138,188,.25);
}
.info-card li b{
  display:block;font-size:13.5px;font-weight:700;color:var(--ink);
  line-height:1.3;
}
.info-card li span{
  display:block;font-size:12.5px;color:var(--ink-soft);
  margin-top:3px;line-height:1.55;
}

/* --- 9. AI 对话预览（替换原本的 inline 样式） --- */
.ai-chat-preview{
  margin-top:var(--s-7);
  padding:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:0 4px 12px rgba(13,138,188,.04);
}
.ai-chat-msg{
  display:flex;gap:12px;align-items:flex-start;
}
.ai-chat-avatar{
  width:36px;height:36px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#0D8ABC 0%,#149187 55%,#4CB848 100%);
  display:grid;place-items:center;
  color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;
  box-shadow:0 4px 10px rgba(13,138,188,.25);
  position:relative;
}
.ai-chat-avatar::after{
  content:"";position:absolute;right:-1px;bottom:-1px;
  width:10px;height:10px;border-radius:50%;
  background:#4CB848;border:2px solid #fff;
}
.ai-chat-bubble{
  flex:1;
  background:linear-gradient(135deg,rgba(244,249,252,.9),rgba(232,243,247,.7));
  border:1px solid rgba(13,138,188,.10);
  border-radius:4px 14px 14px 14px;
  padding:11px 14px;
  font-size:13px;color:var(--ink-soft);line-height:1.65;
}
.ai-chat-bubble b{color:var(--forest-deep);font-weight:700}
.ai-chat-foot{
  display:flex;align-items:center;gap:6px;
  margin-top:10px;padding-top:10px;
  border-top:1px dashed var(--line);
  font-size:12px;color:var(--muted);
}
.ai-chat-foot::before{
  content:"💬";font-size:13px;
}

/* --- 10. 移动端适配 --- */
@media (max-width:900px){
  .contact-layout{grid-template-columns:1fr;gap:var(--s-6)}
}
@media (max-width:760px){
  .contact-form{padding:20px}
  .contact-form::before,
  .info-card::before{left:16px;right:16px}
  .info-card{padding:22px 20px}
  .info-card li{padding:11px 12px}
  .ai-chat-preview{padding:14px}
  .contact-form .btn--primary{width:100%;justify-content:center}
  .contact-form .trust-strip{gap:var(--s-3) var(--s-4);font-size:12px}
  .contact-info-card{padding:24px 20px}
}
@media (max-width:520px){
  #formNote{font-size:13px;padding:10px 14px}
}

/* === 组织健康三层模型（移植自 organization-health-model.html，token 限定在 .oh-section 作用域，不污染全局） === */
.oh-section {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-7: 32px; --space-8: 40px;
  --space-9: 48px; --space-10: 64px; --space-11: 80px;
  --color-card: #FFFFFF;
  --color-border: #EEF0F2;
  --color-border-strong: #DDE1E5;
  --color-primary: #0D8ABC;
  --color-primary-dark: #0A6A96;
  --color-primary-darker: #064E6F;
  --color-secondary: #149187;
  --color-secondary-dark: #0E7568;
  --color-accent: #4CB848;
  --color-amber: #E08F3C;
  --color-amber-light: #F2A03D;
  --color-bg: #F8FAFB;
  --color-ink: #1C1C1C;
  --text-primary: #1C1C1C;
  --text-secondary: #4A5563;
  --text-muted: #8892A0;
  --text-on-primary: #FFFFFF;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 24px;
  --shadow-xs: 0 1px 2px rgba(6,78,111,.04);
  --shadow-sm: 0 2px 6px rgba(6,78,111,.05);
  --shadow-md: 0 4px 12px rgba(6,78,111,.08);
  --shadow-lg: 0 12px 32px rgba(6,78,111,.10);
  --grad-brand: linear-gradient(135deg, #0D8ABC 0%, #149187 55%, #4CB848 100%);
  --grad-hero: linear-gradient(135deg, #064E6F 0%, #0D8ABC 45%, #149187 100%);
  --grad-amber: linear-gradient(135deg, #F2A03D 0%, #E08F3C 100%);
  --grad-blue: linear-gradient(135deg, #0D8ABC 0%, #064E6F 100%);
  --grad-emerald: linear-gradient(135deg, #149187 0%, #0E7568 100%);
  --fs-display: 2.5rem;
  --fs-h1: 2rem;
  --fs-h2: 1.5rem;
  --fs-h3: 1.125rem;
  --fs-body-lg: 1rem;
  --fs-body: 0.9375rem;
  --fs-caption: 0.8125rem;
  --fs-nano: 0.75rem;
  padding: var(--space-10) var(--space-6);
}

.oh-container {
  max-width: 1200px;
    margin: 0 auto;
}

.oh-layers { display: flex; flex-direction: column; gap: var(--space-7); }

.oh-layer {
  position: relative;
    display: grid;
    grid-template-columns: 220px 1fr 240px;
    gap: var(--space-4);
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    box-shadow: var(--shadow-sm);
    transition: box-shadow .25s ease, transform .25s ease;
}

.oh-layer:hover {
  box-shadow: var(--shadow-md);
}

.oh-layer__head { position: relative; }

.oh-layer__no {
  position: absolute;
  top: -8px;
  left: 18px;
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--color-primary);
  opacity: 0.10;
  pointer-events: none;
  user-select: none;
}

.oh-layer--system .oh-layer__no {
  color: var(--color-primary);
}

.oh-layer--culture .oh-layer__no {
  color: var(--color-secondary);
}

.oh-layer--leadership .oh-layer__no {
  color: var(--color-amber);
}

.oh-layer__label {
  display: inline-block;
    font-size: var(--fs-nano);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-3);
}

.oh-layer--system .oh-layer__label {
  background: rgba(13, 138, 188, .10); color: var(--color-primary-dark);
}

.oh-layer--culture .oh-layer__label {
  background: rgba(20, 145, 135, .10); color: var(--color-secondary);
}

.oh-layer--leadership .oh-layer__label {
  background: rgba(224, 143, 60, .12); color: #B57328;
}

.oh-layer__name {
  font-size: var(--fs-h2);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: var(--space-2);
}

.oh-layer--system .oh-layer__name {
  color: var(--color-primary-dark);
}

.oh-layer--culture .oh-layer__name {
  color: var(--color-secondary);
}

.oh-layer--leadership .oh-layer__name {
  color: #B57328;
}

.oh-layer__slogan {
  font-size: var(--fs-body);
    color: var(--text-secondary);
    margin-bottom: var(--space-4);
    font-weight: 500;
}

.oh-layer__kicker {
  font-size: var(--fs-caption);
    color: var(--text-muted);
    margin-bottom: var(--space-3);
}

.oh-layer__kicker strong {
  color: var(--text-secondary);
    font-weight: 600;
    letter-spacing: 0.04em;
}

.oh-layer__matrix {
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2) var(--space-3);
}

.oh-layer__chip {
  display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--fs-caption);
    color: var(--text-primary);
    font-weight: 500;
}

.oh-layer__chip::before {
  content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--color-primary);
    flex-shrink: 0;
}

.oh-layer--culture .oh-layer__chip::before {
  background: var(--color-secondary);
}

.oh-layer--leadership .oh-layer__chip::before {
  background: var(--color-amber);
}

.oh-layer__center {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr);
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-2);
}

.oh-hub {
  width: 140px;
    height: 140px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    box-shadow: 0 8px 24px rgba(6, 78, 111, 0.18);
    position: relative;
}

.oh-layer--system .oh-hub {
  background: var(--grad-blue);
}

.oh-layer--culture .oh-hub {
  background: var(--grad-emerald);
}

.oh-layer--leadership .oh-hub {
  background: var(--grad-amber);
}

.oh-hub__icon {
  margin-bottom: 6px;
}

.oh-hub__name {
  font-size: var(--fs-h3);
    font-weight: 700;
    line-height: 1.1;
}

.oh-hub__motto {
  font-size: var(--fs-nano);
    opacity: 0.85;
    margin-top: 4px;
    letter-spacing: 0.04em;
}

.oh-side {
  display: flex; flex-direction: column; gap: var(--space-3);
}

.oh-side__card {
  background: var(--color-bg);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    border-left: 3px solid var(--color-primary);
    transition: transform .2s ease, background .2s ease;
    white-space: nowrap;
}

.oh-side__card:hover {
  background: #fff;
    transform: translateX(2px);
}

.oh-layer--culture .oh-side__card {
  border-left-color: var(--color-secondary);
}

.oh-layer--leadership .oh-side__card {
  border-left-color: var(--color-amber);
}

.oh-side__title {
  font-size: var(--fs-body-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 2px;
}

.oh-side__desc {
  font-size: var(--fs-caption);
    color: var(--text-muted);
}

.oh-value {
  position: relative;
  background: var(--color-bg);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  padding-top: calc(var(--space-5) + 3px);
  overflow: hidden;
}

.oh-layer--system .oh-value::before {
  background: var(--color-primary);
}

.oh-layer--culture .oh-value::before {
  background: var(--color-secondary);
}

.oh-layer--leadership .oh-value::before {
  background: var(--color-amber);
}

.oh-value__tag {
  display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--fs-nano);
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    margin-bottom: var(--space-3);
}

.oh-value__icon {
  width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: var(--space-3);
}

.oh-layer--system .oh-value__icon {
  background: var(--grad-blue);
}

.oh-layer--culture .oh-value__icon {
  background: var(--grad-emerald);
}

.oh-layer--leadership .oh-value__icon {
  background: var(--grad-amber);
}

.oh-value__title {
  font-size: var(--fs-h3);
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-3);
}

.oh-value__list {
  display: flex; flex-direction: column; gap: var(--space-2);
}

.oh-value__list li {
  display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: var(--fs-caption);
    color: var(--text-secondary);
    line-height: 1.5;
}

.oh-value__list li::before {
  content: "";
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-top: 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
    background-size: 9px;
    background-repeat: no-repeat;
    background-position: center;
}

.oh-layer--system .oh-value__list li::before {
  background-color: var(--color-primary);
}

.oh-layer--culture .oh-value__list li::before {
  background-color: var(--color-secondary);
}

.oh-layer--leadership .oh-value__list li::before {
  background-color: var(--color-amber);
}

@media (max-width: 1100px)  {
    .oh-layer {
      grid-template-columns: 200px 1fr 220px;
      gap: var(--space-4);
    }
    .oh-layer__center {
      grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
    }
    .oh-hub {
      width: 120px; height: 120px;
    }
  }

@media (max-width: 880px)  {
    .oh-section {
      padding: var(--space-9) var(--space-5);
    }
    .oh-layer {
      grid-template-columns: 1fr;
      gap: var(--space-5);
    }
    .oh-layer__no {
      font-size: 4rem; top: -4px;
    }
    .oh-layer__center {
      grid-template-columns: 1fr;
      text-align: center;
    }
    .oh-side {
      flex-direction: row; flex-wrap: wrap;
    }
    .oh-side__card {
      flex: 1 1 calc(50% - var(--space-2));
      white-space: normal;
    }
    .oh-hub {
      margin: 0 auto;
    }
  }

@media (max-width: 480px)  {
    .oh-side__card {
      flex: 1 1 100%;
    }
  }