.page-blog{color:#333;background:#fff}
.page-blog a{color:#26A9E0}
.page-blog__hero-section{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding-top:10px}
.page-blog__hero-image{width:100%;max-width:1200px;margin:0 auto}
.page-blog__hero-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.page-blog__hero-content{max-width:1000px;margin:16px auto;text-align:center}
.page-blog__hero-content h1{margin:0 0 8px;font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.4;color:#0477DB}
.page-blog__hero-content p{margin:0 0 16px;font-size:0.9rem}
.page-blog__hero-cta{display:inline-block;background:#26A9E0;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:700;margin-top:12px}
.page-blog__hero-cta:hover{background:#1b8ab8}
.page-blog__intro-card{background:#e6f6ff;max-width:1000px;margin:24px auto;padding:16px;border-left:5px solid #26A9E0}
.page-blog__featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin:40px auto 0}
.page-blog__article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.page-blog__article-card img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.page-blog__article-info{padding:16px}
.page-blog__article-info h2{font-size:1rem;margin:0 0 8px}
.page-blog__article-info h2 a{color:#222;text-decoration:none}
.page-blog__article-info h2 a:hover{color:#26A9E0}
.page-blog__article-info p{font-size:0.875rem;line-height:1.6}
.page-blog__read-more{display:inline-block;margin-top:8px;font-weight:700;color:#26A9E0}
.page-blog__latest-section{max-width:1200px;margin:48px auto;padding:0 16px}
.page-blog__latest-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.page-blog__latest-header h2{color:#0477DB;margin:0;font-size:1.4rem}
.page-blog__view-all{background:#26A9E0;color:#fff;padding:8px 18px;border-radius:6px;text-decoration:none;font-weight:700}
.page-blog__latest-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-blog__post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:transform 0.2s}
.page-blog__post-card:hover{transform:translateY(-3px)}
.page-blog__post-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.page-blog__post-body{padding:16px}
.page-blog__post-body h3{margin:0 0 8px;font-size:0.95rem}
.page-blog__post-body h3 a{color:#222;text-decoration:none}
.page-blog__post-body h3 a:hover{color:#26A9E0}
.page-blog__post-body p{margin:0 0 8px;font-size:0.8125rem;line-height:1.5}
.page-blog__post-date{color:#666;font-size:0.75rem}
.page-blog__faq-section{max-width:1000px;margin:0 auto 48px;padding:0 16px}
.page-blog__faq-section h2{color:#0477DB;margin-bottom:16px;font-size:1.4rem}
.page-blog__faq-item{border-bottom:1px solid #e0e0e0;padding:12px 0}
.page-blog__faq-question{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;list-style:none;font-size:0.9rem}
.page-blog__faq-question::-webkit-details-marker{display:none}
.page-blog__faq-icon{font-size:1.2rem;color:#26A9E0}
.page-blog__faq-item p{margin-top:8px;font-size:0.875rem;line-height:1.6;color:#444}
@media (max-width:1024px){
.page-blog__featured-grid{grid-template-columns:1fr 1fr}
.page-blog__latest-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
.page-blog__hero-image img{aspect-ratio:16/10}
.page-blog__hero-content h1{font-size:1.1rem}
.page-blog__featured-grid{grid-template-columns:1fr}
.page-blog__latest-list{grid-template-columns:1fr}
.page-blog img{max-width:100%;height:auto}
.page-blog__hero-cta,.page-blog__view-all{max-width:100%;white-space:normal;box-sizing:border-box}
}