.page-contact{background-color:#0A0A0A;color:#FFF6D6}.page-contact__hero-section{padding-top:10px}.page-contact__hero-image-wrapper{width:100%}.page-contact__hero-image{width:100%;aspect-ratio:17/5;object-fit:cover;display:block}.page-contact__hero-content{padding:24px 20px 32px;text-align:center}.page-contact__hero-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#FFD36B;margin:0 0 12px;line-height:1.2;letter-spacing:.5px}.page-contact__hero-subtitle{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;color:#FFF6D6;max-width:800px;margin:0 auto}.page-contact__support-channels{padding:40px 20px}.page-contact__section-header{max-width:800px;margin:0 auto 36px;text-align:center}.page-contact__section-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:#FFD36B;margin:0 0 12px}.page-contact__section-intro{font-size:1rem;line-height:1.6;color:#FFF6D6;margin:0 auto;max-width:700px}.page-contact__channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.page-contact__channel-card{background-color:#111111;border:1px solid #3A2A12;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.page-contact__channel-image-wrapper{width:100%}.page-contact__channel-image{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.page-contact__channel-body{padding:20px;display:flex;flex-direction:column;flex:1}.page-contact__channel-title{color:#FFD36B;font-size:1.1rem;font-weight:700;margin:0 0 8px}.page-contact__channel-desc{color:#FFF6D6;font-size:.9rem;line-height:1.5;margin:0 0 16px;flex:1}.page-contact__channel-button{display:inline-block;padding:10px 20px;border-radius:8px;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111111;font-weight:700;text-align:center;text-decoration:none;font-size:.9rem;border:1px solid #3A2A12;max-width:100%;box-sizing:border-box;transition:transform .2s ease}.page-contact__channel-button:hover{transform:scale(1.03)}.page-contact__contact-form-section{padding:48px 20px}.page-contact__form-container{display:flex;flex-wrap:wrap;gap:32px;max-width:1200px;margin:0 auto}.page-contact__form-info{flex:1;min-width:280px}.page-contact__form-title{font-size:clamp(1.4rem,2vw,1.8rem);color:#FFD36B;font-weight:700;margin:0 0 12px}.page-contact__form-description{font-size:1rem;line-height:1.6;color:#FFF6D6;margin:0 0 20px}.page-contact__support-time{background-color:#111111;border:1px solid #3A2A12;border-radius:8px;padding:16px}.page-contact__support-time-title{font-weight:700;color:#FFD36B;margin:0 0 8px}.page-contact__support-time-detail{font-size:.9rem;color:#FFF6D6;margin:0}.page-contact__form-wrapper{flex:1;min-width:300px}.page-contact__form{background-color:#111111;border:1px solid #3A2A12;border-radius:12px;padding:28px}.page-contact__form-group{margin-bottom:20px}.page-contact__form-label{display:block;color:#FFF6D6;font-weight:600;margin-bottom:8px;font-size:.9rem}.page-contact__form-input{width:100%;padding:12px 14px;background-color:#1a1a1a;color:#FFF6D6;border:1px solid #3A2A12;border-radius:8px;font-size:.9rem;box-sizing:border-box;outline:none}.page-contact__form-input:focus{border-color:#FFD36B}.page-contact__form-input::placeholder{color:#888}.page-contact__form-input option{background-color:#111111;color:#FFF6D6}.page-contact__submit-button{width:100%;padding:14px 20px;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111111;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;box-sizing:border-box;transition:transform .2s ease}.page-contact__submit-button:hover{transform:scale(1.02)}.page-contact__faq-section{padding:48px 20px}.page-contact__faq-header{max-width:800px;margin:0 auto 32px;text-align:center}.page-contact__faq-title{font-size:clamp(1.4rem,2vw,1.8rem);color:#FFD36B;font-weight:700;margin:0 0 12px}.page-contact__faq-intro{color:#FFF6D6;font-size:1rem;line-height:1.6;margin:0}.page-contact__faq-list{max-width:860px;margin:0 auto}.page-contact__faq-item{background-color:#111111;border:1px solid #3A2A12;border-radius:8px;padding:16px;margin-bottom:16px}.page-contact__faq-question{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;font-weight:600;color:#FFD36B}.page-contact__faq-question::-webkit-details-marker{display:none}.page-contact__faq-question:hover{color:#FFD36B}.page-contact__faq-toggle{font-size:1.4rem;color:#FFD36B;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.page-contact__faq-item[open] .page-contact__faq-toggle{color:#FFD36B}.page-contact__faq-answer{padding-top:12px;border-top:1px solid #3A2A12;margin-top:12px;color:#FFF6D6;font-size:.9rem;line-height:1.6}.page-contact__commitment{padding:48px 20px;text-align:center;max-width:800px;margin:0 auto}.page-contact__commitment-title{font-size:clamp(1.4rem,2vw,1.8rem);color:#FFD36B;font-weight:700;margin:0 0 16px}.page-contact__commitment-content{font-size:1rem;line-height:1.6;color:#FFF6D6;margin:0 auto 24px}.page-contact__commitment-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.page-contact__commitment-button{display:inline-block;padding:12px 28px;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111111;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;border:1px solid #3A2A12;max-width:100%;box-sizing:border-box}.page-contact__commitment-link{display:inline-block;padding:12px 24px;color:#FFD36B;border:1px solid #FFD36B;border-radius:8px;font-weight:600;text-decoration:none;font-size:1rem;max-width:100%;box-sizing:border-box;transition:background-color .2s ease}.page-contact__commitment-link:hover{background-color:rgba(255,211,107,.1)}@media (max-width:1024px){.page-contact__channels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-contact__hero-section{padding-top:10px}.page-contact__hero-image{aspect-ratio:2/1}.page-contact__hero-content{padding:16px 16px 24px}.page-contact__support-channels{padding:24px 16px}.page-contact__channels-grid{grid-template-columns:1fr;gap:16px}.page-contact__channel-image{aspect-ratio:16/10}.page-contact__channel-button{padding:10px 16px;font-size:.85rem}.page-contact__contact-form-section{padding:24px 16px}.page-contact__form-container{gap:20px}.page-contact__form{padding:16px}.page-contact__submit-button{font-size:.9rem;white-space:normal;word-wrap:break-word}.page-contact__faq-section{padding:24px 16px}.page-contact__faq-item{padding:12px}.page-contact__commitment{padding:24px 16px}.page-contact img{max-width:100%!important;height:auto!important}}