.page-contact{color:#333333;background:#F5F7FA;font-family:Arial,Helvetica,sans-serif;line-height:1.6}.page-contact__hero{max-width:1200px;margin:0 auto;padding:10px 16px 20px;display:flex;flex-direction:column}.page-contact__hero-image-wrap{width:100%;max-width:1020px;margin:0 auto 20px}.page-contact__hero-image{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px}.page-contact__hero-content{text-align:center;max-width:900px;margin:0 auto}.page-contact__hero-title{font-weight:700;line-height:1.3;letter-spacing:-0.3px;color:#E53935;margin:0 0 10px;max-width:800px;margin-left:auto;margin-right:auto}.page-contact__hero-subtitle{color:#333333;font-size:1rem;margin:0 auto 18px;max-width:600px}.page-contact__hero-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.page-contact__btn{display:inline-block;padding:12px 26px;border-radius:8px;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;font-weight:700;text-decoration:none;border:none;cursor:pointer;text-align:center;font-size:0.95rem;transition:opacity 0.3s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-contact__btn:hover{opacity:0.85}.page-contact__btn--full{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-contact__btn--primary{box-shadow:0 4px 14px rgba(229,57,53,0.3)}.page-contact__btn--submit{width:auto;min-width:200px}.page-contact__section-title{color:#333333;font-weight:700;text-align:center;margin:0 0 10px;line-height:1.3}.page-contact__section-subtitle{color:#333333;text-align:center;max-width:600px;margin:0 auto 30px}.page-contact__methods{background:#FFFFFF;padding:40px 16px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0}.page-contact__methods-inner{max-width:1200px;margin:0 auto}.page-contact__method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}.page-contact__method-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:16px;text-align:left;display:flex;flex-direction:column}.page-contact__method-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block;margin-bottom:14px}.page-contact__method-title{color:#E53935;font-size:1.2rem;font-weight:700;margin:0 0 8px}.page-contact__method-desc{color:#333333;font-size:0.9rem;margin:0 0 16px;flex-grow:1}.page-contact__method-btn{display:inline-block;padding:10px 18px;background:#FFFFFF;border:2px solid #E53935;color:#E53935;font-weight:700;text-decoration:none;border-radius:6px;align-self:flex-start;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-contact__method-btn:hover{background:#FF5A4F;border-color:#FF5A4F;color:#ffffff}.page-contact__channels{padding:40px 16px;background:#F5F7FA;border-bottom:1px solid #E0E0E0}.page-contact__channels-inner{max-width:1100px;margin:0 auto}.page-contact__channels-desc{color:#333333;text-align:center;max-width:700px;margin:0 auto 30px}.page-contact__channel-list{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.page-contact__channel-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:18px;width:220px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-sizing:border-box}.page-contact__channel-logo{width:100%;max-width:200px;height:auto;aspect-ratio:1/1;object-fit:contain;display:block}.page-contact__channel-name{font-weight:700;color:#333333;font-size:1rem;margin:0}.page-contact__channel-btn{display:inline-block;padding:8px 14px;background:#FFFFFF;border:2px solid #333333;color:#333333;font-weight:700;text-decoration:none;border-radius:6px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-contact__channel-btn:hover{background:#333333;color:#ffffff}.page-contact__form-section{background:#FFFFFF;padding:40px 16px}.page-contact__form-section-inner{max-width:800px;margin:0 auto}.page-contact__form-desc{color:#333333;text-align:center;max-width:600px;margin:0 auto 30px}.page-contact__form{display:flex;flex-direction:column;gap:16px}.page-contact__form-group{display:flex;flex-direction:column}.page-contact__form-label{font-weight:700;color:#333333;margin-bottom:6px;font-size:0.9rem}.page-contact__form-input{background:#F5F7FA;border:1px solid #E0E0E0;border-radius:6px;padding:12px 14px;color:#333333;font-size:1rem;max-width:100%;box-sizing:border-box;font-family:inherit}.page-contact__form-input--textarea{resize:vertical}.page-contact__form-input::placeholder{color:#666666;opacity:0.7}.page-contact__form-input:focus{outline:none;border-color:#E53935}.page-contact__form-group--actions{display:flex;justify-content:center}.page-contact__form-note{color:#333333;text-align:center;font-size:0.8rem;margin:0}.page-contact__support-guide{background:#FFFFFF;padding:30px 16px 40px;border-top:1px solid #E0E0E0}.page-contact__support-guide-inner{max-width:1000px;margin:0 auto}.page-contact__support-guide-desc{color:#333333;text-align:center;max-width:700px;margin:0 auto 30px}.page-contact__guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto 25px}.page-contact__guide-step{text-align:center;background:#F5F7FA;border:1px solid #E0E0E0;border-radius:12px;padding:18px 12px}.page-contact__guide-num{display:inline-block;width:40px;height:40px;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;border-radius:50%;font-weight:700;line-height:40px;margin-bottom:8px;text-align:center}.page-contact__guide-step-title{color:#333333;font-size:1.05rem;margin:0 0 6px}.page-contact__guide-step-desc{font-size:0.9rem;color:#333333;margin:0}.page-contact__guide-cta{text-align:center;margin-top:10px}.page-contact__policy-note{padding:20px 16px 40px;background:#F5F7FA}.page-contact__policy-box{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:20px;max-width:1000px;margin:0 auto}.page-contact__policy-title{text-align:center;color:#E53935;font-size:1.3rem;margin:0 0 8px}.page-contact__policy-desc{color:#333333;font-size:0.9rem}.page-contact__policy-link{color:#E53935;font-weight:700;text-decoration:none}.page-contact__policy-link:hover{text-decoration:underline}.page-contact__policy-safe{text-align:center;color:#E53935;font-weight:700;margin-bottom:0}@media (max-width: 1024px){.page-contact__method-grid{grid-template-columns:repeat(2,1fr);max-width:700px}.page-contact__guide-steps{grid-template-columns:repeat(3,1fr);gap:12px;max-width:700px}}@media (max-width: 768px){.page-contact__hero{padding-top:8px}.page-contact__hero-image{aspect-ratio:16/9}.page-contact__method-grid{grid-template-columns:1fr;max-width:400px}.page-contact__guide-steps{grid-template-columns:1fr;max-width:400px}.page-contact__channel-list{flex-direction:column;align-items:center}.page-contact__channel-item{width:100%;max-width:280px}.page-contact__form-section-inner{padding:0}.page-contact__btn,.page-contact__method-btn,.page-contact__channel-btn,a.page-contact__btn,a.page-contact__method-btn,a.page-contact__channel-btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-contact__method-card img,.page-contact__channel-logo,.page-contact img{max-width:100%!important;height:auto!important}.page-contact{max-width:100%;overflow-x:hidden}.page-contact__form-input{width:100%}}