/* ==========================================================================
   MK Sports - Contact Page Styles
   联系我们页样式
   ========================================================================== */

.contact-section { padding: 4rem 0 6rem; background: #0A0A0A; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.contact-info h2 { font-size: 1.6rem; color: #E8D5C4; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 2px solid #D4AF37; display: inline-block; }
.info-list { margin-bottom: 2.5rem; }
.info-item { display: flex; padding: 0.8rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.info-label { min-width: 100px; color: #D4AF37; font-size: 0.85rem; font-weight: 600; }
.info-value { color: #bbb; font-size: 0.85rem; }
.service-areas h3 { font-size: 1.1rem; color: #E8D5C4; margin-bottom: 0.8rem; }
.service-areas p { color: #888; font-size: 0.85rem; line-height: 1.8; }

/* Contact Form */
.contact-form { background: rgba(44,24,24,0.4); border: 1px solid rgba(212,175,55,0.15); padding: 2rem; }
.contact-form h2 { font-size: 1.4rem; color: #E8D5C4; margin-bottom: 1.5rem; }
.form-group { margin-bottom: 1.2rem; }
.form-group label { display: block; color: #D4AF37; font-size: 0.8rem; font-weight: 600; margin-bottom: 0.4rem; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 0.7rem 1rem; background: rgba(10,10,10,0.5); border: 1px solid rgba(212,175,55,0.2); color: #E8D5C4; font-size: 0.85rem; font-family: inherit; transition: border-color 0.3s; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: #D4AF37; }
.form-group textarea { resize: vertical; min-height: 120px; }
.btn-submit { width: 100%; padding: 0.9rem; background: #D4AF37; color: #0A0A0A; border: none; font-size: 0.9rem; font-weight: 700; letter-spacing: 0.1em; cursor: pointer; transition: background 0.3s; }
.btn-submit:hover { background: #E8D5C4; }

/* Success Page */
.success-section { min-height: 60vh; display: flex; align-items: center; justify-content: center; padding: 6rem 4vw; }

/* Responsive */
@media (max-width: 768px) {
    .contact-grid { grid-template-columns: 1fr; }
}