/**
 * B2Child 网址导航模块样式
 * 原: b2child_links_module_center_css()
 * 
 * 精确复刻TKFFF布局
 * 参照 https://www.tkfff.com/ 的实际数值
 * - max-width: 1600px
 * - 侧边栏: 180px
 * - 间距: 0px (gap)
 * - padding: 16px/28px
 */

/* 最外层容器 - 全宽灰色背景 */
.home_row.module-links {
    display: block !important;
    width: 100% !important;
    background: #f3f7fa !important;
    padding: 16px 0 !important;
    margin: 0 !important;
}

/* wrapper - 在容器内不需要额外样式 */
.links-modules-container .home_row.module-links > .wrapper,
.links-modules-container .home_row.module-links > div[class*="wrapper"] {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

/* 侧边栏 - 在容器内隐藏原有的widget-area */
.links-modules-container .home_row.module-links .widget-area {
    display: none !important;
}

/* 独立的分类导航侧边栏样式 */
.links-category-sidebar {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    position: sticky !important;
    top: 80px !important;
    align-self: flex-start !important;
}

/* 分类导航小工具样式 */
.home_row.module-links .widget-area .links-cat-nav-widget {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    width: 100% !important;
}

.home_row.module-links .widget-area .links-cat-nav-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.home_row.module-links .widget-area .cat-nav-item {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.home_row.module-links .widget-area .cat-nav-item:last-child {
    border-bottom: none !important;
}

.home_row.module-links .widget-area .cat-nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    color: #374151 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.home_row.module-links .widget-area .cat-nav-link:hover {
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f4fd 100%) !important;
    color: #093290 !important;
}

.home_row.module-links .widget-area .cat-nav-item.active .cat-nav-link {
    background: linear-gradient(135deg, #1565c0 0%, #093290 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.home_row.module-links .widget-area .cat-nav-link .b2font,
.home_row.module-links .widget-area .cat-nav-link .cat-nav-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 16px !important;
    color: #6366f1 !important;
    flex-shrink: 0 !important;
}

.home_row.module-links .widget-area .cat-nav-link:hover .b2font {
    color: #093290 !important;
}

.home_row.module-links .widget-area .cat-nav-item.active .cat-nav-link .b2font,
.home_row.module-links .widget-area .cat-nav-item.active .cat-nav-link .cat-nav-icon {
    color: #ffffff !important;
    filter: brightness(0) invert(1) !important;
}

.home_row.module-links .widget-area .cat-nav-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.home_row.module-links .widget-area .cat-nav-footer .cat-nav-link {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    color: #64748b !important;
}

.home_row.module-links .widget-area .cat-nav-footer .cat-nav-link:hover {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%) !important;
    color: #4f46e5 !important;
}

/* 内容区 - 在容器内占满剩余空间 */
.links-modules-container .home_row.module-links .content-area,
.links-modules-container .home_row.module-links .home-row-left {
    flex: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* link-box内部样式 */
.home_row.module-links .link-box {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================
   强制统一所有网址导航的卡片样式 - TKFFF标准
   使用最高优先级确保覆盖所有其他样式
   ============================================ */

/* 卡片容器统一样式 */
.home_row.module-links .link-item,
.home_row.module-links .link-list li a,
.home_row.module-links .compact-item,
.home_row.module-links .compact-list li,
.home_row.module-links .erp-card {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 8px !important;
    background-color: rgb(255, 255, 255) !important;
    padding: 8px !important;
    transition: background-color 0.2s ease !important;
    text-decoration: none !important;
    height: auto !important;
    min-height: 52px !important;
}

/* 悬停效果统一 */
.home_row.module-links .link-item:hover,
.home_row.module-links .link-list li a:hover,
.home_row.module-links .compact-item:hover,
.home_row.module-links .erp-card:hover {
    background-color: rgb(242, 246, 252) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 统一图标尺寸 */
.home_row.module-links .link-icon,
.home_row.module-links .link-icon img,
.home_row.module-links .compact-icon,
.home_row.module-links .compact-icon img,
.home_row.module-links .erp-card-icon img {
    height: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    border-radius: 9999px !important;
    flex-shrink: 0 !important;
    margin-right: 8px !important;
}

/* 统一标题字体 */
.home_row.module-links .link-name,
.home_row.module-links .link-title span,
.home_row.module-links .compact-name,
.home_row.module-links .compact-content .compact-name,
.home_row.module-links .erp-card-title {
    font-size: 14px !important;
    color: rgb(51, 51, 51) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* 统一描述文字 */
.home_row.module-links .link-desc,
.home_row.module-links .compact-desc,
.home_row.module-links .erp-card-desc {
    margin-top: 2px !important;
    font-size: 12px !important;
    line-height: 20px !important;
    color: rgb(139, 139, 153) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 响应式 - 只在768px以下隐藏侧边栏 */
@media (max-width: 768px) {
    .home_row.module-links > .wrapper,
    .home_row.module-links > div[class*="wrapper"] {
        padding: 0 !important;
    }
    .home_row.module-links .widget-area {
        display: none !important;
    }
    .home_row.module-links .content-area,
    .home_row.module-links .home-row-left {
        margin-left: 0 !important;
    }
}

/* 标题区域样式 */
.home_row.module-links .link-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 0 16px 0 !important;
    margin: 0 0 16px 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.home_row.module-links .link-title-left h2 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    background: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}