/* ======================================== Section Common Styles ======================================== */
.section-header { margin-bottom: 45px; text-align: center; }
.section-badge { align-items: center; background: rgba(54, 105, 239, 0.1); border-radius: 20px; color: var(--brand-blue); display: inline-flex; font-size: 13px; font-weight: 500; gap: 8px; margin-bottom: 10px; padding: 8px 16px; }
.section-title { color: var(--brand-black); font-size: clamp(28px, 4vw, 36px); font-weight: 700; margin-bottom: 8px; }
.section-subtitle { color: var(--brand-blue); font-size: 16px; font-weight: 500; }
/**************************提交留言-联系我们******************************/
/* ======================================== Hero Section ======================================== */
.heromessage { align-items: center; background: linear-gradient(135deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%); display: flex; justify-content: center; min-height: 55vh; overflow: hidden; position: relative; }
.heromessage-bg { inset: 0; position: absolute; z-index: 0; }
.heromessage-bg::before { background-image: radial-gradient(circle at 20% 50%, rgba(54, 105, 239, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(90, 140, 247, 0.2) 0%, transparent 50%); content: ""; inset: 0; position: absolute; }
.heromessage-overlay { background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4) 60%, transparent); inset: 0; position: absolute;}
.heromessage-content { margin: 0 auto; max-width: 800px; padding: 120px 24px 60px; position: relative; text-align: center; width: 100%; z-index: 2; }
.heromessage-badge { align-items: center; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 30px; display: inline-flex; gap: 8px; margin-bottom: 28px; padding: 10px 20px; }
.heromessage-badge span { color: rgba(255, 255, 255, 0.95); font-size: 14px; font-weight: 500; }
.heromessage-title { margin-bottom: 20px; }
.heromessage-title h1 { animation: slideUp 0.8s ease-out 0.4s both; color: var(--brand-white); font-size: clamp(32px, 5vw, 48px); font-weight: 700; line-height: 1.2; margin-bottom: 12px;text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3); }
.heromessage-title span { animation: slideUp 0.8s ease-out 0.5s both; color: rgba(255, 255, 255, 0.85); display: block; font-size: clamp(18px, 2.5vw, 24px); font-weight: 400; }
.heromessage-description { animation: slideUp 0.8s ease-out 0.6s both; color: rgba(255, 255, 255, 0.75); font-size: 16px; line-height: 1.7; margin: 0 auto; max-width: 500px; }
@keyframes slideUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
/* ======================================== Contact Form Section ======================================== */
.contact-section { background: var(--brand-white); overflow: hidden; padding: 100px 0; position: relative; }
.contact-section::before { background: linear-gradient(to right, transparent, var(--brand-gray3), transparent); content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 0; }
.form-container { background: var(--brand-white); border: 1px solid var(--brand-gray3); border-radius: 24px; box-shadow: var(--shadow-xl); margin: 0 auto; max-width: 600px; padding: 48px; }
.form-group { margin-bottom: 24px; }
.form-group label { color: var(--brand-black); display: block; font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.form-group input, .form-group textarea { background: var(--brand-gray2); border: 2px solid transparent; border-radius: 12px; color: var(--brand-black); font-family: var(--font-family); font-size: 15px; padding: 14px 18px; transition: all var(--transition-normal); width: 100%; }
.form-group input::placeholder, .form-group textarea::placeholder { color: var(--brand-gray1); }
.form-group input:focus, .form-group textarea:focus { background: var(--brand-white); border-color: var(--brand-blue); box-shadow: 0 0 0 4px rgba(54, 105, 239, 0.1); outline: none; }
.form-group textarea { min-height: 150px; resize: vertical; }
.submit-btn { align-items: center; background: var(--brand-blue); border: none; border-radius: 12px; color: var(--brand-white); cursor: pointer; display: inline-flex; font-size: 16px; font-weight: 600; gap: 8px; justify-content: center; padding: 16px 32px; transition: all var(--transition-normal); width: 100%; }
.submit-btn:hover { box-shadow: 0 10px 30px rgba(54, 105, 239, 0.4); transform: translateY(-2px); }
.submit-btn:active { transform: translateY(0); }
/* ======================================== 提交留言-联系我们 Responsive Design ======================================== */
@media (max-width: 1024px) {
}
@media (max-width: 640px) {
    .form-container { margin: 0 16px; padding: 32px 24px; }
}