.page-contact{color:#333333;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;max-width:100%;overflow-x:hidden}.page-contact img{max-width:100%;height:auto}.page-contact__hero-section{display:flex;flex-direction:column;padding-top:10px;padding-bottom:0}.page-contact__hero-image-container{width:100%}.page-contact__hero-image{width:100%;max-width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-contact__hero-content{padding:24px 20px;text-align:center;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.page-contact__main-title{font-weight:800;line-height:1.35;letter-spacing:-0.02em;color:#0b3b52;margin:0 0 16px;max-width:800px;margin-left:auto;margin-right:auto}.page-contact__hero-description{font-size:17px;line-height:1.7;color:#3a4a55;max-width:800px;margin:0 auto 24px}.page-contact__hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-contact__btn-primary,.page-contact__btn-secondary{display:inline-block;padding:14px 32px;border-radius:50px;font-weight:700;font-size:16px;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease;border:2px solid transparent;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}.page-contact__btn-primary{background:#26a9e0;color:#ffffff;border-color:#1e8fbf}.page-contact__btn-primary:hover{background:#1e8fbf;transform:translateY(-2px);box-shadow:0 4px 12px rgba(38,169,224,0.4)}.page-contact__btn-secondary{background:#ffffff;color:#e07b07;border-color:#e07b07}.page-contact__btn-secondary:hover{background:#e07b07;color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(224,123,7,0.3)}.page-contact__channels-section{padding:60px 20px;background-color:#f0f8fc}.page-contact__channels-inner,.page-contact__cta-banner-inner,.page-contact__form-inner,.page-contact__faq-inner{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.page-contact__section-title{font-size:32px;font-weight:800;text-align:center;color:#0b3b52;margin-bottom:16px}.page-contact__section-subtitle{font-size:16px;text-align:center;color:#3a4a55;max-width:720px;margin:0 auto 48px;line-height:1.7}.page-contact__channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.page-contact__channel-card{background:#ffffff;border-radius:16px;padding:30px 24px;text-align:center;box-shadow:0 6px 30px rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;align-items:center}.page-contact__channel-card:hover{transform:translateY(-8px);box-shadow:0 12px 36px rgba(0,0,0,0.1)}.page-contact__channel-image{width:100%;max-width:260px;height:auto;aspect-ratio:2/1;object-fit:contain;border-radius:12px;margin-bottom:20px}.page-contact__channel-title{font-size:22px;font-weight:700;color:#0b3b52;margin-bottom:12px}.page-contact__channel-desc{font-size:15px;line-height:1.7;color:#3a4a55;margin-bottom:20px;flex-grow:1}.page-contact__channel-hotline{font-size:18px;color:#0b3b52;margin-bottom:20px}.page-contact__channel-hotline strong{color:#26a9e0;font-size:22px}.page-contact__channel-cta{display:inline-block;padding:12px 28px;border-radius:50px;background:#26a9e0;color:#fff;font-weight:700;text-decoration:none;transition:background 0.3s;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}.page-contact__channel-cta:hover{background:#1e8fbf}.page-contact__cta-banner{background:#0b3b52;padding:50px 20px}.page-contact__cta-banner-inner{display:flex;align-items:center;gap:40px;background:#0f4a63;border-radius:20px;overflow:hidden}.page-contact__cta-banner-image{width:50%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}.page-contact__cta-banner-content{padding:40px 40px 40px 0;flex:1}.page-contact__cta-banner-title{font-size:28px;font-weight:800;color:#ffffff;margin-bottom:16px;line-height:1.4}.page-contact__cta-banner-desc{font-size:16px;line-height:1.7;color:#d7eefc;margin-bottom:24px}.page-contact__cta-banner-actions{display:flex;gap:16px;flex-wrap:wrap}.page-contact__form-section{padding:60px 20px;background:#ffffff}.page-contact__form{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.page-contact__form-field{display:flex;flex-direction:column;gap:8px}.page-contact__form-label{font-weight:600;font-size:16px;color:#0b3b52}.page-contact__form-input,.page-contact__form-textarea{padding:14px 16px;border:2px solid #c7d3da;border-radius:10px;font-size:16px;font-family:inherit;background:#f9fbfc;color:#333333;transition:border-color 0.3s;box-sizing:border-box;width:100%}.page-contact__form-input:focus,.page-contact__form-textarea:focus{outline:none;border-color:#26a9e0;background:#ffffff}.page-contact__form-input::placeholder,.page-contact__form-textarea::placeholder{color:#8a9ba8}.page-contact__form-submit{text-align:center}.page-contact__faq-section{padding:60px 20px;background:#f0f8fc}.page-contact__faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-contact__faq-item{background:#ffffff;border-radius:12px;border:1px solid #d9e1e6;overflow:hidden}.page-contact__faq-question{list-style:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;transition:background 0.3s}.page-contact__faq-question:hover{background:#f0f8fc}.page-contact__faq-question::-webkit-details-marker{display:none}.page-contact__faq-question-text{font-size:17px;font-weight:600;color:#0b3b52}.page-contact__faq-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#26a9e0;color:#fff;font-size:20px;font-weight:700;flex-shrink:0}.page-contact__faq-item[open] .page-contact__faq-toggle{background:#e07b07}.page-contact__faq-answer{padding:0 24px 20px;color:#3a4a55;line-height:1.7;font-size:15px}@media (max-width:1024px){.page-contact__channels-grid{grid-template-columns:1fr 1fr}.page-contact__cta-banner-inner{flex-direction:column;gap:0}.page-contact__cta-banner-image{width:100%;aspect-ratio:17/5}.page-contact__cta-banner-content{padding:30px 24px}}@media (max-width:768px){.page-contact__hero-section{padding-top:10px}.page-contact__hero-image{aspect-ratio:2/1}.page-contact__hero-content{padding:20px 16px}.page-contact__main-title{font-size:26px}.page-contact__hero-description{font-size:15px}.page-contact__hero-actions{flex-direction:column;align-items:center}.page-contact__btn-primary,.page-contact__btn-secondary{width:100%;text-align:center}.page-contact__channels-section,.page-contact__cta-banner,.page-contact__form-section,.page-contact__faq-section{padding:40px 16px}.page-contact__channels-grid{grid-template-columns:1fr;gap:24px}.page-contact__channel-card{padding:24px 20px}.page-contact__cta-banner-title{font-size:24px}.page-contact__cta-banner-desc{font-size:14px}.page-contact__cta-banner-actions{flex-direction:column;width:100%}.page-contact__cta-banner-actions .page-contact__btn-primary,.page-contact__cta-banner-actions .page-contact__btn-secondary{width:100%;text-align:center}.page-contact__section-title{font-size:28px}.page-contact__form-input,.page-contact__form-textarea{font-size:15px}.page-contact__faq-question{padding:16px 18px}.page-contact__faq-question-text{font-size:15px;line-height:1.5}.page-contact__faq-answer{padding:0 18px 16px}.page-contact img{max-width:100%;height:auto}.page-contact__form-input,.page-contact__form-textarea{max-width:100%}.page-contact__btn-primary,.page-contact__btn-secondary,.page-contact__channel-cta{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}}