/* ==========================================================================
   板块底色深浅交替
   --------------------------------------------------------------------------
   用法：在页面最外层的板块容器上叠加 .band-light / .band-white / .band-deep，
        相邻板块交替使用，形成清晰的一深一浅节奏。

   为什么要带元素名：
       合作页面的 .pe-section / .pe-section-alt 以及各页自身的板块 class
       （.ft-rules、.ku-contact、.taocan…）都是「单个 class」的背景规则，且
       page-enhance.css 大多在页面 CSS 之后加载。这里统一写成
       section.band-deep / div.band-deep 这种「元素 + class」的形式，
       层叠优先级高于它们，因此与本文件的加载顺序无关，稳定生效。

   换色只需改下面这几个 --band-* 变量。
   ========================================================================== */
:root {
    --band-white: #ffffff;       /* 白带 */
    --band-light: #f7fafd;       /* 浅带：淡蓝灰，白卡片仍有层次 */
    --band-deep-from: #d9e6f5;   /* 深带：渐变起 */
    --band-deep-to: #e9f2fb;     /* 深带：渐变止 */
}

section.band-white,
div.band-white,
header.band-white,
main.band-white {
    background: var(--band-white);
}

section.band-light,
div.band-light,
header.band-light,
main.band-light {
    background: var(--band-light);
}

section.band-deep,
div.band-deep,
header.band-deep,
main.band-deep {
    background: linear-gradient(180deg, var(--band-deep-from) 0%, var(--band-deep-to) 100%);
}