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

.about-intro{padding:80px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-img{border-radius:16px;overflow:hidden}
.about-img img{width:100%;height:auto}
.about-content h2{font-size:32px;margin-bottom:20px}
.about-content p{color:#A0A0A0;line-height:1.8;margin-bottom:16px}

.about-data{background:#111;padding:100px 0}
.about-data h2{text-align:center;font-size:32px;margin-bottom:48px}
.data-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.data-box{background:#141414;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px 24px;text-align:center;transition:all .3s}
.data-box:hover{border-color:rgba(255,102,0,.2)}
.data-box-num{font-size:42px;font-weight:900;color:#FF6600;line-height:1;margin-bottom:8px}
.data-box-label{font-size:14px;color:#A0A0A0}

.about-mission{background:#000;padding:100px 0}
.about-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.mission-card{background:#141414;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px}
.mission-card h3{font-size:22px;margin-bottom:16px;color:#FF6600}
.mission-card p{color:#A0A0A0;line-height:1.8}

.about-team{background:#111;padding:100px 0}
.about-team h2{text-align:center;font-size:32px;margin-bottom:48px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team-card{background:#141414;border-radius:16px;overflow:hidden;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .3s}
.team-card:hover{border-color:rgba(255,102,0,.2)}
.team-card-img{aspect-ratio:1;background:linear-gradient(135deg,#1C2833,#5D6D7E);display:flex;align-items:center;justify-content:center}
.team-card-img svg{width:60px;height:60px;stroke:#D5D8DC;stroke-width:1;fill:none}
.team-card-body{padding:24px}
.team-card-body h4{font-size:18px;color:#FFF;margin-bottom:4px}
.team-card-body p{font-size:14px;color:#808080}

@media(max-width:768px){
.about-grid{grid-template-columns:1fr;gap:40px}
.data-row{grid-template-columns:repeat(2,1fr)}
.about-mission-grid{grid-template-columns:1fr}
.team-grid{grid-template-columns:repeat(2,1fr)}
}