/* ============================================
   MK体育在线官网 - 关于我们页样式
   about.css - 3.6KB
   ============================================ */

/* ---- About Hero ---- */
.about-hero{height:320px;position:relative;background:#1A1F3C;display:flex;align-items:center}
.about-hero-content{color:#fff;text-align:center;width:100%}
.about-hero-content h1{font-size:38px;font-weight:700;margin-bottom:12px}
.about-hero-content p{font-size:16px;color:#8a93c0}

/* ---- About Content ---- */
.about-section{padding:60px 0;background:#fff}
.about-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:60px}
.about-row.reverse{direction:rtl}
.about-row.reverse>*{direction:ltr}
.about-img img{width:100%;box-shadow:0 10px 40px rgba(26,31,60,.12)}
.about-text h2{font-size:26px;font-weight:700;color:#1A1F3C;margin-bottom:18px}
.about-text p{line-height:1.9;color:#555;margin-bottom:16px;font-size:15px}
.about-text ul{margin-top:16px}
.about-text ul li{padding:8px 0 8px 26px;position:relative;color:#444;font-size:15px}
.about-text ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#3F51B5}

/* ---- Stats ---- */
.stats-section{padding:60px 0;background:#f8f9ff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.stat-item{padding:30px;background:#fff;border-top:3px solid #3F51B5}
.stat-num{font-size:42px;font-weight:700;color:#3F51B5;line-height:1}
.stat-label{font-size:14px;color:#666;margin-top:8px}

/* ---- Slogan Banner ---- */
.slogan-banner{padding:60px 0;background:linear-gradient(135deg,#3F51B5,#1A1F3C);text-align:center;color:#fff}
.slogan-banner h2{font-size:28px;font-weight:700;margin-bottom:12px}
.slogan-banner p{font-size:16px;opacity:.9}

/* ---- Responsive ---- */
@media(max-width:992px){
.about-row{grid-template-columns:1fr;gap:30px;margin-bottom:40px}
.about-row.reverse{direction:ltr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.about-hero-content h1{font-size:28px}
.stats-grid{grid-template-columns:1fr}
}