.contact-page.svelte-1gia3rx{max-width:1600px;margin:0 auto}.contact-hero.svelte-1gia3rx{padding:var(--spacing-16) 0;text-align:center}.hero-content.svelte-1gia3rx h1:where(.svelte-1gia3rx){font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-4)}.hero-description.svelte-1gia3rx{font-size:var(--text-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.contact-info-section.svelte-1gia3rx{padding:var(--spacing-16) 0;background:var(--surface-default)}.contact-grid.svelte-1gia3rx{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.contact-card.svelte-1gia3rx{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.contact-icon.svelte-1gia3rx{margin:var(--spacing-4) 0}.contact-icon.svelte-1gia3rx sl-icon:where(.svelte-1gia3rx){font-size:2rem;color:var(--primary-500)}.contact-card.svelte-1gia3rx h3:where(.svelte-1gia3rx){font-size:var(--text-lg);font-weight:700;margin-bottom:var(--spacing-8);color:var(--text-primary)}.contact-details.svelte-1gia3rx{text-align:left}.company-name.svelte-1gia3rx{font-size:var(--text-base)!important;font-weight:600;color:var(--text-primary)!important;margin-bottom:var(--spacing-3)!important}.detail-item.svelte-1gia3rx{margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-3);color:var(--text-secondary)}.detail-icon.svelte-1gia3rx{color:var(--primary-400);font-size:1.4rem;min-width:18px}.detail-text.svelte-1gia3rx{flex:1}.wechat-qr-code.svelte-1gia3rx{margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--surface-hover);border-radius:var(--radius-md)}.qr-code-image.svelte-1gia3rx{width:120px;height:120px;object-fit:contain;margin-bottom:var(--spacing-2)}.qr-code-text.svelte-1gia3rx{font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media (max-width: 768px){.contact-hero.svelte-1gia3rx{padding:var(--spacing-12) 0}.hero-content.svelte-1gia3rx h1:where(.svelte-1gia3rx){font-size:2rem}.hero-description.svelte-1gia3rx{font-size:var(--text-base)}.contact-grid.svelte-1gia3rx{grid-template-columns:1fr;gap:var(--spacing-4)}.contact-card.svelte-1gia3rx{padding:var(--spacing-5)}}@media (max-width: 480px){.hero-content.svelte-1gia3rx h1:where(.svelte-1gia3rx){font-size:1.8rem}.detail-item.svelte-1gia3rx{font-size:var(--text-sm)}}