/* ================================================================
   contact.css — 联系我们页面专用样式
   ================================================================ */

/* Banner 背景图 */
.page-banner{background-image:url('assets/about/contact-banner.jpg')}

/* 主体内容 */
.contact-main{padding:64px var(--side-pad) 80px}

/* 区块标题（覆盖 common .section-title） */
.section-title{font-size:24px;font-weight:700;color:var(--c-primary);margin-bottom:32px;letter-spacing:3px;display:flex;align-items:center;gap:12px}
.section-title::before{content:'';width:4px;height:26px;background:var(--c-gold);border-radius:2px;flex-shrink:0}
.section-title .section-en{font-size:14px;color:var(--c-gray-300);font-weight:400;letter-spacing:2px;font-family:var(--font-en);text-transform:uppercase;margin-left:4px}

/* 公司信息卡片 */
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}
.contact-info-card{background:var(--c-white);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--c-gray-100);border-top:3px solid var(--c-primary);transition:all 0.4s var(--ease-out-expo)}
.contact-info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(200,164,92,.25)}
.contact-info-card.gold{border-top-color:var(--c-gold)}
.contact-info-icon{width:52px;height:52px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,57,130,.06),rgba(200,164,92,.08))}
.contact-info-icon svg{width:26px;height:26px;fill:var(--c-primary)}
.contact-info-card.gold .contact-info-icon svg{fill:var(--c-gold)}
.contact-info-card h3{font-size:17px;font-weight:700;color:var(--c-dark);margin-bottom:10px;letter-spacing:2px}
.contact-info-card p{font-size:15px;color:var(--c-gray-700);line-height:1.9}
.contact-info-card .info-value{font-size:16px;font-weight:600;color:var(--c-primary);line-height:1.7}

/* 地图+留言布局 */
.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:56px}
.contact-map-section{background:var(--c-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--c-gray-100)}
.contact-map-header{padding:20px 28px 0}
.contact-map-img{width:100%;height:580px;object-fit:cover;display:block;cursor:pointer}
.contact-map-img:hover{opacity:.95}
.map-address{padding:16px 28px 24px;font-size:15px;color:var(--c-gray-700);line-height:1.9}
.map-address strong{color:var(--c-primary);font-size:16px}

/* 在线留言表单 */
.contact-form-section{background:var(--c-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--c-gray-100)}
.contact-form-header{padding:20px 28px 0}
.contact-form-body{padding:8px 28px 28px}
.form-row{margin-bottom:18px}
.form-row label{display:block;font-size:14px;font-weight:600;color:var(--c-dark);margin-bottom:8px}
.form-row label .req{color:#e74c3c}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:var(--radius-sm);font-size:15px;font-family:inherit;outline:none;transition:border-color var(--transition)}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(26,57,130,.06)}
.form-row textarea{resize:vertical;min-height:120px}
.form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.captcha-row{display:flex;align-items:center;gap:12px}
.captcha-input{flex:1}
.captcha-img{width:130px;height:48px;border:1px solid #e0e0e0;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;background:var(--c-gray-50);display:flex;align-items:center;justify-content:center;overflow:hidden}
.captcha-img img{width:100%;height:100%;object-fit:cover;display:block}
.captcha-img canvas{border-radius:var(--radius-sm)}
.captcha-refresh{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--c-gray-50);border:1px solid var(--c-gray-100);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition)}
.captcha-refresh:hover{background:var(--c-gray-100)}
.captcha-refresh svg{width:18px;height:18px;fill:var(--c-primary)}
.form-submit{width:100%;padding:14px;background:var(--c-primary);color:var(--c-white);border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all var(--transition)}
.form-submit:hover{background:var(--c-primary-light);transform:translateY(-1px);box-shadow:0 6px 20px rgba(26,57,130,.25)}

/* 投诉举报入口 */
.complaint-entry{margin:56px 0 0;background:linear-gradient(135deg,var(--c-primary) 0%,#1E4590 100%);border-radius:var(--radius-xl);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.complaint-entry::before{content:'';position:absolute;top:-20px;right:-20px;width:200px;height:200px;border-radius:50%;background:rgba(200,164,92,.08)}
.complaint-entry-content{position:relative;z-index:2;flex:1}
.complaint-entry-content h3{font-size:22px;font-weight:700;color:var(--c-white);margin-bottom:8px;letter-spacing:2px}
.complaint-entry-content p{font-size:15px;color:rgba(255,255,255,.75);line-height:1.9}
.complaint-entry-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:14px 36px;border-radius:30px;background:var(--c-gold);color:var(--c-white);font-size:16px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all var(--transition);box-shadow:0 6px 20px rgba(200,164,92,.4);white-space:nowrap}
.complaint-entry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(200,164,92,.5);background:var(--c-gold-light)}
.complaint-entry-btn img{width:24px;height:24px;object-fit:contain}

/* 响应式 */
@media(max-width:1200px){
  .contact-info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1024px){
  .contact-content{grid-template-columns:1fr}
  .contact-info-grid{grid-template-columns:1fr 1fr}
  .complaint-entry{flex-direction:column;text-align:center;padding:32px 24px}
}
@media(max-width:640px){
  .contact-main{padding:40px 10px 56px}
  .contact-info-grid{grid-template-columns:1fr}
  .form-row-half{grid-template-columns:1fr}
  .complaint-entry-content h3{font-size:18px}
  .complaint-entry-btn{padding:12px 28px;font-size:14px}
  #baiduMap{height:300px}

  .section-title {
    font-size: 20px;letter-spacing: 0px}

.section-title .section-en {
    font-size: 12px;letter-spacing: 1px;}





}