body {
    font-family: "Noto Sans SC", sans-serif;
}

.card {
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.list-group-item {
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.list-group-item:hover {
    background-color: #f8f9fa;
}

.content {
    white-space: pre-wrap;
    word-break: break-all;
}

.navigation {
    margin-bottom: 20px;
}



      .fixed-buttons {

                position: fixed;
                top: 80px; /* 距离顶部距离 */
                right: 20px;
                display: flex;
                flex-direction: row; /* 水平排列 */
                gap: 10px; /* 按钮间距 */
                padding: 8px 12px;
                background: white;
                border-radius: 8px;
                box-shadow: 0 2px 8px rgba(0,0,0,0.1);

        }

        .btn-header:hover {
            background: rgba(0,0,0,0.05);
            border-radius: 4px;
        }

        /* 暗黑模式下头部按钮样式 */
        .dark-mode{
            color:white ;
            background: black;
        }


        .light {
            color: black;
            background: white;
        }


        @media (max-width: 768px) {
          .navigation {
                flex-direction: column;
            }
            .navigation .btn {
                margin: 10px 0;
            }
             .page-size-select {
                display: none;
              }

              /* 调整按钮间距 */
              .pagination .btn {
                margin: 0 5px;
              }
            .fixed-buttons {
                display: none  !important; /* 强制显示 */
                transition: all 0.3s ease; /* 添加过渡效果 */
            }

            .fixed-buttons.show {
                display: flex !important; /* 强制显示 */
            }

            /* 触发按钮样式 */
            .btn-trigger {
                position: fixed;
                right: 15px;
                bottom: 15px;
                background: white;
                border-radius: 50%;
                width: 50px;
                height: 50px;
                display: flex  !important; /* 强制显示 */
                align-items: center;
                justify-content: center;
                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                transition: transform 0.2s;
                font-size: 10px;
            }

            .btn-trigger:hover {
                transform: scale(0.95);
            }

        }
        .btn-trigger {
            display: none; /* 默认隐藏 */
        }

        /* 动态主题图标切换（初始为夜间模式图标） */
        .theme-toggle .bi {
            transition: transform 0.3s; /* 平滑过渡 */
        }