@charset "UTF-8";

/* ===== 关于我们页样式 about.css ===== */

.about-page{padding:60px 0}
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:60px}
.about-hero-image{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(45,31,61,.15)}
.about-hero-image img{width:100%;height:auto}
.about-hero-content h1{font-size:34px;color:#2D1F3D;margin-bottom:20px;font-weight:700}
.about-hero-content>p{font-size:15px;color:#555;line-height:1.9;margin-bottom:15px}
.about-slogan{background:#f8f5fb;border-left:4px solid #7C5C8C;padding:20px 25px;margin:25px 0;border-radius:0 8px 8px 0}
.about-slogan p{font-size:18px;color:#2D1F3D;font-weight:600;margin:0;font-style:italic}

.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:50px 0}
.value-card{background:#fff;border-radius:12px;padding:30px;text-align:center;box-shadow:0 5px 25px rgba(45,31,61,.06);border:1px solid #f0ebf4;transition:all .3s}
.value-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(45,31,61,.1)}
.value-icon{width:50px;height:50px;background:#f8f5fb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}
.value-icon svg{width:24px;height:24px;fill:#7C5C8C}
.value-card h3{font-size:18px;color:#2D1F3D;margin-bottom:10px}
.value-card p{font-size:14px;color:#666;line-height:1.7}

.about-history{background:#f8f5fb;padding:50px 0;margin:50px 0}
.timeline{position:relative;max-width:800px;margin:0 auto;padding-left:30px}
.timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:#DDD0E6}
.timeline-item{position:relative;margin-bottom:35px;padding-left:30px}
.timeline-item::before{content:'';position:absolute;left:-24px;top:5px;width:16px;height:16px;background:#7C5C8C;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #7C5C8C}
.timeline-year{font-size:16px;font-weight:700;color:#7C5C8C;margin-bottom:5px}
.timeline-item h4{font-size:16px;color:#2D1F3D;margin-bottom:8px}
.timeline-item p{font-size:14px;color:#666;line-height:1.7;margin:0}

.team-section{margin:50px 0}
.team-section h2{font-size:28px;color:#2D1F3D;text-align:center;margin-bottom:40px;font-weight:700}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.team-member{text-align:center}
.team-avatar{width:120px;height:120px;border-radius:50%;background:#DDD0E6;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#7C5C8C;font-weight:700}
.team-member h4{font-size:16px;color:#2D1F3D;margin-bottom:5px}
.team-member p{font-size:13px;color:#7C5C8C;margin:0}

@media(max-width:991px){
.about-hero{grid-template-columns:1fr;gap:40px}
.about-values{grid-template-columns:repeat(2,1fr)}
.team-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
.about-values{grid-template-columns:1fr}
.team-grid{grid-template-columns:1fr 1fr}
.about-hero-content h1{font-size:26px}
}