/* 关于我们：发展历程纵向时间轴，最后加载以隔离历史样式。 */
body[data-page="about"] #history { padding: 82px 0 90px; background: #fbf8f4; }
body[data-page="about"] #history .about-history-heading { max-width: 1280px; margin: 0 auto 38px; padding: 0 24px; text-align: center; }
body[data-page="about"] #history .about-history-heading > span { display: inline-flex; align-items: center; gap: 16px; color: #b87932; font-family: var(--font-sans); font-size: 20px; font-weight: 600; line-height: normal; }
body[data-page="about"] #history .about-history-heading > span > i { display: none; }
body[data-page="about"] #history .about-history-heading > span::before,
body[data-page="about"] #history .about-history-heading > span::after { display: block; width: 76px; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(190, 129, 50, .94)); }
body[data-page="about"] #history .about-history-heading > span::after { background: linear-gradient(90deg, rgba(190, 129, 50, .94), transparent); }
body[data-page="about"] #history .about-history-heading h2 { margin: 18px 0 14px; color: #102947; font-size: 52px; font-weight: 700; line-height: 1.28; white-space: nowrap; }
body[data-page="about"] #history .about-history-heading p { margin: 0; color: #5a6876; font-size: 20px; line-height: 1.75; }
body[data-page="about"] #history .about-history-images,
body[data-page="about"] #history .about-history-phases,
body[data-page="about"] #history .about-history-track { display: none; }
body[data-page="about"] #history .about-history-timeline { position: relative; display: grid; width: min(1080px, calc(100% - 48px)); margin: 0 auto; padding: 0; gap: 24px; grid-template-columns: minmax(0, 1fr); }
body[data-page="about"] #history .about-history-timeline::before { display: none; }
body[data-page="about"] #history .about-history-timeline .timeline-item { position: relative; display: grid; min-height: 128px; padding: 0; gap: 0 68px; align-items: center; grid-template-columns: 112px minmax(0, 1fr); grid-column: auto; grid-row: auto; }
body[data-page="about"] #history .about-history-timeline .timeline-item > strong { position: relative; z-index: 2; top: auto; left: auto; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; color: #b6752d; background: transparent; box-shadow: none; font-family: "Noto Serif SC", "STSong", SimSun, serif; font-size: 28px; font-variant-numeric: tabular-nums; font-weight: 700; line-height: 1.2; text-align: right; grid-column: auto; grid-row: auto; }
body[data-page="about"] #history .about-history-timeline .timeline-item > strong::after,
body[data-page="about"] #history .about-history-timeline .timeline-item > strong::before { position: absolute; display: block; border-radius: 50%; content: ""; background: #d52822; }
body[data-page="about"] #history .about-history-timeline .timeline-item > strong::after { top: 50%; left: calc(100% + 27px); width: 16px; height: 16px; border: 3px solid #fbf8f4; box-shadow: 0 0 0 1px rgba(184, 137, 78, .7); transform: translateY(-50%); }
body[data-page="about"] #history .about-history-timeline .timeline-item > strong::before { top: 50%; left: calc(100% + 42px); width: 12px; height: 12px; border: 2px solid #fbf8f4; box-shadow: 0 0 0 1px rgba(184, 137, 78, .58); transform: translateY(-50%); }
body[data-page="about"] #history .about-history-timeline .timeline-item > div,
body[data-page="about"] #history .about-history-timeline .timeline-item:nth-child(even) > div { position: relative; top: auto; bottom: auto; width: 100%; min-height: 0; padding: 26px 32px; border: 1px solid rgba(184, 137, 78, .35); border-left: 3px solid #b6752d; border-radius: 0 8px 8px 0; background: #fffdf9; box-shadow: 0 10px 24px rgba(31, 44, 54, .07); grid-column: auto; grid-row: auto; }
body[data-page="about"] #history .about-history-timeline h3 { margin: 0 0 8px; padding: 0; color: #102947; font-size: 23px; font-weight: 700; line-height: 1.35; }
body[data-page="about"] #history .about-history-timeline p { max-width: none; margin: 0; color: #596a79; font-size: 16px; line-height: 1.78; }
body[data-page="about"] #history .about-history-timeline .timeline-item > div::before,
body[data-page="about"] #history .about-history-timeline .timeline-item > div::after,
body[data-page="about"] #history .about-history-timeline .history-milestone-photo { display: none; }
/* 2021 保留红色节点和强调卡片，年份与其余年份统一使用金色；“现在”仍以红色年份强调。 */
body[data-page="about"] #history .about-history-timeline .is-highlight > strong { color: #b6752d; }
body[data-page="about"] #history .about-history-timeline .is-current > strong { color: #d52822; }
body[data-page="about"] #history .about-history-timeline .is-highlight > div,
body[data-page="about"] #history .about-history-timeline .is-current > div { border-left-color: #d52822; background: #fffaf8; }

@media (max-width: 620px) {
  body[data-page="about"] #history { padding: 56px 0 64px; }
  body[data-page="about"] #history .about-history-heading { margin-bottom: 30px; padding: 0 18px; }
  body[data-page="about"] #history .about-history-heading > span { gap: 12px; font-size: 18px; }
  body[data-page="about"] #history .about-history-heading > span::before,
  body[data-page="about"] #history .about-history-heading > span::after { width: 42px; }
  body[data-page="about"] #history .about-history-heading h2 { margin: 16px 0 12px; font-size: 34px; white-space: normal; }
  body[data-page="about"] #history .about-history-heading p { font-size: 17px; }
  body[data-page="about"] #history .about-history-timeline { width: min(100% - 36px, 680px); gap: 18px; }
  body[data-page="about"] #history .about-history-timeline .timeline-item { min-height: 0; gap: 0 38px; align-items: start; grid-template-columns: 52px minmax(0, 1fr); }
  body[data-page="about"] #history .about-history-timeline .timeline-item > strong { padding-top: 22px; font-size: 18px; }
  body[data-page="about"] #history .about-history-timeline .timeline-item > strong::after { left: calc(100% + 14px); width: 14px; height: 14px; }
  body[data-page="about"] #history .about-history-timeline .timeline-item > strong::before { left: calc(100% + 28px); width: 10px; height: 10px; }
  body[data-page="about"] #history .about-history-timeline .timeline-item > div,
  body[data-page="about"] #history .about-history-timeline .timeline-item:nth-child(even) > div { padding: 20px; }
  body[data-page="about"] #history .about-history-timeline h3 { font-size: 19px; }
  body[data-page="about"] #history .about-history-timeline p { font-size: 14px; }
}