/* Generated hero imagery map for public pages. */
:root {
    --site-hero-overlay-dark: linear-gradient(135deg, rgba(5, 12, 24, 0.88), rgba(13, 33, 52, 0.7));
}

.page-header {
    background-image: var(--site-hero-overlay-dark), url("../assets/images/site-hero-platform.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.conf-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.72), rgba(19, 38, 64, 0.46)), url("../assets/images/site-hero-conference-ai.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.events-hero,
.detail-hero,
.meeting-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.88), rgba(19, 38, 64, 0.72)), url("../assets/images/site-hero-conference.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.news-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.74), rgba(20, 31, 50, 0.46)), url("../assets/images/site-hero-news-ai.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.journal-hero-banner {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.74), rgba(20, 31, 50, 0.46)), url("../assets/images/site-hero-journal-ai.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.article-hero,
.jd-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.88), rgba(20, 31, 50, 0.68)), url("../assets/images/site-hero-journal-media.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.official-hero,
.matrix-hero,
body:has(.stats-dashboard) .page-hero,
body:has(.profile-filters-section) .page-hero,
body:has(.detail-container) .page-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.88), rgba(13, 42, 56, 0.72)), url("../assets/images/site-hero-community.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.official-hero::before,
body:has(.stats-dashboard) .page-hero::after,
body:has(.profile-filters-section) .page-hero::after,
body:has(.detail-container) .page-hero::after {
    opacity: 0.08 !important;
}

.sub-hero,
.sub-hero-overlay {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.86), rgba(15, 46, 68, 0.68)), url("../assets/images/site-hero-submission.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.sub-hero-overlay {
    opacity: 0.78 !important;
}

.research-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.84), rgba(18, 43, 59, 0.66)), url("../assets/images/site-hero-research.png") !important;
    background-size: cover !important;
    background-position: center !important;
}
body.research-k12 .research-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.62), rgba(18, 43, 59, 0.34)), url("../assets/images/research-hero-k12.png") !important;
}

body.research-boarding .research-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.62), rgba(18, 43, 59, 0.34)), url("../assets/images/research-hero-boarding.png") !important;
}

body.research-office .research-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.62), rgba(18, 43, 59, 0.34)), url("../assets/images/research-hero-office.png") !important;
}

body.research-travel .research-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.62), rgba(18, 43, 59, 0.34)), url("../assets/images/research-hero-travel.png") !important;
}

body.research-elderly .research-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.62), rgba(18, 43, 59, 0.34)), url("../assets/images/research-hero-elderly.png") !important;
}

body.research-hotel .research-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.62), rgba(18, 43, 59, 0.34)), url("../assets/images/research-hero-hotel.png") !important;
}

body.research-home .research-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.62), rgba(18, 43, 59, 0.34)), url("../assets/images/research-hero-home.png") !important;
}


body.research-page .research-hero .hero-overlay {
    background: linear-gradient(90deg, rgba(5, 12, 24, 0.68) 0%, rgba(5, 12, 24, 0.4) 52%, rgba(18, 43, 59, 0.28) 100%) !important;
    opacity: 0.72 !important;
}

body.research-page .research-hero::before {
    opacity: 0.16 !important;
}
body:has(.sl-lead) .page-hero,
body:has(.hero-badges) .page-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.72), rgba(18, 42, 64, 0.48)), url("../assets/images/site-hero-training-ai.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

body:has(.hero-tags) .hero-bg-overlay {
    background-image: linear-gradient(rgba(10, 17, 40, 0.82), rgba(10, 17, 40, 0.95)), url("../assets/images/site-hero-training.png") !important;
    opacity: 0.68 !important;
}

body:has(.wsti-tag-label) .hero-bg-overlay {
    background-image: linear-gradient(rgba(10, 17, 40, 0.76), rgba(10, 17, 40, 0.94)), url("../assets/images/site-hero-wsti.png") !important;
    opacity: 0.58 !important;
}

body:has(.tabs-container) .page-header,
body:has(.disclaimer-banner) .page-header {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.86), rgba(18, 50, 72, 0.7)), url("../assets/images/site-hero-assessment.png") !important;
}

.wsic-hero {
    background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.86), rgba(18, 45, 62, 0.68)), url("../assets/images/wsic-home-hero-bg.png") !important;
    background-size: cover !important;
    background-position: center !important;
}





/* ===== RWD-FIX(high): training.html hero 的 View Curriculum 按钮带内联 transform:translateY(-50px)(仅为桌面 padding-bottom ===== */
/* ===== Responsive hero fixes (appended) ===== */
/* training.html: 抵消按钮内联 translateY(-50px), 避免遮挡 hero-desc */
@media (max-width: 1199px) {
    .page-hero .hero-content .btn-apply {
        transform: none !important;
        margin-top: 24px !important;
    }
}

/* ===== RWD-FIX(medium): conference.html 手机端 .conf-hero-subtitle 仅 0.7rem(约11px)几乎不可读, h1 仅 1.1rem, 且 hero 固定 heigh ===== */
/* conference.html: 手机端 hero 字号过小 + 固定高度 */
@media (max-width: 767px) {
    .conf-hero {
        height: auto !important;
        min-height: 240px;
        padding: 90px 20px 28px !important;
    }
    .conf-hero-content h1 {
        font-size: clamp(1.3rem, 5.5vw, 1.6rem);
        line-height: 1.3;
    }
    .conf-hero-subtitle {
        font-size: 0.85rem;
        line-height: 1.45;
        max-width: 100%;
    }
}

/* ===== RWD-FIX(medium): submission.html 手机端 .sub-hero 有 padding-top:180px!important 但无 padding-bottom, min-height: ===== */
/* submission.html: 手机端 hero 标题贴底、顶部空带过高 */
@media (max-width: 767px) {
    .sub-hero {
        padding-top: 110px !important;
        padding-bottom: 44px !important;
        min-height: 220px;
    }
}

/* ===== RWD-FIX(medium): journal.html 的 .journal-hero-content 带内联 transform:translateY(-40px)(为桌面 450px banner 调的); ===== */
/* journal.html: 抵消 hero 标题内联 translateY(-40px), 恢复窄屏垂直居中 */
@media (max-width: 1199px) {
    .journal-hero-banner .journal-hero-content {
        transform: translateY(0) !important;
    }
}

/* ===== RWD-FIX(low): training.html 平板端 .page-hero 固定 height:600px 且 overflow:hidden, 标题(3rem+letter-spacing:3px ===== */
/* training.html: 平板 hero 固定高度改为最小高度, 防内容裁切 */
@media (min-width: 768px) and (max-width: 1199px) {
    body:has(.hero-badges) .page-hero {
        height: auto !important;
        min-height: 600px;
        padding: 100px 0 60px;
    }
}

/* ===== RWD-FIX(low): news/journal/conference 三个 hero 的叠图渐变亮端只有 0.46 透明度且无额外遮罩层(news 尤甚, conference 手机端原 0.9/0.8 ===== */
/* 手机端加深叠图遮罩, 保证白字/浅灰字可读性 */
@media (max-width: 767px) {
    .news-hero {
        background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.85), rgba(20, 31, 50, 0.66)), url("../assets/images/site-hero-news-ai.png") !important;
    }
    .journal-hero-banner {
        background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.85), rgba(20, 31, 50, 0.66)), url("../assets/images/site-hero-journal-ai.png") !important;
    }
    .conf-hero {
        background-image: linear-gradient(135deg, rgba(5, 12, 24, 0.85), rgba(19, 38, 64, 0.62)), url("../assets/images/site-hero-conference-ai.png") !important;
    }
}