/* ============================================
   每日新闻推送看板 — 纸质报纸风格
   ============================================ */

/* ---------- 字体 ---------- */
:root {
    --paper: #cfb590;
    --paper-dark: #b89a6e;
    --ink: #2c2416;
    --ink-light: #5c4f3a;
    --ink-muted: #8a7d6b;
    --maroon: #8b2500;
    --maroon-light: #a0522d;
    --olive: #2d4a22;
    --olive-light: #4a6d3c;
    --navy: #1a3a5c;
    --navy-light: #2a5a8c;
    --gold: #b8860b;
    --gold-light: #d4a843;
    --border: #d5c8ad;
    --shadow: rgba(44, 36, 22, 0.06);
}

/* ---------- 全局 ---------- */
html {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    background-color: #cfb590;
    background-image:
        url("data:image/svg+xml,%3Csvg%20width%3D%22400%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cfilter%20id%3D%22p%22%3E%20%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.07%200.012%22%20numOctaves%3D%224%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%20result%3D%22h%22%2F%3E%20%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.012%200.07%22%20numOctaves%3D%224%22%20seed%3D%227%22%20stitchTiles%3D%22stitch%22%20result%3D%22v%22%2F%3E%20%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.003%22%20numOctaves%3D%223%22%20seed%3D%222%22%20stitchTiles%3D%22stitch%22%20result%3D%22l%22%2F%3E%20%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.08%22%20numOctaves%3D%222%22%20seed%3D%2211%22%20stitchTiles%3D%22stitch%22%20result%3D%22g%22%2F%3E%20%3CfeMerge%20result%3D%22noise%22%3E%20%3CfeMergeNode%20in%3D%22l%22%2F%3E%20%3CfeMergeNode%20in%3D%22h%22%2F%3E%20%3CfeMergeNode%20in%3D%22v%22%2F%3E%20%3CfeMergeNode%20in%3D%22g%22%2F%3E%20%3C%2FfeMerge%3E%20%3CfeColorMatrix%20type%3D%22matrix%22%20in%3D%22noise%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.07%200.07%200.05%200%200%22%2F%3E%20%3C%2Ffilter%3E%20%3Crect%20width%3D%22400%22%20height%3D%22400%22%20filter%3D%22url%28%23p%29%22%2F%3E%20%3C%2Fsvg%3E");
    background-repeat: repeat;
    color: var(--ink);
    min-height: 100vh;
}

/* ---------- 导航栏 — 报头风格 ---------- */
.navbar {
    background: linear-gradient(180deg, #1a1410 0%, #2c2018 100%) !important;
    border-bottom: 3px double var(--gold);
    box-shadow: 0 2px 12px var(--shadow);
    padding: 0.6rem 0;
}

.navbar-brand {
    font-family: "Songti SC", "STSongti-SC", "SimSun", "NSimSun", "Noto Serif CJK SC", serif;
    font-weight: 900;
    font-size: 1.4rem;
    letter-spacing: 2px;
    color: var(--gold-light) !important;
}

.navbar-brand i {
    color: var(--gold);
}

.navbar .nav-link {
    font-family: "Songti SC", "STSongti-SC", "SimSun", "NSimSun", "Noto Serif CJK SC", serif;
    font-weight: 600;
    font-size: 0.9rem;
    color: #c4b998 !important;
    letter-spacing: 1px;
    transition: color 0.2s;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--gold-light) !important;
}

.navbar .nav-link.active {
    border-bottom: 2px solid var(--gold);
}

/* ---------- 卡片 ---------- */
.card {
    border-radius: 4px;
    border: 1px solid var(--border);
    background: #fcf8f0;
    box-shadow: 0 1px 3px var(--shadow);
}

.card-header {
    border-radius: 4px 4px 0 0 !important;
    border-bottom: 1px solid var(--border);
    font-family: "Songti SC", "STSongti-SC", "SimSun", "NSimSun", "Noto Serif CJK SC", serif;
    font-weight: 700;
    letter-spacing: 1px;
}

/* ---------- 板块分区标题 ---------- */
.section-title {
    font-family: "Songti SC", "STSongti-SC", "SimSun", "NSimSun", "Noto Serif CJK SC", serif;
    font-weight: 900;
    letter-spacing: 3px;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 24px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
}

.section-title.daily { color: var(--maroon); }
.section-title.daily::after { background: var(--maroon); }

.section-title.deep { color: var(--olive); }
.section-title.deep::after { background: var(--olive); }

.section-title.global { color: var(--navy); }
.section-title.global::after { background: var(--navy); }

