/* ==========================================================================
   页面级扩展样式 · 关于我们 / 业务体系
   基于 main.css 的令牌与语言，只补充新组件，不覆盖基础规范
   ========================================================================== */

/* ===== A. Hero 延伸（内页顶部） ===== */
.page-hero {
  display: flex; flex-direction: column; align-items: center;
  gap: 24px;
  padding: var(--space-3xl) var(--page-gutter) var(--space-2xl);
  background: var(--paper);
  text-align: center;
}
.page-hero .kicker { justify-content: center; }
.page-title {
  font: 700 54px var(--font-serif);
  color: var(--ink); letter-spacing: 2px; line-height: 1.2;
  filter: drop-shadow(0 4px 16px rgba(46, 36, 25, 0.12));
}
.page-sub {
  font: 500 20px var(--font-serif);
  color: var(--text-brown); letter-spacing: 1px;
}
.page-desc {
  font: 400 16px var(--font-sans);
  color: var(--text-body); line-height: 1.85;
  max-width: 680px;
}

/* ===== B. 通用双栏（左文右视觉） ===== */
.split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: center;
}
.split--wide-left { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); }

/* ===== C. 富文本块（长文段落） ===== */
.prose { display: flex; flex-direction: column; gap: var(--space-sm); }
.prose p {
  font: 400 16px var(--font-sans);
  color: var(--text-body); line-height: 1.9;
}
.prose p strong { color: var(--text-brown); font-weight: 500; }
.prose p .em-terra { color: var(--terra); font-weight: 500; }

/* ===== D. 名片式数据组（定位 / 事实卡） ===== */
.fact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-lg);
}

