/* ========== 关于公司页面样式 ========== */
.about-page { min-height: 100vh; background: #f5f7fb; }

/* 通用区块 */
.about-section { padding: 60px 0; background: #fff; }
.about-section:nth-child(even) { background: #f5f7fb; }

.section-header { text-align: center; margin-bottom: 50px; }
.section-title { font-size: 32px; color: #333; font-weight: 600; margin-bottom: 10px; }
.section-subtitle { font-size: 14px; color: #999; letter-spacing: 2px; }

/* 富文本内容区 */
.rich-content { max-width: 900px; margin: 0 auto; }
.rich-content p { font-size: 15px; line-height: 2; color: #666; text-indent: 2em; margin-bottom: 15px; }
.rich-content img { max-width: 100%; border-radius: 8px; margin: 16px 0; }
.rich-content h3,.rich-content h4 { color: #333; margin: 20px 0 10px; }

/* ========== 公司简介 ========== */
.intro-content { display: flex; flex-direction: column; gap: 40px; }
.intro-text p { font-size: 15px; line-height: 2; color: #666; text-indent: 2em; margin-bottom: 15px; }
.intro-stats {
    display: flex; justify-content: space-around; flex-wrap: wrap;
    background: linear-gradient(135deg, #FE720A 0%, #ff9a4d 100%);
    border-radius: 16px; padding: 40px 20px;
}
.stat-item { text-align: center; min-width: 150px; }
.stat-number { display: block; font-size: 48px; font-weight: 700; color: #fff; line-height: 1.2; }
.stat-label  { display: block; font-size: 16px; color: rgba(255,255,255,0.9); margin-top: 8px; }

/* ========== 企业文化 ========== */
.culture-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.culture-item {
    background: #fff; border-radius: 12px; padding: 30px 24px; text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: all 0.3s ease;
}
.culture-item:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(254,114,10,0.15); }
.culture-icon { font-size: 48px; margin-bottom: 20px; }
.culture-item h3 { font-size: 20px; color: #333; margin-bottom: 12px; }
.culture-item p { font-size: 14px; color: #666; line-height: 1.8; }

/* ========== 发展历程 ========== */
.timeline { position: relative; max-width: 800px; margin: 0 auto; }
.timeline::before {
    content: ''; position: absolute; left: 50%; top: 0; bottom: 0;
    width: 4px; background: linear-gradient(to bottom, #FE720A, #ff9a4d);
    transform: translateX(-50%); border-radius: 2px;
}
.timeline-item { display: flex; margin-bottom: 40px; position: relative; }
.timeline-item:nth-child(odd) { flex-direction: row-reverse; }
.timeline-item::before {
    content: ''; position: absolute; left: 50%; top: 20px;
    width: 16px; height: 16px; background: #FE720A; border: 4px solid #fff;
    border-radius: 50%; transform: translateX(-50%);
    box-shadow: 0 0 0 4px rgba(254,114,10,0.2);
}
.timeline-date { width: 50%; padding: 15px 40px; font-size: 18px; font-weight: 600; color: #FE720A; text-align: right; box-sizing: border-box; }
.timeline-item:nth-child(odd) .timeline-date { text-align: left; }
.timeline-content { width: 50%; padding: 15px 40px; box-sizing: border-box; }
.timeline-content h4 { font-size: 18px; color: #333; margin-bottom: 8px; }
.timeline-content p { font-size: 14px; color: #666; line-height: 1.8; }

/* ========== 荣誉资质 ========== */
.honors-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.honor-item {
    background: #fff; border-radius: 12px; padding: 30px 24px; text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: all 0.3s ease;
}
.honor-item:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(254,114,10,0.15); }
.honor-icon { font-size: 48px; margin-bottom: 20px; }
.honor-item h4 { font-size: 16px; color: #333; margin-bottom: 8px; }
.honor-item p  { font-size: 14px; color: #999; }

/* ========== 联系我们（about页内） ========== */
.contact-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.contact-item {
    background: #fff; border-radius: 12px; padding: 30px 24px; text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: all 0.3s ease;
}
.contact-item:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(254,114,10,0.15); }
.contact-icon { font-size: 48px; margin-bottom: 20px; }
.contact-item h4 { font-size: 16px; color: #333; margin-bottom: 8px; }
.contact-item p  { font-size: 14px; color: #666; line-height: 1.6; }

/* ========== 响应式 ========== */
@media screen and (max-width: 1200px) {
    .culture-grid,.honors-grid,.contact-grid { grid-template-columns: repeat(2,1fr); }
    .timeline::before { left: 20px; }
    .timeline-item,.timeline-item:nth-child(odd) { flex-direction: column; padding-left: 50px; }
    .timeline-item::before { left: 20px; }
    .timeline-date,.timeline-item:nth-child(odd) .timeline-date { width: 100%; text-align: left; padding: 0 0 10px 0; }
    .timeline-content { width: 100%; padding: 0; }
}
@media screen and (max-width: 768px) {
    .about-section { padding: 40px 0; }
    .section-header { margin-bottom: 30px; }
    .section-title { font-size: 24px; }
    .section-subtitle { font-size: 12px; }
    .intro-stats { padding: 24px 16px; }
    .stat-number { font-size: 28px; }
    .stat-label  { font-size: 12px; }
    .stat-item   { min-width: auto; padding: 12px 0; }
    .intro-text p { font-size: 13px; line-height: 1.8; text-indent: 0; }
    .culture-grid,.honors-grid,.contact-grid { grid-template-columns: 1fr; gap: 12px; }
    .culture-item,.honor-item,.contact-item { padding: 20px 16px; }
    .culture-icon { font-size: 36px; margin-bottom: 12px; }
    .culture-item h3 { font-size: 16px; }
    .honor-item,.contact-item { display: flex; align-items: center; text-align: left; gap: 16px; }
    .honor-icon,.contact-icon { font-size: 32px; margin-bottom: 0; flex-shrink: 0; }
    .honor-item h4,.contact-item h4 { font-size: 14px; margin-bottom: 4px; }
    .timeline::before { left: 16px; }
    .timeline-item,.timeline-item:nth-child(odd) { flex-direction: column; padding-left: 44px; margin-bottom: 24px; }
    .timeline-item::before { left: 16px; top: 8px; width: 12px; height: 12px; }
    .timeline-date,.timeline-item:nth-child(odd) .timeline-date { width: 100%; padding: 0 0 6px 0; text-align: left; font-size: 14px; }
    .timeline-content h4 { font-size: 15px; }
    .timeline-content p  { font-size: 13px; }
}
@media screen and (max-width: 480px) {
    .stat-number { font-size: 24px; }
    .section-title { font-size: 20px; }
}