.blog-wrap{margin-top:8px;width:100%;max-width:1186px;padding:8px}.blog-wrap .crumb{display:flex;gap:6px;color:#0b111fb8}.blog-wrap .crumb a:hover{color:var(--primary-color)}.blog-wrap .crumb span{color:#0b111f59}.blog-wrap .blog-intro{margin:30px auto;max-width:500px;text-align:center}.blog-wrap .blog-intro .intro-title{font-size:34px;font-weight:700;color:#0b111fb8}.blog-wrap .blog-intro .intro-content{margin-top:16px;color:#99a1af;font-size:14px;line-height:1.2}.blog-wrap .blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.blog-wrap .blog-list .blog-item{display:flex;width:100%;height:100%;flex-direction:column}.blog-wrap .blog-list .blog-item img{border-radius:6px;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.blog-wrap .blog-list .blog-item .blog-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin-top:16px;font-size:20px;line-height:28px;color:#0b111fb8;font-weight:600}.blog-wrap .blog-list .blog-item .blog-item-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin-top:16px;line-height:24px;font-size:16px;color:#364153}.blog-wrap .blog-list .blog-item:hover .blog-item-title{color:var(--primary-color)}.blog-wrap .blog-list .span-2{grid-row:span 2;grid-column:span 2}.blog-wrap .blog-list .span-2 .blog-item-title{-webkit-line-clamp:1}@media (max-width: 767px){.blog-wrap .blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.blog-wrap .blog-list{grid-template-columns:repeat(1,minmax(0,1fr));column-gap:0;grid-auto-rows:auto}.blog-wrap .blog-list .blog-item:not(.span-2){gap:16px;flex-direction:row;align-items:flex-start}.blog-wrap .blog-list .blog-item:not(.span-2) img{aspect-ratio:1;width:128px;flex-shrink:0}.blog-wrap .blog-list .blog-item:not(.span-2) p{width:100%;margin-top:6px}.blog-wrap .blog-list .span-2{grid-column:span 1}}