/**
 * CheckNow — 全站统一 Hero 组件样式
 *
 * 结构：.checknow-hero > .checknow-hero__bg > img
 *                    > .checknow-hero__overlay
 *                    > .checknow-hero__content > h1, p, a
 */

/* ═══ 容器 ═══ */
.checknow-hero {
    position: relative;
    overflow: visible;
    min-height: var(--cn-hero-desktop-height, 560px);
    height: var(--cn-hero-desktop-height, 560px);
    display: flex;
    align-items: center;
}

.checknow-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.checknow-hero__bg picture,
.checknow-hero__bg img {
    display: block;
    width: 100%;
    height: 100%;
}
.checknow-hero__bg img {
    object-fit: cover;
}
.checknow-hero__bg--gradient {
    background: linear-gradient(135deg, var(--cn-navy) 0%, var(--cn-navy-800) 50%, var(--cn-navy-700) 100%);
}
.checknow-hero__bg--solid {
    background: var(--cn-navy);
}

.checknow-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to right,
        rgba(10,25,46,var(--cn-hero-overlay, .6)) 0%,
        rgba(13,28,50,calc(var(--cn-hero-overlay, .6) - .12)) 50%,
        rgba(14,32,55,calc(var(--cn-hero-overlay, .6) - .33)) 100%
    );
}
.checknow-hero__overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10,25,46,calc(var(--cn-hero-overlay, .6) - .05)) 0%, transparent 50%);
}

.checknow-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;

    padding: var(--cn-space-4xl) var(--cn-space-2xl);
    padding-left: var(--cn-hero-content-inset);
}
.checknow-hero__content--center {
    padding-left: var(--cn-space-2xl);
    text-align: center;
    max-width: 100%;
}
.checknow-hero__content--right {
    padding-left: var(--cn-space-2xl);
    padding-right: var(--cn-hero-content-inset);
    text-align: right;
}
.checknow-hero__content--right .checknow-hero__desc {
    margin-left: auto;
}
.checknow-hero__eyebrow {
    margin: 0 0 12px;
    color: #f0d495;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
}
.checknow-hero__content--center .checknow-hero__desc {
    margin-left: auto;
    margin-right: auto;
}.checknow-hero__title {
    font-family: var(--cn-font-sans);
    font-size: clamp(28px, 5vw, var(--cn-text-5xl));
    font-weight: var(--cn-font-bold);
    color: var(--cn-text-inverse);
    line-height: var(--cn-leading-tight);
    margin: 0 0 var(--cn-space-md) 0;
}
.checknow-hero__subtitle {
    font-size: clamp(16px, 2.5vw, var(--cn-text-xl));
    font-weight: var(--cn-font-medium);
    color: var(--cn-accent);
    margin: 0 0 var(--cn-space-lg) 0;
}
.checknow-hero__desc {
    font-size: clamp(14px, 1.8vw, var(--cn-text-base));
    line-height: var(--cn-leading-normal);
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 var(--cn-space-2xl) 0;
    max-width: 600px;
}
/* ═══ Responsive ═══ */
@media (max-width: 768px) {
    .checknow-hero {
        min-height: var(--cn-hero-mobile-height, 480px);
        height: var(--cn-hero-mobile-height, 480px);
        padding: 0;
    }
    .checknow-hero__overlay {
        background: linear-gradient(
            to right,
            rgba(10,25,46,calc(var(--cn-hero-overlay, .6) + .04)) 0%,
            rgba(13,28,50,calc(var(--cn-hero-overlay, .6) + .04)) 50%,
            rgba(14,32,55,calc(var(--cn-hero-overlay, .6) - .04)) 100%
        );
    }
    .checknow-hero__content,
    .checknow-hero__content--right {
        padding: 40px 24px;
        text-align: center;
    }
    .checknow-hero__desc {
        max-width: 100%;
    }
    .checknow-hero__content .cn-button {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .checknow-hero__content .cn-button--secondary { margin-left: 0; }
}

/* ═══════════════════════════════════════════
   Automotive Variant
   ═══════════════════════════════════════════ */

.checknow-hero--automotive {
    min-height: 420px;
    height: clamp(420px, 50vw, 480px);
    align-items: flex-start;
    padding-bottom: 0;
}

/* deeper navy overlay for car imagery — left deep for text, right transparent for image */
.checknow-hero--automotive .checknow-hero__overlay {
    background: linear-gradient(
        90deg,
        rgba(6, 16, 30, 0.92) 0%,
        rgba(6, 16, 30, 0.65) 50%,
        rgba(6, 16, 30, 0.15) 100%
    );
}

.checknow-hero--automotive .checknow-hero__content {
    padding-bottom: 0;
}

.checknow-hero--automotive .checknow-hero__title {
    font-size: clamp(32px, 5.5vw, 58px);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.checknow-hero--automotive .checknow-hero__subtitle {
    font-size: clamp(16px, 2.2vw, 22px);
    color: var(--cn-gold-400, #d4a853);
    font-weight: 600;
}

.checknow-hero--automotive .checknow-hero__desc {
    font-size: clamp(14px, 1.5vw, 17px);
    max-width: 520px;
}

/* 资讯 hero：说明文字统一为白色（复用深色 hero 的浅色文案配色） */
.checknow-news-archive-hero .checknow-hero__subtitle {
    color: rgba(255, 255, 255, 0.85);
}

.checknow-hero__content .cn-button--secondary { margin-left: 12px; }