body{
    background-color: #f3f3f3;
}/* static/css/init.css */

/* 1. 全局字体与背景：引入宋体/衬线体，营造书卷气 */
body {
    background-color: #f9f7f2; /* 米宣纸色背景 */
    font-family: "Noto Serif SC", "Songti SC", "SimSun", "Times New Roman", serif;
    color: #3e3c3a; /* 墨灰色文字，不刺眼 */
    font-size: 16px;
    line-height: 1.6;
}

/* 2. 链接去除下划线，使用淡雅的过渡 */
a {
    color: #3e3c3a;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #b85c5c; /* 悬停变为丹砂红 */
    text-decoration: none;
}

/* 3. 导航栏美化：去除Bootstrap默认的灰色，改为纯净风格 */
.navbar {
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); /* 极淡的阴影，像宣纸浮在桌面上 */
    border-bottom: 1px solid #efeadd;
}

.navbar-brand {
    font-weight: bold;
    color: #b85c5c !important; /* Logo 使用丹砂红 */
    font-family: "KaiTi", "楷体", serif; /* Logo 可以用楷体 */
    font-size: 24px;
}

.nav-link {
    color: #666 !important;
    font-weight: 500;
}

.nav-link:hover {
    color: #b85c5c !important;
}

/* 4. 按钮美化：扁平化，去立体感 */
.btn-primary {
    background-color: #4d8076; /* 竹青色 */
    border-color: #4d8076;
    color: #fff;
    border-radius: 2px; /* 稍微方正一点，不要太圆 */
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #3a635b;
    border-color: #3a635b;
}

/* 搜索框美化 */
.form-control {
    background-color: #fdfcf8;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
}

.btn-outline-success {
    color: #4d8076;
    border-color: #4d8076;
}

.btn-outline-success:hover {
    background-color: #4d8076;
    color: #fff;
    border-color: #4d8076;
}

/* static/css/init.css 最底部追加 */

/* 底部页脚区域 */
.footer {
    margin-top: 60px; /* 与上方内容拉开距离 */
    padding: 30px 0 40px 0;
    text-align: center;
    border-top: 1px solid #e0ded5; /* 极淡的米色分割线 */
    font-size: 12px;
    color: #999; /* 浅灰色文字 */
    font-family: "Songti SC", "SimSun", serif; /* 宋体 */
    background-color: #faf9f6; /* 极淡的底色，几乎透明 */
}

.footer a {
    color: #999;
    text-decoration: none;
    transition: color 0.3s;
    margin: 0 5px;
}

.footer a:hover {
    color: #b85c5c; /* 悬停时变为丹砂红 */
    text-decoration: none;
}

.footer-icon {
    width: 16px;
    height: 16px;
    vertical-align: -3px; /* 微调图标位置，让它和文字对齐 */
    margin-right: 3px;
}