/* ---------- 每日速报 — 枣红色系 ---------- */
.board-daily .card-header {
    background: linear-gradient(135deg, #8b2500 0%, #a0522d 100%) !important;
    color: #fff;
    border-bottom: 1px solid #6b1c00;
}

.board-daily .card {
    border-left: 3px solid var(--maroon);
}

/* ---------- 深度文章 — 墨绿色系 ---------- */
.board-deep .card-header {
    background: linear-gradient(135deg, #2d4a22 0%, #4a6d3c 100%) !important;
    color: #fff;
    border-bottom: 1px solid #1d3a15;
}

.board-deep .card {
    border-left: 3px solid var(--olive);
}

/* ---------- 国际视野 — 靛蓝色系 ---------- */
.board-global .card-header {
    background: linear-gradient(135deg, #1a3a5c 0%, #2a5a8c 100%) !important;
    color: #fff;
    border-bottom: 1px solid #0f2a45;
}

.board-global .card {
    border-left: 3px solid var(--navy);
}

/* ---------- 新闻条目 ---------- */
.board-section .p-3 {
    transition: background 0.15s;
    border-bottom: 1px dotted var(--border);
}

.board-section .p-3:hover {
    background: #faf3e6;
}

.item-title {
    font-family: "Songti SC", "STSongti-SC", "SimSun", "NSimSun", "Noto Serif CJK SC", serif;
    font-weight: 600;
    color: var(--ink) !important;
    font-size: 0.95rem;
    line-height: 1.5;
    transition: color 0.2s;
}

.item-title:hover {
    color: var(--maroon) !important;
}

/* ---------- 顶部统计卡片 ---------- */
.board-nav-card {
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fcf8f0;
    border: 1px solid var(--border) !important;
}

.board-nav-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(139, 37, 0, 0.12) !important;
    border-color: var(--maroon-light) !important;
}

.board-nav-card .badge {
    background-color: var(--maroon) !important;
}

/* ---------- 直达顶部按钮 ---------- */
#scrollTopBtn {
    background: var(--maroon) !important;
    border-color: var(--maroon) !important;
}

#scrollTopBtn:hover {
    background: var(--maroon-light) !important;
    opacity: 1;
}

/* ---------- 板块锚点高亮 ---------- */
.board-section:target {
    animation: targetPulse 0.8s ease;
}

@keyframes targetPulse {
    0% { box-shadow: 0 0 0 0 rgba(139, 37, 0, 0.4); }
    50% { box-shadow: 0 0 0 10px rgba(139, 37, 0, 0.12); }
    100% { box-shadow: 0 0 0 0 rgba(139, 37, 0, 0); }
}

/* ---------- 排名徽章 ---------- */
.board-daily .badge.bg-secondary {
    background-color: var(--maroon-light) !important;
}
.board-deep .badge.bg-success {
    background-color: var(--olive-light) !important;
}
.board-global .badge.bg-warning {
    background-color: var(--gold) !important;
    color: #fff !important;
}

/* ---------- 历史卡片 ---------- */
.history-card {
    transition: all 0.2s ease;
    border: 1px solid var(--border);
    background: #fcf8f0;
}

.history-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px var(--shadow);
    border-color: var(--maroon-light);
}

/* ---------- 按钮 ---------- */
.btn-primary {
    background-color: var(--maroon) !important;
    border-color: var(--maroon) !important;
}

.btn-primary:hover {
    background-color: var(--maroon-light) !important;
    border-color: var(--maroon-light) !important;
}

.btn-outline-primary {
    color: var(--maroon) !important;
    border-color: var(--maroon) !important;
}

.btn-outline-primary:hover {
    background-color: var(--maroon) !important;
    color: #fff !important;
}

.btn-warning {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #fff !important;
}

/* ---------- 页脚 ---------- */
footer {
    background-color: var(--paper-dark) !important;
    border-top: 2px double var(--border) !important;
    color: var(--ink-muted) !important;
    font-family: "Songti SC", "STSongti-SC", "SimSun", "NSimSun", "Noto Serif CJK SC", serif;
    letter-spacing: 1px;
}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--paper-dark); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-muted); }

/* ---------- 加载动画 ---------- */
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(-10px); }
    to { opacity: 1; transform: translateX(0); }
}

/* ---------- 响应式 ---------- */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.1rem;
        letter-spacing: 1px;
    }
    h2.section-title {
        font-size: 1.3rem;
    }
    .item-title {
        font-size: 0.9rem;
    }
}