/* ============================================
   MK体育在线官网 - 联系我们页样式
   contact.css
   ============================================ */

.contact-section{padding:80px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}

.contact-info h2{font-size:32px;margin-bottom:20px}
.contact-info>p{color:#A0A0A0;margin-bottom:40px;line-height:1.8}

.contact-item{display:flex;gap:20px;margin-bottom:32px}
.contact-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(255,102,0,.1);border-radius:12px;color:#FF6600;flex-shrink:0}
.contact-item h4{font-size:16px;color:#FFF;margin-bottom:6px}
.contact-item p{font-size:14px;color:#A0A0A0;line-height:1.6}

.contact-hours{background:#141414;border-radius:16px;padding:28px;margin-top:32px;border:1px solid rgba(255,255,255,.05)}
.contact-hours h4{font-size:16px;color:#FFF;margin-bottom:16px}
.contact-hours p{font-size:14px;color:#A0A0A0;line-height:1.8}

.contact-form{background:#141414;border-radius:16px;padding:40px;border:1px solid rgba(255,255,255,.05)}
.contact-form h3{font-size:22px;margin-bottom:24px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:14px;color:#A0A0A0;margin-bottom:8px}
.form-group input,.form-group textarea{width:100%;padding:14px 18px;background:#1C2833;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#FFF;font-size:15px;transition:border-color .2s}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#FF6600}
.form-group textarea{min-height:140px;resize:vertical}

.contact-map{height:400px;background:#1C2833;border-radius:16px;margin-top:60px;display:flex;align-items:center;justify-content:center;color:#5D6D7E;font-size:14px;border:1px solid rgba(255,255,255,.05)}

@media(max-width:768px){
.contact-grid{grid-template-columns:1fr;gap:40px}
.contact-map{height:280px}
}