/* ========================================================
   IELTS Atlas - Pokemon Theme (宝可梦 · 考场全明星)
   ======================================================== */

.pokemon-bg-container {
    display: none;
}

body[data-bg-theme="pokemon"] .pokemon-bg-container,
body.theme-pokemon .pokemon-bg-container {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-image: url('../assets/themes/pokemon/wallpaper/global_wallpaper.jpg?v=20260916') !important;
    background-size: cover !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

body[data-bg-theme="pokemon"],
body.theme-pokemon {
    background-color: #d8ecd1 !important;
    background-image: none !important;
}

body[data-bg-theme="pokemon"] #shui-three-bg,
body.theme-pokemon #shui-three-bg {
    display: none !important;
}

body[data-bg-theme="pokemon"] .hachiware-bg-container,
body[data-bg-theme="pokemon"] .chiikawa-bg-container,
body[data-bg-theme="pokemon"] .sanrio-bg-container,
body.theme-pokemon .hachiware-bg-container,
body.theme-pokemon .chiikawa-bg-container,
body.theme-pokemon .sanrio-bg-container {
    display: none !important;
}

/* Pokemon Theme: Soft Translucent Panel & Airy Borders to reveal study buddies */
body[data-bg-theme="pokemon"] #overview-view.hero-panel,
body.theme-pokemon #overview-view.hero-panel,
body[data-bg-theme="pokemon"] #practice-view.hero-panel,
body.theme-pokemon #practice-view.hero-panel,
body[data-bg-theme="pokemon"] #browse-view.hero-panel,
body.theme-pokemon #browse-view.hero-panel,
body[data-bg-theme="pokemon"] #speaking-view.hero-panel,
body.theme-pokemon #speaking-view.hero-panel,
body[data-bg-theme="pokemon"] #writing-view.hero-panel,
body.theme-pokemon #writing-view.hero-panel,
body[data-bg-theme="pokemon"] #listening-view.hero-panel,
body.theme-pokemon #listening-view.hero-panel {
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 36px !important;
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(28px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(140%) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
}

/* 阅读真题卡片 */
body[data-bg-theme="pokemon"] .exam-item,
body.theme-pokemon .exam-item {
    background: #ffffff url('../assets/themes/pokemon/cards/card_exam.jpg?v=20260928_clean_v1') center/cover no-repeat !important;
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 18px !important;
    padding: 22px 42px !important;
    box-shadow: 0 6px 20px rgba(148, 163, 184, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
}

body[data-bg-theme="pokemon"] .exam-item:hover,
body.theme-pokemon .exam-item:hover {
    transform: translateY(-3px) scale(1.01) !important;
    border-color: rgba(56, 189, 248, 0.6) !important;
    box-shadow: 0 14px 32px rgba(14, 165, 233, 0.15), 0 0 0 2px rgba(56, 189, 248, 0.35) !important;
}

body[data-bg-theme="pokemon"] .exam-item .exam-info,
body.theme-pokemon .exam-item .exam-info {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body[data-bg-theme="pokemon"] .exam-item .exam-info h4,
body.theme-pokemon .exam-item .exam-info h4 {
    color: #0f172a !important;
    text-align: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1.45 !important;
    width: 100% !important;
}

body[data-bg-theme="pokemon"] .exam-item .exam-meta,
body.theme-pokemon .exam-item .exam-meta {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(226, 232, 240, 0.85) !important;
    margin: 6px auto 0 auto !important;
    justify-content: center !important;
    width: fit-content !important;
    display: inline-flex !important;
}

body[data-bg-theme="pokemon"] .exam-item .exam-item-action-btn,
body.theme-pokemon .exam-item .exam-item-action-btn {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    margin: 8px auto 0 auto !important;
}

/* 写作考台与编辑器 */
body[data-bg-theme="pokemon"] .writing-prompt-card,
body.theme-pokemon .writing-prompt-card {
    background: #ffffff url('../assets/themes/pokemon/cards/card_writing.jpg?v=20260928_clean_v1') center/cover no-repeat !important;
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06) !important;
}

body[data-bg-theme="pokemon"] .writing-prompt-mascot-strip,
body.theme-pokemon .writing-prompt-mascot-strip {
    display: block !important;
    width: 100% !important;
    height: 76px !important;
    background: url('../assets/themes/pokemon/cards/banner_writing_strip.png?v=20260920_v2') center/contain no-repeat !important;
    margin-bottom: 12px !important;
    border-bottom: 1px dashed rgba(226, 232, 240, 0.9) !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.04)) !important;
}

body[data-bg-theme="pokemon"] #writing-current-prompt-box,
body.theme-pokemon #writing-current-prompt-box {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(226, 232, 240, 0.85) !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

body[data-bg-theme="pokemon"] .writing-editor-card,
body.theme-pokemon .writing-editor-card {
    background: #ffffff url('../assets/themes/pokemon/cards/card_writing.jpg?v=20260928_clean_v1') center/cover no-repeat !important;
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06) !important;
}

