.page-support {color: #FFF1E8; background-color: #140C0C;}
.page-support__hero-section {display: flex; flex-direction: column; align-items: center; padding-top: 12px;}
.page-support__hero-image {width: 100%; max-width: 1020px; height: auto; aspect-ratio: 17/5; object-fit: cover; display: block; border-radius: 12px;}
.page-support__hero-content {max-width: 1000px; text-align: center; padding: 24px 16px;}
.page-support__hero-title {font-weight: 800; line-height: 1.3; letter-spacing: 0.5px; color: #FFF1E8; margin: 0 0 12px;}
.page-support__hero-subtitle {color: #FFF1E8; opacity: 0.9; max-width: 720px; margin: 0 auto 20px; line-height: 1.6;}
.page-support__hero-cta {display: inline-block; background: linear-gradient(180deg, #FFB04A 0%, #D86A14 100%); color: #1A0A0A; font-weight: 700; text-decoration: none; padding: 14px 32px; border-radius: 999px; font-size: 16px; box-shadow: 0 4px 14px rgba(0,0,0,0.3);}
.page-support__hero-cta:hover {opacity: 0.92;}
.page-support__faq-section {padding: 40px 16px;}
.page-support__faq-inner {max-width: 900px; margin: 0 auto;}
.page-support__faq-title {text-align: center; color: #FFF1E8; font-size: 28px; font-weight: 700; margin-bottom: 32px;}
.page-support__faq-list {display: flex; flex-direction: column; gap: 12px;}
.page-support__faq-item {background-color: #2A1212; border: 1px solid #6A1E1E; border-radius: 10px; overflow: hidden;}
.page-support__faq-question {padding: 18px 20px; cursor: pointer; font-weight: 600; color: #FFF1E8; list-style: none; position: relative;}
.page-support__faq-question::-webkit-details-marker {display: none;}
.page-support__faq-question::after {content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #F3C54D; font-size: 20px;}
.page-support__faq-item[open] .page-support__faq-question::after {content: '−';}
.page-support__faq-answer {padding: 0 20px 18px; color: #FFF1E8; line-height: 1.6;}
.page-support__faq-answer a {color: #F3C54D; font-weight: 600;}
.page-support__guide-section {padding: 16px 16px 48px;}
.page-support__guide-inner {max-width: 1000px; margin: 0 auto;}
.page-support__guide-title {text-align: center; color: #FFF1E8; font-size: 28px; font-weight: 700; margin-bottom: 16px;}
.page-support__guide-intro {text-align: center; color: #FFF1E8; opacity: 0.85; max-width: 800px; margin: 0 auto 40px; line-height: 1.7;}
.page-support__guide-article {background-color: #2A1212; border: 1px solid #6A1E1E; border-radius: 12px; padding: 24px; margin-bottom: 24px;}
.page-support__guide-article-title {color: #F3C54D; font-size: 22px; font-weight: 700; margin-bottom: 16px;}
.page-support__guide-figure {margin: 0 0 16px;}
.page-support__guide-figure img {width: 100%; max-width: 800px; height: auto; aspect-ratio: 2/1; object-fit: cover; border-radius: 8px; display: block; margin: 0 auto;}
.page-support__guide-article p {color: #FFF1E8; line-height: 1.7; margin-bottom: 16px;}
.page-support__guide-cta {display: inline-block; background: linear-gradient(180deg, #FFB04A 0%, #D86A14 100%); color: #1A0A0A; font-weight: 700; text-decoration: none; padding: 12px 28px; border-radius: 999px; font-size: 15px;}
.page-support__contact-section {padding: 40px 16px 60px;}
.page-support__contact-inner {max-width: 800px; margin: 0 auto;}
.page-support__contact-title {text-align: center; color: #FFF1E8; font-size: 28px; font-weight: 700; margin-bottom: 16px;}
.page-support__contact-description {text-align: center; color: #FFF1E8; opacity: 0.85; line-height: 1.6; margin-bottom: 32px;}
.page-support__contact-form {background-color: #2A1212; border: 1px solid #6A1E1E; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px;}
.page-support__form-group {display: flex; flex-direction: column; gap: 6px;}
.page-support__form-group label {color: #FFF1E8; font-weight: 600;}
.page-support__form-input, .page-support__form-textarea {background-color: #1A0A0A; border: 1px solid #6A1E1E; border-radius: 8px; padding: 12px; color: #FFF1E8; font-size: 15px;}
.page-support__form-input:focus, .page-support__form-textarea:focus {outline: none; border-color: #F3C54D;}
.page-support__form-input::placeholder, .page-support__form-textarea::placeholder {color: #A08080;}
.page-support__contact-submit {display: inline-block; background: linear-gradient(180deg, #FFB04A 0%, #D86A14 100%); color: #1A0A0A; font-weight: 700; text-decoration: none; padding: 14px 32px; border-radius: 999px; font-size: 16px; text-align: center; border: none; cursor: pointer;}
.page-support__contact-hotline {text-align: center; color: #FFF1E8;}
.page-support__contact-hotline p {opacity: 0.85; margin-bottom: 12px;}
.page-support__contact-chat {display: inline-block; background-color: #7E0D0D; color: #FFF1E8; font-weight: 600; text-decoration: none; padding: 12px 28px; border-radius: 999px; border: 1px solid #F3C54D;}
@media (max-width: 768px) {
.page-support__hero-section {padding-top: 10px;}
.page-support__hero-image {aspect-ratio: 2/1;}
.page-support__hero-content {padding: 16px;}
.page-support__hero-title {font-size: 24px;}
.page-support__hero-cta, .page-support__guide-cta, .page-support__contact-submit, .page-support__contact-chat {max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word;}
.page-support__guide-article, .page-support__contact-form {padding: 16px;}
.page-support img {max-width: 100% !important; height: auto !important;}
.page-support {max-width: 100%; overflow-x: hidden;}
}