:root {
    /* 主题色 */
    --theme-color: #38BDF8;
    --theme-color-light: #7DD3FC;
    --theme-color-dark: #0EA5E9;
    --theme-color-bg: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 100%);
    --theme-color-linear-bg: linear-gradient(135deg, #7DD3FC, #38BDF8, #0EA5E9);
    --login-bg-image: url('/themes/DigitalBlue/assets/image/bg/bg2025.jpg');
    --hero-bg-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    --hero-bg-color: #f8f9fa;
    --hero-bg-opacity: 0.5;
    --hero-bg-blur: blur(10px);

    
    .index-bottom::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .index-bottom::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .api-list-hero::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .api-list-hero::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .docs-hero::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .docs-hero::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .blog-category-hero::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .blog-category-hero::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .article-detail-hero::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .article-detail-hero::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .help-hero::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .help-hero::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .pricing-header::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .pricing-header::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .about-hero::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .about-hero::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .contact-hero::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .contact-hero::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
    .demand-hero::before {
        background-image: url('/themes/DigitalBlue/assets/image/hero/hero2.jpg');
    }

    .demand-hero::after {
        background-color: #f8f9fa;
        opacity: 0.5;
        backdrop-filter: blur(10px);
    }
}