/* ============================================================
   中道介绍 / 公司画册页 (company.html)
   深蓝(navy) + 金(gold) —— 与全站设计语言一致
   ============================================================ */

/* ---------- 页面布局：左侧锚点导航 + 右侧正文 ---------- */
.doc-wrap{padding-bottom:72px;}
.doc-layout{display:grid;grid-template-columns:236px 1fr;gap:46px;align-items:start;
  max-width:var(--container);margin:0 auto;padding:0 20px;}
.doc-toc{position:sticky;top:92px;align-self:start;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius);padding:20px 16px;box-shadow:var(--shadow-sm);max-height:calc(100vh - 120px);overflow:auto;}
.doc-toc .toc-h{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--c-muted);
  text-transform:uppercase;margin-bottom:14px;padding-left:12px;}
.doc-toc a{display:block;padding:9px 12px;border-radius:9px;color:#333333;font-weight:600;
  font-size:16px;border-left:3px solid transparent;transition:.2s;}
.doc-toc a:hover{background:var(--c-bg-soft);color:var(--c-navy);}
.doc-toc a.active{background:var(--c-gold-soft);color:var(--c-navy);border-left-color:var(--c-gold);}
.doc-toc a .ix{display:inline-block;width:22px;color:var(--c-gold-2);font-weight:800;}
.doc-toc .toc-sub a{padding-left:34px;font-size:14.5px;font-weight:500;}

.doc-main{min-width:0;}
.doc-section{padding:48px 0;border-bottom:1px solid var(--c-line);scroll-margin-top:92px;}
.doc-section:last-child{border-bottom:none;}
.doc-section .section-head{text-align:left;margin:0 0 30px;max-width:none;}
.doc-section .section-head h2{font-size:1.8rem;margin-bottom:8px;}
.doc-section .section-head p{margin:0;color:var(--c-muted);font-size:16px;}
.chapter-eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:3px;
  color:var(--c-gold-2);text-transform:uppercase;margin-bottom:10px;}

/* 序章引言 */
.doc-lead{font-size:17px;line-height:1.95;color:var(--c-body);max-width:880px;}

/* ---------- 业务板块卡片 ---------- */
.biz-plate{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);
  padding:34px 34px 36px;margin-bottom:34px;box-shadow:var(--shadow-sm);scroll-margin-top:92px;transition:.25s;}
.biz-plate:last-child{margin-bottom:0;}
.biz-plate:hover{box-shadow:var(--shadow);}
.biz-plate-head{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.biz-no{width:54px;height:54px;border-radius:14px;flex:none;display:grid;place-items:center;
  font-size:21px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--c-navy),var(--c-blue));
  box-shadow:var(--shadow-sm);}
.biz-plate-head h3{margin:0;color:var(--c-navy);font-size:1.4rem;line-height:1.2;}
.biz-plate-head .sub{display:block;color:var(--c-gold-2);font-weight:700;font-size:13.5px;margin-top:3px;}
.biz-plate > p{color:#333333;font-size:16px;line-height:1.9;margin:0 0 14px;}
.biz-plate > p:last-of-type{margin-bottom:0;}

/* 培训课程类别九宫格 */
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;}
.course-card{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--radius-sm);
  padding:20px 18px;transition:.22s;}
.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--c-gold);}
.course-card h4{margin:0 0 8px;font-size:1.02rem;color:var(--c-navy);display:flex;align-items:center;gap:9px;}
.course-card h4::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c-gold);
  transform:rotate(45deg);flex:none;}
.course-card p{margin:0;font-size:13.8px;color:var(--c-body);line-height:1.7;}

/* 子标题 */
.sub-title{display:flex;align-items:center;gap:10px;margin:30px 0 14px;font-size:1.18rem;
  color:var(--c-navy);font-weight:800;}
.sub-title i{color:var(--c-gold-2);font-size:1.3rem;}

