/* ================================================================
   history.css — 发展历程页面专用样式
   ================================================================ */

/* 页面 Banner 背景图 */
.page-banner{background-image:url('assets/about/page-banner.jpg')}

/* ===== 发展历程页面专用样式 ===== */
.history-main{padding:80px var(--side-pad) 100px;width:100%}

/* 时间线容器 */
.timeline{position:relative;padding-left:0}
.timeline::before{content:'';position:absolute;left:170px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,var(--c-primary),rgba(26,57,130,.15));border-radius:1px}

/* 时间线项目 */
.timeline-item{display:flex;align-items:flex-start;margin-bottom:32px;position:relative}
.timeline-item:last-child{margin-bottom:0}

/* 年份 - 左对齐与banner文字对齐 */
.timeline-year{width:170px;flex-shrink:0;text-align:left;padding-left:0;font-size:36px;font-weight:900;color:var(--c-primary);font-family:var(--font-en);line-height:1;padding-top:16px;letter-spacing:1px}
.year-unit{font-size:20px;font-weight:500;margin-left:4px;color:var(--c-gray-500);font-family:var(--font-cn);letter-spacing:0}

/* 节点圆点 */
.timeline-dot{position:absolute;left:163px;top:24px;width:16px;height:16px;border-radius:50%;background:var(--c-white);border:3px solid var(--c-primary);box-shadow:0 0 0 4px rgba(26,57,130,.12);z-index:2}

/* 内容卡片 - 右对齐导航右侧 */
.timeline-content{flex:1;background:var(--c-white);border-radius:14px;padding:28px 36px;margin-left:56px;box-shadow:0 4px 18px rgba(0,0,0,.05);transition:all 0.35s cubic-bezier(0.16,1,0.3,1);border-left:4px solid transparent}
.timeline-content:hover{transform:translateX(8px);box-shadow:0 10px 30px rgba(26,57,130,.12);border-left-color:var(--c-primary)}
.timeline-content h4{font-size:18px;font-weight:700;color:var(--c-dark);margin-bottom:10px;letter-spacing:1px}
.timeline-content p{font-size:15px;color:var(--c-gray-500);line-height:1.9}

/* 2022年上市 - 金色突出 */
.timeline-item.highlight .timeline-year{color:var(--c-gold);text-shadow:0 2px 10px rgba(200,164,92,.3)}
.timeline-item.highlight .timeline-dot{background:var(--c-gold);border-color:var(--c-gold);box-shadow:0 0 0 4px rgba(200,164,92,.2),0 0 14px rgba(200,164,92,.5);width:20px;height:20px;left:161px;top:22px}
.timeline-item.highlight .timeline-content{background:linear-gradient(135deg,#FBF6EC 0%,#FFFDF7 100%);border:2px solid var(--c-gold);border-left:4px solid var(--c-gold);box-shadow:0 8px 32px rgba(200,164,92,.2)}
.timeline-item.highlight .timeline-content:hover{transform:translateX(8px);box-shadow:0 14px 40px rgba(200,164,92,.3)}
.timeline-item.highlight .timeline-content h4{color:var(--c-gold)}
.timeline-item.highlight .timeline-content p{color:var(--c-gray-700);font-weight:500}

/* ===== 响应式 - 页面专用 ===== */
@media(max-width:1024px){
  .history-main{padding:48px var(--side-pad) 72px}
  .timeline::before{left:120px}
  .timeline-year{width:120px;font-size:28px;padding-top:14px}
  .year-unit{font-size:16px;margin-left:3px}
  .timeline-dot{left:113px;width:14px;height:14px}
  .timeline-item.highlight .timeline-dot{left:111px;width:18px;height:18px}
  .timeline-content{margin-left:40px;padding:22px 28px}
  .timeline-content h4{font-size:16px}
  .timeline-content p{font-size:14px}
}
@media(max-width:640px){
  .history-main{padding:32px var(--side-pad) 56px}
  .timeline::before{left:80px}
  .timeline-item{margin-bottom:24px}
  .timeline-year{width:80px;font-size:22px;padding-top:12px}
  .year-unit{font-size:14px;margin-left:2px}
  .timeline-dot{left:73px;width:12px;height:12px;top:18px;border-width:2px;box-shadow:0 0 0 3px rgba(26,57,130,.12)}
  .timeline-item.highlight .timeline-dot{left:71px;width:14px;height:14px;top:17px;box-shadow:0 0 0 3px rgba(200,164,92,.2),0 0 10px rgba(200,164,92,.4)}
  .timeline-content{margin-left:24px;padding:14px 18px}
  .timeline-content h4{font-size:14px;margin-bottom:6px}
  .timeline-content p{font-size:12px;line-height:1.7}
  .timeline-item.highlight .timeline-content{padding:18px 20px}
  .timeline-item.highlight .timeline-year{font-size:24px}
}