.index-tags{background:#fff!important;}.index-tags .items{overflow:hidden;padding:10px 8px 10px 10px!important;}.index-tags .items a{color:#555;float:left;text-align:center;width:32.33333333%;margin:0 1% 1% 0;padding:0px;height:30px;line-height:30px;overflow:hidden;border-radius:0.25rem;border:1px solid #f1f1f1;text-decoration:none}.index-tags .items a:hover{color:#1E90FF;border:1px solid #1E90FF;}.index-page-tags{background:#fff!important;}.index-page-tags .items{overflow:hidden;padding:10px 8px 10px 10px!important;}.index-page-tags .items a{color:#555;float:left;text-align:center;width:19%;margin:0 1% 1% 0;padding:0px;height:30px;line-height:30px;overflow:hidden;border-radius:0.25rem;border:1px solid #f1f1f1;text-decoration:none}.index-page-tags .items a:hover{color:#1E90FF;border:1px solid #1E90FF;}.thread-tags a{color:rgba(134,142,150,0.8)!important}.thread-tags a:hover{color:#FFF!important}.thread-tags a:after{display: none;}.tagslist{overflow:hidden;}.tagslist ul{list-style-type:none;padding:0;margin:0 -2% 0 0;}.tagslist li{float:left;width:23%;margin-right:2%;margin-bottom:2%;padding:15px;border:1px solid #eee;background-color:#fff;border-radius:2px;}.tagslist li .name{background-color:#eee;display:inline-block;padding:5px 10px 4px;color:#666;border-radius:0.25rem}.tagslist li .name:hover{background-color:#444;color:#fff;text-decoration:none!important}.tagslist li:hover{border-color:#ccc;text-decoration:none!important}.tagslist li:hover .name{background-color:#444;color:#fff;text-decoration:none!important}.tagslist li small{margin-left:10px;color:#bbb;}.tagslist li p{margin:10px 0 0;height:17px;overflow:hidden;display:block;line-height:1.5;}.tagslist li .tit{color:#999;}.tagslist li .tit:hover{color:#444;text-decoration:none!important}@media (max-width:1024px){.tagslist li{width:31.3333333%;}}@media (max-width:768px){.tagslist li{width:48%;}}@media (max-width:640px){.container-tags{padding:15px;}}@media (max-width:544px){.container-tags h1{font-weight:bold;margin-bottom:10px;}.tagslist li{padding:10px;}.index-page-tags .items a{width:32.33333333%;}}
#tag_loading{top:33px;left:93px;z-index:99999}#tag_loading .heading{color:#8492A6;}#tag-ajax-res li{padding:3px 0;}#tag-ajax-res li a.list-link{color:#6c757d;}#tag-ajax-res li a.list-link i{padding:5px 0px;padding-right:5px;color:#2196F3;}#tag-ajax-res li a.list-link span{padding-left:5px;font-size:13px !important;color:#a7a7a7;}.tag-edit{position:absolute;right:0px;margin-top:0px;}.cover-1{width:130px;height:130px;padding:1px;overflow:hidden;}

/* 简介容器样式 - 只有这个部分会滚动 */
.tag-brief-container {
    max-height: 100px; /* 130px(总高) - 30px(标题高度) - 其他间距 */
    overflow-y: auto;
    padding-right: 8px;
    scrollbar-width: thin;
    margin-top: 5px;
}

/* 自定义滚动条样式 */
.tag-brief-container::-webkit-scrollbar {
    width: 40px;
}
.tag-brief-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}
/* 标签头像网格样式 */
.tag-avatar-container {
    margin: 0 -5px;
}
.tag-avatar-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.tag-avatar-item {
    width: 8.333%; /* 12个一行 */
    padding: 0 5px;
    margin-bottom: 10px;
}
.tag-avatar-link {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #333;
}
.tag-avatar-wrapper {
    width: 100%;
    padding-top: 100%; /* 1:1 正方形 */
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 0;
}
.tag-avatar-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.tag-avatar-link:hover .tag-avatar-img {
    transform: scale(1.1);
}
.tag-name-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 5px;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    z-index: 1;
}
.tag-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.2;
    color: white;
}
@media (max-width: 992px) {
    .tag-avatar-item {
        width: 16.666%; /* 小屏幕上6个一行 */
    }
}
@media (max-width: 768px) {
    .tag-avatar-item {
        width: 25%; /* 更小屏幕上4个一行 */
    }
}
@media (max-width: 576px) {
    .tag-avatar-item {
        width: 33.333%; /* 手机上3个一行 */
    }
}