/* 鹿明机器人 Lumos — 品牌覆盖层（在 style.css 之后加载） */
:root {
    --navy: #16202a;
    --navy-light: #24323f;
    --navy-muted: #4a5a68;
    --accent: #6BAF31;
    --accent-warm: #CFD522;
    --brand-dark-1: #0a0e12;
    --brand-dark-2: #12181e;
}

/* ── 深色头部（品牌 LOGO 为白色版） ── */
.site-header {
    background: linear-gradient(135deg, var(--brand-dark-1) 0%, var(--brand-dark-2) 100%);
    border-bottom: none;
}
.site-header .site-logo { width: clamp(130px, 17vw, 190px); }
.site-header h1 { color: #fff; }
.site-header .header-sub { color: rgba(255, 255, 255, .62); }

.accent-bar {
    background: linear-gradient(90deg, var(--accent) 0%, var(--accent-warm) 100%);
}

/* ── 占位卡片（首期报告未出时） ── */
.month-card.is-pending { opacity: 1; }
.month-card.is-pending .month-date { background: #eef4e9; }
.month-card.is-pending .month-year,
.month-card.is-pending .month-num { color: var(--accent); }

.status-badge.is-pending {
    background: #eef4e9;
    color: #4e8524;
    border: 1px solid #cfe3bd;
}

/* ── 监测口径区块 ── */
.scope {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 30px 32px;
    margin-top: 28px;
}
.scope h2 {
    font-size: 17px;
    color: var(--navy);
    margin-bottom: 6px;
}
.scope .scope-lead {
    color: var(--muted);
    font-size: 13.5px;
    margin-bottom: 22px;
}
.scope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
}
.scope-item {
    border-left: 3px solid var(--accent);
    padding-left: 14px;
}
.scope-item.is-excl { border-left-color: #d5dbe0; }
.scope-item h3 {
    font-size: 13px;
    color: var(--navy);
    margin-bottom: 8px;
    letter-spacing: .02em;
}
.kw {
    display: inline-block;
    background: #f2f6ee;
    color: #4e8524;
    border: 1px solid #dfead4;
    border-radius: 6px;
    padding: 3px 9px;
    font-size: 12.5px;
    margin: 0 5px 6px 0;
}
.kw.is-excl {
    background: #f5f6f7;
    color: #7a8d9e;
    border-color: #e3e7ea;
    text-decoration: line-through;
    text-decoration-color: #c3ccd3;
}
.scope-note {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
    font-size: 13px;
    color: var(--slate);
}

/* ── 平台清单 ── */
.platforms {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}
.platforms span {
    background: #f4f6f8;
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 12.5px;
    color: var(--slate);
}

@media (max-width: 620px) {
    .scope { padding: 24px 20px; }
}