/* 自定义样式，使用漂亮的中文字体 */
        body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            background-color: white;
            font-family: 'Georgia', serif , '宋体', sans-serif;
            color: #333;
        }

        .container-fluid {
            display: flex;
            align-items: center;
        }
        .sidebar {
            background-color: #f8f9fa;
            padding: 1.5rem;
            padding-left: 1rem;
            border-right: 1px solid #ddd;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            overflow-y: auto;
            text-decoration:none;
        }
        .sidebar img {
        width: 60%; /* 图像占据 60% 的宽度 */
        height: auto;
        }
        .sidebar h3 {
            flex: 1;
            margin-bottom: 1.5rem;
            font-size: 24px;
        }
        .content {
            margin-left: 350px;
            padding: 1%;
            max-width: 68%;
            width: 68%;
        }

        .post-title {
            font-size: 1.75rem;
            font-weight: bold;
            margin-top: 1.5rem;
            margin-bottom: 1rem;
        }
        .post-content {
            font-size: 1rem;
            line-height: 1.8;
        }
        .footer {
            text-align: center;
            margin-top: auto;
            padding: 2rem 0;
            border-top: 1px solid #ddd;
            font-size: 0.875rem;
            color: #888;
        }


        #header-border {
        min-height: 8px;
        width: 100%;
        background-color: #ffb900;
        border-top: 8px solid #ff8c00;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        box-sizing: content-box;
        }

        .collapsing {
            transition: none !important;
            height: auto !important;
        }

        @media (min-width: 768px) {
            .sidebar {
                width: 280px;
                position: fixed;
            }
            .content {
                margin-left: 350px; /* 大屏幕时内容区域向右偏移 */
            }
        }

        @media (max-width: 768px) {
            .sidebar.collapse:not(.show) {
                display: none; /* collapse 收起时隐藏 */
            }

            .sidebar.collapse.show {
                position: relative;
                width: 100%;
                height: auto; /* 不固定高度，让内容撑开 */
                border-right: none;
                border-bottom: 1px solid #ddd;
            }

            .content {
                margin-left: 20px; /* 移除左侧边距 */
                margin-top:40px;
                padding: 5px; /* 内边距 */
                text-align: left; /* 内容居中 */
                max-width: 100%;
                width: 90%;
            }
        }