/* B-P0 extracted from index.html (block 9) */
#contact { background: #f8f9fa; color: #333; padding: 70px 0 50px; margin-top: 0; border-top: 1px solid #e9ecef; }
#contact .footer-wrap { width: 92%; max-width: 1400px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; gap: 40px; }
#contact .footer-left { flex: 1.5; min-width: 0; }
#contact .footer-middle, #contact .footer-right { flex: 1; min-width: 0; }
#contact .footer-logo { display: flex; align-items: center; margin-bottom: 28px; }
#contact .footer-logo h2 { color: #1a73e8; font-size: 30px; margin-left: 12px; }
#contact .footer-desc { color: #666; font-size: 17px; line-height: 1.75; margin-bottom: 28px; max-width: 480px; }
#contact .footer-contact { display: flex; flex-wrap: wrap; gap: 24px; font-size: 16px; color: #666; }
#contact .footer-contact span { display: flex; align-items: center; }
#contact .footer-contact i { color: #1a73e8; margin-right: 8px; font-size: 1.05em; }
#contact .footer-contact a { color: inherit; text-decoration: none; }
#contact .footer-contact a:hover { color: #1a73e8; }
#contact .footer-title { font-size: 22px; margin-bottom: 28px; font-weight: 600; color: #1a73e8; }
#contact .footer-links { list-style: none; }
#contact .footer-links li { margin-bottom: 18px; }
#contact .footer-links a { color: #666; text-decoration: none; font-size: 17px; transition: 0.3s; }
#contact .footer-links a:hover { color: #1a73e8; text-decoration: underline; }
#contact .footer-right { display: flex; flex-direction: column; align-items: flex-start; }
#contact .footer-social { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
#contact .footer-qrcode { width: 160px; height: 160px; border: 1px solid #e9ecef; padding: 6px; border-radius: 10px; object-fit: cover; }
#contact .footer-qrcode-desc { font-size: 15px; color: #666; margin-top: 8px; }
#contact .footer-copyright { width: 92%; max-width: 1400px; margin: 50px auto 0; padding-top: 28px; border-top: 1px solid #e9ecef; text-align: center; font-size: 15px; color: #999; }
#contact .footer-copyright a { color: #999; text-decoration: none; }
#contact .footer-copyright a:hover { color: #1a73e8; }
@media (max-width: 900px) {
    #contact .footer-wrap { flex-wrap: wrap; }
}
@media (max-width: 768px) {
    #contact { padding: 50px 0 40px; }
    #contact .footer-wrap { flex-direction: column; flex-wrap: nowrap; gap: 45px; align-items: stretch; }
    #contact .footer-left, #contact .footer-middle, #contact .footer-right { text-align: center; min-width: auto; }
    #contact .footer-logo { justify-content: center; }
    #contact .footer-desc { max-width: 100%; }
    #contact .footer-contact { justify-content: center; }
    #contact .footer-right { align-items: center; }
    #contact .footer-social { align-items: center; }
}