.page-contact{color:#333333;background-color:#f5f5f5;font-family:'Segoe UI',Roboto,Arial,sans-serif}.page-contact__hero-section{background:linear-gradient(135deg,#ffffff 0%,#e6f7ff 100%);padding-top:10px;padding-bottom:24px}.page-contact__hero-image-wrap{max-width:1200px;margin:0 auto;padding:0 16px}.page-contact__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.page-contact__hero-content{max-width:1200px;margin:16px auto 0;padding:0 16px;text-align:center}.page-contact__main-title{color:#0477db;font-weight:800;line-height:1.3;letter-spacing:-0.02em;margin:0 0 8px}.page-contact__intro-desc{font-size:1rem;line-height:1.6;color:#333333;margin:0 auto 16px;max-width:900px}.page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.page-contact__btn{display:inline-block;font-weight:700;text-decoration:none;padding:12px 28px;border-radius:999px;transition:all 0.2s;border:2px solid transparent;max-width:100%;box-sizing:border-box;text-align:center}.page-contact__btn--primary{background:#0477db;color:#ffffff;border-color:#0477db}.page-contact__btn--primary:hover{background:#0260ac;border-color:#0260ac}.page-contact__btn--secondary{background:#EA7C07;color:#ffffff;border-color:#EA7C07}.page-contact__btn--secondary:hover{background:#c86506;border-color:#c86506}.page-contact__btn--white{background:#ffffff;color:#0477db;border-color:#ffffff}.page-contact__btn--white:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.page-contact__container{max-width:1200px;margin:0 auto;padding:24px 16px;box-sizing:border-box}.page-contact__section-title{color:#0477db;font-size:1.75rem;font-weight:800;text-align:center;line-height:1.3;margin:16px 0 12px}.page-contact__section-subtitle{text-align:center;font-size:1rem;line-height:1.6;color:#444444;max-width:850px;margin:0 auto 24px}.page-contact__info-section{background:#ffffff;padding-bottom:16px}.page-contact__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-contact__info-card{background:#f8fbff;border:1px solid #dceefc;border-radius:14px;padding:20px;text-align:center;transition:transform 0.2s,box-shadow 0.2s}.page-contact__info-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.08)}.page-contact__info-icon{width:100%;max-width:200px;margin:0 auto 12px;overflow:hidden;border-radius:12px}.page-contact__info-icon img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.page-contact__info-title{color:#0477db;font-weight:700;font-size:1.1rem;margin:8px 0 8px}.page-contact__info-text{font-size:0.9rem;line-height:1.6;color:#333333;margin-bottom:12px}.page-contact__tag-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.page-contact__tag{background:#e1f3fd;color:#0260ac;padding:4px 12px;border-radius:999px;font-size:0.8rem;font-weight:600}.page-contact__cta-section{background:#e6f7ff;padding:8px 0}.page-contact__cta-banner{background:linear-gradient(90deg,#0477db 0%,#26A9E0 100%);border-radius:16px;padding:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.page-contact__cta-left{flex:1;min-width:240px}.page-contact__cta-title{color:#ffffff;font-size:1.5rem;font-weight:800;margin:0 0 8px;line-height:1.2}.page-contact__cta-desc{color:#f0f8ff;font-size:0.95rem;line-height:1.5;margin:0}.page-contact__cta-right{flex-shrink:0}.page-contact__form-section{background-color:#ffffff;padding:8px 0 24px}.page-contact__form-layout{display:grid;grid-template-columns:1fr 0.85fr;gap:28px;align-items:start}.page-contact__form-content .page-contact__section-title,.page-contact__form-content .page-contact__section-subtitle{text-align:left}.page-contact__form-content .page-contact__section-subtitle{padding-left:0}.page-contact__form{background:#fafafa;border:1px solid #e6e6e6;border-radius:16px;padding:24px}.page-contact__form-group{margin-bottom:16px}.page-contact__form-label{display:block;font-weight:600;color:#0477db;margin-bottom:6px;font-size:0.95rem}.page-contact__form-input{width:100%;max-width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #c4d6e8;border-radius:8px;font-family:inherit;font-size:0.95rem;background:#ffffff;color:#333333}.page-contact__form-input:focus{outline:2px solid #26A9E0;outline-offset:-1px;border-color:#26A9E0}.page-contact__form-textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #c4d6e8;border-radius:8px;font-family:inherit;font-size:0.95rem;background:#ffffff;color:#333333;resize:vertical;min-height:96px}.page-contact__form-textarea:focus{outline:2px solid #26A9E0;outline-offset:-1px;border-color:#26A9E0}.page-contact__form-actions .page-contact__btn{width:auto}.page-contact__faq-sidebar{background:#f0f8ff;border-radius:16px;padding:20px;border:1px solid #dceefc}.page-contact__faq-title{color:#0477db;font-weight:800;font-size:1.25rem;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #dceefc}.page-contact__faq-list{display:flex;flex-direction:column;gap:8px}.page-contact__faq-item{background:#ffffff;border:1px solid #c9e2f5;border-radius:12px;overflow:hidden}.page-contact__faq-question{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;list-style:none;font-weight:600;color:#333333}.page-contact__faq-question::-webkit-details-marker{display:none}.page-contact__faq-question:hover{background:#f5faff}.page-contact__faq-icon{background:#e1f3fd;color:#0477db;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:1rem}.page-contact__faq-answer{padding:0 16px 14px;color:#444444;font-size:0.9rem;line-height:1.5;border-top:1px dashed #e1f3fd}.page-contact__faq-item[open] .page-contact__faq-question{color:#0260ac}.page-contact__help-card{background:#0477db;border-radius:12px;padding:16px;margin-top:12px;text-align:center}.page-contact__help-title{color:#ffffff;font-weight:700;margin:0 0 6px}.page-contact__help-text{color:#e6f7ff;font-size:0.8rem;line-height:1.4}.page-contact__help-card .page-contact__btn--secondary{margin-top:8px}.page-contact__notice-section{background-color:#f5f5f5;padding-bottom:16px}.page-contact__notice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}.page-contact__notice-item{background:#ffffff;border-left:4px solid #26A9E0;border-radius:10px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.page-contact__notice-title{color:#0477db;font-size:1rem;font-weight:700;margin:0 0 8px}.page-contact__notice-text{color:#333333;font-size:0.9rem;line-height:1.55;margin:0}.page-contact__support-note{background:linear-gradient(135deg,#0277bd,#26A9E0);border-radius:14px;padding:24px;text-align:center;margin-top:24px}.page-contact__support-note-title{color:#ffffff;margin:0 0 6px;font-weight:800;font-size:1.3rem}.page-contact__support-note-text{color:#ffffff;font-size:0.95rem;line-height:1.5;margin:0 auto 16px;max-width:700px}@media (max-width:768px){.page-contact__hero-section{padding-top:10px}.page-contact__hero-image{aspect-ratio:2/1}.page-contact__hero-content{text-align:center}.page-contact__logo-grid,.page-contact__info-grid{grid-template-columns:repeat(2,1fr)}.page-contact img{max-width:100%!important;height:auto!important}.page-contact__container{padding-left:12px;padding-right:12px}.page-contact__section-title{font-size:1.4rem}.page-contact__info-grid{gap:12px}.page-contact__info-card{padding:16px}.page-contact__cta-banner{flex-direction:column;align-items:center;text-align:center}.page-contact__cta-left{text-align:center}.page-contact__cta-title{font-size:1.3rem}.page-contact__cta-right{width:100%}.page-contact__cta-right .page-contact__btn{width:auto;max-width:100%}.page-contact__form-layout{grid-template-columns:1fr}.page-contact__form{padding:16px}.page-contact__notice-list{grid-template-columns:1fr}.page-contact__support-note{padding:20px}.page-contact__hero-actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-contact__hero-actions .page-contact__btn{white-space:normal;word-wrap:break-word}}@media (max-width:480px){.page-contact__photo-grid{grid-template-columns:1fr}.page-contact__staff-grid{grid-template-columns:1fr}.page-contact__form-input{font-size:1rem}.page-contact__tag{font-size:0.75rem}}