/* 内训对象三卡 */
.inner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px;}
.inner-card{background:var(--c-gold-soft);border-radius:var(--radius-sm);padding:18px 18px 20px;}
.inner-card h5{margin:0 0 9px;color:var(--c-navy);font-size:1.02rem;}
.inner-card p{margin:0;font-size:13.5px;color:var(--c-body);line-height:1.75;}

/* 智能搜索 · 手机端 / PC 端展示 */
.device-showcase{display:grid;grid-template-columns:minmax(260px,.78fr) 1.22fr;gap:18px;margin-top:6px;}
.device-card{background:var(--c-gold-soft);border-radius:var(--radius-sm);padding:18px;}
.device-card h5{margin:0 0 14px;color:var(--c-navy);font-size:1.02rem;display:flex;align-items:center;gap:8px;}
.device-card h5 i{color:var(--c-gold-2);font-size:1.2rem;}
.device-card > p{margin:14px 0 0;font-size:13.5px;color:var(--c-body);line-height:1.75;}
.device-phone-row{display:flex;gap:14px;align-items:center;}
.device-phone-row > img{flex:1 1 auto;max-width:62%;border-radius:6px;background:#fff;}
.qr-block{flex:0 0 32%;display:flex;flex-direction:column;align-items:center;gap:6px;}
.qr-block img{width:100%;border-radius:6px;background:#fff;}
.qr-block span{font-size:12px;color:var(--c-muted);font-weight:600;}
.pc-img{width:100%;border-radius:6px;background:#fff;}

/* 课题清单（双列） */
.topic-list{columns:2;column-gap:26px;margin:6px 0 0;padding:0;list-style:none;}
.topic-list li{break-inside:avoid;padding:11px 0 11px 26px;position:relative;
  border-bottom:1px dashed var(--c-line);font-size:16px;color:#333333;line-height:1.55;}
.topic-list li::before{content:"\F26E";font-family:bootstrap-icons !important;position:absolute;
  left:0;top:12px;color:var(--c-gold-2);font-size:.92rem;}

/* 服务要点列表（带图标） */
.point-list{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0 0;}
.qr-note{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;border:1px dashed var(--c-gold);border-radius:10px;color:var(--c-gold-2);font-weight:600;font-size:14px;background:rgba(198,163,86,.06);}
.point-card{display:flex;gap:15px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-sm);
  padding:17px 19px;transition:.2s;}
.point-card:hover{box-shadow:var(--shadow-sm);border-color:var(--c-gold);}
.point-ico{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;
  background:var(--c-gold-soft);color:var(--c-gold-2);font-size:21px;}
.point-body h5{margin:0 0 6px;color:var(--c-navy);font-size:1.04rem;}
.point-body p{margin:0;font-size:16px;color:var(--c-body);line-height:1.75;}

/* 核心服务标签 */
.feat-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;}
.feat-tags span{background:var(--c-bg-soft);border:1px solid var(--c-line);color:var(--c-blue);
  font-size:13px;font-weight:600;padding:6px 14px;border-radius:30px;}

/* 板块小标题（如审计/评估篇的“从能力到落地…”） */
.biz-sub{text-align:center;color:var(--c-gold-2);font-weight:800;letter-spacing:1px;
  font-size:16px;margin:-4px 0 18px;}

/* 长文要点块（如个人能力进阶 学历/证书/荣誉） */
.feat-block{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.fb-item{background:var(--c-bg-soft);border-left:3px solid var(--c-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  padding:11px 15px;font-size:16px;color:#333333;line-height:1.7;}
.fb-item b{color:var(--c-navy);}
/* 学历提升 · 合作院校 logo 墙 */
.school-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:16px;}
.school-logo{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;
  border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:16px 10px;transition:.2s;}
.school-logo:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--c-gold);}
.school-logo img{width:100%;max-width:84px;height:84px;object-fit:contain;}
.school-logo span{font-size:13px;color:var(--c-navy);font-weight:600;text-align:center;line-height:1.4;}
/* PC 端放大合作院校 logo 墙，并让要点块占满卡片剩余宽度 */
@media(min-width:769px){
  .feat-block{width:100%;}
  .school-logo img{max-width:108px;height:108px;}
  .school-logo{padding:20px 12px;}
  .school-logos{gap:16px;}
}

/* 优势 / 价值 网格 */
.kv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px;}
.kv-item{display:flex;gap:13px;align-items:flex-start;background:var(--c-bg-soft);
  border-radius:var(--radius-sm);padding:15px 17px;}
.kv-item .n{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--c-gold),var(--c-gold-2));color:#fff;font-weight:800;font-size:13px;}
.kv-item .t{font-weight:700;color:#333333;font-size:16px;margin-bottom:3px;}
.kv-item .d{font-size:13.5px;color:var(--c-body);line-height:1.65;}

/* 团队引言块 */
.team-quote{background:linear-gradient(135deg,var(--c-navy),var(--c-navy-2));color:#fff;
  border-radius:var(--radius);padding:40px 44px;position:relative;overflow:hidden;margin-top:8px;}
.team-quote::after{content:"";position:absolute;right:-40px;bottom:-50px;width:200px;height:200px;
  border-radius:50%;background:rgba(200,163,91,.16);pointer-events:none;}
.team-quote p{position:relative;color:#dde6f4;font-size:16.5px;line-height:1.95;margin:0 0 16px;}
.team-quote p:last-child{margin-bottom:0;}
.team-quote .hl{color:var(--c-gold);font-weight:700;}
.team-quote .sign{position:relative;margin-top:20px;font-weight:800;color:#fff;font-size:16px;
  letter-spacing:4px;}

/* 业务总览四个小入口 */
.biz-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;}
.biz-nav a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-sm);padding:18px;transition:.22s;}
.biz-nav a:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}
.biz-nav .bn-no{font-size:13px;font-weight:800;color:var(--c-gold-2);}
.biz-nav .bn-t{font-weight:800;color:var(--c-navy);font-size:1.05rem;}
.biz-nav .bn-s{font-size:12.5px;color:var(--c-muted);}
.biz-nav a{position:relative;}
.biz-nav a::after{content:"查看详情 →";margin-top:2px;font-size:12px;font-weight:700;color:var(--c-gold-2);opacity:.5;transition:.22s;}
.biz-nav a:hover::after{opacity:1;transform:translateX(3px);}

