/* 添加动态渐变背景动画 */
@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* 页面整体动态渐变背景 */
.docs-page {
    padding: 40px 0;
    background: linear-gradient(-45deg, 
        rgba(255, 255, 255, 1) 0%,
        rgba(248, 250, 255, 0.8) 25%,
        rgba(250, 252, 255, 0.8) 50%,
        rgba(248, 250, 255, 0.8) 75%,
        rgba(255, 255, 255, 1) 100%
    );
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
}

.docs-sidebar {
    background: #f5f7fa;  /* 更浅的背景色 */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.docs-sidebar h5 {
    font-size: 18px;
    margin-bottom: 15px;
}

/* 重置所有链接样式 */
.docs-sidebar .nav-link {
    display: block;
    padding: 8px 12px;  /* 恢复正常内边距 */
    color: #666;
    font-size: 14px;
    border-radius: 6px;
    margin-bottom: 2px;
    transition: all 0.3s;
    text-decoration: none;
    border: none;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.05);  /* 保留淡色分隔线 */
}

/* 使用更强的选择器 */
.docs-sidebar .nav-link.active,
.docs-sidebar .nav-link.active:hover,
.docs-sidebar .nav-link.active:focus,
.docs-sidebar .nav-item .nav-link.active,
.docs-page .docs-sidebar .nav-link.active {
    background-color: #e6edff !important;  /* 更浅的选中背景色 */
    color: #2563eb !important;
    font-weight: 500;
}

/* 调整悬停状态的背景色 */
.docs-sidebar .nav-link:hover,
.docs-sidebar .nav-link:focus,
.docs-page .docs-sidebar .nav-link:hover,
.docs-page .docs-sidebar .nav-link:focus,
.docs-page .docs-sidebar .nav-link:active {
    background-color: #f0f4ff !important;  /* 更浅的悬停背景色 */
    color: #2563eb !important;
}

/* 移除所有可能的下划线 */
.docs-sidebar .nav-link::after,
.docs-sidebar .nav-link::before {
    display: none;
}

/* 覆盖 Bootstrap 默认样式 */
.nav-link {
    text-decoration: none !important;
    border: none !important;
}

/* 移除箭头相关的样式 */
.docs-sidebar .nav-link::before {
    display: none;
}

/* 激活状态的箭头样式 */
.docs-sidebar .nav-link.active::before {
    color: #2563eb;
}

/* 移除最后一个导航项的分隔线 */
.docs-sidebar .nav-item:last-child .nav-link {
    border-bottom: none;
}

.docs-section {
    margin-bottom: 40px;
}

.docs-section h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.docs-section p {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}

/* 优化表格表头样式 */
.table thead {
    background-color: #f0f4f8;  /* 更明显的表头背景色 */
}

.table thead th {
    font-weight: 600;  /* 加粗表头文字 */
    color: #1e293b;
    padding: 12px 16px;
    background-color: #f0f4f8;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 14px;  /* 表头文字稍大一点 */
}

/* 调整表格文字大小和列宽 */
.table th:first-child,
.table td:first-child {
    width: 200px;  /* 增加错误码列宽 */
    text-align: center;
    font-size: 13px;  /* 错误码文字稍小 */
}

.table th:last-child,
.table td:last-child {
    padding-left: 24px;
    font-size: 13px;  /* 说明文字稍小 */
    width: calc(100% - 200px);  /* 占据剩余宽度 */
}