/* ====================
   网站地图模块 - （优化版）
   ==================== */
* { box-sizing: border-box; }
        body { 
            font-family: "Microsoft YaHei", sans-serif; 
            margin: 0; 
            padding: 20px; 
            background: #f5f5f5; 
            line-height: 1.6; 
        }
        .container { 
            max-width: 900px; 
            margin: 0 auto; 
            background: #fff; 
            padding: 30px; 
            border-radius: 8px; 
            box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
        }
        h1 { 
            text-align: center; 
            color: #333; 
            border-bottom: 2px solid #007bff; 
            padding-bottom: 10px; 
        }
        .search-box { 
            text-align: center; 
            margin: 20px 0; 
        }
        .search-box input { 
            width: 100%; 
            max-width: 400px; 
            padding: 10px; 
            font-size: 16px; 
            border: 1px solid #ddd; 
            border-radius: 20px; 
            text-align: center; 
        }
        .msg { 
            text-align: center; 
            color: #666; 
            margin-bottom: 20px; 
        }
        .err { 
            color: #d9534f; 
            font-weight: bold; 
        }
        ul { 
            list-style: none; 
            padding: 0; 
        }
        li { 
            margin: 15px 0; 
            padding: 10px; 
            border-bottom: 1px solid #eee; 
        }
        a { 
            text-decoration: none; 
            color: #007bff; 
            font-size: 16px; 
        }
        a:hover { 
            text-decoration: underline; 
        }
        .time { 
            font-size: 12px; 
            color: #999; 
            margin-left: 10px; 
        }
        @media (max-width: 600px) {
            .container { 
                margin: 10px; 
                padding: 15px; 
            }
            h1 { 
                font-size: 20px; 
            }
            .search-box input { 
                font-size: 14px; 
            }
        }

/* 网站地图返回页顶标签 */
    #back-to-top {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 40px;
        height: 40px;
        background: linear-gradient(135deg, #007bff, #ff00ff); /* 蓝色渐变粉色 */
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4);
        transition: transform 0.2s, opacity 0.3s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
    }
    #back-to-top:hover {
        transform: translateY(-2px); /* 悬浮上移效果 */
        box-shadow: 0 6px 20px rgba(0, 123, 255, 0.6);
    }
    #back-to-top.show {
        opacity: 1;
        visibility: visible;
    }
    #back-to-top::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid red; /* 白色white箭头 */
    }

/* 新增底部 foot 模块配置 */
    
    /* 1. 针对 .button-group 的 Flexbox 样式 */
    .button-group {
        display: flex;          /* 开启弹性盒子布局 */
        justify-content: center;/* 主轴（水平）居中对齐 */
        align-items: center;    /* 交叉轴（垂直）居中对齐（防止按钮高度不一致） */
        gap: 10px;              /* 按钮之间的间距，现代浏览器支持，兼容性好于 margin */
        flex-wrap: wrap;        /* 允许换行，防止小屏幕下按钮挤在一起 */
        margin-top: 15px;       /* 与上面的版权文字保持距离 */
    }

    /* 2. 确保按钮本身宽度一致或自适应 */
    .visit-btn {
        /* 原有的样式 */
        /* 这里可以根据需要添加 padding 或 min-width */
        white-space: nowrap;    /* 防止按钮文字在小屏幕上换行 */
    }

    /* 3. 确保链接不产生额外间隙（可选） */
    .button-group a {
        text-decoration: none;
        display: contents; /* 让 a 标签不产生视觉框，让 button 直接参与 flex 布局 */
    }

footer p {
    text-align: center !important; /* 控制底部文字居中 */
}