/**
 * 强制显示侧边栏 - 突破所有样式限制
 * 使用最高优先级覆盖父主题和所有其他样式
 * 注意：只应用于链接模块页面，不影响文章页面的侧边栏
 */

/* 强制显示侧边栏 - 只针对链接模块页面 */
.home_row.module-links .widget-area,
.home_row.module-links .links-category-sidebar,
.home_row.module-links #links-category-sidebar,
.links-modules-container .links-category-sidebar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    z-index: 100 !important;
}

/* 强制wrapper使用flex布局 */
.home_row.module-links > .wrapper,
.home_row.module-links > div[class*="wrapper"] {
    display: flex !important;
    flex-direction: row !important;
    gap: 0 !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important; /* 移动端默认0 */
    box-sizing: border-box !important;
    align-items: flex-start !important;
}
/* PC端wrapper padding */
@media (min-width: 769px) {
    .home_row.module-links > .wrapper,
    .home_row.module-links > div[class*="wrapper"] {
        padding: 0 30px !important;
    }
}

/* 强制内容区使用flex */
.home_row.module-links .content-area,
.home_row.module-links .home-row-left {
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
}

/* 移除所有响应式隐藏 - 强制显示 */
@media (max-width: 1920px) {
    .home_row.module-links .widget-area,
    .home_row.module-links .links-category-sidebar,
    .links-category-sidebar,
    #links-category-sidebar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 1600px) {
    .home_row.module-links .widget-area,
    .home_row.module-links .links-category-sidebar,
    .links-category-sidebar,
    #links-category-sidebar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 1280px) {
    .home_row.module-links .widget-area,
    .home_row.module-links .links-category-sidebar,
    .links-category-sidebar,
    #links-category-sidebar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 1200px) {
    .home_row.module-links .widget-area,
    .home_row.module-links .links-category-sidebar,
    .links-category-sidebar,
    #links-category-sidebar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 1024px) {
    .home_row.module-links .widget-area,
    .home_row.module-links .links-category-sidebar,
    .links-category-sidebar,
    #links-category-sidebar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .links-modules-container {
        display: grid !important;
        grid-template-columns: 152px 1fr !important;
        gap: 0 !important;
    }
}

/* 只在768px以下隐藏侧边栏 */
@media (max-width: 768px) {
    .home_row.module-links .widget-area,
    .home_row.module-links .links-category-sidebar,
    .links-category-sidebar,
    #links-category-sidebar {
        display: none !important;
    }
    .links-modules-container {
        grid-template-columns: 1fr !important;
        padding: 0 !important;
    }
    .links-modules-container .home_row.module-links {
        grid-column: 1 !important;
    }
    .home_row.module-links > .wrapper,
    .home_row.module-links > div[class*="wrapper"] {
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* 确保链接模块侧边栏内容可见 */
.home_row.module-links .widget-area *,
.links-modules-container .links-category-sidebar * {
    max-width: 100% !important;
}

/* 侧边栏背景 */
.links-sidebar-background {
    display: block !important;
    visibility: visible !important;
    width: 152px !important;
}

/* Flex容器强制显示 - 居中布局核心 */
.links-modules-container {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 30px !important; /* 左右对称30px，与搜索模块一致 */
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: flex-start !important; /* 关键：让sticky生效 */
}

/* 侧边栏外层容器 */
.links-sidebar-wrapper {
    width: 180px !important;
    min-width: 180px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    align-self: stretch !important;
    margin-right: 0 !important;
}

/* 侧边栏 - JS控制跟随滚动 */
.links-sidebar-wrapper .links-category-sidebar,
.links-modules-container .links-category-sidebar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    will-change: transform !important;
    width: 180px !important;
}

/* 内容区域容器 */
.links-content-wrapper {
    flex: 1 !important;
    min-width: 0 !important;
}

/* 侧边栏菜单项强制显示 */
.links-cat-nav-widget,
.links-cat-nav-list,
.cat-nav-item,
.cat-nav-link {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   修复文章页面作者面板样式 - 恢复B2主题原生样式
   这些样式必须在这里，因为这个文件加载顺序靠后
   ============================================ */

/* 文章页面侧边栏 - 恢复正常宽度和布局 */
.single .widget-area,
.single #secondary,
.b2-single-content .widget-area,
.b2-single-content #secondary {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    flex-direction: column !important;
    display: block !important;
    flex-shrink: 0 !important;
}

/* 作者面板容器 */
.b2-widget-author .author-widget-content {
    padding: 10px 16px !important;
}

/* 作者信息区域 - 水平布局 */
.b2-widget-author .w-a-info {
    display: flex !important;
    flex-direction: row !important;
    position: relative !important;
    align-items: center !important;
    width: 100% !important;
}

/* 作者头像 */
.b2-widget-author .w-a-info img.avatar {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    display: block !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

/* 作者名字区域 */
.b2-widget-author .w-a-name {
    flex: 1 !important;
    min-width: 0 !important;
    display: block !important;
}

/* 作者名字 */
.b2-widget-author .w-a-name p {
    font-size: 17px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* 等级标签容器 */
.b2-widget-author .w-a-lv {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 4px !important;
}

/* 统计数据区域 */
.b2-widget-author .w-a-count {
    display: flex !important;
    flex-flow: wrap !important;
    margin: 16px -16px 8px !important;
    background: #f5f6f7 !important;
    width: calc(100% + 32px) !important;
}

.b2-widget-author .w-a-count > div {
    width: 25% !important;
    text-align: center !important;
    margin: 10px 0 !important;
    font-size: 12px !important;
}

.b2-widget-author .w-a-count > div span {
    font-size: 16px !important;
    font-weight: 600 !important;
    display: block !important;
}

/* 移动端覆盖 - wrapper无padding */
@media (max-width: 768px) {
    .home_row.module-links > .wrapper,
    .home_row.module-links > div[class*="wrapper"] {
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}