@charset "UTF-8";

/* ===== 联系我们页样式 contact.css ===== */

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

/* === 联系信息左栏 === */
.contact-info h2{font-size:28px;color:#2D1F3D;margin-bottom:15px;font-weight:700}
.contact-info>p{font-size:15px;color:#666;margin-bottom:30px;line-height:1.7}
.contact-details{margin-bottom:30px}
.contact-item{display:flex;align-items:flex-start;margin-bottom:25px;padding:20px;background:#f8f5fb;border-radius:12px;transition:all .3s}
.contact-item:hover{box-shadow:0 5px 20px rgba(45,31,61,.08)}
.contact-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0;box-shadow:0 2px 10px rgba(45,31,61,.06)}
.contact-icon svg{width:22px;height:22px;fill:#7C5C8C}
.contact-item h4{font-size:16px;color:#2D1F3D;margin-bottom:5px}
.contact-item p{font-size:14px;color:#666;margin:0;line-height:1.6}

.service-time{background:#2D1F3D;color:#fff;padding:25px;border-radius:12px;margin-top:20px}
.service-time h4{font-size:16px;margin-bottom:10px;color:#DDD0E6}
.service-time p{font-size:14px;margin:0;opacity:.9;line-height:1.7}

/* === 联系表单右栏 === */
.contact-form-wrapper{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px rgba(45,31,61,.08);border:1px solid #f0ebf4}
.contact-form-wrapper h3{font-size:22px;color:#2D1F3D;margin-bottom:25px;font-weight:600}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:14px;color:#444;margin-bottom:8px;font-weight:500}
.form-group input,.form-group textarea{width:100%;padding:14px 18px;border:1px solid #e0d5e8;border-radius:10px;font-size:14px;color:#333;transition:all .3s;background:#faf8fc}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7C5C8C;box-shadow:0 0 0 3px rgba(124,92,140,.1)}
.form-group textarea{resize:vertical;min-height:120px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-submit{width:100%;padding:14px;font-size:16px;font-weight:600}

.map-section{margin-top:50px}
.map-container{width:100%;height:400px;background:#f0ebf4;border-radius:12px;overflow:hidden;position:relative}
.map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7C5C8C}
.map-placeholder svg{width:60px;height:60px;margin-bottom:15px;fill:#7C5C8C;opacity:.5}
.map-placeholder p{font-size:14px;color:#888}

@media(max-width:991px){
.contact-grid{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
}