.contact-page[data-v-bf56e040]{background:#fff}.container[data-v-bf56e040]{max-width:1200px;padding:0 24px;margin:0 auto}.page-header[data-v-bf56e040]{position:relative;padding:80px 0 60px;overflow:hidden;color:#fff;text-align:center;background:linear-gradient(135deg,#0052d9,#165dff,#85a5ff)}.page-header[data-v-bf56e040]:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 50%)}.page-header .container[data-v-bf56e040]{position:relative;z-index:1}.page-header h1[data-v-bf56e040]{margin-bottom:16px;font-size:42px;font-weight:700}.page-header p[data-v-bf56e040]{font-size:18px;opacity:.95}.contact-section[data-v-bf56e040]{padding:80px 0;background:#f7f8fa}.contact-grid[data-v-bf56e040]{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.contact-info h2[data-v-bf56e040]{margin-bottom:16px;font-size:32px;font-weight:700;color:#1a1a1a}.contact-info .info-desc[data-v-bf56e040]{margin-bottom:40px;font-size:16px;color:#666}.contact-info .info-list[data-v-bf56e040]{margin-bottom:48px}.contact-info .info-item[data-v-bf56e040]{display:flex;gap:20px;margin-bottom:32px}.contact-info .info-item .info-icon[data-v-bf56e040]{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:56px;height:56px;font-size:24px;color:#fff;background:linear-gradient(135deg,#165dff,#85a5ff);border-radius:12px}.contact-info .info-item .info-content[data-v-bf56e040]{flex:1}.contact-info .info-item .info-content h4[data-v-bf56e040]{margin-bottom:8px;font-size:16px;font-weight:600;color:#1a1a1a}.contact-info .info-item .info-content p[data-v-bf56e040]{font-size:15px;line-height:1.6;color:#666}.contact-info .social-links h4[data-v-bf56e040]{margin-bottom:20px;font-size:18px;font-weight:600;color:#1a1a1a}.contact-info .social-links .social-icons[data-v-bf56e040]{display:flex;gap:16px}.contact-info .social-links .social-icons .social-icon[data-v-bf56e040]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:20px;color:#165dff;cursor:pointer;background:#fff;border:2px solid #e8edf5;border-radius:50%;transition:all .3s}.contact-info .social-links .social-icons .social-icon[data-v-bf56e040]:hover{color:#fff;background:#165dff;border-color:#165dff;transform:translateY(-2px)}.contact-form[data-v-bf56e040]{padding:40px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014}.contact-form h2[data-v-bf56e040]{margin-bottom:12px;font-size:28px;font-weight:700;color:#1a1a1a}.contact-form .form-desc[data-v-bf56e040]{margin-bottom:32px;font-size:15px;color:#666}.contact-form .contact-native-form[data-v-bf56e040]{display:flex;flex-direction:column;gap:18px}.contact-form .form-group[data-v-bf56e040]{display:flex;flex-direction:column;gap:6px}.contact-form .form-label[data-v-bf56e040]{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#111827}.contact-form .form-required[data-v-bf56e040]{color:#f97316;font-size:12px}.contact-form .form-input[data-v-bf56e040],.contact-form .form-textarea[data-v-bf56e040]{width:100%;padding:10px 12px;font-size:14px;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.contact-form .form-input[data-v-bf56e040]::placeholder,.contact-form .form-textarea[data-v-bf56e040]::placeholder{color:#9ca3af}.contact-form .form-input[data-v-bf56e040]:focus,.contact-form .form-textarea[data-v-bf56e040]:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb1f}.contact-form .form-textarea[data-v-bf56e040]{resize:vertical;min-height:120px}.contact-form .form-submit-btn[data-v-bf56e040]{margin-top:8px;width:100%;padding:12px 16px;border:none;border-radius:999px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 25px #2563eb40;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.contact-form .form-submit-btn[data-v-bf56e040]:hover{transform:translateY(-1px);box-shadow:0 12px 28px #2563eb52}.contact-form .form-submit-btn[data-v-bf56e040]:active{transform:translateY(0);box-shadow:0 6px 16px #2563eb40}.contact-success-dialog[data-v-bf56e040]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center}.contact-success-dialog__mask[data-v-bf56e040]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-success-dialog__content[data-v-bf56e040]{position:relative;z-index:1;width:100%;max-width:420px;padding:28px 24px 24px;border-radius:18px;background:#fff;box-shadow:0 24px 60px #0f172a47;text-align:center}.contact-success-dialog__title[data-v-bf56e040]{margin-bottom:8px;font-size:20px;font-weight:600;color:#111827}.contact-success-dialog__message[data-v-bf56e040]{margin-bottom:18px;font-size:14px;color:#4b5563;line-height:1.7}.contact-success-dialog__countdown[data-v-bf56e040]{display:inline-block;margin-top:4px;color:#2563eb;font-weight:500}.contact-success-dialog__button[data-v-bf56e040]{width:100%;padding:10px 16px;border:none;border-radius:999px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 25px #2563eb40}.contact-success-dialog__button[data-v-bf56e040]:hover{transform:translateY(-1px);box-shadow:0 12px 28px #2563eb52}.contact-success-dialog__button[data-v-bf56e040]:active{transform:translateY(0);box-shadow:0 6px 16px #2563eb40}.fade-enter-active[data-v-bf56e040],.fade-leave-active[data-v-bf56e040]{transition:opacity .18s ease}.fade-enter-from[data-v-bf56e040],.fade-leave-to[data-v-bf56e040]{opacity:0}.map-section[data-v-bf56e040]{height:400px;overflow:hidden;background:#f0f2f5}.map-section .map-placeholder[data-v-bf56e040]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#999}.map-section .map-placeholder .el-icon[data-v-bf56e040]{margin-bottom:16px;font-size:64px}.map-section .map-placeholder p[data-v-bf56e040]{font-size:16px}@media (max-width: 900px){.contact-grid[data-v-bf56e040]{grid-template-columns:1fr;gap:40px}}
