/* AI 学习社区 - 导读页面标签栏美化 */

/* 标签栏容器 */
#thread_types, .ttp {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* 标签项 */
#thread_types li, .ttp li {
    background: rgba(15, 20, 40, 0.8) !important;
    border: 1px solid rgba(0, 212, 255, 0.15) !important;
    border-radius: 8px !important;
    transition: all 0.3s !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 标签链接 */
#thread_types li a, .ttp li a {
    display: block !important;
    padding: 10px 20px !important;
    color: #8fa3bf !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
    border-radius: 8px !important;
}

/* hover 效果 */
#thread_types li:hover, .ttp li:hover {
    border-color: rgba(0, 212, 255, 0.4) !important;
    background: rgba(0, 212, 255, 0.05) !important;
}

#thread_types li:hover a, .ttp li:hover a {
    color: #00d4ff !important;
}

/* 当前选中标签 */
#thread_types li.current, .ttp li.current,
#thread_types li.active, .ttp li.active {
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.15) 0%, rgba(168, 85, 247, 0.15) 100%) !important;
    border-color: rgba(0, 212, 255, 0.5) !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.2) !important;
}

#thread_types li.current a, .ttp li.current a,
#thread_types li.active a, .ttp li.active a {
    color: #00f0ff !important;
    font-weight: 600 !important;
}

/* 去掉默认样式 */
#thread_types li::before, .ttp li::before {
    display: none !important;
}

#thread_types li a::after, .ttp li a::after {
    display: none !important;
}

/* 发新帖按钮旁边的标签栏 */
.bm .ttp {
    margin-top: 16px !important;
}