.contact-hero{position:relative;z-index:1;padding:calc(var(--nav-height) + 52px) 0 56px;text-align:center;background:radial-gradient(circle at 25% 30%,rgba(179,145,255,.18) 0%,transparent 45%),radial-gradient(circle at 75% 50%,rgba(239,122,214,.12) 0%,transparent 40%),linear-gradient(180deg,rgba(240,233,255,.35) 0%,transparent 100%)}.contact-hero-inner{width:var(--content-width);max-width:none;margin:0 auto;padding:0 var(--section-gutter)}.contact-methods{padding:clamp(40px,6vw,72px) 0}.contact-methods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.contact-method-card{display:flex;flex-direction:column;align-items:center;padding:32px 24px 28px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface-strong);box-shadow:0 10px 24px var(--shadow);text-align:center}@media(prefers-reduced-motion:no-preference){.contact-method-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.contact-method-card:hover{transform:translateY(-4px)}.contact-method-icon{transition:transform .2s ease}.contact-method-card:hover .contact-method-icon{transform:scale(1.08)}}.contact-method-card:hover{border-color:var(--line-strong);box-shadow:0 18px 36px var(--shadow-strong)}.contact-method-icon{width:56px;height:56px;margin-bottom:18px;border-radius:18px;display:grid;place-items:center}.contact-method-icon svg{width:26px;height:26px}.contact-method-icon.icon-chat{background:linear-gradient(135deg,#7c4ef31f,#9a6bfa14);color:var(--brand)}.contact-method-icon.icon-email{background:linear-gradient(135deg,#ef7ad624,#ff9bdc14);color:var(--pink)}.contact-method-icon.icon-wechat{background:linear-gradient(135deg,#07c1601f,#07c1600f);color:#07c160}.contact-method-card h3{margin:0 0 6px;font-size:17px;font-weight:800;color:var(--text)}.contact-method-card .contact-method-desc{margin:0 0 6px;font-size:14px;color:var(--text-soft);line-height:1.55}.contact-method-card .contact-method-hours{margin:0 0 18px;font-size:13px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:4px}.contact-method-hours svg{flex-shrink:0}.contact-form-section{padding:clamp(40px,6vw,72px) 0;background:linear-gradient(180deg,transparent 0%,rgba(240,235,250,.4) 50%,transparent 100%)}.contact-form-card{max-width:640px;margin:36px auto 0;padding:36px}.contact-form-card h2{margin:0 0 6px;font-size:clamp(20px,2vw,24px);font-weight:900;color:var(--text);text-align:center}.contact-form-card>p{margin:0 0 28px;text-align:center;color:var(--text-soft);font-size:14px}.contact-field{margin-bottom:18px}.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-label{display:block;margin-bottom:6px;font-size:14px;font-weight:700;color:var(--text)}.contact-label .required{color:var(--pink);margin-left:2px}.contact-input,.contact-select,.contact-textarea{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);color:var(--text);font-size:15px;line-height:1.5;outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--text-muted)}.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus-ring)}.contact-error{display:none;margin:6px 0 0;font-size:13px;font-weight:600;color:#dc2626;line-height:1.4}.contact-field.has-error .contact-input,.contact-field.has-error .contact-select,.contact-field.has-error .contact-textarea{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.contact-field.has-error .contact-error{display:block}.contact-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 256 256' fill='%23928aa9'%3E%3Cpath d='M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.contact-textarea{min-height:120px;resize:vertical}.contact-submit-row{margin-top:24px;text-align:center}.contact-submit-row .primary-action{min-width:180px}.contact-form-fallback{margin-top:12px;text-align:center;color:var(--text-muted);font-size:13px}.contact-form-fallback a{color:var(--brand);text-decoration:none}.contact-form-fallback a:hover{text-decoration:underline}.contact-qr-card{position:relative}.contact-qr-trigger{position:relative;display:inline-flex}.contact-qr-dropdown{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:var(--z-dropdown);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;min-width:234px;border-radius:14px;background:#fff;box-shadow:0 8px 32px #2521452e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.contact-qr-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto}.contact-qr-dropdown img{width:210px;height:210px;border-radius:8px;object-fit:contain;display:block}.contact-qr-tip{font-size:12px;font-weight:600;color:#666;white-space:nowrap}.contact-hot-faq{padding:clamp(32px,4vw,56px) 0}.contact-hot-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}@media(max-width:980px){.contact-hero{padding:calc(var(--nav-height) + 40px) 0 40px}}@media(max-width:860px){.contact-methods-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:640px){.contact-hero{padding:calc(var(--nav-height) + 32px) 0 32px}.contact-method-card{padding:24px 20px}.contact-method-icon{width:48px;height:48px}.contact-method-icon svg{width:22px;height:22px}.contact-form-card{padding:24px 18px}.contact-field-row{grid-template-columns:1fr;gap:0}.contact-hot-faq-grid{grid-template-columns:1fr}}