/* 核心业务简化区：查看更多地按钮 */
.biz-more{text-align:center;margin-top:32px;}

/* 业务详情行（概览卡下方展开） */
.biz-row{margin-top:34px;padding-top:30px;border-top:1px dashed var(--c-line);}
.biz-row:first-of-type{margin-top:26px;}
.biz-row-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.biz-no{width:46px;height:46px;border-radius:12px;flex:none;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--c-navy),var(--c-blue));color:var(--c-gold);
  font-size:1.25rem;font-weight:900;box-shadow:var(--shadow-sm);}
.biz-row-head h3{margin:0;color:var(--c-navy);font-size:1.32rem;}
.biz-row-head .sub{display:block;font-size:11.5px;color:var(--c-muted);font-weight:600;letter-spacing:1.5px;margin-top:2px;}
.biz-row-link{text-decoration:none;color:inherit;cursor:pointer;}
.biz-row-link:hover h3{color:var(--c-gold-2);}
.biz-row-link .biz-go{margin-left:auto;align-self:center;font-size:13px;font-weight:700;color:var(--c-gold-2);opacity:.55;transition:.22s;white-space:nowrap;}
.biz-row-link:hover .biz-go{opacity:1;transform:translateX(4px);}
.biz-row > p{margin:0 0 8px;color:var(--c-ink-2);line-height:1.85;}

/* 业务数据规模 */
.biz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;padding:26px 20px;
  background:linear-gradient(135deg,var(--c-navy),var(--c-navy-2));border-radius:var(--radius);}
