/* ============ 慧聚咨询官网 · 全局样式 ============ */
:root{
  --ink:#16172E;          /* 深色底 */
  --ink-2:#1E1F3A;
  --paper:#FAFAF7;        /* 浅色正文底 */
  --paper-2:#F1F0EA;
  --line:rgba(22,23,46,.12);
  --line-light:rgba(255,255,255,.14);
  --violet:#6B5CE7;       /* 强调色：电光紫 */
  --violet-deep:#534AB7;
  --violet-soft:#EEEDFE;
  --text:#23232B;
  --muted:#6A6A72;
  --radius:16px;
  --max:1160px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  color:var(--text);background:var(--paper);
  font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
section{position:relative}

/* ---------- 顶部导航 ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .35s,border .35s;
  border-bottom:1px solid transparent;
}
.nav.on{background:rgba(250,250,247,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav.on .nav-inner,.nav.on a{color:var(--text)}
.nav-inner{
  max-width:var(--max);margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;gap:32px;color:#fff;
}
.nav-logo{font-size:19px;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:8px}
.nav-logo i{width:9px;height:9px;border-radius:50%;background:var(--violet);display:inline-block}
.nav-links{display:flex;gap:18px;font-size:14px;margin-left:auto;opacity:.92;white-space:nowrap}
.nav-links a{position:relative;padding:4px 0}
.nav-links a:hover{color:var(--violet)}
.nav-links a.active{color:var(--violet)}
.nav-cta{
  background:var(--violet);color:#fff !important;font-size:14px;
  padding:9px 20px;border-radius:999px;white-space:nowrap;transition:background .25s;
}
.nav-cta:hover{background:var(--violet-deep)}
.nav-burger{display:none;margin-left:auto;background:none;border:1px solid currentColor;color:inherit;border-radius:8px;padding:6px 10px;font-size:15px}

/* ---------- 深色首屏 ---------- */
.hero{
  min-height:100vh;background:var(--ink);color:#fff;
  display:flex;align-items:center;overflow:hidden;
}
#net{position:absolute;inset:0;width:100%;height:100%}
.hero-inner{position:relative;z-index:2;padding:140px 24px 100px;max-width:var(--max);margin:0 auto;width:100%}
.hero-kicker{font-size:15px;letter-spacing:2px;color:rgba(255,255,255,.55);margin-bottom:22px}
.hero h1{font-size:clamp(30px,4.6vw,54px);line-height:1.35;font-weight:600;max-width:20em}
.hero h1 em{font-style:normal;color:#B9AEFF}
.hero-sub{margin-top:24px;font-size:clamp(15px,1.6vw,18px);color:rgba(255,255,255,.78);max-width:34em}
.hero-sub b{color:#fff;font-weight:500}
.hero-ctas{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;
  padding:15px 32px;border-radius:999px;cursor:pointer;border:none;transition:all .25s;
}
.btn-primary{background:var(--violet);color:#fff}
.btn-primary:hover{background:var(--violet-deep);transform:translateY(-2px)}
/* 首屏幽灵按钮 · 聚光特效（仅首页 banner 使用） */
.btn-ghost{
  position:relative;overflow:hidden;font-weight:600;
  background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)) padding-box,
             linear-gradient(120deg,#6B5CE7,#38BDF8,#A78BFA,#6B5CE7) border-box;
  background-size:100% 100%,300% 100%;
  background-position:0 0,0 0;
  border:2px solid transparent;color:#fff;
  animation:btnGlow 3s ease-in-out infinite,btnBorder 6s linear infinite;
}
.btn-ghost::before{
  content:"";position:absolute;top:-25%;bottom:-25%;left:-45%;width:38%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);
  transform:skewX(-20deg);
  animation:btnSheen 3.2s ease-in-out infinite;
}
.btn-ghost::after{content:"→";font-size:18px;line-height:1;transition:transform .25s}
.btn-ghost:hover{
  transform:translateY(-2px);
  background:linear-gradient(rgba(255,255,255,.13),rgba(255,255,255,.13)) padding-box,
             linear-gradient(120deg,#6B5CE7,#38BDF8,#A78BFA,#6B5CE7) border-box;
  background-size:100% 100%,300% 100%;
  box-shadow:0 0 30px rgba(107,92,231,.65),0 10px 26px rgba(56,189,248,.28);
}
.btn-ghost:hover::after{transform:translateX(4px)}
@keyframes btnGlow{0%,100%{box-shadow:0 0 14px rgba(107,92,231,.3)}50%{box-shadow:0 0 30px rgba(107,92,231,.55)}}
@keyframes btnBorder{to{background-position:0 0,-300% 0}}
@keyframes btnSheen{0%,55%{left:-45%}100%{left:115%}}
@media (prefers-reduced-motion:reduce){
  .btn-ghost,.btn-ghost::before{animation:none}
}
.hero-hint{margin-top:56px;font-size:13px;color:rgba(255,255,255,.4);display:flex;align-items:center;gap:10px}
.hero-hint span{display:inline-block;width:1px;height:34px;background:rgba(255,255,255,.25);animation:drop 1.8s infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- 浅色内容屏 ---------- */
.screen{padding:110px 0}
.screen.alt{background:var(--paper-2)}
.eyebrow{font-size:14px;letter-spacing:3px;color:var(--violet);font-weight:500;margin-bottom:14px}
.h2{font-size:clamp(26px,3.4vw,40px);line-height:1.4;font-weight:600;max-width:22em}
.h2 em{font-style:normal;color:var(--violet-deep)}
.lead{margin-top:18px;color:var(--muted);max-width:36em;font-size:16.5px}

/* ---------- 屏2：营销存三卡 ---------- */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.trio-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 28px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden;
}
.trio-card:hover{transform:translateY(-6px);border-color:var(--violet)}
.trio-key{
  font-size:74px;font-weight:600;line-height:1;color:var(--violet);
  font-family:Georgia,"Songti SC",serif;position:relative;z-index:1;
}
.trio-key::after{content:"";display:block;width:36px;height:3px;background:var(--violet);border-radius:2px;margin-top:14px;opacity:.5}
.trio-card h3{font-size:23px;font-weight:600;margin-top:18px}
.trio-card p{color:var(--muted);margin-top:10px;font-size:15.5px}
.trio-tag{
  position:absolute;top:22px;right:22px;font-size:12.5px;color:var(--violet-deep);
  background:var(--violet-soft);padding:4px 12px;border-radius:999px;
}

/* ---------- 屏3：方法论六步 ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.step{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;
}
.step-no{font-size:13px;color:var(--violet);font-weight:500;letter-spacing:1px}
.step h3{font-size:21px;font-weight:600;margin:8px 0 6px}
.step .plain{color:var(--muted);font-size:15px}
details.fold{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px}
details.fold summary{
  cursor:pointer;list-style:none;color:var(--violet-deep);font-size:14px;font-weight:500;
  display:flex;align-items:center;gap:6px;user-select:none;
}
details.fold summary::after{content:"+";font-size:17px;transition:transform .25s}
details.fold[open] summary::after{transform:rotate(45deg)}
details.fold summary::-webkit-details-marker{display:none}
details.fold .fold-body{margin-top:10px;font-size:14.5px;color:var(--muted)}
.net-note{
  margin-top:48px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:34px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;
}
.net-note h3{font-size:21px;font-weight:600;margin-bottom:10px}
.net-note p{color:var(--muted);font-size:15px}
.net-svg{width:100%;height:auto}

/* ---------- 屏4：L1–L5 链路 ---------- */
.chain-wrap{margin-top:60px}
.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.chain-node{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 18px;text-align:center;
  position:relative;z-index:2;margin:0 8px;transition:all .4s;
}
.chain-node.lit{border-color:var(--violet);background:var(--violet-soft)}
.chain-node .lv{font-size:12.5px;color:var(--violet-deep);font-weight:600;letter-spacing:1px}
.chain-node h4{font-size:18px;font-weight:600;margin:6px 0 4px}
.chain-node p{font-size:12.5px;color:var(--muted);line-height:1.6}
.chain-line{
  position:absolute;top:50%;left:4%;right:4%;height:2px;
  background:linear-gradient(90deg,var(--violet) var(--fill,0%),var(--line) var(--fill,0%));
  z-index:1;transition:--fill .2s;
}
.diff-quote{
  margin-top:70px;text-align:center;
}
.diff-quote blockquote{
  font-size:clamp(22px,2.8vw,32px);font-weight:600;line-height:1.5;max-width:22em;margin:0 auto;
}
.diff-quote blockquote em{font-style:normal;color:var(--violet-deep)}
.diff-quote cite{display:block;margin-top:16px;font-style:normal;color:var(--muted);font-size:15px}

/* ---------- 屏5：信任摘要 ---------- */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.trust-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;
  display:flex;flex-direction:column;gap:10px;
}
.trust-card .tc-label{font-size:13px;letter-spacing:2px;color:var(--violet);font-weight:500}
.trust-card h3{font-size:20px;font-weight:600}
.trust-card p{color:var(--muted);font-size:14.5px;flex:1}
.trust-card a{color:var(--violet-deep);font-size:14.5px;font-weight:500}
.trust-card a:hover{text-decoration:underline}

/* 案例占位卡 */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.case-card{
  background:#fff;border:1.5px dashed rgba(22,23,46,.22);border-radius:var(--radius);
  padding:28px 24px;display:flex;flex-direction:column;gap:12px;
}
.case-card .cc-tag{font-size:12.5px;color:var(--muted);background:var(--paper-2);border-radius:999px;padding:4px 12px;width:fit-content}
.case-card dl{display:grid;gap:8px;font-size:14px}
.case-card dt{color:var(--muted);font-size:12.5px}
.case-card dd{font-weight:500;border-bottom:1px dashed var(--line);padding-bottom:8px;color:rgba(22,23,46,.45)}
.case-empty{
  margin-top:16px;font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:8px;
}

/* ---------- 屏6：筛客户 ---------- */
.fit{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;margin-top:56px;align-items:start}
.symptoms{display:grid;gap:12px}
.symptom{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;
  display:flex;gap:14px;align-items:center;cursor:pointer;transition:all .25s;font-size:15.5px;
}
.symptom:hover{border-color:var(--violet)}
.symptom .box{
  width:20px;height:20px;border:1.5px solid var(--line);border-radius:6px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;transition:all .25s;
}
.symptom.on{border-color:var(--violet);background:var(--violet-soft)}
.symptom.on .box{background:var(--violet);border-color:var(--violet)}
.fit-result{
  background:var(--ink);color:#fff;border-radius:var(--radius);padding:36px 32px;position:sticky;top:100px;
}
.fit-result h3{font-size:20px;font-weight:600}
.fit-result .fr-count{font-size:44px;font-weight:600;color:#B9AEFF;margin:10px 0}
.fit-result p{color:rgba(255,255,255,.72);font-size:14.5px}
.fit-result ul{margin:14px 0 0 18px;color:rgba(255,255,255,.85);font-size:14.5px}
.fit-note{margin-top:14px;font-size:13px;color:rgba(255,255,255,.45)}

/* ---------- 屏7 / 转化区 ---------- */
.convert{background:var(--ink);color:#fff;padding:110px 0}
.convert .eyebrow{color:#B9AEFF}
.convert .lead{color:rgba(255,255,255,.65)}
.convert-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:48px;align-items:start}
.cform{background:var(--ink-2);border:1px solid var(--line-light);border-radius:var(--radius);padding:36px}
.cform h3{font-size:19px;font-weight:600;margin-bottom:20px}
.cform label{display:block;font-size:13.5px;color:rgba(255,255,255,.6);margin:16px 0 6px}
.cform input,.cform select,.cform textarea{
  width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line-light);
  border-radius:10px;padding:12px 14px;color:#fff;font-size:15px;font-family:inherit;
}
.cform input:focus,.cform textarea:focus,.cform select:focus{outline:none;border-color:var(--violet)}
.cform .btn{margin-top:24px;width:100%;justify-content:center}
.cform .form-ok{display:none;text-align:center;padding:30px 0}
.cform .form-ok .ok-ring{
  width:60px;height:60px;border-radius:50%;background:var(--violet);margin:0 auto 18px;
  display:flex;align-items:center;justify-content:center;font-size:28px;
}
.channels{display:grid;gap:14px}
.channel{
  display:flex;gap:16px;align-items:center;background:var(--ink-2);
  border:1px solid var(--line-light);border-radius:14px;padding:18px 22px;
}
.channel .ic{
  width:44px;height:44px;border-radius:12px;background:rgba(107,92,231,.18);
  display:flex;align-items:center;justify-content:center;color:#B9AEFF;font-size:19px;flex-shrink:0;
}
.channel b{font-size:15.5px;font-weight:600;display:block}
.channel span{font-size:13.5px;color:rgba(255,255,255,.55)}
.channel .placeholder{color:rgba(255,255,255,.35);font-size:13px}

/* ---------- 页脚 ---------- */
footer{background:#10112A;color:rgba(255,255,255,.65);padding:64px 0 32px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
footer h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:16px}
footer a{display:block;padding:4px 0;color:rgba(255,255,255,.65)}
footer a:hover{color:#B9AEFF}
.foot-brand{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}
.foot-bottom{
  margin-top:48px;padding-top:24px;border-top:1px solid var(--line-light);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:rgba(255,255,255,.35);
}

/* ---------- 二级页通用 ---------- */
.subhero{background:var(--ink);color:#fff;padding:150px 0 90px;position:relative;overflow:hidden}
.subhero h1{font-size:clamp(28px,3.8vw,44px);font-weight:600;line-height:1.4;max-width:20em;position:relative;z-index:2}
.subhero .lead{color:rgba(255,255,255,.72);margin-top:18px;font-size:17px;max-width:34em;position:relative;z-index:2}
.subhero .eyebrow{color:#B9AEFF;position:relative;z-index:2}
.crumb{font-size:13.5px;color:rgba(255,255,255,.45);margin-bottom:22px;position:relative;z-index:2}
.crumb a:hover{color:#B9AEFF}

.pill-flow{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.pill{
  border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 22px;
  font-size:15px;font-weight:500;
}
.pill-arrow{color:var(--violet);align-self:center}

.insight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px}
.insight-card{
  background:#fff;border:1px solid var(--color,var(--line));border-radius:var(--radius);padding:28px;
  transition:transform .3s,border-color .3s;
}
.insight-card:hover{transform:translateY(-4px);border-color:var(--violet)}
.insight-card .q{font-size:17.5px;font-weight:600;line-height:1.6}
.insight-card .meta{margin-top:14px;font-size:13px;color:var(--muted)}

/* 关于页实体卡 */
.entity{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.entity h3{font-size:18px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.entity h3::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--violet)}
.entity ul{list-style:none;display:grid;gap:10px;font-size:15px}
.entity li{padding-left:18px;position:relative;color:var(--muted)}
.entity li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1.5px;background:var(--violet)}
.entity li b{color:var(--text);font-weight:500}

/* 滚动显现 */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
.reveal.vis{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .trio,.steps,.trust,.case-grid{grid-template-columns:1fr 1fr}
  .net-note,.fit,.convert-grid{grid-template-columns:1fr;gap:32px}
  .chain{grid-template-columns:1fr;gap:12px}
  .chain-line{display:none}
  .chain-node{margin:0}
  .fit-result{position:static}
  .insight-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);
    flex-direction:column;padding:16px 24px 24px;gap:14px;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}
  .nav-links a{color:var(--text)}
  .nav-burger{display:block}
  .screen{padding:72px 0}
  .trio,.steps,.trust,.case-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .hero-inner{padding:120px 24px 80px}
}

/* ============ V2.0 新增样式 ============ */
/* 树母隐喻 */
.tree-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;margin-top:48px;align-items:center}
.tree-svg{width:100%;height:auto}
.tree-part{display:flex;gap:16px;padding:20px 0;border-bottom:1px dashed var(--line)}
.tree-part:last-child{border-bottom:none}
.tree-part .tp-no{
  width:40px;height:40px;border-radius:12px;background:var(--violet-soft);color:var(--violet-deep);
  display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0;
}
.tree-part h3{font-size:18px;font-weight:600}
.tree-part p{color:var(--muted);font-size:14.5px;margin-top:4px}
.tree-quote{
  margin-top:56px;text-align:center;font-size:clamp(19px,2.4vw,26px);font-weight:600;line-height:1.6;max-width:26em;margin-left:auto;margin-right:auto;
}
.tree-quote em{font-style:normal;color:var(--violet-deep)}

/* 三层模型：挖—连—用 */
.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.layer{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;position:relative;
}
.layer .ly-key{
  font-size:60px;font-weight:600;line-height:1;color:var(--violet);font-family:Georgia,"Songti SC",serif;
}
.layer h3{font-size:20px;font-weight:600;margin-top:14px}
.layer .ly-q{color:var(--violet-deep);font-size:14px;font-weight:500;margin-top:4px}
.layer p{color:var(--muted);font-size:14.5px;margin-top:10px}
.layer-flow{display:flex;justify-content:center;gap:14px;margin-top:36px;align-items:center;font-size:18px;font-weight:600}
.layer-flow .lf{
  border-radius:999px;padding:10px 28px;background:var(--ink);color:#fff;font-size:16px;
}
.layer-flow .lf-arrow{color:var(--violet);font-size:20px}

/* 三大业务平级卡 */
.biz{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.biz-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 28px;
  display:flex;flex-direction:column;gap:12px;transition:transform .3s,border-color .3s;
}
.biz-card:hover{transform:translateY(-6px);border-color:var(--violet)}
.biz-card .biz-res{
  font-size:13px;color:var(--violet-deep);background:var(--violet-soft);
  padding:4px 14px;border-radius:999px;width:fit-content;font-weight:500;
}
.biz-card h3{font-size:23px;font-weight:600}
.biz-card .biz-problem{color:var(--text);font-size:15.5px;font-weight:500}
.biz-card .biz-list{color:var(--muted);font-size:14px}
.biz-card .biz-list b{color:var(--text);font-weight:500}
.biz-card a.biz-cta{margin-top:auto;color:var(--violet-deep);font-weight:500;font-size:15px}
.biz-card a.biz-cta:hover{text-decoration:underline}

/* 三入口分流 CTA */
.split-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.split-card{
  background:var(--ink-2);border:1px solid var(--line-light);border-radius:var(--radius);
  padding:30px 26px;color:#fff;display:flex;flex-direction:column;gap:8px;transition:border-color .3s;
}
.split-card:hover{border-color:var(--violet)}
.split-card .sc-q{font-size:16px;font-weight:600}
.split-card .sc-desc{color:rgba(255,255,255,.6);font-size:14px;flex:1}
.split-card .sc-btn{
  margin-top:14px;display:inline-block;background:var(--violet);color:#fff;border-radius:999px;
  padding:11px 24px;font-size:15px;font-weight:500;text-align:center;transition:background .25s;
}
.split-card .sc-btn:hover{background:var(--violet-deep)}

/* GEO 三种产品形态 */
.geo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.geo-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;
  display:flex;flex-direction:column;gap:10px;
}
.geo-card .gc-stage{font-size:13px;color:var(--violet-deep);font-weight:500}
.geo-card h3{font-size:20px;font-weight:600}
.geo-card p{color:var(--muted);font-size:14.5px}
.geo-card ul{list-style:none;display:grid;gap:6px;font-size:14px;color:var(--muted);margin-top:4px}
.geo-card li{padding-left:16px;position:relative}
.geo-card li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1.5px;background:var(--violet)}

/* FAQ 折叠（GEO 问答） */
.faq{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 26px;margin-top:20px}
.faq details{border-bottom:1px dashed var(--line);padding:18px 0}
.faq details:last-child{border-bottom:none}
.faq summary{cursor:pointer;list-style:none;font-size:16.5px;font-weight:600;display:flex;justify-content:space-between;align-items:center;user-select:none}
.faq summary::after{content:"+";color:var(--violet);font-size:20px;font-weight:400;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary::-webkit-details-marker{display:none}
.faq .faq-body{margin-top:12px;color:var(--muted);font-size:15px}

/* 知识资产清单 */
.klist{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.kitem{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;
}
.kitem h4{font-size:16px;font-weight:600}
.kitem p{font-size:13.5px;color:var(--muted);margin-top:6px}

/* 面包屑（浅色页） */
.crumb-light{font-size:13.5px;color:var(--muted);margin-bottom:20px}
.crumb-light a:hover{color:var(--violet-deep)}

/* 联系占位条 */
.contact-strip{
  display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;font-size:14px;color:var(--muted);
}
.contact-strip span{border:1px dashed var(--line);border-radius:999px;padding:8px 18px}

@media (max-width:960px){
  .tree-wrap{grid-template-columns:1fr;gap:32px}
  .layers,.biz,.geo-products,.split-cta,.klist{grid-template-columns:1fr}
  .layer-flow{flex-direction:column;gap:8px}
  .layer-flow .lf-arrow{transform:rotate(90deg)}
}

/* ============ V2.1 修订：树图/三色卡/栏目配色/标题不换行 ============ */
/* 大标题 PC 不换行，移动端自适应 */
.nowrap-pc{white-space:nowrap}
@media (max-width:720px){.nowrap-pc{white-space:normal}}

/* 树：AI 生成图 + 标注 */
.tree-fig{text-align:center}
.tree-toplabel{font-size:13px;color:var(--violet-deep);font-weight:600;letter-spacing:.05em;margin-bottom:8px}
.tree-imgwrap{position:relative;max-width:480px;margin:0 auto}
.tree-imgwrap img{width:100%;display:block;mix-blend-mode:multiply}
.chip{
  position:absolute;transform:translate(-50%,-50%);
  font-size:clamp(10px,1.05vw,13px);font-weight:600;line-height:1;
  padding:5px 10px;border-radius:999px;white-space:nowrap;pointer-events:none;
  box-shadow:0 2px 8px rgba(38,33,92,.18);
}
.chip.fruit{background:#fff;color:#3E3480;border:1.5px solid var(--violet)}
.chip.trunk{background:rgba(255,255,255,.92);color:#4A3F8C;border:1.5px solid #4A3F8C;font-size:clamp(11px,1.2vw,14px);padding:7px 14px}
.chip.root{background:var(--violet);color:#fff;border:1.5px solid #fff}
.tree-caption{margin-top:14px;font-size:14px;color:var(--violet-deep);font-weight:600}
@media (max-width:960px){
  .tree-wrap{grid-template-columns:1fr;gap:36px}
  .tree-imgwrap{max-width:400px}
}

/* 营/销/存 三卡：三色底色（与主色紫协调） */
.trio-card.trio-ying{background:#F1EFFC;border-color:#D9D2F7}
.trio-card.trio-ying .trio-key{color:var(--violet)}
.trio-card.trio-xiao{background:#EAF5F2;border-color:#C4E2DA}
.trio-card.trio-xiao .trio-key{color:#0E8A7B}
.trio-card.trio-cun{background:#FBF1E4;border-color:#F0D9BC}
.trio-card.trio-cun .trio-key{color:#D9822B}
.trio-card.trio-xiao h3,.trio-card.trio-cun h3{color:#22223A}
.trio-card.trio-xiao p,.trio-card.trio-cun p{color:#55556E}

/* 栏目页主题配色（覆盖 CSS 变量，导航/按钮/眉题/链接随主题变化） */
body.theme-xiao{--violet:#0E8A7B;--violet-deep:#0B6B5F;--violet-soft:#EAF5F2}
body.theme-cun{--violet:#D9822B;--violet-deep:#B06518;--violet-soft:#FBF1E4}

/* ============ V2.2 核心团队 / 关于我们 / 人物详情页 ============ */
/* 首页团队模块 */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.team-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;
  transition:transform .3s,border-color .3s;
}
.team-card:hover{transform:translateY(-6px);border-color:var(--violet)}
.team-photo{
  width:120px;height:150px;border-radius:14px;overflow:hidden;
  background:var(--violet-soft);margin-bottom:10px;
}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.team-card h3{font-size:20px;font-weight:600}
.team-role{font-size:13.5px;color:var(--violet-deep);font-weight:600;letter-spacing:.04em}
.team-def{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.6}
.team-more{margin-top:12px;font-size:14px;color:var(--violet-deep);font-weight:500}
.team-card:hover .team-more{text-decoration:underline}
.team-book{
  margin-top:10px;font-size:13px;color:var(--muted);
  border:1px dashed var(--line);border-radius:999px;padding:6px 14px;transition:color .25s,border-color .25s;
}
.team-card:hover .team-book{color:var(--violet-deep);border-color:var(--violet)}

/* 关于我们：文化占位卡 */
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.culture-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;
}
.culture-card h3{font-size:19px;font-weight:600}
.culture-card .cu-q{color:var(--violet-deep);font-size:14px;margin-top:8px;line-height:1.7}
.todo-mark{
  margin-top:16px;display:inline-block;font-size:12.5px;color:var(--muted);
  border:1px dashed var(--line);border-radius:8px;padding:6px 12px;background:var(--bg);
}

/* 关于我们：团队增强卡 */
.team-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.td-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;
  display:flex;flex-direction:column;gap:10px;
}
.td-card .team-photo{width:96px;height:120px;margin-bottom:4px}
.td-card h3{font-size:19px;font-weight:600}
.td-card .team-role{font-size:13px}
.td-card .td-dir{font-size:14.5px;font-weight:500;line-height:1.6}
.td-card .td-claim{font-size:14px;color:var(--muted);line-height:1.7;border-left:3px solid var(--violet-soft);padding-left:12px}
.td-card ul{list-style:none;display:grid;gap:6px;font-size:13.5px;color:var(--muted)}
.td-card ul li{padding-left:16px;position:relative}
.td-card ul li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1.5px;background:var(--violet)}
.td-card a.td-more{margin-top:auto;font-size:14px;color:var(--violet-deep);font-weight:500}

/* 发展历程时间轴 */
.timeline{margin-top:52px;position:relative;padding-left:28px}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--violet),var(--violet-soft))}
.tl-item{position:relative;padding:0 0 34px 22px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{
  content:"";position:absolute;left:-28px;top:4px;width:16px;height:16px;border-radius:50%;
  background:#fff;border:3px solid var(--violet);
}
.tl-item .tl-stage{font-size:13px;color:var(--violet-deep);font-weight:600;letter-spacing:.05em}
.tl-item h3{font-size:19px;font-weight:600;margin-top:4px}
.tl-item p{color:var(--muted);font-size:14.5px;margin-top:6px;max-width:40em}

/* 人物详情页模板 */
.profile-head{display:grid;grid-template-columns:150px 1fr;gap:32px;align-items:center;margin-top:8px}
.profile-head .team-photo{width:150px;height:188px;margin:0}
.profile-block{margin-top:44px}
.profile-block h2{font-size:21px;font-weight:600;display:flex;align-items:baseline;gap:12px}
.profile-block h2 .pb-no{font-size:13px;color:var(--violet);font-weight:600;letter-spacing:.08em}
.profile-block .pb-body{margin-top:16px}
.profile-block ul{list-style:none;display:grid;gap:8px;font-size:15px;color:var(--text)}
.profile-block ul li{padding-left:18px;position:relative;color:var(--muted)}
.profile-block ul li::before{content:"";position:absolute;left:0;top:.75em;width:7px;height:1.5px;background:var(--violet)}
.profile-block ul li b{color:var(--text);font-weight:600}
@media (max-width:960px){
  .team-grid,.culture-grid,.team-detail{grid-template-columns:1fr}
  .profile-head{grid-template-columns:110px 1fr;gap:20px}
  .profile-head .team-photo{width:110px;height:138px}
}

/* ============ V2.3 树·生长动画（SVG 四幕循环，14s 时间轴） ============ */
.tree-stage{max-width:840px;margin:48px auto 0;position:relative}
.tree-svg-anim{width:100%;height:auto;display:block}
.t-soil{animation:kSoil 14s infinite}
.t-roots path{stroke-dasharray:100;stroke-dashoffset:100;animation:kRoot 14s infinite}
.t-trunk path{stroke-dasharray:100;stroke-dashoffset:100;animation:kTrunk 14s infinite}
.t-rootdots circle{transform-box:fill-box;transform-origin:center;animation:kDots 14s infinite}
.c-layer,.fruit{transform-box:fill-box;transform-origin:center}
.c-layer:nth-child(1){animation:kBloom1 14s infinite}
.c-layer:nth-child(2){animation:kBloom2 14s infinite}
.c-layer:nth-child(3){animation:kBloom3 14s infinite}
.fruit.f-a{animation:kFruitA 14s infinite}
.fruit.f-b{animation:kFruitB 14s infinite}
.fruit.f-c{animation:kFruitC 14s infinite}
@keyframes kSoil{0%{opacity:0}4%,100%{opacity:1}}
@keyframes kRoot{0%,3%{stroke-dashoffset:100}28%,100%{stroke-dashoffset:0}}
@keyframes kTrunk{0%,20%{stroke-dashoffset:100}46%,100%{stroke-dashoffset:0}}
@keyframes kBloom1{0%,44%{transform:scale(.2);opacity:0}58%{transform:scale(1.06);opacity:1}64%,100%{transform:scale(1);opacity:1}}
@keyframes kBloom2{0%,50%{transform:scale(.2);opacity:0}64%{transform:scale(1.06);opacity:1}70%,100%{transform:scale(1);opacity:1}}
@keyframes kBloom3{0%,56%{transform:scale(.2);opacity:0}70%{transform:scale(1.06);opacity:1}76%,100%{transform:scale(1);opacity:1}}
@keyframes kFruitA{0%,66%{transform:scale(0)}74%{transform:scale(1.18)}80%,100%{transform:scale(1)}}
@keyframes kFruitB{0%,71%{transform:scale(0)}79%{transform:scale(1.18)}85%,100%{transform:scale(1)}}
@keyframes kFruitC{0%,76%{transform:scale(0)}84%{transform:scale(1.18)}90%,100%{transform:scale(1)}}
@keyframes kDots{0%,27%{opacity:0;transform:scale(0)}33%,100%{opacity:1;transform:scale(1)}}

/* 覆膜注解 */
.ov{
  position:absolute;max-width:216px;pointer-events:none;
  background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(107,92,231,.35);border-radius:14px;padding:12px 16px;
  font-size:13px;color:#33334E;line-height:1.55;box-shadow:0 6px 24px rgba(38,33,92,.10);
  transition:opacity .5s,border-color .5s,box-shadow .5s;
}
.ov b{color:var(--violet-deep);font-size:14px}
.ov span{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}
.ov-fruit{top:1%;left:50%;transform:translateX(-50%);text-align:center}
.ov-crown{top:17%;right:-1%}
.ov-trunk{top:48%;left:-1%}
.ov-root{bottom:5%;left:4%}
.tree-stage.js-anim .ov{opacity:.32}
.tree-stage.js-anim.act-root .ov-root,
.tree-stage.js-anim.act-trunk .ov-trunk,
.tree-stage.js-anim.act-crown .ov-crown,
.tree-stage.js-anim.act-fruit .ov-fruit{opacity:1;border-color:var(--violet);box-shadow:0 10px 30px rgba(107,92,231,.28)}
.tree-stage.js-anim.act-all .ov{opacity:1}

/* 幕次进度 */
.tree-progress{position:absolute;bottom:1.5%;left:50%;transform:translateX(-50%);display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.tree-progress i{
  font-style:normal;font-size:12px;color:#C9C4EE;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 13px;transition:all .4s;
}
.tree-progress i.on{background:#fff;color:var(--violet-deep);border-color:#fff;font-weight:600}

@media (max-width:720px){
  .ov{max-width:44vw;padding:8px 12px;font-size:11.5px}
  .ov b{font-size:12.5px}
  .ov span{display:none}
  .ov-fruit{top:0}
  .ov-crown{top:13%}
  .ov-trunk{top:44%}
  .ov-root{bottom:8%;left:2%}
  .tree-progress i{font-size:10.5px;padding:4px 9px}
}
@media (prefers-reduced-motion: reduce){
  .t-soil,.t-roots path,.t-trunk path,.t-rootdots circle,
  .c-layer,.fruit{animation:none}
  .t-roots path,.t-trunk path{stroke-dashoffset:0}
}

/* ============ V2.4 树·全屏视频 ============ */
.tree-screen{padding-left:0;padding-right:0}
.tree-head{margin-bottom:4px}
.tree-cinema{position:relative;width:100%;height:min(92vh,860px);min-height:480px;background:#fff;overflow:hidden}
.tree-video{width:100%;height:100%;object-fit:cover;display:block}
.cinema-brand{
  position:absolute;top:18px;left:18px;z-index:2;pointer-events:none;
  display:flex;align-items:center;gap:8px;
  background:rgba(23,22,42,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff;font-size:13.5px;font-weight:600;letter-spacing:.06em;
  padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);
}
.cinema-brand i{width:8px;height:8px;border-radius:50%;background:var(--violet)}
@media (max-width:720px){
  .tree-cinema{height:auto;min-height:0;aspect-ratio:16/9}
  .tree-video{object-fit:contain}
}
@media (prefers-reduced-motion:reduce){
  .tree-video{display:none}
  .tree-cinema{background:transparent url("/assets/video/tree-poster.jpg") center/contain no-repeat}
}

/* ============ V2.5 视频80%居中 + 序号 ============ */
.tree-cinema{display:flex;align-items:center;justify-content:center}
.tree-video-wrap{position:relative;width:80%;height:80%}
.tree-video{object-fit:contain}
.ly-key small{
  font-size:.42em;font-weight:500;color:var(--violet);opacity:.85;
  vertical-align:.55em;margin-right:.12em;font-family:inherit;
}
@media (max-width:720px){
  .tree-video-wrap{width:100%;height:100%}
}

/* ============ V2.6 挖连用卡片：序号右上角 + 核心字放大 + 层名同行 ============ */
.layer{position:relative;padding-top:36px}
.ly-no{
  position:absolute;top:20px;right:24px;
  font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--violet);
  opacity:.65;font-family:Georgia,"Songti SC",serif;
}
.ly-head{display:flex;align-items:baseline;gap:14px;margin-bottom:4px}
.layer .ly-key{font-size:84px;line-height:1;margin-top:0}
.layer .ly-head h3{font-size:23px;font-weight:600}
.lead-line{max-width:none}
@media (min-width:1080px){.lead-line{white-space:nowrap}}
@media (max-width:720px){
  .layer .ly-key{font-size:64px}
  .layer .ly-head h3{font-size:20px}
}

/* ============ V2.7 小标题对齐/核心句配色/团队头像 ============ */
/* 挖连用：右侧栏与挖字同高，小标题底部与挖字底部对齐、与层名左对齐 */
.ly-side{display:flex;flex-direction:column;justify-content:flex-end;height:84px}
.ly-side h3{margin-top:0}
.ly-side .ly-q{margin-top:10px}

/* 树核心句：首行加粗加大换色；营、销、存换强调色 */
.tree-quote b{display:block;font-size:1.32em;font-weight:700;color:#26215C;letter-spacing:.02em}
.tree-quote .qs{color:var(--violet);font-weight:700}

/* 团队头像：放大 + 人像在底框中居中 */
.team-photo{width:150px;height:188px}
.team-photo img{object-fit:cover;object-position:center}
@media (max-width:720px){
  .ly-side{height:64px}
  .team-photo{width:132px;height:165px}
}

/* 树核心句注解 */
.tree-note{
  max-width:44em;margin:22px auto 0;text-align:center;
  font-size:13.5px;line-height:2;color:var(--muted);
}
.tree-note b{color:var(--violet-deep);font-weight:600}
@media (max-width:720px){.tree-note{font-size:12.5px;line-height:1.9}}

/* ============ V2.8 注解压缩：两行横排 + 收紧纵向占位 ============ */
.tree-note{max-width:none;margin:14px auto 0;font-size:13.5px;line-height:1.7}
.tree-quote{line-height:1.55;margin-bottom:0}
@media (max-width:720px){.tree-note{font-size:12.5px;line-height:1.8}}

/* ============ V2.9/V2.10 衔接处压缩已整体回滚（2026-09-14），恢复基础样式值 ============ */

/* ============ V2.11 树模块合并为一屏：统一灰白底 ============ */
/* 视频框去掉白色底，透出区块灰白底，与标题/注解同属一个模块 */
.tree-cinema{background:transparent;height:min(56vh,560px);min-height:400px}
@media (max-width:720px){
  .tree-cinema{height:auto;min-height:0;aspect-ratio:16/9}
}

/* ============ V2.12 树模块纵向收进一屏（仅本模块，不动其他区块） ============ */
.tree-screen{padding-top:64px;padding-bottom:64px}
.tree-cinema{height:min(48vh,480px);min-height:360px}
.tree-note{margin-top:10px}
@media (max-width:720px){
  .tree-screen{padding-top:52px;padding-bottom:52px}
  .tree-cinema{height:auto;min-height:0;aspect-ratio:16/9}
}

/* ============ V2.14 树模块=正好一屏（修正V2.13：视频固定比例，不用flex伸缩） ============ */
/* 模块总高=一屏-导航；内容不足一屏时垂直居中、留白上下均分；视频保持固定高度不放大 */
.tree-screen{
  min-height:calc(100vh - 60px);
  display:flex;flex-direction:column;justify-content:center;
  padding-top:40px;padding-bottom:40px;box-sizing:border-box;
}
.tree-cinema{flex:0 0 auto;height:min(42vh,460px);min-height:300px}
@media (max-width:720px){
  .tree-screen{min-height:0;display:block;padding-top:52px;padding-bottom:52px}
  .tree-cinema{height:auto;min-height:0;aspect-ratio:16/9}
}

/* ============ V2.15 树模块修正：标题左对齐同上下模块 + 压缩文字区纵向空间 ============ */
/* 标题与上下模块一致：左对齐于内容容器左边，保证整页对称 */
/* 根因：.tree-screen 是 flex 容器，.wrap 的 margin:auto 使标题容器收缩居中，须强制撑满 */
.tree-screen .wrap{width:100%}
.tree-head{text-align:left}
.tree-head .h2{margin-left:0;margin-right:auto}
/* 压缩 标题↔视频 / 视频↔核心句 / 核心句↔注解 的间距（视频尺寸不降反略升） */
.tree-head{margin-bottom:0}
.tree-cinema{height:min(48vh,520px);min-height:340px}
.tree-quote{margin-top:26px;font-size:clamp(17px,2.0vw,21px)}
.tree-quote b{font-size:1.18em}
.tree-note{margin-top:10px}
.tree-screen{padding-top:36px;padding-bottom:36px}
@media (max-width:720px){
  .tree-quote{margin-top:22px;font-size:clamp(16px,4.6vw,19px)}
}

/* ============ V2.16 视频同比例放大至用户标注的蓝框大小 ============ */
.tree-video-wrap{width:100%;height:100%}
.tree-cinema{height:min(52vh,560px);min-height:380px}
@media (max-width:720px){
  .tree-cinema{height:auto;min-height:0;aspect-ratio:16/9}
}

/* ============ V2.16 视频同比放大至屏宽56%（蓝框尺寸），删核心句大标题 ============ */
.tree-cinema{flex:0 0 auto;height:auto;min-height:0}
.tree-video-wrap{width:min(56vw,1080px);height:auto;aspect-ratio:16/9}
.tree-video{width:100%;height:100%}
@media (max-width:720px){
  .tree-cinema{aspect-ratio:16/9}
  .tree-video-wrap{width:100%;height:100%;aspect-ratio:auto}
}











/* ============ V2.17 树模块标题上提 + 两行间距压缩 ============ */
.tree-screen{padding-top:16px}
.tree-head .eyebrow{margin-bottom:6px}
@media (max-width:720px){
  .tree-screen{padding-top:40px}
}



/* ============ V2.17 洞察·文章组模块（4组卡片→列表→详情 三层结构） ============ */
/* 组卡片：洞察首页唯一内容，一张卡=一个文章组=一个业务模块 */
.ggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}
.gcard{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px;transition:transform .3s,border-color .3s}
.gcard:hover{transform:translateY(-4px);border-color:var(--violet)}
.gcard .g-no{font-size:12.5px;letter-spacing:.16em;color:var(--violet);font-weight:600}
.gcard h3{font-size:23px;font-weight:600;margin-top:12px}
.gcard .g-mod{display:inline-block;margin-top:14px;font-size:13px;font-weight:500;color:#4a3fb5;background:#F1EFFC;border-radius:999px;padding:6px 16px}
.gcard .g-count{margin-top:20px;font-size:13.5px;color:var(--muted)}
.gcard .g-preview{margin-top:10px;font-size:15.5px;font-weight:600;line-height:1.65;color:var(--text);padding-right:40px}
.gcard .g-arrow{position:absolute;top:34px;right:28px;color:var(--violet);font-size:22px;line-height:1}

/* 组列表页 */
.alist{margin-top:40px;border-top:1px solid var(--line)}
.aitem{display:flex;align-items:baseline;gap:22px;padding:26px 4px;border-bottom:1px solid var(--line)}
.aitem .a-no{font-size:13px;color:var(--muted);font-family:Georgia,"Songti SC",serif;min-width:36px}
.aitem .a-title{font-size:18.5px;font-weight:600;line-height:1.65;flex:1}
.aitem .a-tag{font-size:12.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 16px;white-space:nowrap}
.aitem.is-soon .a-title{color:var(--muted);font-weight:500}
.alist-note{margin-top:26px;font-size:13.5px;color:var(--muted)}

/* 文章详情页（本体模板） */
.art-meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-size:14px;color:var(--muted);margin-top:26px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.art-meta .m-chip{color:#4a3fb5;background:#F1EFFC;border-radius:999px;padding:6px 16px;font-weight:500}
.art-meta .m-author{color:var(--text);font-weight:600}
.art-body{margin-top:36px;font-size:16.5px;line-height:2;max-width:44em}
.art-body h2{font-size:21px;font-weight:600;margin:40px 0 16px}
.art-body p+p{margin-top:16px}
.art-body ul{margin:16px 0 16px 1.2em;list-style:disc}
.art-body li{margin-top:8px}
.art-banner{background:#F1EFFC;border:1px solid var(--violet);border-radius:var(--radius);padding:18px 24px;font-size:14.5px;color:#4a3fb5;margin-bottom:8px}
/* 方法论实体卡 */
.method-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:20px}
.method-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px 24px}
.method-card h4{font-size:16px;font-weight:600}
.method-card p{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.8}
.method-card a{color:var(--violet-deep);font-weight:600}
/* 相关阅读 */
.rel-list{list-style:none;margin-top:18px;display:grid;gap:12px}
.rel-list a{display:block;border:1px solid var(--line);border-radius:12px;padding:16px 20px;font-size:15.5px;font-weight:600;transition:border-color .25s}
.rel-list a:hover{border-color:var(--violet)}
.rel-list .rel-tag{display:block;font-size:12.5px;color:var(--muted);font-weight:400;margin-top:6px}

@media (max-width:720px){
  .ggrid{grid-template-columns:1fr;margin-top:36px}
  .aitem{flex-wrap:wrap;gap:10px}
  .art-body{font-size:15.5px}
}

/* V2.17b 浅色顶内页：顶部导航文字用深色（滚动后 .on 样式不变） */
body.top-light .nav-inner{color:var(--text)}
body.top-light .nav-links a{color:var(--text)}
body.top-light .nav-burger{color:var(--text);border-color:var(--line)}

/* ============ V2.18 三大业务卡：蓝色营/销/存框 + 红色序号 ============ */
.biz-card{position:relative}
.biz-key{
  position:absolute;top:26px;right:26px;width:58px;height:58px;
  display:flex;align-items:center;justify-content:center;
  background:#EBEFFE;border:1.5px solid #4A63D8;border-radius:12px;
  color:#2E43C8;font-size:30px;font-weight:600;font-family:Georgia,"Songti SC",serif;line-height:1;
}
.biz-title-row{display:flex;align-items:baseline;gap:12px}
.biz-no{
  font-size:13px;font-weight:700;color:#D93636;letter-spacing:.06em;line-height:1;
  transform:translateY(-2px);
}
.biz-title-row h3{margin-left:2px}
@media (max-width:720px){
  .biz-key{width:46px;height:46px;font-size:23px;top:22px;right:22px}
}



/* ============ V2.19 营/销/存框与树模块营销存同款字号配色 + 标题关键字标色 ============ */
.biz-key{
  width:66px;height:66px;font-size:38px;
  background:var(--violet-soft);border-color:var(--violet);color:var(--violet);
}
.biz-title-row .bk{color:var(--violet);font-weight:700;font-style:normal}
@media (max-width:720px){
  .biz-key{width:52px;height:52px;font-size:29px}
}



/* ============ V2.20 三大业务卡：问题句定高对齐（蓝线处对齐） ============ */
.biz-card .biz-problem{min-height:3.3em}
@media (max-width:720px){
  .biz-card .biz-problem{min-height:0}
}



/* ============ V2.21 营/销/存大字无边框 + 标题定高与内容解耦 ============ */
.biz-key{
  width:76px;height:76px;font-size:48px;font-weight:700;
  border:none;background:var(--violet-soft);border-radius:16px;
}
/* 标题固定一行高度：换行不再推动下方内容，内容始终同一水平线对齐 */
.biz-title-row{height:34px;white-space:nowrap}
@media (max-width:720px){
  .biz-key{width:56px;height:56px;font-size:34px;border-radius:12px}
  .biz-title-row{height:auto;white-space:normal}
}



/* ============ V2.22 注册商标嵌入导航与页脚 ============ */
/* 白底商标在透明导航（深色首屏）上以白色圆角徽章呈现，滚动后白底融合 */
.nav-logo img{
  display:block;height:32px;width:auto;
  background:#fff;border-radius:8px;padding:4px 12px;
  box-shadow:0 1px 4px rgba(15,16,40,.18);
}
.foot-brand img{
  display:block;height:34px;width:auto;
  background:#fff;border-radius:8px;padding:5px 14px;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}
@media (max-width:720px){
  .nav-logo img{height:26px;padding:3px 9px}
}

/* V2.22b 导航商标略放大 */
.nav-logo img{height:37px;padding:5px 13px}
@media (max-width:720px){
  .nav-logo img{height:30px;padding:4px 10px}
}

/* V2.22b 导航商标略放大 */
.nav-logo img{height:37px;padding:5px 13px}
@media (max-width:720px){
  .nav-logo img{height:30px;padding:4px 10px}
}
/* 以上为重复块（V2.22b 曾应用两次），样式一致无害 */

/* ============ V2.28 图文分离导航LOGO：DGHJZX图形标 + 慧聚咨询文字 ============ */
.logo-text{color:#fff;font-size:17px;font-weight:700;letter-spacing:5px;line-height:1}
.nav.on .logo-text,body.top-light .logo-text{color:var(--text)}
@media (max-width:720px){
  .logo-text{font-size:14px;letter-spacing:3px}
}
/* ============ V2.23 一键置顶按钮 ============ */
.to-top{
  position:fixed;right:26px;bottom:26px;z-index:99;
  width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
  background:var(--violet);color:#fff;font-size:20px;line-height:1;
  box-shadow:0 4px 14px rgba(38,33,92,.28);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .3s,transform .3s,visibility .3s,background .2s;
}
.to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.to-top:hover{background:var(--violet-deep)}
@media (max-width:720px){
  .to-top{right:16px;bottom:16px;width:42px;height:42px}
}





/* ============ V2.24 移动端统一修复（biz/split/geo/layers/klist/team 网格折叠 + 导航 + 首屏） ============ */
@media (max-width:960px){
  .biz,.split-cta,.geo-products,.layers,.klist,.team-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .biz,.split-cta,.geo-products,.layers,.klist,.team-grid{grid-template-columns:1fr}
  /* 导航：隐藏右侧诊断按钮，避免与汉堡键拥挤；品牌左、菜单键右 */
  .nav-cta{display:none}
  /* 首屏标题在手机上缩小，减少生硬断行 */
  .hero h1{font-size:26px;line-height:1.5}
  .hero-ctas .btn{width:100%;justify-content:center}
  .hero-inner{padding:110px 20px 60px}
}



/* V2.24b 首屏短语不拆分 */
.np{white-space:nowrap}


/* V2.24b 首屏短语不拆分 */
.np{white-space:nowrap}


/* ============ V2.25 营销存释义：三行居中（营/销/存三卡下方） ============ */
.trio-note{margin-top:46px;text-align:center}
.trio-note .tn-k{display:block;font-size:21px;font-weight:700;color:var(--violet);letter-spacing:.10em;line-height:1.4}
.trio-note .tn-sub{display:block;margin-top:8px;font-size:15.5px;font-weight:600;color:var(--text)}
.trio-note .tn-desc{display:block;margin-top:7px;font-size:14px;color:var(--muted);line-height:2}
.trio-note .tn-desc b{color:var(--violet);font-weight:700}
@media (max-width:720px){
  .trio-note{margin-top:36px;padding:0 6px}
  .trio-note .tn-k{font-size:19px}
}





/* ============ V2.26 tn-k 字号对齐树模块核心句 + 移动端每项一行首字对齐 ============ */
.trio-note .tn-k{font-size:clamp(19px,2.4vw,26px);letter-spacing:.04em}
@media (max-width:720px){
  .trio-note .tn-desc{display:inline-block;text-align:left}
  .trio-note .tn-item{display:block}
  .trio-note .tn-item+.tn-item{margin-top:4px}
}



/* ============ V2.27 团队照片 1.5x + 边框 + 移动端排序 ============ */
.team-grid .team-photo{width:225px;height:282px;border:1px solid var(--line)}
@media (max-width:720px){
  .team-grid .team-photo{width:180px;height:225px}
  /* 移动端排序：周俊锋(第2) → 罗菲菲(第1) → 张锡钧(第3) */
  .team-grid .team-card:nth-child(2){order:1}
  .team-grid .team-card:nth-child(1){order:2}
  .team-grid .team-card:nth-child(3){order:3}
}