/* 解除内容区域最大宽度限制，支持宽屏 */
.book .book-body .page-wrapper .page-inner {
    max-width: none;
    padding: 0 290px 0 2em !important;
}

.book .book-body .body-inner {
    left: 70px !important;
} 

.book .book-body .body-inner .book-header .pull-right {
    display: none !important;
}

/* 可选：让代码块也自适应 */
.book .book-body .page-wrapper .page-inner pre,
.book .book-body .page-wrapper .page-inner code {
    white-space: pre-wrap;
    word-break: break-all;
}

/* 可选：侧边栏保持固定或响应式 */
.book .book-body .page-wrapper .page-inner .book-summary {
    width: 250px; /* 默认值，可按需调整 */
}

/* page-toc 固定在右侧样式 - 美化版 */
.page-toc {
    position: fixed !important;
    top: 120px !important;
    right: 20px !important;
    width: 250px !important;
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto !important;
    background-color: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 8px !important; /* 圆角边框 */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; /* 更柔和的阴影 */
    color: #333333 !important;
    z-index: 9999 !important;
    padding: 15px !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    transition: box-shadow 0.3s ease !important; /* 平滑的阴影过渡效果 */
}

/* 鼠标悬停时的增强阴影效果 */
.page-toc:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* 菜单标题样式 */
.page-toc h4 {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    border-bottom: 2px solid #ecf0f1 !important;
    padding-bottom: 8px !important;
}

/* 菜单项样式 */
.page-toc .page-toc-item {
    padding: 8px 10px !important;
    color: #4a5568 !important;
    border-bottom: 1px solid #edf2f7 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    border-radius: 4px !important;
    margin-bottom: 2px !important;
}

/* 最后一个项目移除底边框 */
.page-toc .page-toc-item:last-child {
    border-bottom: none !important;
}

/* 菜单项悬停效果 */
.page-toc .page-toc-item:hover {
    background-color: #f7fafc !important;
    color: #2d3748 !important;
    padding-left: 15px !important;
    transform: translateX(2px) !important; /* 轻微的位移效果 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

/* 当前选中项样式 */
.page-toc .page-toc-item.active {
    background-color: #ebf8ff !important;
    color: #2b6cb0 !important;
    font-weight: 500 !important;
    border-left: 3px solid #3182ce !important;
    padding-left: 12px !important;
}

/* 链接样式 */
.page-toc a {
    color: #4a5568 !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    transition: color 0.2s ease !important;
}

/* 链接悬停样式 */
.page-toc a:hover {
    color: #2b6cb0 !important;
    text-decoration: none !important;
}

/* 层级缩进样式 */
.page-toc .page-toc-item.level-2 {
    padding-left: 20px !important;
    font-size: 14px !important;
}

.page-toc .page-toc-item.level-3 {
    padding-left: 35px !important;
    font-size: 13px !important;
}

.page-toc .page-toc-item.level-4 {
    padding-left: 50px !important;
    font-size: 12px !important;
}

/* 图标样式（如果需要添加图标） */
.page-toc .page-toc-item::before {
    content: "•" !important;
    margin-right: 6px !important;
    color: #a0aec0 !important;
}

.page-toc .page-toc-item.active::before {
    color: #3182ce !important;
    font-weight: bold !important;
}

/* 滚动条样式 */
.page-toc::-webkit-scrollbar {
    width: 6px !important;
}

.page-toc::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 3px !important;
}

.page-toc::-webkit-scrollbar-thumb {
    background: #c5c5c5 !important;
    border-radius: 3px !important;
}

.page-toc::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8 !important;
}