.page-bao-mat{font-family:'Segoe UI',Roboto,Arial,sans-serif;line-height:1.7;color:#333333;background:#f5f7fa;overflow-x:hidden}
.page-bao-mat__hero-section{max-width:1200px;margin:10px auto 0;padding:10px 16px;display:flex;flex-direction:column}
.page-bao-mat__hero-image{width:100%}
.page-bao-mat__hero-img{width:100%;max-width:1020px;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block;border-radius:12px}
.page-bao-mat__hero-content{text-align:center;padding:32px 16px}
.page-bao-mat__hero-title{color:#0477db;font-weight:800;line-height:1.3;letter-spacing:.2px;max-width:800px;margin:0 auto 12px;font-size:clamp(1.4rem,2.8vw,2.2rem)}
.page-bao-mat__hero-description{max-width:900px;margin:0 auto 24px;color:#333333;font-size:clamp(1rem,1.5vw,1.125rem)}
.page-bao-mat__hero-actions,.page-bao-mat__cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:420px;margin:0 auto;box-sizing:border-box;overflow:hidden}
.page-bao-mat__btn-primary,.page-bao-mat__btn-secondary{display:inline-block;padding:14px 32px;border-radius:40px;font-weight:700;text-decoration:none;text-align:center;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}
.page-bao-mat__btn-primary{background:#26A9E0;color:#ffffff}
.page-bao-mat__btn-secondary{background:#EA7C07;color:#ffffff}
.page-bao-mat__btn-primary:hover{background:#1f97c9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.page-bao-mat__btn-secondary:hover{background:#c96a06;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.page-bao-mat__intro-section,.page-bao-mat__policy-section,.page-bao-mat__security-section,.page-bao-mat__process-section,.page-bao-mat__cookie-section,.page-bao-mat__faq-section,.page-bao-mat__cta-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-bao-mat__section-title{color:#0477db;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:800;text-align:center;margin-bottom:20px;line-height:1.4}
.page-bao-mat__intro-text,.page-bao-mat__security-text,.page-bao-mat__process-text,.page-bao-mat__cookie-text{max-width:900px;margin:0 auto;text-align:center;color:#333333}
.page-bao-mat__policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto}
.page-bao-mat__policy-card{background:#ffffff;border-radius:14px;padding:28px;box-shadow:0 4px 16px rgba(0,0,0,.06);border:1px solid #e8f1f6}
.page-bao-mat__policy-title{color:#0477db;font-weight:700;font-size:1.1rem;margin-bottom:10px}
.page-bao-mat__policy-text{color:#333333;font-size:.98rem;margin:0}
.page-bao-mat__security-container{display:flex;flex-direction:column;gap:28px;align-items:center}
.page-bao-mat__security-figure{width:100%;max-width:800px}
.page-bao-mat__security-img{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;display:block;border-radius:12px}
.page-bao-mat__security-content{width:100%;max-width:900px}
.page-bao-mat__security-list{margin:14px 0 0;padding-left:24px;list-style:square;color:#333333}
.page-bao-mat__security-item{margin-bottom:10px}
.page-bao-mat__process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;justify-items:center}
.page-bao-mat__process-step{background:#ffffff;border-radius:14px;padding:24px;text-align:center;border-top:4px solid #26A9E0;box-shadow:0 4px 16px rgba(0,0,0,.06);max-width:340px}
.page-bao-mat__process-number{display:inline-block;font-size:2rem;font-weight:800;color:#26A9E0;opacity:.2;line-height:1}
.page-bao-mat__process-title{font-size:1rem;font-weight:700;color:#0477db;margin-bottom:8px}
.page-bao-mat__process-desc{font-size:.9rem;color:#333333;text-align:left}
.page-bao-mat__cookie-more{text-align:center;margin-top:12px}
.page-bao-mat__link{color:#0477db;font-weight:600}
.page-bao-mat__faq-container{max-width:800px;margin:0 auto}
.page-bao-mat__faq-item{background:#ffffff;border:1px solid #dbe9f0;border-radius:10px;margin-bottom:12px;overflow:hidden}
.page-bao-mat__faq-question{padding:16px 20px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;color:#0477db}
.page-bao-mat__faq-question::-webkit-details-marker{display:none}
.page-bao-mat__faq-answer{padding:0 20px 16px;color:#444}
.page-bao-mat__cta-section{background:linear-gradient(135deg,#e3f4fc 0%,#ffffff 50%,#f5f7fa 100%);border-radius:0;margin:10px auto 60px;padding:48px 16px;text-align:center}
.page-bao-mat__cta-title{color:#0477db;font-weight:800;font-size:clamp(1.4rem,3vw,2rem);margin-bottom:12px}
.page-bao-mat__cta-text{max-width:800px;margin:0 auto 28px;color:#333333}
@media (max-width:1024px){
.page-bao-mat__hero-section{padding:10px 16px}
.page-bao-mat__process-steps{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
}
@media (max-width:768px){
.page-bao-mat__hero-image{padding:0}
.page-bao-mat__hero-img{width:100%;aspect-ratio:2/1}
.page-bao-mat__hero-content{padding:24px 12px}
.page-bao-mat__hero-actions,.page-bao-mat__cta-actions{flex-direction:column;max-width:100%}
.page-bao-mat__btn-primary,.page-bao-mat__btn-secondary{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:12px 20px}
.page-bao-mat__policy-grid{grid-template-columns:1fr}
.page-bao-mat__policy-card{padding:20px}
.page-bao-mat__section-title{text-align:left}
.page-bao-mat__intro-text,.page-bao-mat__security-text,.page-bao-mat__process-text,.page-bao-mat__cookie-text{text-align:left}
.page-bao-mat img{max-width:100%!important;height:auto!important}
.page-bao-mat .page-bao-mat__hero-img,.page-bao-mat .page-bao-mat__security-img{max-width:100%;height:auto}
.page-bao-mat__intro-section,.page-bao-mat__policy-section,.page-bao-mat__security-section,.page-bao-mat__process-section,.page-bao-mat__cookie-section,.page-bao-mat__faq-section,.page-bao-mat__cta-section{padding:24px 12px}
.page-bao-mat__security-list{padding-left:20px}
.page-bao-mat__faq-question{flex-wrap:wrap}
}