.blog-jump.layout7{display:block;width:100%}.blog-jump.layout7 .preview-box{position:relative;width:100%;aspect-ratio:4 / 3;margin-bottom:20px}.blog-jump.layout7 .preview-box .blog-preview{width:100%;height:100%;overflow:hidden}.blog-jump.layout7 .preview-box .blog-preview img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.blog-jump.layout7 .preview-box:hover .blog-preview img{transform:scale(1.1)}.blog-jump.layout7 .blog-bottom .date{font-family:var(--font-normal);font-weight:400;font-size:14px;line-height:1.2;text-align:left;color:var(--g-text-color)}.blog-jump.layout7 .blog-bottom .blog-description{margin-top:20px;font-family:var(--font-medium);color:var(--g-primary-color);display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-word}@media (max-width: 800px){.blog-jump.layout7 .preview-box{aspect-ratio:345 / 330}.blog-jump.layout7 .blog-bottom .blog-sub-title{font-size:20px}.blog-jump.layout7 .blog-bottom .blog-description{margin-top:10px;text-overflow:unset;-webkit-line-clamp:unset}}

.md-blog.layout7 .blog-container{display:flex;flex-direction:row;gap:30px}.md-blog.layout7 .blog-title-wrap{width:30%;height:auto;position:relative}.md-blog.layout7 .blog-title-wrap .img-wrap{width:100%;height:100%;position:relative;border-bottom-right-radius:100px;overflow:hidden}.md-blog.layout7 .blog-title-wrap .img-wrap.img-wrap-default{border-bottom-right-radius:0;border-bottom-left-radius:100px}.md-blog.layout7 .blog-title-wrap .title-img{width:100%;height:100%;object-fit:cover}.md-blog.layout7 .blog-title-wrap .default-wrap{background:linear-gradient(180deg, #191919 0%, rgba(25,25,25,0) 100%)}.md-blog.layout7 .blog-title-wrap .title-img-mask{width:100%;height:100%;position:absolute;left:0;top:0;background-color:linear-gradient(180deg, #191919 0%, rgba(25,25,25,0) 100%)}.md-blog.layout7 .blog-title-wrap .title-box{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;position:absolute;top:80px;bottom:80px;left:50px;z-index:10}.md-blog.layout7 .blog-title-wrap .line{width:1px;flex:1;background:#fff}.md-blog.layout7 .blog-title-wrap .blog-title{color:#fff;writing-mode:vertical-rl;transform:rotate(180deg)}.md-blog.layout7 .default-wrap{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#d9d9d9}.md-blog.layout7 .default-wrap img{width:100px;height:87.5px;object-fit:contain}@media (max-width: 600px){.md-blog.layout7 .default-wrap img{width:50px;height:44px}}.md-blog.layout7 .blog-main{flex:1;display:flex;flex-direction:column;gap:50px}.md-blog.layout7 .blog-list{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:30px;row-gap:50px}.md-blog.layout7 .blog-list .blog-item{width:calc((100% - 30px) / 2)}.md-blog.layout7 .blog-list .blog-item:nth-child(2){border-top-right-radius:100px;overflow:hidden}.md-blog.layout7 .blog-list.len1 .blog-item,.md-blog.layout7 .blog-list.len2 .blog-item{width:100%}.md-blog.layout7 .blog-list.len1 .blog-item .blog-jump.layout7 .preview-box,.md-blog.layout7 .blog-list.len2 .blog-item .blog-jump.layout7 .preview-box{aspect-ratio:91 / 33}.md-blog.layout7 .blog-list.len1 .blog-item:nth-child(1),.md-blog.layout7 .blog-list.len2 .blog-item:nth-child(1){border-top-right-radius:100px;overflow:hidden}.md-blog.layout7 .blog-list.len1 .blog-item:nth-child(2),.md-blog.layout7 .blog-list.len2 .blog-item:nth-child(2){border-top-right-radius:0}.md-blog.layout7 .blog-footer{display:flex;justify-content:center}.md-blog.layout7 .blog-footer .more-blog{min-width:200px;height:50px;display:flex;align-items:center;justify-content:center;font-family:var(--font-medium);font-size:16px;font-weight:500}@media (max-width: 800px){.md-blog.layout7 .blog-container{flex-direction:column;gap:20px}.md-blog.layout7 .blog-title-wrap{width:100%;aspect-ratio:unset;height:auto;position:static;border-bottom-right-radius:0}.md-blog.layout7 .blog-title-wrap .title-box{height:auto;position:static;display:block}.md-blog.layout7 .blog-title-wrap .blog-title{writing-mode:lr;transform:rotate(0);color:var(--g-primary-color)}.md-blog.layout7 .blog-main{flex:none;width:100%;gap:20px}.md-blog.layout7 .blog-list{flex-direction:column;gap:20px}.md-blog.layout7 .blog-list .blog-item{width:100%}.md-blog.layout7 .blog-list .blog-item:nth-child(1){border-top-right-radius:80px;overflow:hidden}.md-blog.layout7 .blog-list .blog-item:nth-child(2){border-top-right-radius:0}.md-blog.layout7 .blog-list.len1 .blog-item .blog-jump.layout7 .preview-box,.md-blog.layout7 .blog-list.len2 .blog-item .blog-jump.layout7 .preview-box{aspect-ratio:345 / 330}}

