:root {
    /* ========== nav ========== */
    --liushen-nav-bg: rgba(255, 255, 255, 0.8);
    --liushen-nav-shadow: rgba(133, 133, 133, 0.6) 0px 5px 6px -5px;

    /* ========== ai_summary ========== */
    --liushen-title-font-color: #0883b7;
    --liushen-maskbg: rgba(255, 255, 255, 0.85);
    --liushen-ai-bg: conic-gradient(
            from 1.5708rad at 50% 50%,
            #d6b300 0%,
            #42a2ff 54%,
            #d6b300 100%
    );

    /* ========== card ========== */
    --liushen-card-bg: #fff;
    --liushen-card-secondbg: #f1f3f8;
    --liushen-card-border: 1px solid #e3e8f7;

    /* ========== button ========== */
    --liushen-button-bg: #f1f3f8;
    --liushen-button-hover-bg: var(--theme-color);

    /* ========== text ========== */
    --liushen-text: #4c4948;
    --liushen-secondtext: #3c3c43cc;
}

[data-theme='dark'] {
    /* ========== nav ========== */
    --liushen-nav-bg: rgba(18, 18, 18, 0.8);
    --liushen-nav-shadow: rgba(133, 133, 133, 0) 0px 5px 6px -5px;

    /* ========== ai_summary ========== */
    --liushen-maskbg: rgba(0, 0, 0, 0.85);
    --liushen-ai-bg: conic-gradient(
            from 1.5708rad at 50% 50%,
            rgba(214, 178, 0, 0.46) 0%,
            rgba(66, 161, 255, 0.53) 54%,
            rgba(214, 178, 0, 0.49) 100%
    );

    /* ========== card ========== */
    --liushen-card-bg: #2d2d2d;
    --liushen-card-secondbg: #3e3f41;
    --liushen-card-border: 1px solid #42444a;

    /* ========== button ========== */
    --liushen-button-bg: #30343f;
    --liushen-button-hover-bg: var(--theme-color);

    /* ========== text ========== */
    --liushen-text: #ffffffb3;
    --liushen-secondtext: #a1a2b8;
}