/* ══════ 多页面统一主题色 ══════ */
/* 颜色由 CSS @keyframes 原生驱动（走合成器管线），JS 仅控制相位同步 */
:root {
    --cr: 92;  --cg: 184; --cb: 133;
    --clr: 181; --clg: 234; --clb: 215;
    --theme-color: rgb(92,184,133);
    --theme-light: rgb(181,234,215);
    --theme-color-01: rgba(92,184,133,0.10);
    --theme-color-025: rgba(92,184,133,0.25);
    --theme-color-03: rgba(92,184,133,0.30);
    --theme-color-04: rgba(92,184,133,0.40);
    --theme-color-008: rgba(92,184,133,0.08);
    --theme-color-010: rgba(92,184,133,0.10);
    --theme-color-018: rgba(92,184,133,0.18);
    --theme-color-020: rgba(92,184,133,0.20);
    --theme-color-030: rgba(92,184,133,0.30);
    --theme-color-045: rgba(92,184,133,0.45);
    animation: themeCycle 12s infinite linear;
    animation-play-state: paused;
}

@keyframes themeCycle {
    0% {
        --theme-color: rgb(92,184,133);
        --theme-light: rgb(181,234,215);
        --theme-color-01: rgba(92,184,133,0.10);
        --theme-color-025: rgba(92,184,133,0.25);
        --theme-color-03: rgba(92,184,133,0.30);
        --theme-color-04: rgba(92,184,133,0.40);
        --theme-color-008: rgba(92,184,133,0.08);
        --theme-color-010: rgba(92,184,133,0.10);
        --theme-color-018: rgba(92,184,133,0.18);
        --theme-color-020: rgba(92,184,133,0.20);
        --theme-color-030: rgba(92,184,133,0.30);
        --theme-color-045: rgba(92,184,133,0.45);
    }
    20% {
        --theme-color: rgb(125,154,200);
        --theme-light: rgb(199,206,234);
        --theme-color-01: rgba(125,154,200,0.10);
        --theme-color-025: rgba(125,154,200,0.25);
        --theme-color-03: rgba(125,154,200,0.30);
        --theme-color-04: rgba(125,154,200,0.40);
        --theme-color-008: rgba(125,154,200,0.08);
        --theme-color-010: rgba(125,154,200,0.10);
        --theme-color-018: rgba(125,154,200,0.18);
        --theme-color-020: rgba(125,154,200,0.20);
        --theme-color-030: rgba(125,154,200,0.30);
        --theme-color-045: rgba(125,154,200,0.45);
    }
    40% {
        --theme-color: rgb(212,112,136);
        --theme-light: rgb(248,180,195);
        --theme-color-01: rgba(212,112,136,0.10);
        --theme-color-025: rgba(212,112,136,0.25);
        --theme-color-03: rgba(212,112,136,0.30);
        --theme-color-04: rgba(212,112,136,0.40);
        --theme-color-008: rgba(212,112,136,0.08);
        --theme-color-010: rgba(212,112,136,0.10);
        --theme-color-018: rgba(212,112,136,0.18);
        --theme-color-020: rgba(212,112,136,0.20);
        --theme-color-030: rgba(212,112,136,0.30);
        --theme-color-045: rgba(212,112,136,0.45);
    }
    60% {
        --theme-color: rgb(156,138,188);
        --theme-light: rgb(214,201,232);
        --theme-color-01: rgba(156,138,188,0.10);
        --theme-color-025: rgba(156,138,188,0.25);
        --theme-color-03: rgba(156,138,188,0.30);
        --theme-color-04: rgba(156,138,188,0.40);
        --theme-color-008: rgba(156,138,188,0.08);
        --theme-color-010: rgba(156,138,188,0.10);
        --theme-color-018: rgba(156,138,188,0.18);
        --theme-color-020: rgba(156,138,188,0.20);
        --theme-color-030: rgba(156,138,188,0.30);
        --theme-color-045: rgba(156,138,188,0.45);
    }
    80% {
        --theme-color: rgb(224,152,112);
        --theme-light: rgb(255,212,184);
        --theme-color-01: rgba(224,152,112,0.10);
        --theme-color-025: rgba(224,152,112,0.25);
        --theme-color-03: rgba(224,152,112,0.30);
        --theme-color-04: rgba(224,152,112,0.40);
        --theme-color-008: rgba(224,152,112,0.08);
        --theme-color-010: rgba(224,152,112,0.10);
        --theme-color-018: rgba(224,152,112,0.18);
        --theme-color-020: rgba(224,152,112,0.20);
        --theme-color-030: rgba(224,152,112,0.30);
        --theme-color-045: rgba(224,152,112,0.45);
    }
    100% {
        --theme-color: rgb(92,184,133);
        --theme-light: rgb(181,234,215);
        --theme-color-01: rgba(92,184,133,0.10);
        --theme-color-025: rgba(92,184,133,0.25);
        --theme-color-03: rgba(92,184,133,0.30);
        --theme-color-04: rgba(92,184,133,0.40);
        --theme-color-008: rgba(92,184,133,0.08);
        --theme-color-010: rgba(92,184,133,0.10);
        --theme-color-018: rgba(92,184,133,0.18);
        --theme-color-020: rgba(92,184,133,0.20);
        --theme-color-030: rgba(92,184,133,0.30);
        --theme-color-045: rgba(92,184,133,0.45);
    }
}