:root {
    /* background */
    --header-bg-color: #fff;
    --body-bg-color: #fff;
    --content-bg-color: #fff;
    --pagination-bg-color: #0000000d;
    --pagination-active-bg-color: #f2f2f2;
    --footer-bg-color: #fff;
    --search-bg-color: #fff;
    --tv-eposide-item-bg-color: #0000000d;
    --tv-eposide-item-bg-active-color: #197cee33;

    /* icon */
    --menu-color: #000;
    --logo-color: #000;
    --search-color: #000;
    --loading-color: #1000;
    --episode-item-play-color: #0000000d;
    /* font */
    --classify-title-color: #000;
    --pagination-color: #000;
    --footer-color: #000;
    --resource-title-color: #000;
    --resource-time-color: #8e8e8e;
    --resource-desc-color: #000;
    --resource-key-color: #000;
    --resource-keyval-color: #000;
    --resource-sub-color: #000;
    --tv-eposide-item-color: #000;
    --tv-eposide-item-active-color: #197cee;
    --sider-bar-color: var(--resource-title-color);
    /* border */
    --classify-title-border-color: #7d8e95;
    --tv-eposide-border-color: #fff;
    --tv-eposide-active-border-color: #197cee;
    /* 404 page */
    --error-bg-color: var(--content-bg-color);
    --error-title-color: var(--resource-title-color);
    --error-title-shadow-color: var(--resource-title-color);
    --error-desc-color: var(--resource-time-color);
    --error-desc-keyword-color: var(--resource-time-color);
    --error-btn-bg-color: var(--tv-eposide-item-bg-active-color);
    --error-btn-font-color: var(--tv-eposide-item-active-color);
}

:root:root {
    --van-popup-background: var(--content-bg-color);
}