.page-contact{background:#F4F7FB;color:#1F2D3D;font-size:16px;line-height:1.7;overflow-x:hidden}
.page-contact__container{width:100%;max-width:1160px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.page-contact__hero-section{width:100%;padding-top:12px;padding-bottom:32px;background:linear-gradient(180deg,#FFFFFF 0%,#F4F7FB 100%)}
.page-contact__hero-inner{width:100%;max-width:1160px;margin:0 auto;padding:0 16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:20px}
.page-contact__hero-image{width:100%;max-width:1160px}
.page-contact__hero-img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(47,107,255,0.18)}
.page-contact__hero-content{width:100%;max-width:900px;text-align:center}
.page-contact__main-title{margin:0 0 12px;font-weight:800;line-height:1.3;letter-spacing:-0.02em;color:#1F2D3D}
.page-contact__hero-desc{margin:0 auto 20px;max-width:820px;color:#1F2D3D;font-size:1.02rem}
.page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-contact__btn{display:inline-block;padding:13px 26px;border-radius:12px;font-weight:700;text-decoration:none;text-align:center;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;transition:transform .18s ease,box-shadow .18s ease}
.page-contact__btn-primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;border:2px solid transparent;box-shadow:0 8px 20px rgba(47,107,255,0.28)}
.page-contact__btn-secondary{background:#FFFFFF;color:#2F6BFF;border:2px solid #2F6BFF}
.page-contact__btn-outline{background:#FFFFFF;color:#1F2D3D;border:2px solid #D6E2FF}
.page-contact__btn:hover{transform:translateY(-2px)}
.page-contact__channels-section,.page-contact__form-section,.page-contact__process-section,.page-contact__faq-section,.page-contact__tips-section,.page-contact__cta-section,.page-contact__related-section{padding:44px 0}
.page-contact__section-title{margin:0 0 14px;font-size:1.6rem;font-weight:800;color:#1F2D3D;line-height:1.35;text-align:center}
.page-contact__section-desc{margin:0 auto 28px;max-width:860px;text-align:center;color:#1F2D3D}
.page-contact__channels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.page-contact__channel-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:18px;box-shadow:0 6px 18px rgba(47,107,255,0.08);display:flex;flex-direction:column;gap:12px}
.page-contact__channel-img{display:block;width:100%;height:auto;border-radius:12px}
.page-contact__channel-title{margin:0;font-size:1.15rem;font-weight:800;color:#2F6BFF}
.page-contact__channel-text{margin:0;color:#1F2D3D;flex-grow:1}
.page-contact__form{max-width:720px;margin:0 auto;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:26px;box-shadow:0 6px 18px rgba(47,107,255,0.08)}
.page-contact__form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:6px}
.page-contact__form-label{font-weight:700;color:#1F2D3D}
.page-contact__form-input,.page-contact__form-select,.page-contact__form-textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #D6E2FF;border-radius:10px;background:#F4F7FB;color:#1F2D3D;font-size:1rem;font-family:inherit}
.page-contact__form-input:focus,.page-contact__form-select:focus,.page-contact__form-textarea:focus{outline:2px solid #6FA3FF;outline-offset:1px;background:#FFFFFF}
.page-contact__form-textarea{resize:vertical}
.page-contact__form-note{margin:0 0 16px;font-size:0.92rem;color:#1F2D3D;opacity:.82}
.page-contact__form-actions{display:flex;justify-content:center}
.page-contact__form-status{margin:14px 0 0;text-align:center;font-weight:600;color:#2F6BFF;min-height:1.2em}
.page-contact__process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.page-contact__process-step{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:20px;text-align:center;box-shadow:0 6px 18px rgba(47,107,255,0.06)}
.page-contact__process-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;font-weight:800;font-size:1.2rem;margin-bottom:10px}
.page-contact__process-title{margin:0 0 8px;font-size:1.05rem;font-weight:800;color:#2F6BFF}
.page-contact__process-text{margin:0;color:#1F2D3D}
.page-contact__faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.page-contact__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:16px 18px;box-shadow:0 4px 12px rgba(47,107,255,0.06)}
.page-contact__faq-question{cursor:pointer;font-weight:700;color:#1F2D3D}
.page-contact__faq-answer{margin:12px 0 0;color:#1F2D3D}
.page-contact__tips-list{max-width:900px;margin:0 auto 26px;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.page-contact__tips-item{color:#1F2D3D}
.page-contact__tips-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-contact__cta-section{background:linear-gradient(180deg,#2F6BFF 0%,#4A8BFF 100%);color:#FFFFFF}
.page-contact__cta-title{margin:0 0 12px;font-size:1.6rem;font-weight:800;color:#FFFFFF;text-align:center;line-height:1.35}
.page-contact__cta-desc{margin:0 auto 24px;max-width:860px;text-align:center;color:#FFFFFF}
.page-contact__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-contact__cta-section .page-contact__btn-secondary{background:#FFFFFF;color:#2F6BFF;border-color:#FFFFFF}
.page-contact__cta-section .page-contact__btn-outline{background:transparent;color:#FFFFFF;border-color:#A5C4FF}
.page-contact__related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.page-contact__related-card{display:block;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:18px 16px;text-align:center;font-weight:700;color:#2F6BFF;text-decoration:none;box-shadow:0 4px 12px rgba(47,107,255,0.06);transition:transform .18s ease,box-shadow .18s ease;box-sizing:border-box;max-width:100%;word-wrap:break-word}
.page-contact__related-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(47,107,255,0.16)}
@media (max-width:1024px){.page-contact__channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-contact__process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-contact__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.page-contact{max-width:100%;overflow-x:hidden;font-size:16px;line-height:1.65}.page-contact img{max-width:100%!important;height:auto!important}.page-contact__container{padding:0 12px}.page-contact__hero-section{padding-top:8px;padding-bottom:24px}.page-contact__hero-inner{padding:0 12px;gap:16px}.page-contact__main-title{line-height:1.3}.page-contact__hero-actions{flex-direction:column;align-items:stretch;width:100%}.page-contact__hero-actions .page-contact__btn{width:100%;max-width:100%}.page-contact__channels-section,.page-contact__form-section,.page-contact__process-section,.page-contact__faq-section,.page-contact__tips-section,.page-contact__cta-section,.page-contact__related-section{padding:32px 0}.page-contact__section-title{font-size:1.3rem}.page-contact__channels-grid{grid-template-columns:1fr}.page-contact__process-grid{grid-template-columns:1fr}.page-contact__related-grid{grid-template-columns:1fr}.page-contact__form{padding:18px}.page-contact__form-actions{justify-content:stretch}.page-contact__form-actions .page-contact__btn{width:100%;max-width:100%}.page-contact__tips-actions,.page-contact__cta-actions{flex-direction:column;align-items:stretch;width:100%}.page-contact__tips-actions .page-contact__btn,.page-contact__cta-actions .page-contact__btn{width:100%;max-width:100%}.page-contact__channel-card{padding:16px}}