.blog-detail-list{color:var(--devui-aide-text)}.blog-detail-list-box{background:#fff;border:1px solid var(--dividing-line-color);border-radius:4px;box-shadow:0 2px 12px #1d1f3a0f;padding:0 16px 16px}.blog-detail-list-title{align-items:center;border-bottom:1px solid var(--dividing-line-color);display:flex;gap:8px;padding:16px 0}.blog-detail-list-more{align-items:center;color:var(--devui-placeholder);cursor:pointer;display:flex}.blog-detail-list-more:hover{color:var(--tag-text-blue-color)}.blog-detail-list-more:hover svg{color:var(--tag-text-blue-color)!important}.blog-detail-list-more svg{transition:transform var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out-smooth,cubic-bezier(.645,.045,.355,1))}.blog-detail-list-more span{line-height:18px}.blog-detail-list-content{display:flex;flex-direction:column;gap:8px;margin-top:8px}.blog-detail-list-content-item{border-radius:4px;cursor:pointer;padding:8px}.blog-detail-list-content-item:hover{background:var(--devui-global-bg,#f6f6f8)}.blog-detail-list-content-item-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--black-text-color);overflow:hidden}.blog-detail-list-content-item-hot{background:#e74c3c;border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:700;line-height:14px;margin-left:4px;padding:0 4px;vertical-align:1px}.blog-detail-list-content-item-meta{align-items:center;display:flex;gap:8px;margin-top:6px}.blog-detail-list-content-item-tag{background:#edf0ff;border-radius:4px;color:#5b63e8;font-size:12px;line-height:16px;padding:1px 6px}.blog-detail-list-content-item-views{align-items:center;color:var(--devui-placeholder);display:inline-flex;font-size:12px;gap:4px}.blog-detail-list-content-item-views svg{height:14px;width:14px}.blog-detail-list-content--hot{gap:0}.blog-detail-list-content--hot .blog-detail-list-content-item{border-bottom:1px solid var(--dividing-line-color);padding:10px 8px}.blog-detail-list-content--hot .blog-detail-list-content-item:last-child{border-bottom:none}.blog-detail-list-content .g-link:hover{color:var(--devui-aide-text)}