/* 单列堆叠变体：事实卡纵向排布（关于我们 · 右栏） */
.fact-grid--stack { grid-template-columns: minmax(0, 1fr); }
.fact {
  background: linear-gradient(180deg, #FFFFFF 0%, var(--sand) 100%);
  border: 1px solid rgba(201, 176, 133, 0.28);
  border-radius: 18px;
  padding: 28px 26px;
  display: flex; flex-direction: column; gap: 10px;
  box-shadow: var(--shadow-md);
}
.fact-label { font: 500 12px var(--font-sans); color: var(--terra); letter-spacing: 2.5px; }
.fact-value { font: 600 20px var(--font-serif); color: var(--ink); line-height: 1.4; }
.fact-note  { font: 400 14px var(--font-sans); color: var(--text-body); line-height: 1.7; }

/* ===== E. 五行五常映射表 ===== */
.wuxing { display: flex; flex-direction: column; gap: 14px; }

.wx-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1.5fr) auto;
  align-items: center;
  gap: var(--space-md);
  padding: 20px 24px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(201, 176, 133, 0.24);
  transition: background var(--dur-hover), transform 300ms var(--ease-out-quart);
}
.wx-row:hover { background: #FFFFFF; transform: translateX(4px); }

/* 五行色标 —— 圆形符号 + 渐变色块 */
.wx-mark {
  width: 44px; height: 44px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font: 600 18px var(--font-serif);
  box-shadow: 0 2px 6px rgba(51, 38, 26, 0.14);
}
.wx-wood  .wx-mark { background: linear-gradient(135deg, #B8D1B8, #7EA382); color: #2A4B2E; }
.wx-earth .wx-mark { background: linear-gradient(135deg, #D9BA91, #6E5438); color: #FFF7EC; }
.wx-water .wx-mark { background: linear-gradient(135deg, #8AADCC, #3F617F); color: #FFF7EC; }
.wx-fire  .wx-mark { background: linear-gradient(135deg, #BD734A, #A9603F); color: #FFF7EC; }
.wx-metal .wx-mark { background: linear-gradient(135deg, #D6C79F, #8A7659); color: #FFF7EC; }

.wx-name { font: 600 17px var(--font-serif); color: var(--ink); }
.wx-name small { display: block; font: 400 11px var(--font-sans); color: var(--text-muted-2); letter-spacing: 1.5px; margin-top: 3px; }
.wx-role { font: 400 15px var(--font-sans); color: var(--text-body); line-height: 1.65; }
.wx-tag {
  font: 500 12px var(--font-sans);
  padding: 6px 12px; border-radius: 12px;
  white-space: nowrap;
}
.wx-tag.is-personal { background: var(--p-badge-bg); color: var(--p-badge-text); }
.wx-tag.is-org      { background: var(--o-badge-bg); color: var(--o-badge-text); }
.wx-tag.is-ai       { background: var(--a-badge-bg); color: var(--a-badge-text); }
.wx-tag.is-cta      { background: #F4E0D8; color: #8E4A2E; }
.wx-tag.is-ui       { background: #EFEAE0; color: #6E5A3E; }

/* ===== F. 九层台 · 名称释义（层级列表） ===== */
.tiers-explain { display: flex; flex-direction: column; gap: 8px; }

.te-row {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-md);
}
.te-bar {
  height: 30px; border-radius: 6px;
  box-shadow: 0 3px 6px rgba(51, 38, 26, 0.13);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 12px;
  font: 500 11px var(--font-sans);
  color: rgba(255, 247, 236, 0.92);
  letter-spacing: 1px;
}
.te-bar .idx { opacity: 0.78; }
.te-text { display: flex; flex-direction: column; gap: 2px; }
.te-text .n { font: 600 15px var(--font-serif); color: var(--ink); }
.te-text .d { font: 400 13px var(--font-sans); color: var(--text-muted); }
/* 文字色随层级明度调整（浅层用深字） */
.te-row:nth-child(n+7) .te-bar { color: #2A4B2E; }

/* ===== G. 原则卡片（关于我们 · 工作原则） ===== */
.principle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-lg);
}
.principle {
  padding: 30px 28px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(201, 176, 133, 0.26);
  display: flex; flex-direction: column; gap: 12px;
  transition: transform 300ms var(--ease-out-quart), background var(--dur-hover), box-shadow 300ms var(--ease-out-quart);
}
.principle:hover {
  transform: translateY(-4px);
  background: #FFFFFF;
  box-shadow: var(--shadow-md);
}
.principle-idx {
  font: 700 28px var(--font-serif);
  color: var(--gold-rule);
  line-height: 1;
}
.principle-title { font: 600 19px var(--font-serif); color: var(--ink); }
.principle-desc  { font: 400 15px var(--font-sans); color: var(--text-body); line-height: 1.8; }

/* ===== H. 时间线（公司历程） ===== */
.timeline { display: flex; flex-direction: column; gap: 0; }

.tl-item {
  display: grid;
  grid-template-columns: 120px 24px minmax(0, 1fr);
  gap: var(--space-md);
  align-items: start;
}
.tl-year {
  font: 600 17px var(--font-serif); color: var(--terra);
  letter-spacing: 1px; text-align: right;
  padding-top: 2px;
}
.tl-axis { position: relative; display: flex; justify-content: center; height: 100%; }
.tl-axis::before {
  content: '';
  position: absolute; top: 0; bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(201, 176, 133, 0.1), rgba(201, 176, 133, 0.75), rgba(201, 176, 133, 0.1));
}
.tl-item:first-child .tl-axis::before { top: 10px; }
.tl-item:last-child  .tl-axis::before { bottom: calc(100% - 10px); }
.tl-dot {
  position: relative; z-index: 1;
  width: 11px; height: 11px; border-radius: 50%;
  background: var(--grad-terra);
  margin-top: 5px;
  box-shadow: 0 0 0 4px rgba(169, 96, 63, 0.12);
}
.tl-body { padding-bottom: 32px; display: flex; flex-direction: column; gap: 6px; }
.tl-item:last-child .tl-body { padding-bottom: 0; }
.tl-title { font: 600 17px var(--font-serif); color: var(--ink); }
.tl-desc  { font: 400 15px var(--font-sans); color: var(--text-body); line-height: 1.8; }

/* ===== I. 业务体系 · 三维度锚点导航 ===== */
.anchor-nav {
  display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;
}
.anchor-nav a {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 11px 20px; border-radius: 24px;
  background: rgba(255, 255, 255, 0.7);
  border: 1.5px solid rgba(201, 176, 133, 0.42);
  font: 500 14px var(--font-sans); color: var(--text-brown);
  text-decoration: none;
  transition: background var(--dur-hover), transform var(--dur-hover), border-color var(--dur-hover);
}
.anchor-nav a:hover { background: #FFFFFF; transform: translateY(-2px); border-color: var(--gold-rule); }
.anchor-nav .dot { width: 9px; height: 9px; border-radius: 50%; }
.anchor-nav .dot-p { background: #7EA382; }
.anchor-nav .dot-o { background: #A9603F; }
.anchor-nav .dot-a { background: #3F617F; }

/* ===== J. 维度详情区块 ===== */
.dim { display: flex; flex-direction: column; gap: var(--space-xl); scroll-margin-top: 100px; }

.dim-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--space-md);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid rgba(201, 176, 133, 0.42);
}
.dim-head-left { display: flex; flex-direction: column; gap: 12px; }
.dim-title {
  font: 600 34px var(--font-serif); color: var(--ink);
  letter-spacing: 1px;
  display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;
}
.dim-title .en {
  font: 500 13px var(--font-sans); color: var(--text-muted-2);
  letter-spacing: 2.5px; text-transform: uppercase;
}
.dim-lead { font: 400 16px var(--font-sans); color: var(--text-body); line-height: 1.85; max-width: 760px; }
.dim-glyph {
  width: 62px; height: 62px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  font: 700 28px var(--font-serif);
}
.dim-glyph.g-p { background: linear-gradient(135deg, #B8D1B8, #7EA382); color: #233F26; }
.dim-glyph.g-o { background: linear-gradient(135deg, #D9BA91, #A9603F); color: #FFF7EC; }
.dim-glyph.g-a { background: linear-gradient(135deg, #8AADCC, #3F617F); color: #FFF7EC; }

/* ===== K. 九层进阶阶梯（业务体系核心组件） ===== */
.ladder {
  display: flex; flex-direction: column-reverse;
  gap: 7px;
  align-items: center;
}
.step {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 3px 8px rgba(51, 38, 26, 0.10);
  transition: transform 300ms var(--ease-out-quart), box-shadow 300ms var(--ease-out-quart);
}
.step:hover { transform: translateY(-3px) scale(1.008); box-shadow: 0 10px 26px rgba(51, 38, 26, 0.16); }

.step-idx {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px;
  padding: 16px 8px;
  font: 600 16px var(--font-serif);
  color: rgba(255, 247, 236, 0.96);
}
.step-idx small { font: 500 9px var(--font-sans); letter-spacing: 1.5px; opacity: 0.8; }
.step-body {
  padding: 18px 24px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(236, 237, 235, 1);
  border-left: none;
  display: flex; flex-direction: column; gap: 7px;
  backdrop-filter: blur(2px);
}
.step-name { font: 600 18px var(--font-serif); color: var(--ink); }
.step-desc { font: 400 14.5px var(--font-sans); color: var(--text-body); line-height: 1.8; }
.step-meta {
  display: flex; gap: 16px; flex-wrap: wrap;
  margin-top: 4px;
  font: 400 12.5px var(--font-sans); color: var(--text-muted);
}
.step-meta span { display: inline-flex; align-items: center; gap: 6px; }
.step-meta .k { color: var(--text-muted-2); }

/* 阶梯宽度：L3 最窄居中，L1 最宽 —— 与首页九层台同构（下宽上窄、自下而上生长） */
.ladder .s-3 { width: 100%; }
.ladder .s-2 { width: 95.5%; }
.ladder .s-1 { width: 91%; }

/* 三个维度的阶梯配色 */
.ladder.l-p .step-idx { background: var(--p-badge-bg); color: #2A4B2E; }
.ladder.l-p .s-1 .step-idx { background: linear-gradient(135deg, #618064, #3F5E42); color: #FFF7EC; }
.ladder.l-p .s-2 .step-idx { background: linear-gradient(135deg, #84AD86, #618B66); color: #FFF7EC; }
.ladder.l-p .s-3 .step-idx { background: linear-gradient(135deg, #B8D1B8, #94B896); color: #2A4B2E; }

.ladder.l-o .step-idx { background: var(--o-badge-bg); color: #4A3826; }
.ladder.l-o .s-1 .step-idx { background: linear-gradient(135deg, #84664C, #604730); color: #FFF7EC; }
.ladder.l-o .s-2 .step-idx { background: linear-gradient(135deg, #B39067, #8F6A45); color: #FFF7EC; }
.ladder.l-o .s-3 .step-idx { background: linear-gradient(135deg, #D9BA91, #B8996B); color: #4A3826; }

.ladder.l-a .step-idx { background: var(--a-badge-bg); color: #1E3A56; }
.ladder.l-a .s-1 .step-idx { background: linear-gradient(135deg, #42617F, #264261); color: #FFF7EC; }
.ladder.l-a .s-2 .step-idx { background: linear-gradient(135deg, #618CB3, #426D95); color: #FFF7EC; }
.ladder.l-a .s-3 .step-idx { background: linear-gradient(135deg, #9EC2DE, #80A5C6); color: #1E3A56; }

/* ===== L. 维度并置对比（业务体系 · 一览） ===== */
.compare {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-lg);
}
.cmp {
  border-radius: 18px;
  padding: 28px 26px;
  display: flex; flex-direction: column; gap: 14px;
  border: 1px solid rgba(236, 237, 235, 1);
  transition: transform 300ms var(--ease-out-quart), box-shadow 300ms var(--ease-out-quart);
}
.cmp:hover { transform: translateY(-5px); }
.cmp.c-p { background: linear-gradient(180deg, #FFFFFF, #F5F9F2); box-shadow: var(--shadow-md), 0 16px 40px rgba(126,163,130,0.08); }
.cmp.c-o { background: linear-gradient(180deg, #FFFFFF, #FAF2EB); box-shadow: var(--shadow-md), 0 16px 40px rgba(169,96,63,0.08); }
.cmp.c-a { background: linear-gradient(180deg, #FFFFFF, #F0F5FB); box-shadow: var(--shadow-md), 0 16px 40px rgba(63,97,127,0.08); }
.cmp-title { font: 600 22px var(--font-serif); color: var(--ink); }
.cmp-list { display: flex; flex-direction: column; gap: 9px; margin-top: 2px; }
.cmp-list li {
  list-style: none;
  font: 400 14.5px var(--font-sans); color: var(--text-body);
  line-height: 1.7;
  padding-left: 16px; position: relative;
}
.cmp-list li::before {
  content: '';
  position: absolute; left: 0; top: 9px;
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--gold-rule);
}

/* ===== M. 流程 / 交付节奏 ===== */
.flow { display: flex; gap: var(--space-lg); flex-wrap: wrap; justify-content: center; }
.flow-step {
  flex: 1 1 220px; max-width: 300px;
  display: flex; flex-direction: column; gap: 10px;
  padding: 24px 22px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(201, 176, 133, 0.26);
  position: relative;
}
.flow-step .n {
  font: 700 13px var(--font-sans); color: var(--terra);
  letter-spacing: 2px;
}
.flow-step .t { font: 600 17px var(--font-serif); color: var(--ink); }
.flow-step .d { font: 400 14px var(--font-sans); color: var(--text-body); line-height: 1.75; }

/* ===== N. 说明注脚（授权边界 / 免责） ===== */
.disclaimer {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 20px 24px;
  border-radius: 14px;
  background: rgba(242, 233, 217, 0.72);
  border-left: 3px solid var(--gold-rule);
}
.disclaimer .ico {
  flex: none;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--gold-rule); color: var(--paper-cream);
  display: flex; align-items: center; justify-content: center;
  font: 700 12px var(--font-sans);
  margin-top: 2px;
}
.disclaimer p { font: 400 14px var(--font-sans); color: var(--text-body); line-height: 1.8; }

/* ===== P. 区块标题组（内页通用） ===== */
.section-head {
  display: flex; flex-direction: column; align-items: center;
  gap: 14px; text-align: center;
}
.s-label {
  font: 500 14px var(--font-sans); color: var(--terra); letter-spacing: 3px;
}
.s-title {
  font: 600 40px var(--font-serif); color: var(--ink); letter-spacing: 1px;
  filter: drop-shadow(var(--shadow-title));
}
.s-sub { font: 400 17px var(--font-sans); color: var(--text-body); }

/* 通用区块壳 */
.section { padding: var(--space-4xl) var(--page-gutter); }
.section--paper { background: var(--paper); }
.section--sand  { background: var(--sand); }
.section-inner {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2xl);
  max-width: var(--max-width); margin: 0 auto;
}

/* ===== Q. 深化业务卡（方法实践页） ===== */
/* 复用 .card 基础，追加"核心理论 + 分层依据"内构 */
.card-core {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  text-align: center;
}
.core-label {
  font: 500 11px var(--font-sans); color: var(--text-muted-2);
  letter-spacing: 1.5px; text-transform: uppercase;
}
.core-name {
  font: 500 14px var(--font-sans); color: var(--text-brown); line-height: 1.5;
}

/* 分层依据列表（卡内） */
.tier-list { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.tier-item {
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px 14px; border-radius: 10px;
}
.card-personal .tier-item { background: rgba(126, 163, 130, 0.08); }
.card-org      .tier-item { background: rgba(169, 96, 63, 0.08); }
.card-ai       .tier-item { background: rgba(63, 97, 127, 0.08); }
.tier-item .lb { font: 600 14px var(--font-sans); color: var(--ink-2); }
.tier-item .rf { font: 400 12px var(--font-sans); color: var(--text-muted); line-height: 1.4; }

/* ===== R. 人物卡网格（管理学家 / 心理学家） ===== */
.figure-band {
  display: flex; flex-direction: column; align-items: center;
  background: var(--paper);
}
.figure-band--glow .figure-band-head {
  background: radial-gradient(ellipse at center, var(--sand-center) 0%, var(--sand-edge) 100%);
}
.figure-band-head {
  width: 100%;
  padding: var(--space-3xl) var(--page-gutter) 0;
  display: flex; justify-content: center;
}
.figure-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  max-width: var(--max-width);
  width: 100%;
  padding: var(--space-xl) var(--page-gutter) var(--space-4xl);
}
.figure-card {
  background: #FFF;
  border: 1px solid #ECEDEB; border-radius: 20px;
  padding: 30px 24px;
  display: flex; flex-direction: column; align-items: center; gap: 16px;
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: transform 300ms var(--ease-out-quart), box-shadow 300ms var(--ease-out-quart);
}
.figure-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.figure-avatar {
  width: 56px; height: 56px; border-radius: 28px;
  display: flex; align-items: center; justify-content: center;
  color: #FFF; font: 700 24px var(--font-serif);
  flex-shrink: 0;
}
.figure-body { display: flex; flex-direction: column; gap: 6px; }
.figure-name  { font: 600 20px var(--font-serif); color: var(--ink); line-height: 1.3; }
.figure-field { font: 500 13px var(--font-sans); color: var(--terra); letter-spacing: 0.5px; }
.figure-contrib { font: 400 13px var(--font-sans); color: var(--text-brown); line-height: 1.5; }
.figure-contrib strong { font-weight: 600; color: var(--ink-2); }
.figure-quote {
  font: 400 13px var(--font-serif); color: var(--text-muted);
  line-height: 1.6; font-style: italic;
  margin-top: 4px; padding-top: 10px;
  border-top: 1px solid #ECEDEB;
}

/* 头像配色（五行对应，与卡片体系同源） */
.fv-fire  { background: linear-gradient(135deg, var(--terra-light), var(--terra-dark)); }
.fv-wood  { background: linear-gradient(135deg, var(--wood-2), var(--wood-1)); }
.fv-earth { background: linear-gradient(135deg, var(--o-badge-text), var(--earth-1)); }
.fv-water { background: linear-gradient(135deg, var(--water-2), var(--water-1)); }
.fv-wood-l{ background: linear-gradient(135deg, var(--wood-3), var(--wood-1)); }
.fv-fire-l{ background: linear-gradient(135deg, var(--terra-light), #D48A5A); }
.fv-water-d{ background: linear-gradient(135deg, var(--a-badge-text), var(--water-1)); }
.fv-water-g{ background: linear-gradient(135deg, var(--water-2), #3F7555); }

/* ===== S. 联系页：表单与信息栏 ===== */
.contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-xl);
  align-items: start;
}
.form-block { display: flex; flex-direction: column; gap: var(--space-md); }
.form-title {
  font: 600 26px var(--font-serif); color: var(--ink);
  filter: drop-shadow(var(--shadow-title));
}
.form-field { display: flex; flex-direction: column; gap: 7px; }
.form-field label {
  font: 500 14px var(--font-sans); color: var(--text-brown);
}
.form-field .req { color: var(--terra); }
.form-control {
  width: 100%;
  padding: 13px 16px;
  border: 1.5px solid var(--gold-rule);
  border-radius: 12px;
  background: var(--paper);
  color: var(--ink);
  font: 400 15px var(--font-sans);
  transition: border-color var(--dur-hover), box-shadow var(--dur-hover);
}
.form-control::placeholder { color: var(--text-muted-2); }
.form-control:focus {
  outline: none;
  border-color: var(--terra);
  box-shadow: 0 0 0 3px rgba(169, 96, 63, 0.12);
}
textarea.form-control { resize: vertical; min-height: 110px; line-height: 1.7; }

.btn-submit {
  background: var(--terra-gradient); color: var(--paper-cream);
  padding: 17px 32px; border-radius: 32px; border: none; cursor: pointer;
  font: 500 16px var(--font-sans); width: 100%;
  box-shadow: var(--shadow-xl);
  transition: filter .25s, transform .25s, box-shadow .25s;
}
.btn-submit:hover {
  filter: brightness(1.07); transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(169, 96, 63, 0.35), 0 8px 24px rgba(169, 96, 63, 0.2);
}

.info-list { display: flex; flex-direction: column; gap: var(--space-lg); }
.info-item { display: flex; align-items: flex-start; gap: 16px; }
.info-ico {
  flex: none;
  width: 48px; height: 48px; border-radius: 14px;
  background: var(--sand);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  box-shadow: inset 0 0 0 1px rgba(201, 176, 133, 0.28);
}
.info-text { display: flex; flex-direction: column; gap: 4px; padding-top: 3px; }
.info-text .k { font: 600 16px var(--font-serif); color: var(--ink); }
.info-text .v { font: 400 15px var(--font-sans); color: var(--text-body); }
.info-text .v a { color: var(--text-body); text-decoration: none; transition: color var(--dur-hover); }
.info-text .v a:hover { color: var(--terra); }

/* 预约须知卡 */
.notice-card {
  margin-top: var(--space-xl);
  padding: 30px 28px;
  border-radius: 18px;
  background: var(--sand);
  border: 1px solid rgba(201, 176, 133, 0.28);
  display: flex; flex-direction: column; gap: 14px;
  box-shadow: var(--shadow-md);
}
.notice-card h3 {
  font: 600 20px var(--font-serif); color: var(--ink);
}
.notice-list { display: flex; flex-direction: column; gap: 10px; }
.notice-list li {
  list-style: none;
  display: flex; align-items: flex-start; gap: 10px;
  font: 400 14.5px var(--font-sans); color: var(--text-body); line-height: 1.7;
}
.notice-list .tick {
  flex: none;
  width: 18px; height: 18px; border-radius: 50%;
  background: rgba(92, 138, 96, 0.16);
  color: var(--success);
  display: flex; align-items: center; justify-content: center;
  font: 700 11px var(--font-sans);
  margin-top: 3px;
}

/* ===== T. 面包屑 ===== */
.crumb {
  display: flex; align-items: center; gap: 9px; justify-content: center;
  font: 400 13px var(--font-sans); color: var(--text-muted);
  margin-bottom: 6px;
}
.crumb a { color: var(--text-muted); text-decoration: none; transition: color var(--dur-hover); }
.crumb a:hover { color: var(--terra); }
.crumb .sep { color: var(--text-muted-2); opacity: 0.7; }
.crumb .cur { color: var(--text-brown); }

/* ===== U. 延伸响应式（新增组件） ===== */
@media (max-width: 1100px) {
  .figure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
@media (max-width: 980px) {
  .contact-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); }
}
@media (max-width: 768px) {
  .s-title { font: 600 30px var(--font-serif); }
  .figure-grid {
    grid-template-columns: minmax(0, 1fr);
    max-width: 420px; margin: 0 auto;
    padding: 28px 24px var(--space-3xl);
  }
  .figure-band-head { padding: 56px 24px 0; }
  .form-title { font: 600 22px var(--font-serif); }
  .section { padding: var(--space-3xl) 24px; }
}
@media (max-width: 480px) {
  .figure-card { padding: 24px 18px; }
  .notice-card { padding: 24px 20px; }
}

/* ===== O. 响应式 ===== */
@media (max-width: 980px) {
  .page-title { font: 700 40px var(--font-serif); }
  .split, .split--wide-left { grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); }
  .dim-head { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .dim-glyph { width: 54px; height: 54px; border-radius: 14px; font-size: 24px; }
}

@media (max-width: 768px) {
  .page-hero { padding: 56px 24px 40px; }
  .page-title { font: 700 32px var(--font-serif); }
  .page-sub   { font: 500 17px var(--font-serif); }
  .dim-title  { font: 600 26px var(--font-serif); }

  .compare { grid-template-columns: minmax(0, 1fr); }

  /* 五行行改为两行堆叠 */
  .wx-row { grid-template-columns: 44px minmax(0, 1fr); row-gap: 10px; padding: 18px; }
  .wx-role { grid-column: 1 / -1; }
  .wx-tag  { grid-column: 1 / -1; justify-self: start; }

  /* 阶梯改为上下堆叠，取消阶梯宽度 */
  .ladder { align-items: stretch; }
  .ladder .s-1, .ladder .s-2, .ladder .s-3 { width: 100%; }
  .step { grid-template-columns: 72px minmax(0, 1fr); }

  /* 时间线收窄 */
  .tl-item { grid-template-columns: 78px 20px minmax(0, 1fr); gap: 12px; }
  .tl-year { font: 600 15px var(--font-serif); }

  .flow-step { flex: 1 1 100%; max-width: 100%; }
}

@media (max-width: 480px) {
  .step { grid-template-columns: 64px minmax(0, 1fr); }
  .step-body { padding: 16px 18px; }
  .step-idx small { display: none; }
}