.bs-item{text-align:center;color:#fff;}
.bs-num{display:block;font-size:1.9rem;font-weight:900;color:var(--c-gold);line-height:1.1;}
.bs-u{font-size:1.1rem;margin-left:2px;}
.bs-lab{display:block;margin-top:6px;font-size:13.5px;color:#d6e2f2;}

/* 服务流程 */
.biz-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;}
.bf-step{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:20px 18px;transition:.2s;}
.bf-step:hover{box-shadow:var(--shadow-sm);border-color:var(--c-gold);transform:translateY(-3px);}
.bf-no{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;margin-bottom:12px;
  background:var(--c-gold-soft);color:var(--c-gold-2);font-weight:900;font-size:1.05rem;}
.bf-body h5{margin:0 0 6px;color:var(--c-navy);font-size:1.02rem;}
.bf-body p{margin:0;font-size:13.5px;color:var(--c-muted);line-height:1.7;}

@media(max-width:992px){
  .biz-stats{grid-template-columns:repeat(2,1fr);}
  .biz-flow{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .biz-stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 14px;}
  .biz-flow{grid-template-columns:1fr;}
  .bs-num{font-size:1.6rem;}
}

/* 收尾强调句 */
.doc-closing{margin-top:18px;padding:18px 22px;border-left:4px solid var(--c-gold);
  background:var(--c-bg-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  color:#333333;font-weight:600;font-size:16px;line-height:1.8;}

/* 序章统计（覆盖默认 stat-band 内的数字强调） */
.doc-stat .num{color:var(--c-gold);}

/* ---------- 响应式 ---------- */
@media(max-width:992px){
  .doc-layout{grid-template-columns:1fr;gap:24px;}
  .doc-toc{position:static;max-height:none;display:flex;gap:6px;overflow-x:auto;padding:12px;}
  .doc-toc .toc-h{display:none;}
  .doc-toc a{border-left:none;white-space:nowrap;border-bottom:3px solid transparent;padding:8px 12px;}
  .doc-toc a.active{border-left:none;border-bottom-color:var(--c-gold);}
  .doc-toc .toc-sub{display:none;}
  .course-grid,.inner-cards{grid-template-columns:1fr;}
  .device-showcase{grid-template-columns:1fr;}
  .school-logos{grid-template-columns:repeat(4,1fr);}
  .kv-grid{grid-template-columns:1fr;}
  .topic-list{columns:1;}
  .biz-nav{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  /* 业务导航：两列更紧凑，避免单列过长 */
  .biz-nav{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;}
  .biz-nav a{padding:14px 16px;}

  /* 业务板块卡片：内边距收敛，内容不贴边 */
  .biz-plate{padding:24px 18px 26px;margin-bottom:24px;border-radius:14px;}
  .biz-plate-head{gap:12px;margin-bottom:16px;}
  .biz-no{width:44px;height:44px;font-size:18px;border-radius:12px;}
  .biz-plate-head h3{font-size:1.2rem;}
  .biz-plate > p{font-size:15px;line-height:1.85;}

  /* 课程九宫格 / 内训三卡：单列，字号适配 */
  .course-grid{gap:14px;margin-top:18px;}
  .course-card{padding:18px 16px;}
  .course-card h4{font-size:1rem;}
  .course-card p{font-size:14px;line-height:1.75;}
  .inner-cards{gap:14px;margin-top:10px;}
  .inner-card{padding:16px;}

  /* 子标题 / 课题清单 */
  .sub-title{font-size:1.08rem;margin:26px 0 12px;}
  .topic-list li{font-size:15px;padding:10px 0 10px 24px;}

  .school-logos{grid-template-columns:repeat(3,1fr);}
  .team-quote{padding:28px 22px;}
  .doc-section{padding:36px 0;}
}
@media(max-width:480px){
  .device-phone-row{flex-direction:column;align-items:center;}
  .device-phone-row > img{max-width:65%;}
  .qr-block{flex:none;width:55%;max-width:150px;}
  .school-logos{grid-template-columns:repeat(2,1fr);}
}