/* ===== 关于我们 - A5场景展示 ===== */

/* 时间线 */
.timeline-section{padding:60px 0;background:#FCE4EC}
.timeline-wrap{position:relative;max-width:900px;margin:0 auto}
.timeline-wrap::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:linear-gradient(180deg,#F06292,#f48fb1,#FCE4EC)}
.timeline-item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:50px;align-items:center}
.timeline-item:last-child{margin-bottom:0}
.timeline-item:nth-child(even) .timeline-text{order:2}
.timeline-item:nth-child(even) .timeline-visual{order:1}
.timeline-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#F06292;border:4px solid #FCE4EC;box-shadow:0 0 0 3px #F06292;z-index:2}
.timeline-visual{padding:30px;border-radius:16px;background:#fff;box-shadow:0 4px 20px rgba(62,16,34,.08)}
.timeline-visual h3{font-size:20px;font-weight:700;color:#3E1022;margin-bottom:12px;letter-spacing:1px;text-transform:uppercase}
.timeline-visual p{font-size:14px;color:#7a4a5c;line-height:1.8}
.timeline-visual .highlight{font-size:36px;font-weight:700;color:#F06292;display:block;margin-bottom:8px}
.timeline-visual ul{list-style:none;padding:0}
.timeline-visual ul li{padding:6px 0;font-size:14px;color:#7a4a5c;display:flex;align-items:center;gap:8px}
.timeline-visual ul li::before{content:'▸';color:#F06292;font-weight:700}

/* 数据条 */
.stats-bar{padding:50px 0;background:linear-gradient(135deg,#3E1022,#5c1830);position:relative;overflow:hidden}
.stats-bar::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('/images/banner2.jpg') center/cover no-repeat;opacity:.08;z-index:1}
.stats-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.stats-item .num{font-size:42px;font-weight:700;color:#F06292;display:block;line-height:1;margin-bottom:8px}
.stats-item .txt{font-size:13px;color:#F8BBD0;letter-spacing:1px;text-transform:uppercase}

/* 场景网格 */
.scene-section{padding:60px 0;background:#fff}
.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.scene-card{position:relative;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(62,16,34,.08);transition:all .35s ease}
.scene-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(62,16,34,.14)}
.scene-card-img{height:200px;overflow:hidden}
.scene-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.scene-card:hover .scene-card-img img{transform:scale(1.1)}
.scene-card-body{padding:25px}
.scene-card-body h4{font-size:16px;font-weight:700;color:#3E1022;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}
.scene-card-body p{font-size:13px;color:#7a4a5c;line-height:1.6}

/* 口号 */
.motto-section{padding:70px 0;text-align:center;background:#FCE4EC}
.motto-section h2{font-size:28px;font-weight:700;color:#3E1022;margin-bottom:16px;letter-spacing:2px;text-transform:uppercase}
.motto-section p{font-size:16px;color:#7a4a5c;max-width:600px;margin:0 auto;line-height:1.8}

@media(max-width:768px){
.timeline-wrap::before{left:20px}
.timeline-item{grid-template-columns:1fr;gap:20px;padding-left:50px}
.timeline-item:nth-child(even) .timeline-text{order:1}
.timeline-item:nth-child(even) .timeline-visual{order:2}
.timeline-dot{left:20px;transform:translate(-50%,-50%)}
.stats-grid{grid-template-columns:1fr 1fr;gap:25px}
.scene-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.stats-grid{grid-template-columns:1fr}
}