.bh-blog-card-a{--user-icon:none;flex-direction:column;display:flex}.bh-blog-card-a .bh-blog-card-a-img{background-color:#fff;display:block}@supports (aspect-ratio:1/1){.bh-blog-card-a .bh-blog-card-a-img{aspect-ratio:16/9}}.bh-blog-card-a .bh-blog-card-a-msg{background-color:#fff;flex-direction:column;flex:1;justify-content:space-between;padding:16px;display:flex}.bh-blog-card-a .bh-blog-card-a-collections{color:#888;margin-bottom:8px;font-size:12px;display:block}.bh-blog-card-a .bh-blog-card-a-title{color:#333;margin-bottom:8px;font-size:16px;font-weight:500;display:block}.bh-blog-card-a .bh-blog-card-a-footer{color:#888;align-items:center;gap:4px;font-size:16px;display:flex}.bh-blog-card-a .bh-blog-card-a-icon{background-color:#ccc;background-image:var(--user-icon);background-size:cover;border-radius:50%;width:16px;height:16px;display:inline-block}.bh-blog-card-a .bh-blog-card-a-name{color:#696c71;margin-left:8px}.bh-blog-card-a .bh-blog-card-a-time{color:#919191}
.bh-blog-group-a{flex-direction:column;gap:20px;display:flex}.bh-blog-group-a-h{justify-content:space-between;display:flex}.bh-blog-group-a-h .bh-blog-group-a-h-l{font-size:18px}.bh-blog-group-a-h:empty{display:none}.bh-blog-group-a-c{grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;display:grid}@container AiLayoutContainer (max-width:1024px){.bh-blog-group-a-c{grid-template-columns:1fr 1fr}}@container AiLayoutContainer not (min-width:768px){.bh-blog-group-a-c{grid-template-columns:1fr}}.bh-blog-group-a-c:empty{display:none}.bh-blog-group-a .bh-link{display:block}.bh-blog-group-a .bh-blog-group-a-item{flex-direction:column;display:flex}.bh-blog-group-a .bh-blog-group-a-item-img{border-radius:4px 4px 0 0;height:200px;overflow:hidden}.bh-blog-group-a .bh-blog-group-a-item-img .bh-img{transition:transform .3s}.bh-blog-group-a .bh-blog-group-a-item-msg{background-color:#fff;border-radius:0 0 4px 4px;padding:24px}.bh-blog-group-a .bh-blog-group-a-item-label{font-family:var(--bh-font-M);margin-bottom:8px;font-size:12px}.bh-blog-group-a .bh-blog-group-a-item-title{font-family:var(--bh-font-B);font-size:14px}.bh-blog-group-a-item:hover .bh-blog-group-a-item-img .bh-img{transform:scale(1.1)}