@charset "utf-8";
/* MK体育在线官网 - 关于我们页样式 about.css */
/* 结构：A5场景展示 */

/* === 关于Hero === */
.about-hero { background: linear-gradient(135deg, #2C1F15 0%, #4A3728 100%); padding: 120px 0 80px; position: relative; overflow: hidden; }
.about-hero::after { content: ''; position: absolute; bottom: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(139, 94, 60, 0.2) 0%, transparent 60%); }
.about-hero-content { position: relative; z-index: 2; text-align: center; max-width: 700px; margin: 0 auto; }
.about-hero h1 { font-size: 38px; color: #E8D5C0; margin-bottom: 16px; }
.about-hero p { color: rgba(232, 213, 192, 0.65); font-size: 15px; }

/* === 场景展示 A5 === */
.scene { padding: 80px 0; }
.scene-alt { background: #FDF8F3; }
.scene-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.scene-img { border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(44, 31, 21, 0.15); }
.scene-img img { width: 100%; height: 100%; object-fit: cover; min-height: 350px; }
.scene-text .label { color: #8B5E3C; font-size: 12px; letter-spacing: 3px; margin-bottom: 16px; text-transform: uppercase; font-family: "Courier New", "Consolas", "Monaco", monospace; }
.scene-text h2 { font-size: 28px; margin-bottom: 20px; color: #2C1F15; }
.scene-text p { color: #4A3728; font-size: 15px; line-height: 1.9; margin-bottom: 16px; }
.scene-text ul { margin-top: 20px; }
.scene-text ul li { padding: 8px 0; padding-left: 24px; position: relative; color: #4A3728; font-size: 14px; }
.scene-text ul li::before { content: ''; position: absolute; left: 0; top: 16px; width: 8px; height: 8px; border-radius: 50%; background: #8B5E3C; }

/* === 团队/数据 === */
.team-stats { background: #2C1F15; padding: 80px 0; }
.team-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.team-stat { text-align: center; }
.team-stat-number { font-size: 40px; font-weight: 700; color: #E8D5C0; margin-bottom: 8px; font-family: "Courier New", "Consolas", "Monaco", monospace; }
.team-stat-label { color: rgba(232, 213, 192, 0.5); font-size: 14px; }

/* === 公司文化 === */
.culture { padding: 80px 0; background: #fff; }
.culture-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.culture-card { padding: 40px 30px; border-radius: 12px; border: 1px solid rgba(232, 213, 192, 0.4); text-align: center; transition: all 0.3s ease; }
.culture-card:hover { background: #FDF8F3; border-color: #E8D5C0; transform: translateY(-6px); }
.culture-icon { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #E8D5C0, #D4B896); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 24px; }
.culture-card h3 { font-size: 18px; margin-bottom: 12px; color: #2C1F15; }
.culture-card p { font-size: 13px; color: #8B5E3C; line-height: 1.7; }

/* === 发展历程 === */
.timeline { background: #FDF8F3; padding: 80px 0; }
.timeline-list { position: relative; max-width: 800px; margin: 0 auto; }
.timeline-list::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #E8D5C0; transform: translateX(-50%); }
.timeline-item { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 50px; position: relative; }
.timeline-item:nth-child(even) .timeline-text { grid-column: 1; text-align: right; }
.timeline-item:nth-child(even) .timeline-year { grid-column: 2; text-align: left; }
.timeline-year { font-size: 28px; font-weight: 700; color: #8B5E3C; font-family: "Courier New", "Consolas", "Monaco", monospace; }
.timeline-text h4 { font-size: 16px; margin-bottom: 8px; color: #2C1F15; }
.timeline-text p { font-size: 13px; color: #4A3728; line-height: 1.7; }
.timeline-dot { position: absolute; left: 50%; top: 8px; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; background: #8B5E3C; border: 3px solid #FDF8F3; }

/* === 响应式 === */
@media (max-width: 768px) {
  .about-hero h1 { font-size: 28px; }
  .scene-inner { grid-template-columns: 1fr; gap: 40px; }
  .scene-img { order: -1; }
  .scene-img img { min-height: 220px; }
  .team-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .culture-grid { grid-template-columns: 1fr; }
  .timeline-list::before { left: 20px; }
  .timeline-item { grid-template-columns: 1fr; padding-left: 50px; }
  .timeline-item:nth-child(even) .timeline-text,
  .timeline-item:nth-child(even) .timeline-year { grid-column: auto; text-align: left; }
  .timeline-dot { left: 20px; transform: translateX(-50%); }
}
@media (max-width: 480px) {
  .team-stats-grid { grid-template-columns: 1fr; }
  .scene-text h2 { font-size: 22px; }
}