.article-album-container{margin:0 auto;max-width:var(--kt-content-width);padding:16px 0;box-sizing:border-box}.article-detail-breadcrumb-link{color:var(--kx-text-3)}.article-album-container .breadcrumb{height:22px;margin-bottom:16px}.article-album-container .banner{display:inline-flex;gap:32px;padding:40px 0;box-sizing:border-box}.banner-background-container{position:absolute;left:0;margin-top:-40px;height:340px;width:100%;overflow:hidden}.banner-background-container:before{display:inline-block;position:absolute;content:"";width:100%;height:100%;left:0;top:0;opacity:1;background:rgba(0,0,0,.3);z-index:1}.banner-background-container .banner-background{height:100%;width:100%;object-fit:cover;-webkit-filter:blur(40px);filter:blur(30px);transform:scale(1.2)}.article-album-container .banner .banner-left{width:420px;height:260px;z-index:1}.article-album-container .banner .banner-left>img{width:100%;height:100%;object-fit:cover;border-radius:8px}.article-album-container .banner .banner-right{width:calc(100% - 452px);display:flex;flex-direction:column;gap:16px;z-index:1}.article-album-container .banner .banner-right .title{width:100%;font-size:24px;font-weight:600;line-height:32px;color:var(--kx-text-white)}.article-album-container .banner .banner-right .description{line-height:22px;font-size:14px;color:var(--kx-text-white);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.article-album-container .banner .banner-right .keywords-container{display:flex}.article-album-container .banner .banner-right .keywords-container .keywords-label{font-size:14px;color:var(--kx-text-white)}.article-album-container .banner .banner-right .keywords-container .keywords{display:flex;gap:4px;flex-wrap:wrap}.article-album-container .banner .banner-right .keywords-container .keywords .keyword{font-size:12px;border-radius:4px;padding:0 8px;height:22px;line-height:22px;background-color:var(--kx-fill-tsp4);color:var(--kx-text-white);box-sizing:border-box}.article-album-container .content .banner-content-tabs{margin-top:20px}@media screen and (max-width: 760px){.article-album-container .breadcrumb{display:none}.article-album-container .banner{display:flex;flex-direction:column;position:relative;padding:16px 16px 40px}.article-album-container .banner .banner-left,.article-album-container .banner .banner-right{width:100%}.banner-background-container{height:100%;margin:0;top:0;box-sizing:border-box}.article-album-container .content{padding:0 16px}.article-album-rich-text{padding:0 16px;white-space:pre-wrap;word-break:break-all}}
