/* 这里确保容器正确显示为flex布局 */
        .container {
            display: flex;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            width: 100%;
            box-sizing: border-box;
        }

        /* 左侧目录栏宽度 */
        .sidebar {
            width: 350px; /* 增大左侧栏的宽度 */
            padding-right: 20px;
            border-right: 2px solid #ddd;
            box-sizing: border-box;
            
        }

        /* 右侧内容区域 */
        .content {
            flex-grow: 1;
            padding-left: 20px;
            box-sizing: border-box;
        }

        /* 目录样式 */
        .toc {
            list-style-type: none;
            padding: 0;
        }
        .toc li {
            margin: 10px 0;
        }
        .toc a {
            text-decoration: none;
            color: #007bff;
            font-size: 16px;
        }
        .toc a:hover {
            text-decoration: underline;
        }