.blogHero{padding:60px 0;text-align:center;background:url(/img/mv_05.jpg) no-repeat 50%;background-size:cover;position:relative}.blogHeroTitle{margin-bottom:0!important}.blogList{padding:60px 0 100px}.blogListContainer{max-width:1200px;margin:0 auto;padding:0 20px}.blogEmpty{text-align:center;color:#666;padding:100px 0}.blogGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}@media(max-width:1024px){.blogGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blogGrid{grid-template-columns:1fr}}.blogCard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.blogCard:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.1)}.blogCardLink{text-decoration:none;color:inherit;display:block}.blogCardThumbnail{aspect-ratio:16/9;overflow:hidden}.blogCardThumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blogCard:hover .blogCardThumbnail img{transform:scale(1.05)}.blogCardContent{padding:20px}.blogCardMeta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.blogCardCategory{background:#143189;color:#fff;font-size:11px;padding:4px 10px;border-radius:20px;font-weight:500}.blogCardDate{font-size:12px;color:#666}.blogCardTitle{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:10px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blogCardFooter{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.blogCardReadingTime{font-size:12px;color:#757575}