/*
 * 版权所有(C) 云朵科技 2016-2025 所有权利保留
 * 项目名： x-api-service
 * 文件名： style.css
 * 模块说明：
 * 修改历史:
 * 2025-4-4 12:00:33 - 云朵科技
 */
/* 重置全局样式 */
@font-face {
    font-family: 'Roboto Slab';
    font-weight: normal;
    font-style: normal;
    font-display: optional; /* 避免字体闪烁 */
}

* {
    margin: 0;
    padding: 0;
    /*box-sizing: border-box;*/
}
/* 统一处理P标签 */
p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
body {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
    overflow-x: hidden; /* 禁用横向滚动条 */
}
/* 在全局CSS中添加 */
html.grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.mourning-banner {
    background: #222;
    color: #fff;
    padding: 12px;
    text-align: center;
    font-size: 16px;
    position: sticky;
    top: 0;
    z-index: 10000;
}
/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    color: #0056b3;
}

/* 容器样式 */
.container {
    max-width: 1200px; /* 设置最大宽度，避免过宽 bootstrap最大宽度也是这个 */
    margin: 0 auto; /* 水平居中 */
    /* padding: 0 20px; 左右内边距，避免内容贴边 */
}

/* 主内容区域样式 */
main {
    margin-top: 20px; /* 与导航栏的间距 */
    padding: 20px 0; /* 内边距 */
    background-color: white; /* 白色背景 */
    border-radius: 8px; /* 圆角效果 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

.card {
    margin-bottom: 20px;
}

.section-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 15px;
}