body[data-bg-theme="pokemon"] .writing-textarea,
body.theme-pokemon .writing-textarea {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
}

/* 听力考台 */
body[data-bg-theme="pokemon"] .cbt-audio-console-card,
body.theme-pokemon .cbt-audio-console-card,
body[data-bg-theme="pokemon"] .cbt-listening-top-bar,
body.theme-pokemon .cbt-listening-top-bar {
    background: #ffffff url('../assets/themes/pokemon/cards/card_listening.jpg?v=20260919') center/cover no-repeat !important;
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
}

/* 口语考台卡片 */
body[data-bg-theme="pokemon"] .speaking-card,
body.theme-pokemon .speaking-card {
    background: #ffffff url('../assets/themes/pokemon/cards/card_speaking.jpg?v=20260928_clean_v1') center/cover no-repeat !important;
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 20px rgba(148, 163, 184, 0.1) !important;
}

/* 历史记录手账卡片 */
body[data-bg-theme="pokemon"] .history-item.history-record-item,
body.theme-pokemon .history-item.history-record-item,
body[data-bg-theme="pokemon"] .history-item,
body.theme-pokemon .history-item {
    background: #ffffff url('../assets/themes/pokemon/cards/card_history.jpg?v=20260919') center/cover no-repeat !important;
    border: 1.5px solid rgba(226, 232, 240, 0.92) !important;
    border-radius: 20px !important;
    padding: 24px 28px 22px 56px !important;
    min-height: 132px !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    box-shadow: 0 4px 18px rgba(148, 163, 184, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* 任务中心 HUD 与商城大卡封面 */
body[data-bg-theme="pokemon"] .quest-hud-bar,
body.theme-pokemon .quest-hud-bar {
    background: #ffffff url('../assets/themes/pokemon/cards/card_banner.jpg?v=20260919') center/cover no-repeat !important;
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
}

/*
 * 商城主题卡封面：不要在这里覆盖 background-image！
 *
 * 历史 bug 有两层：
 *  1) 该规则曾裸匹配 .quest-mall-theme-cover，把所有主题卡（含吉伊卡哇）
 *     的封面统统刷成宝可梦横幅，两张卡显示同一张图。
 *  2) 用 [data-theme-id="pokemon"] 限定后只解决了一半 —— 它仍然把宝可梦
 *     卡的封面替换成 cards/card_banner.jpg（卡牌横幅，四只角色全挤在画面
 *     最底部）。容器按 cover 裁切后角色被裁光，只剩天空。
 *
 * 正确的封面图由 JS 内联给出：assets/themes/pokemon/wallpaper/global_wallpaper.jpg
 * （牛津校园场景，构图上下均匀，与吉伊卡哇壁纸同规格）。
 * 因此这里彻底不再设置 background —— 让内联原画直接生效。
 */
body[data-bg-theme="pokemon"] .quest-mall-theme-cover[data-theme-id="pokemon"],
body.theme-pokemon .quest-mall-theme-cover[data-theme-id="pokemon"] {
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
}

/* 封面容器基础约束：确保内联设置的 background-image 能正确铺满（不改动既有 object 位置策略） */
.quest-mall-theme-cover {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* 口语与做题倒计时横条 */
body[data-bg-theme="pokemon"] .simulator-timer-box,
body.theme-pokemon .simulator-timer-box {
    background: #ffffff url('../assets/themes/pokemon/cards/timer_strip.jpg?v=20260919') center/100% 100% no-repeat !important;
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 18px !important;
    padding: 16px 32px !important;
    min-height: 100px !important;
    box-shadow: 0 6px 22px rgba(148, 163, 184, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* 各科目标题栏伴学挂件（宝可梦主题专属隔离，杜绝与 Chiikawa 混淆） */
body[data-bg-theme="pokemon"] .reading-title-mascot,
body.theme-pokemon .reading-title-mascot {
    content: url('../assets/themes/pokemon/widgets/widget_vocab.png') !important;
}

body[data-bg-theme="pokemon"] .speaking-momonga-mascot-img,
body.theme-pokemon .speaking-momonga-mascot-img {
    content: url('../assets/themes/pokemon/widgets/widget_speaking.png') !important;
}

body[data-bg-theme="pokemon"] .writing-title-mascot,
body.theme-pokemon .writing-title-mascot {
    content: url('../assets/themes/pokemon/widgets/widget_writing.png') !important;
}

body[data-bg-theme="pokemon"] .listening-title-mascot,
body.theme-pokemon .listening-title-mascot {
    content: url('../assets/themes/pokemon/widgets/widget_listening.png') !important;
}

body[data-bg-theme="pokemon"] .practice-kurimanju-img,
body.theme-pokemon .practice-kurimanju-img,
body[data-bg-theme="pokemon"] .practice-kurimanju-empty-img,
body.theme-pokemon .practice-kurimanju-empty-img {
    content: url('../assets/themes/pokemon/widgets/widget_review.png') !important;
}