.page-blog{background:#FFFFFF;color:#333333;font-family:'Segoe UI',Arial,sans-serif} .page-blog__hero-section{padding-top:10px;padding-bottom:20px} .page-blog__hero-image{width:100%;overflow:hidden} .page-blog__hero-image img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block} .page-blog__hero-content{text-align:center;padding:20px 16px;max-width:900px;margin:0 auto} .page-blog__hero-title{color:#0477db;font-size:clamp(1.5rem, 3vw, 2.5rem);line-height:1.3;font-weight:700;margin:0 0 12px;letter-spacing:-0.5px} .page-blog__hero-description{color:#444444;font-size:1rem;line-height:1.6;max-width:800px;margin:0 auto} .page-blog__intro-section{padding:24px 16px} .page-blog__intro-inner{max-width:1000px;margin:0 auto;background:#F0F9FF;border-radius:16px;padding:30px} .page-blog__intro-title{color:#0477db;font-size:1.6rem;text-align:center;margin-bottom:16px} .page-blog__intro-text{color:#333333;line-height:1.8;text-align:justify;font-size:1rem} .page-blog__featured-section{padding:30px 16px} .page-blog__featured-inner{max-width:1200px;margin:0 auto} .page-blog__featured-title{text-align:center;color:#0477db;font-size:1.8rem;margin-bottom:28px} .page-blog__article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-blog__article-card{background:#FFFFFF;border:1px solid #E0F0FF;border-radius:12px;overflow:hidden;transition:transform .3s, box-shadow .3s} .page-blog__article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.08)} .page-blog__article-link{text-decoration:none;color:inherit;display:block} .page-blog__article-link img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block} .page-blog__article-body{padding:20px} .page-blog__article-title{color:#0477db;font-size:1.2rem;margin:0 0 8px;line-height:1.4} .page-blog__article-meta{color:#888888;font-size:0.85rem;margin-bottom:10px} .page-blog__article-excerpt{color:#444444;font-size:0.95rem;line-height:1.6} .page-blog__category-section{padding:40px 16px;background:#F8FCFF} .page-blog__category-inner{max-width:1200px;margin:0 auto} .page-blog__category-title{text-align:center;color:#0477db;font-size:1.8rem;margin-bottom:28px} .page-blog__category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-blog__category-card{background:#FFFFFF;border:1px solid #E0F0FF;border-radius:12px;padding:20px;text-align:center} .page-blog__category-card img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;margin-bottom:16px} .page-blog__category-name{color:#0477db;font-size:1.2rem;margin-bottom:8px} .page-blog__category-link{display:inline-block;padding:10px 24px;background:#EA7C07;color:#FFFFFF;border-radius:20px;text-decoration:none;font-weight:600} .page-blog__category-link:hover{background:#d06a02} .page-blog__guide-section{padding:40px 16px} .page-blog__guide-inner{max-width:1200px;margin:0 auto} .page-blog__guide-title{text-align:center;color:#0477db;font-size:1.8rem;margin-bottom:28px} .page-blog__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-blog__guide-card{background:#FFFFFF;border:1px solid #E0F0FF;border-radius:12px;padding:20px;text-align:center} .page-blog__guide-card img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;margin-bottom:16px} .page-blog__guide-name{color:#0477db;font-size:1.1rem;margin-bottom:10px} .page-blog__guide-desc{color:#444444;font-size:0.9rem;line-height:1.6;margin-bottom:16px} .page-blog__guide-cta{display:inline-block;padding:10px 24px;background:#0477db;color:#FFFFFF;border-radius:20px;text-decoration:none;font-weight:600} .page-blog__guide-cta:hover{background:#0366c1} .page-blog__news-section{padding:40px 16px;background:#F8FCFF} .page-blog__news-inner{max-width:900px;margin:0 auto} .page-blog__news-title{text-align:center;color:#0477db;font-size:1.8rem;margin-bottom:28px} .page-blog__news-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px} .page-blog__news-card{background:#FFFFFF;border:1px solid #E0F0FF;border-radius:12px;padding:16px} .page-blog__news-link{display:flex;gap:16px;text-decoration:none;color:inherit} .page-blog__news-link img{object-fit:cover;border-radius:8px;flex-shrink:0} .page-blog__news-body{flex:1} .page-blog__news-title-item{color:#0477db;font-size:1.05rem;margin:0 0 6px} .page-blog__news-desc{color:#444444;font-size:0.9rem;line-height:1.5;margin:0} .page-blog__news-link-all{display:block;text-align:center;color:#EA7C07;font-weight:600;text-decoration:none;padding:8px;font-size:1rem} .page-blog__cta-section{padding:40px 16px;background:linear-gradient(135deg,#0477db,#26A9E0)} .page-blog__cta-inner{max-width:700px;margin:0 auto;text-align:center} .page-blog__cta-title{color:#FFFFFF;font-size:1.6rem;margin-bottom:12px} .page-blog__cta-desc{color:#FFFFFF;font-size:1rem;line-height:1.6;margin-bottom:24px;opacity:0.9} .page-blog__cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;box-sizing:border-box;max-width:100%;overflow:hidden} .page-blog__cta-button{display:inline-block;padding:12px 32px;border-radius:24px;text-decoration:none;font-weight:600;border:2px solid transparent;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word} .page-blog__cta-button--primary{background:#FFFFFF;color:#0477db} .page-blog__cta-button--secondary{background:#EA7C07;color:#FFFFFF;border-color:#FFFFFF} .page-blog__cta-button--secondary:hover{background:#d06a02} @media (max-width:1024px){.page-blog__article-grid{grid-template-columns:repeat(2,1fr)}.page-blog__category-grid{grid-template-columns:repeat(2,1fr)}.page-blog__guide-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:768px){.page-blog__hero-image img{aspect-ratio:2/1}.page-blog__hero-content{padding:16px 12px}.page-blog__hero-title{font-size:1.3rem}.page-blog__intro-inner{padding:20px}.page-blog__article-grid{grid-template-columns:1fr}.page-blog__category-grid{grid-template-columns:1fr}.page-blog__guide-grid{grid-template-columns:1fr}.page-blog__news-link{flex-direction:column}.page-blog__news-link img{width:100%;height:auto;aspect-ratio:2/1}.page-blog__cta-actions{flex-direction:column}.page-blog__cta-button{width:100%}.page-blog img{max-width:100% !important;height:auto !important}}