/* 全站内页英雄区统一为首页新版浅色蓝紫配色 */
:is(.news-hero-section, .update-hero-section, .about-hero-section, .tutorial-hero-section, .verify-hero-section, .case-hero-section, .feat-hero, .article-hero-section, .price-hero-section, .hero) {
    background: linear-gradient(135deg, #eef4ff 0%, #f3f7ff 48%, #ffffff 100%) !important;
    color: #171b21 !important;
    box-shadow: none !important;
}

:is(.news-hero-section, .update-hero-section, .about-hero-section, .tutorial-hero-section, .verify-hero-section, .case-hero-section, .feat-hero, .article-hero-section, .price-hero-section, .hero)::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background:
        radial-gradient(ellipse 620px 420px at 0% 44%, rgba(38, 130, 248, 0.14) 0%, transparent 68%),
        radial-gradient(ellipse 520px 360px at 28% 10%, rgba(116, 96, 248, 0.08) 0%, transparent 64%),
        linear-gradient(90deg, rgba(232, 240, 255, 0.88) 0%, rgba(248, 250, 255, 0.92) 52%, rgba(225, 233, 255, 0.72) 100%),
        radial-gradient(ellipse 760px 520px at 86% 18%, rgba(116, 96, 248, 0.18) 0%, transparent 68%),
        radial-gradient(ellipse 680px 520px at 73% 56%, rgba(38, 130, 248, 0.18) 0%, transparent 70%),
        radial-gradient(ellipse 460px 360px at 18% 28%, rgba(38, 130, 248, 0.12) 0%, transparent 66%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

:is(.news-hero-section, .update-hero-section, .about-hero-section, .tutorial-hero-section, .verify-hero-section, .case-hero-section, .feat-hero, .article-hero-section, .price-hero-section, .hero)::after {
    content: '' !important;
    position: absolute !important;
    right: -90px !important;
    top: 78px !important;
    width: 500px !important;
    height: 430px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(216, 228, 255, 0.48)),
        linear-gradient(45deg, transparent 0 38%, rgba(255, 255, 255, 0.54) 38% 62%, transparent 62%) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    box-shadow: -36px 42px 90px rgba(38, 130, 248, 0.14) !important;
    clip-path: polygon(16% 0, 100% 0, 100% 78%, 82% 100%, 0 100%, 0 18%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

:is(.news-hero-content, .update-hero-content, .about-hero-content, .tutorial-hero-content, .verify-hero-content, .case-hero-content, .feat-hero-content, .article-hero-content, .price-hero-content, .hero-content) {
    position: relative !important;
    z-index: 2 !important;
}

:is(.news-hero-title, .update-hero-title, .about-hero-title, .tutorial-hero-title, .verify-hero-title, .case-hero-title, .feat-hero-title, .article-hero-title, .price-hero-title, .hero h1) {
    background: linear-gradient(100deg, #171b21 0%, #171b21 46%, #4d86fb 66%, #7460f8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}

:is(.news-hero-subtitle, .update-hero-subtitle, .about-hero-subtitle, .tutorial-hero-subtitle, .verify-hero-subtitle, .case-hero-subtitle, .feat-hero-subtitle, .article-hero-subtitle, .price-hero-subtitle, .hero-subtitle, .hero-desc, .hero-price-suffix) {
    color: #303844 !important;
    opacity: 1 !important;
    letter-spacing: 0 !important;
}

:is(.news-hero-badge, .update-hero-badge, .about-hero-badge, .tutorial-hero-badge, .verify-hero-badge, .case-hero-badge, .feat-hero-badge, .article-hero-badge, .hero-product, .hero-highlight-item, .article-hero-meta-item) {
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(38, 130, 248, 0.14) !important;
    color: #243142 !important;
    box-shadow: 0 10px 30px rgba(38, 130, 248, 0.08) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

:is(.news-hero-badge-icon, .update-hero-badge-icon, .about-hero-badge-icon, .tutorial-hero-badge-icon, .verify-hero-badge-icon, .feat-hero-badge-icon, .article-hero-badge-dot, .case-hero-badge-icon, .hero-highlight-icon) {
    background: linear-gradient(135deg, #7460f8, #2682f8) !important;
    box-shadow: 0 8px 18px rgba(38, 130, 248, 0.24) !important;
}

:is(.news-hero-badge-text, .update-hero-badge-text, .about-hero-badge-text, .tutorial-hero-badge-text, .verify-hero-badge-text, .case-hero-badge-text, .feat-hero-badge-text, .article-hero-category, .hero-product, .hero-advantages, .hero-highlight-item) {
    color: #243142 !important;
    opacity: 1 !important;
    letter-spacing: 0 !important;
}

.hero-decoration {
    display: none !important;
    animation: none !important;
}

:is(.news-stat-item, .update-stat-item, .about-stat-item, .verify-stat-item, .case-stat-item, .feat-hero-stat) {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(38, 130, 248, 0.14) !important;
    box-shadow: 0 10px 30px rgba(38, 130, 248, 0.08) !important;
    color: #243142 !important;
}

:is(.news-stat-number, .update-stat-number, .about-stat-number, .verify-stat-number, .case-stat-number, .feat-hero-stat-num, .hero-price-main) {
    background: linear-gradient(90deg, #7460f8, #2682f8, #22a3ff) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

:is(.news-stat-label, .update-stat-label, .about-stat-label, .verify-stat-label, .case-stat-label, .feat-hero-stat-label) {
    color: #5b6472 !important;
    opacity: 1 !important;
}

:is(.feat-hero-link, .hero-btn-primary) {
    background: linear-gradient(135deg, #7460f8 0%, #3a6dfa 48%, #2682f8 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 14px 32px rgba(38, 130, 248, 0.28) !important;
}

:is(.hero-btn-ghost, .hero-feature-link) {
    background: rgba(255, 255, 255, 0.86) !important;
    color: #1f2937 !important;
    border-color: rgba(38, 130, 248, 0.14) !important;
    box-shadow: 0 12px 28px rgba(38, 130, 248, 0.08) !important;
}

:is(.hero-btn-ghost, .hero-feature-link):hover {
    color: #2682f8 !important;
    border-color: rgba(38, 130, 248, 0.28) !important;
}

.hero-highlight-icon svg {
    fill: #fff !important;
}

@media (max-width: 768px) {
    :is(.news-hero-section, .update-hero-section, .about-hero-section, .tutorial-hero-section, .verify-hero-section, .case-hero-section, .feat-hero, .article-hero-section, .price-hero-section, .hero)::after {
        right: -220px !important;
        top: 38px !important;
        transform: scale(0.72) !important;
    }
}