/* 工具导航唯一父容器 - 核心：隔绝外部样式污染 */
.tool-nav-container {
    width: 100%;
    box-sizing: border-box;
}

/* 工具导航整体容器（加命名空间前缀） */
.tool-nav-container .tool-nav-wrap {
    margin: 10px 0;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* 单个工具卡片（加命名空间前缀） */
.tool-nav-container .tool-card {
    flex: 1;
    min-width: 280px;
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    /* 防外部样式覆盖背景/边框 */
    background-color: #fff !important;
    border: 1px solid #eee !important;
}

/* 卡片标题（加命名空间前缀） */
.tool-nav-container .tool-card-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    position: relative;
    /* 防外部样式覆盖字体/颜色 */
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 600 !important;
}

/* 标题蓝色下划线（加命名空间前缀） */
.tool-nav-container .tool-card-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #007bff;
    /* 防外部样式覆盖下划线 */
    background-color: #007bff !important;
}

/* 链接网格布局（加命名空间前缀） */
.tool-nav-container .tool-link-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    font-size: 14px;
    color: #4e5969;
    /* 防外部样式覆盖布局 */
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
}

/* 导航链接样式（加命名空间前缀 + 强防护） */
.tool-nav-container .tool-link {
    color: #4e5969 !important; /* 强制保留默认文字颜色 */
    text-decoration: none !important; /* 强制去掉下划线 */
    line-height: 1.5 !important;
    font-size: 14px !important; /* 强制保留默认字号 */
    background: none !important; /* 强制去掉背景色（解决绿色按钮问题） */
    border: none !important; /* 强制去掉边框 */
    padding: 0 !important; /* 强制去掉内边距 */
    display: block !important; /* 保持原有布局 */
}

/* 链接hover样式（防污染） */
.tool-nav-container .tool-link:hover {
    color: #007bff !important; /* hover只变文字颜色 */
    text-decoration: none !important;
    background: none !important; /* 确保没有背景色 */
}