/* ================================================================================
 * 言店长官网「发展历程」页样式(纯静态,无框架无构建)
 * 依赖:style.css 的 :root 设计变量与导航/按钮/页脚组件;本文件只管历程页布局
 * 结构:英雄区(灰底) → 理念三卡 → 垂直时间线 → 核验入口 → CTA;移动端单列
 * ================================================================================ */

.ms-hero { padding: 96px 0 64px; background: var(--页面底); text-align: center; }
.ms-hero h1 { font-size: 48px; font-weight: 600; letter-spacing: -0.5px; }
.ms-hero p { margin: 14px auto 0; max-width: 680px; font-size: 19px; line-height: 1.55; color: var(--文字次); }

/* 理念三卡 */
.ms-理念 { padding: 72px 0 0; }
.ms-理念格 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ms-理念卡 { background: var(--页面底); border-radius: 22px; padding: 32px 28px; text-align: left; }
.ms-理念卡 i { color: var(--蓝); font-size: 22px; }
.ms-理念卡 h3 { margin-top: 14px; font-size: 21px; font-weight: 600; }
.ms-理念卡 p { margin-top: 10px; font-size: 15px; line-height: 1.6; color: var(--文字次); }

/* 垂直时间线 */
.ms-时间线 { position: relative; max-width: 760px; margin: 0 auto; padding: 0 0 0 36px; }
.ms-时间线::before { content: ""; position: absolute; left: 8px; top: 6px; bottom: 6px; width: 2px; background: var(--发丝线); }
.ms-项 { position: relative; padding: 0 0 44px; }
.ms-项:last-child { padding-bottom: 0; }
.ms-项::before { content: ""; position: absolute; left: -34px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--蓝); box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.14); }
.ms-日期 { font-size: 14px; font-weight: 600; color: var(--蓝); letter-spacing: 0.3px; }
.ms-项 h3 { margin-top: 6px; font-size: 24px; font-weight: 600; }
.ms-项 p { margin-top: 8px; font-size: 16px; line-height: 1.65; color: var(--文字次); }

/* 核验入口与 CTA */
.ms-more { margin: 40px auto 0; text-align: center; font-size: 14px; color: var(--文字淡); }
.ms-more a { color: var(--蓝); text-decoration: none; }
.ms-more a:hover { text-decoration: underline; }
.ms-cta { margin: 88px auto 0; max-width: 640px; background: var(--页面底); border-radius: 22px; padding: 44px 32px; text-align: center; }
.ms-cta h2 { font-size: 28px; font-weight: 600; }
.ms-cta p { margin-top: 10px; font-size: 16px; color: var(--文字次); }
.ms-cta .btn { margin-top: 22px; }

@media (max-width: 900px) {
  /* 顶距 72→96:导航移动端改两行式(约 78px 高)后,72px 会被压住一线(2026-09-13) */
  .ms-hero { padding: 96px 0 48px; }
  .ms-hero h1 { font-size: 34px; }
  .ms-hero p { font-size: 17px; }
  .ms-理念格 { grid-template-columns: 1fr; }
  .ms-项 h3 { font-size: 20px; }
  .ms-cta { margin-top: 64px; padding: 36px 24px; }
  .ms-cta h2 { font-size: 24px; }
}