/* 顶部论坛板块专用样式 - 保持与原版本完全一致 */

/* 覆盖主题的圆角CSS变量 */
:root {
    --main-radius: 0px !important;
}

/* 强制覆盖所有论坛圆角样式 */
.forum-header,
.forum-header *,
div.forum-header,
div.forum-header *,
body .forum-header,
body .forum-header *,
html body .forum-header,
html body .forum-header * {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

/* 强制移除论坛区域所有圆角 */

.forum-header-top,
.forum-header-top *,
.forum-header-top div,
.forum-header-top span,
.forum-header-top img,
.forum-header-top a,
.forum-header-top button {
    border-radius: 0 !important;
}

/* 强制隐藏所有原始的forum-header */
.forum-header.blur-header {
    display: none !important;
}

/* 隐藏原始的关注按钮，但保持在DOM中以便功能调用 */
.forum-header.blur-header .btn-follow,
.forum-header:not(.forum-header-top) .btn-follow {
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* 只显示我们创建的顶部版本 */
.forum-header-top {
    display: flex !important;
}

/* 确保顶部版本的按钮正确显示 - 红色底白字更显眼 */
.forum-header-top .btn-follow,
.forum-header-top a.btn-follow,
div.forum-header-top .btn-follow {
    background: #f44336 !important;
    border: 1px solid #f44336 !important;
    color: white !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.forum-header-top .btn-follow:hover,
.forum-header-top a.btn-follow:hover,
div.forum-header-top .btn-follow:hover {
    background: #d32f2f !important;
    border-color: #d32f2f !important;
    color: white !important;
}

.forum-header-top .dropdown > a {
    color: #666 !important;
    background: none !important;
    border: none !important;
    padding: 4px !important;
    font-size: 16px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer !important;
}

.forum-header-top .dropdown > a:hover {
    color: #333 !important;
}

/* 下拉菜单样式 */
.forum-header-top .dropdown {
    position: relative !important;
}

.forum-header-top .dropdown-menu {
    position: absolute !important;
    top: calc(100% + 2px) !important;
    right: 0 !important;
    background: white !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    z-index: 9999 !important;
    min-width: 150px !important;
    display: none !important;
    padding: 5px 0 !important;
}

/* 显示下拉菜单的状态类 - 使用更高优先级选择器 */
.forum-header-top .dropdown.show .dropdown-menu,
.forum-header-top .dropdown.show > .dropdown-menu,
div.forum-header-top .dropdown.show .dropdown-menu,
body .forum-header-top .dropdown.show .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.forum-header-top .dropdown-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.forum-header-top .dropdown-menu li a {
    display: block !important;
    padding: 8px 12px !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.forum-header-top .dropdown-menu li:last-child a {
    border-bottom: none !important;
}

.forum-header-top .dropdown-menu li a:hover {
    background: #f8f9fa !important;
    color: #000 !important;
}

/* 顶部版本的调整 - 只调整位置，保持原有样式 */
.forum-header.forum-header-top {
    /* 确保全宽显示 */
    width: 100% !important;
    max-width: none !important;
    
    /* 保持与原版本相同的间距，整体向左移动10px */
    margin: 0 0 8px -10px !important;
    padding: 16px !important;
    
    /* 保持原版本的背景和边框 */
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e5e5e5 !important;
    
    /* 移除所有阴影和动效 */
    box-shadow: none !important;
    transition: none !important;
    transform: none !important;
    
    /* 确保在顶部显示正确 */
    position: relative !important;
    z-index: 100 !important;
}

/* 移除任何伪元素背景 */
.forum-header.forum-header-top::before {
    display: none !important;
}

/* 移除悬停效果 */
.forum-header.forum-header-top:hover {
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
}

/* 确保顶部版本的所有子元素保持原样 */
.forum-header.forum-header-top * {
    transition: none !important;
}

/* 复制必要的基础样式到顶部版本 */
.forum-header.forum-header-top {
    display: flex !important;
    flex-direction: column !important;
}

.forum-header.forum-header-top .flex.ac {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
}

.forum-header.forum-header-top .item-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.forum-header.forum-header-top .plate-thumb {
    width: 85px !important;
    height: 85px !important;
    flex-shrink: 0 !important;
}

/* 给社团说明添加左边距10px - 使用最高权重 */
html body .desc.px12-sm.mt6,
body .desc.px12-sm.mt6,
.desc.px12-sm.mt6 {
    margin-left: 10px !important;
}


/* 顶部右侧按钮区域定位修正 */
.forum-header-top [style*="position: absolute"][style*="top: 8px"][style*="right: 10px"] {
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
    z-index: 100 !important;
}

/* 确保下拉菜单在正确位置显示 */
.forum-header-top .dropdown-menu {
    position: absolute !important;
    top: calc(100% + 2px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9999 !important;
}


/* 移动端保持相同间距 */
@media (max-width: 768px) {
    .forum-header.forum-header-top {
        margin: 0 0 6px 0 !important;
        padding: 6px !important;
    }
    
    /* 移动端按钮区域调整 */
    .forum-header-top [style*="position: absolute"][style*="top: 8px"][style*="right: 10px"] {
        top: 6px !important;
        right: 6px !important;
    }
    
}