.page-contact{color:#333333;background:#F5F7FA;overflow-x:hidden}
.page-contact h1,.page-contact h2,.page-contact h3{color:#E53935}
.page-contact__hero-section{padding-top:0;margin-top:0;width:100%;overflow:hidden}
.page-contact__hero-container{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:10px 16px 0;box-sizing:border-box}
.page-contact__hero-image-wrap{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.08)}
.page-contact__hero-image{display:block;width:100%;height:auto;object-fit:cover}
.page-contact__hero-content{width:100%;padding:24px 0 8px;box-sizing:border-box}
.page-contact__hero-title{font-weight:700;line-height:1.25;letter-spacing:-0.2px;margin:0 0 12px;max-width:900px;color:#E53935}
.page-contact__hero-desc{margin:0 0 20px;line-height:1.7;color:#333333;max-width:820px;font-size:1.02rem}
.page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;box-sizing:border-box}
.page-contact__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:8px;font-weight:600;font-size:0.98rem;text-decoration:none;line-height:1.3;box-sizing:border-box;transition:opacity .2s ease,transform .2s ease;max-width:100%;white-space:normal;word-wrap:break-word;text-align:center}
.page-contact__btn--primary{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#FFFFFF;border:1px solid #E53935}
.page-contact__btn--outline{background:#FFFFFF;color:#E53935;border:1px solid #E53935}
.page-contact__btn--ghost{background:#FFFFFF;color:#333333;border:1px solid #E0E0E0}
.page-contact__btn--full{width:100%}
.page-contact__btn:hover{opacity:.92;transform:translateY(-1px)}
.page-contact__intro-section{padding:32px 16px;box-sizing:border-box}
.page-contact__intro-container{width:100%;max-width:1100px;margin:0 auto;background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:28px 24px;box-sizing:border-box}
.page-contact__section-title{margin:0 0 14px;font-weight:700;line-height:1.3;letter-spacing:-0.1px}
.page-contact__intro-text{margin:0 0 14px;line-height:1.75;color:#333333}
.page-contact__intro-text:last-child{margin-bottom:0}
.page-contact__channels-section{padding:32px 16px;box-sizing:border-box}
.page-contact__channels-container{width:100%;max-width:1200px;margin:0 auto}
.page-contact__section-desc{margin:0 0 22px;line-height:1.7;color:#333333;max-width:900px}
.page-contact__channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-contact__channel-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:18px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}
.page-contact__channel-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.page-contact__channel-title{margin:0;font-weight:700;line-height:1.35;color:#E53935}
.page-contact__channel-text{margin:0;line-height:1.7;color:#333333;font-size:0.96rem;flex:1}
.page-contact__form-section{padding:32px 16px;box-sizing:border-box}
.page-contact__form-container{width:100%;max-width:820px;margin:0 auto;background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:28px 24px;box-sizing:border-box}
.page-contact__form{display:flex;flex-direction:column;gap:16px}
.page-contact__form-group{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}
.page-contact__form-label{font-weight:600;color:#333333;font-size:0.95rem}
.page-contact__form-input,.page-contact__form-select,.page-contact__form-textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #E0E0E0;border-radius:8px;background:#FFFFFF;color:#333333;font-size:1rem;font-family:inherit;line-height:1.4}
.page-contact__form-input:focus,.page-contact__form-select:focus,.page-contact__form-textarea:focus{outline:2px solid #FF5A4F;outline-offset:1px;border-color:#E53935}
.page-contact__form-textarea{resize:vertical}
.page-contact__form-group--submit{margin-top:4px}
.page-contact__form-note{margin:0;min-height:1.2em;font-size:0.92rem;color:#2E7D32;line-height:1.5}
.page-contact__process-section{padding:32px 16px;box-sizing:border-box}
.page-contact__process-container{width:100%;max-width:1100px;margin:0 auto;background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:28px 24px;box-sizing:border-box}
.page-contact__table-wrap{width:100%;overflow-x:auto;max-width:100%}
.page-contact__guide-table{width:100%;border-collapse:collapse;margin:0 0 14px;min-width:560px}
.page-contact__guide-table th,.page-contact__guide-table td{border:1px solid #E0E0E0;padding:12px;text-align:left;line-height:1.6;color:#333333;font-size:0.95rem;vertical-align:top}
.page-contact__guide-table th{background:#F5F7FA;color:#E53935;font-weight:700}
.page-contact__process-note{margin:0;line-height:1.7;color:#333333;font-size:0.94rem}
.page-contact__promo-section{padding:32px 16px;box-sizing:border-box}
.page-contact__promo-container{width:100%;max-width:1200px;margin:0 auto}
.page-contact__promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.page-contact__promo-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:18px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}
.page-contact__promo-image{display:block;width:100%;height:auto;aspect-ratio:590/240;object-fit:cover;border-radius:8px}
.page-contact__promo-title{margin:0;font-weight:700;color:#E53935;line-height:1.35}
.page-contact__promo-text{margin:0;line-height:1.7;color:#333333;font-size:0.95rem;flex:1}
.page-contact__faq-section{padding:32px 16px;box-sizing:border-box}
.page-contact__faq-container{width:100%;max-width:1000px;margin:0 auto}
.page-contact__faq-list{display:flex;flex-direction:column;gap:12px}
.page-contact__faq-item{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:10px;padding:18px 20px;box-sizing:border-box}
.page-contact__faq-question{margin:0 0 8px;font-weight:700;color:#E53935;line-height:1.4}
.page-contact__faq-answer{margin:0;line-height:1.7;color:#333333;font-size:0.96rem}
.page-contact__blog-section{padding:32px 16px;box-sizing:border-box}
.page-contact__blog-container{width:100%;max-width:1200px;margin:0 auto}
.page-contact__blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-contact__blog-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}
.page-contact__blog-link{display:block;text-decoration:none;color:inherit}
.page-contact__blog-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.page-contact__blog-title{margin:0;font-weight:700;color:#E53935;line-height:1.4;font-size:1.02rem}
.page-contact__blog-text{margin:0;line-height:1.65;color:#333333;font-size:0.94rem}
.page-contact__cta-section{padding:36px 16px 48px;box-sizing:border-box}
.page-contact__cta-container{width:100%;max-width:1100px;margin:0 auto;background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:32px 24px;box-sizing:border-box;text-align:center}
.page-contact__cta-title{margin:0 0 12px;font-weight:700;color:#E53935;line-height:1.3}
.page-contact__cta-text{margin:0 auto 22px;line-height:1.7;color:#333333;max-width:760px}
.page-contact__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}
@media (max-width:768px){.page-contact{max-width:100%;overflow-x:hidden}
.page-contact img{max-width:100%!important;height:auto!important}
.page-contact__hero-container{padding:10px 12px 0}
.page-contact__hero-content{padding:18px 0 4px}
.page-contact__hero-title{line-height:1.3}
.page-contact__hero-actions,.page-contact__cta-actions{flex-direction:column;align-items:stretch}
.page-contact__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-contact__channels-grid{grid-template-columns:1fr}
.page-contact__promo-grid{grid-template-columns:1fr}
.page-contact__blog-grid{grid-template-columns:1fr}
.page-contact__intro-container,.page-contact__form-container,.page-contact__process-container,.page-contact__cta-container{padding:20px 16px}
.page-contact__guide-table{min-width:520px}
}