:root {
    /* 主题色 */
    --theme-color: #07AAFF;
    --theme-color-light: #60A5FA;
    --theme-color-dark: #2EB6FF;
    --theme-color-bg: linear-gradient(270deg, #06BDFF 0%, #1271EF 100%);
    --theme-color-linear-bg: linear-gradient(136deg, #60A5FA, #2EB6FF, #07AAFF, #1271EF);
    --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);
    }
}