@charset "UTF-8";
/* about.css - 关于我们页 A4价值驱动 */

/* ===== 关于页面Banner ===== */
.about-hero{position:relative;padding:140px 0 100px;background:linear-gradient(135deg,#2C2815 0%,#4a4320 100%);margin-top:72px;text-align:center;overflow:hidden}
.about-hero::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AC0D' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.about-hero h1{font-size:48px;font-weight:900;color:#F9F3D8;margin-bottom:20px;position:relative}
.about-hero p{font-size:18px;color:rgba(249,243,216,.7);max-width:700px;margin:0 auto;position:relative;line-height:1.8}

/* ===== 使命愿景 ===== */
.mission-section{padding:100px 0;background:#fff}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.mission-card{text-align:center;padding:45px 30px;border-radius:12px;background:#F9F3D8;transition:all .3s ease}
.mission-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(44,40,21,.12)}
.mission-card .icon{width:80px;height:80px;background:#2C2815;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:32px;color:#D4AC0D}
.mission-card h3{font-size:22px;font-weight:900;color:#2C2815;margin-bottom:15px}
.mission-card p{font-size:15px;color:#555;line-height:1.8}

/* ===== 公司介绍 ===== */
.about-intro{padding:100px 0;background:#F9F3D8}
.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-intro-img{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(44,40,21,.15)}
.about-intro-img img{width:100%;height:450px;object-fit:cover}
.about-intro-img::after{content:"";position:absolute;inset:0;border:4px solid #D4AC0D;border-radius:12px;transform:translate(20px,20px);z-index:-1}
.about-intro-content h2{font-size:36px;font-weight:900;color:#2C2815;margin-bottom:20px}
.about-intro-content h2 span{color:#D4AC0D}
.about-intro-content p{font-size:16px;color:#444;line-height:1.9;margin-bottom:20px}
.about-stats-inline{display:flex;gap:40px;margin-top:35px;padding-top:25px;border-top:2px solid rgba(212,172,13,.2)}
.about-stats-inline .stat h4{font-size:36px;font-weight:900;color:#D4AC0D}
.about-stats-inline .stat p{font-size:14px;color:#666;margin-top:5px}

/* ===== 核心价值 ===== */
.values-section{padding:100px 0;background:#2C2815}
.values-section .section-title h2{color:#F9F3D8}
.values-section .section-title p{color:rgba(249,243,216,.6)}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:50px}
.value-item{display:flex;gap:25px;padding:35px;background:rgba(249,243,216,.05);border:1px solid rgba(212,172,13,.2);border-radius:12px;transition:all .3s ease}
.value-item:hover{border-color:#D4AC0D;transform:translateX(10px)}
.value-item .num{font-size:48px;font-weight:900;color:#D4AC0D;line-height:1;opacity:.6}
.value-item h4{font-size:20px;font-weight:700;color:#F9F3D8;margin-bottom:10px}
.value-item p{font-size:14px;color:rgba(249,243,216,.65);line-height:1.8}

/* ===== 发展历程 ===== */
.timeline-section{padding:100px 0;background:#fff}
.timeline{position:relative;max-width:900px;margin:60px auto 0;padding-left:40px}
.timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#D4AC0D 0%,rgba(212,172,13,.2) 100%);border-radius:2px}
.timeline-item{position:relative;margin-bottom:50px;padding-left:40px}
.timeline-item::before{content:"";position:absolute;left:-47px;top:5px;width:16px;height:16px;background:#D4AC0D;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 3px #D4AC0D}
.timeline-year{font-size:14px;font-weight:700;color:#D4AC0D;margin-bottom:8px;letter-spacing:2px}
.timeline-item h4{font-size:20px;font-weight:700;color:#2C2815;margin-bottom:10px}
.timeline-item p{font-size:15px;color:#555;line-height:1.8}

/* ===== 团队 ===== */
.team-section{padding:100px 0;background:#F9F3D8}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}
.team-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(44,40,21,.08);transition:all .3s ease;text-align:center}
.team-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(44,40,21,.15)}
.team-card-img{height:260px;overflow:hidden;background:#2C2815}
.team-card-img img{width:100%;height:100%;object-fit:cover;opacity:.9}
.team-card-info{padding:25px}
.team-card-info h4{font-size:18px;font-weight:700;color:#2C2815;margin-bottom:5px}
.team-card-info p{font-size:14px;color:#D4AC0D;font-weight:600}

/* ===== 响应式 ===== */
@media (max-width:768px){
.about-hero{padding:100px 0 60px}
.about-hero h1{font-size:32px}
.mission-grid{grid-template-columns:1fr}
.about-intro-grid{grid-template-columns:1fr}
.about-intro-img img{height:300px}
.values-grid{grid-template-columns:1fr}
.team-grid{grid-template-columns:repeat(2,1fr)}
.about-stats-inline{flex-direction:column;gap:20px}
}