/* ============================================================


   theme-pro.css  ·  第三主题「专业简洁」


   作用域：html[data-theme="pro"]


   风格：白底细边 + 轻阴影 + 底部3px语义色条 + 主色 #4F7CFF


   注意：本文件在 index.html 中最后加载，覆盖 base/light 的同名规则


   ============================================================ */





:root{


  --pro-primary:#4F7CFF;


  --pro-primary-dark:#3a63d6;


  --pro-success:#2bb673;


  --pro-warn:#f5a623;


  --pro-info:#4F7CFF;


  --pro-danger:#ef4444;


  --pro-ink:#1f2330;


  --pro-ink-2:#5b6472;


  --pro-ink-3:#9aa3b2;


  --pro-line:#e8eaf0;


  --pro-line-2:#eef1f6;


  --pro-surface:#ffffff;


  --pro-surface-2:#f6f7fb;


  --pro-surface-3:#eef1f6;


  --pro-shadow:0 16px 48px rgba(16,24,40,.12);


  --pro-shadow-sm:0 6px 18px rgba(79,124,255,.12);


  --pro-radius:14px;


}





html[data-theme="pro"]{


  color-scheme:light;


}





/* ============================================================


   设计令牌重定义（关键）：


   全系统大量组件直接使用原 token 名(var(--card-bg) 等)。


   在 pro 作用域下重定义这些同名 token，即可让「全系统」


   自动切换到专业简洁配色，无需逐组件重写。


   ============================================================ */


html[data-theme="pro"]{


  --primary-color:#4F7CFF;


  --secondary-color:#6BA3FF;


  --accent-color:#4F7CFF;


  --dark-bg:#eef1f6;


  --darker-bg:#e6eaf2;


  --card-bg:#ffffff;


  --card-bg-secondary:#f6f7fb;


  --input-bg:#ffffff;


  --text-primary:#1f2330;


  --text-secondary:#5b6472;


  --text-muted:#9aa3b2;


  --border-color:#e8eaf0;


  --border-light:#eef1f6;


  --success-color:#2bb673;


  --warning-color:#f5a623;


  --error-color:#ef4444;


  --error-bg-color:rgba(255,240,240,0.9);


  --gradient-start:#4F7CFF;


  --gradient-end:#7AA0FF;


  --glow-effect:none;


  --neon-glow:none;


  --shadow-sm:0 2px 8px rgba(16,24,40,.06);


  --shadow-md:0 4px 16px rgba(16,24,40,.08);


  --shadow-lg:0 12px 40px rgba(16,24,40,.10);


  --radius-sm:8px;


  --transition-speed:0.3s;


}





/* ---------- 全局背景 / 文字 ---------- */


html[data-theme="pro"] body{


  background:#e4e9f2;                    /* 稍深蓝灰，让白卡浮出来 */


  color:var(--pro-ink);


}


html[data-theme="pro"]{


  background:#e4e9f2;


}





/* 通用容器/面板：白底细边轻阴影 */


html[data-theme="pro"] .container,


html[data-theme="pro"] .panel,


html[data-theme="pro"] .card,


html[data-theme="pro"] .box,


html[data-theme="pro"] .section,


html[data-theme="pro"] .content-box,


html[data-theme="pro"] .module,


html[data-theme="pro"] .widget{


  background:var(--pro-surface);


  border:1px solid var(--pro-line);


  border-radius:var(--pro-radius);


  box-shadow:var(--pro-shadow);


  color:var(--pro-ink);


}





/* 通用头部条 */


html[data-theme="pro"] .header,


html[data-theme="pro"] .topbar,


html[data-theme="pro"] .navbar,


html[data-theme="pro"] .top-bar,


html[data-theme="pro"] header{


  background:var(--pro-surface);


  border-bottom:1px solid var(--pro-line);


  color:var(--pro-ink);


  box-shadow:none;


}





/* ---------- 模态框 / 弹窗 ---------- */


html[data-theme="pro"] .modal,


html[data-theme="pro"] .modal-content,


html[data-theme="pro"] .modal-box,


html[data-theme="pro"] .dialog,


html[data-theme="pro"] .popup,


html[data-theme="pro"] .overlay-panel{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:16px!important;


  box-shadow:var(--pro-shadow)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .modal::before,


html[data-theme="pro"] .modal-content::before{content:none!important;}


html[data-theme="pro"] .modal-header,


html[data-theme="pro"] .modal-title{


  color:var(--pro-ink);


  border-bottom:1px solid var(--pro-line);


}


html[data-theme="pro"] .modal-close,


html[data-theme="pro"] .close-btn,


html[data-theme="pro"] .close{


  background:var(--pro-surface-3)!important;


  color:var(--pro-ink-2)!important;


  border:none!important;


}


html[data-theme="pro"] .modal-close:hover,


html[data-theme="pro"] .close-btn:hover{


  background:#e2e6ef!important;


}





/* ---------- 按钮 ---------- */


html[data-theme="pro"] .btn{


  border-radius:8px;


  font-weight:600;


}


html[data-theme="pro"] .btn-primary,


html[data-theme="pro"] .btn.main,


html[data-theme="pro"] button.primary{


  background:var(--pro-primary)!important;


  border-color:var(--pro-primary)!important;


  color:#fff!important;


}


html[data-theme="pro"] .btn-primary:hover{background:var(--pro-primary-dark)!important;}


html[data-theme="pro"] .btn-default,


html[data-theme="pro"] .btn-secondary,


html[data-theme="pro"] .btn-ghost{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .btn-default:hover{


  border-color:var(--pro-primary)!important;


  color:var(--pro-primary)!important;


}


/* 语义色按钮 */


html[data-theme="pro"] .btn-success{background:var(--pro-success)!important;border-color:var(--pro-success)!important;color:#fff!important;}


html[data-theme="pro"] .btn-warning{background:var(--pro-warn)!important;border-color:var(--pro-warn)!important;color:#fff!important;}


html[data-theme="pro"] .btn-danger{background:var(--pro-danger)!important;border-color:var(--pro-danger)!important;color:#fff!important;}





/* ---------- 表格 ---------- */


html[data-theme="pro"] table,


html[data-theme="pro"] .table{


  background:var(--pro-surface);


  color:var(--pro-ink);


}


html[data-theme="pro"] th{


  background:var(--pro-surface-2)!important;


  color:var(--pro-ink)!important;


  border-bottom:1px solid var(--pro-line)!important;


}


html[data-theme="pro"] td{


  border-color:var(--pro-line)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] tbody tr:hover{background:rgba(79,124,255,.05)!important;}





/* ---------- 表单 / 输入框 ---------- */


html[data-theme="pro"] input,


html[data-theme="pro"] select,


html[data-theme="pro"] textarea{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  color:var(--pro-ink)!important;


  border-radius:8px;


}


html[data-theme="pro"] input:focus,


html[data-theme="pro"] select:focus,


html[data-theme="pro"] textarea:focus{


  border-color:var(--pro-primary)!important;


  box-shadow:0 0 0 3px rgba(79,124,255,.15)!important;


}


html[data-theme="pro"] label{color:var(--pro-ink-2);}


html[data-theme="pro"] ::placeholder{color:var(--pro-ink-3);}





/* ---------- 标签 / 徽章 ---------- */


html[data-theme="pro"] .tag,


html[data-theme="pro"] .badge,


html[data-theme="pro"] .pill{


  background:var(--pro-surface-3);


  color:var(--pro-ink-2);


  border:1px solid var(--pro-line);


}


html[data-theme="pro"] .badge-primary,


html[data-theme="pro"] .tag-primary{


  background:rgba(79,124,255,.10);


  color:var(--pro-primary);


  border-color:transparent;


}





/* ---------- 链接 / 强调 ---------- */


html[data-theme="pro"] a{color:var(--pro-primary);}


html[data-theme="pro"] .text-primary,


html[data-theme="pro"] .accent{color:var(--pro-primary)!important;}


html[data-theme="pro"] .text-success{color:var(--pro-success)!important;}


html[data-theme="pro"] .text-warning{color:var(--pro-warn)!important;}


html[data-theme="pro"] .text-danger{color:var(--pro-danger)!important;}





/* ---------- 进度条 ---------- */


/* 进度条轨道 */
html[data-theme="pro"] .progress,
html[data-theme="pro"] .bar{
  background:var(--pro-line)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}

/* 进度条填充 */
html[data-theme="pro"] .progress-bar,
html[data-theme="pro"] .bar > i,
html[data-theme="pro"] .progress-fill{
  background:linear-gradient(90deg,var(--pro-primary),#7aa0ff)!important;
  border-radius:999px!important;
}





/* ---------- 滚动条 ---------- */


html[data-theme="pro"] ::-webkit-scrollbar{width:10px;height:10px;}


html[data-theme="pro"] ::-webkit-scrollbar-track{background:var(--pro-surface-2);}


html[data-theme="pro"] ::-webkit-scrollbar-thumb{background:#cdd3e0;border-radius:6px;}


html[data-theme="pro"] ::-webkit-scrollbar-thumb:hover{background:#b6bdce;}





/* ---------- 分隔线 ---------- */


html[data-theme="pro"] hr,


html[data-theme="pro"] .divider{


  border-color:var(--pro-line)!important;


}





/* ---------- 通用卡片 hover ---------- */


html[data-theme="pro"] .card:hover,


html[data-theme="pro"] .box:hover{


  border-color:var(--pro-primary)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}





/* ---------- 顶部 3px 主色条(全局示意,组件可各自覆盖) ---------- */


html[data-theme="pro"] .app-topbar{


  border-top:3px solid var(--pro-primary);


}





/* ============================================================


   单词学习卡：方向A（专业简洁）收编


   原卡片用霓虹蓝 + 暗色发光，pro 下改为白底细边 + 近黑大字


   ============================================================ */


html[data-theme="pro"] .word-card{


  background:#ffffff!important;


  border:1px solid var(--pro-line)!important;


  border-radius:16px!important;


  box-shadow:var(--pro-shadow)!important;


  padding:36px 40px!important;


  position:relative!important;


  overflow:hidden!important;


}


/* 卡片底部 3px 主色条，增加层次 */


html[data-theme="pro"] .word-card::after{


  content:""!important;


  position:absolute!important;


  left:0!important;


  right:0!important;


  bottom:0!important;


  height:3px!important;


  background:linear-gradient(90deg,var(--pro-primary),var(--pro-primary-dark))!important;


}


html[data-theme="pro"] .word{


  color:var(--pro-ink)!important;        /* 去掉霓虹蓝，改为近黑大字 */


  text-shadow:none!important;


  font-size:clamp(52px,6.5vw,92px)!important; /* 方向A：再大一点，封顶 92px */


  font-weight:800!important;


  line-height:1.05!important;


  letter-spacing:-0.02em!important;


}


html[data-theme="pro"] .phonetic,


html[data-theme="pro"] .phonetic span{


  color:var(--pro-ink-2)!important;


  text-shadow:none!important;


  font-size:1.15em!important;


}


html[data-theme="pro"] .phonetic i{      /* 小喇叭图标 */


  color:var(--pro-primary)!important;


  margin-left:8px!important;


  cursor:pointer!important;


}


html[data-theme="pro"] .phonetic i:hover{color:var(--pro-primary-dark)!important;}





/* 词性标签：去掉渐变彩条，改为白底蓝边药丸 */


html[data-theme="pro"] .pos{


  display:inline-block!important;


  background:#ffffff!important;


  border:1px solid var(--pro-primary)!important;


  color:var(--pro-primary)!important;


  padding:6px 18px!important;


  border-radius:999px!important;


  font-size:1.05em!important;


  font-weight:700!important;


  margin-top:18px!important;


  box-shadow:0 2px 8px rgba(79,124,255,.10)!important;


}


html[data-theme="pro"] .meaning,


html[data-theme="pro"] .mnemonic,


html[data-theme="pro"] .word-group,


html[data-theme="pro"] .example,


html[data-theme="pro"] .meaning-top{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .word-header{


  border-bottom:1px solid var(--pro-line)!important;


  padding-bottom:22px!important;


  margin-bottom:22px!important;


  margin-top:0!important;


}


/* 认读测评大字号单词（去掉霓虹发光） */


html[data-theme="pro"] .comprehension-word{


  color:var(--pro-ink)!important;


  text-shadow:none!important;


}





/* 认识 / 不认识 按钮：低饱和语义色，与冷蓝主色协调 */


html[data-theme="pro"] .btn-correct{


  background:#2d8a5e!important;          /* 克制的森绿 */


  border:none!important;


  color:#ffffff!important;


  box-shadow:0 4px 12px rgba(45,138,94,.25)!important;


  border-radius:10px!important;


  font-weight:600!important;


}


html[data-theme="pro"] .btn-wrong{


  background:#c44d4d!important;          /* 克制的砖红 */


  border:none!important;


  color:#ffffff!important;


  box-shadow:0 4px 12px rgba(196,77,77,.25)!important;


  border-radius:10px!important;


  font-weight:600!important;


}


html[data-theme="pro"] .btn-correct:hover{background:#247a52!important;}

/* 认识 / 不认识 按钮：拉长长度（垂直高度保持原样，不改动 padding/font-size） */
html[data-theme="pro"] #know-btn,
html[data-theme="pro"] #unknown-btn{
  min-width: 320px!important;
}


html[data-theme="pro"] .btn-wrong:hover{background:#b04040!important;}





/* ============================================================


   方向A 布局收编（仅 pro 生效，暗色/浅色保持原样）


   - 顶部细进度条默认隐藏，仅 pro 显示；暗色/浅色沿用原底部进度条


   - 清理单词卡内联霓虹色 / 紫渐变，统一专业简洁


   ============================================================ */


/* 顶层细进度条：默认隐藏，pro 显示 */


.learn-progress-top{display:none;}


/* pro 主题下也隐藏顶部重复进度条，只保留卡片内底部进度条 */
html[data-theme="pro"] .learn-progress-top{display:none!important;}







/* 左图区暗色分隔线 → pro 细浅线 */


html[data-theme="pro"] .image-area{border-right:1px solid var(--pro-line)!important;}





/* 紫渐变按钮/激励文字 → pro 主色蓝 */


html[data-theme="pro"] #generateImageBtn{


  background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-dark))!important;


  box-shadow:none!important;


}


html[data-theme="pro"] .brain-activation-text{


  background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-dark))!important;


  box-shadow:none!important;


}





/* 清理单词卡内联霓虹色（释义/助记/搭配/例句/记忆法等 span） */


html[data-theme="pro"] .word-card-content .details span,


html[data-theme="pro"] .word-card-content .details p,


html[data-theme="pro"] .word-card-content .meaning-top,


html[data-theme="pro"] .word-card-content #memory-label-container,


html[data-theme="pro"] .word-card-content #custom-memory-content,


html[data-theme="pro"] .word-card-content #fixed-collocation,


html[data-theme="pro"] .word-card-content .mnemonic,


html[data-theme="pro"] .word-card-content .word-group,


html[data-theme="pro"] .word-card-content .example,


html[data-theme="pro"] .word-card #aiphoto-memory-content{


  color:var(--pro-ink-2)!important;


}


/* 释义用更深色，提升可读性 */


html[data-theme="pro"] .word-card-content .details .meaning{


  color:var(--pro-ink)!important;


}





/* ============================================================


   Pro 主题 · 全局顶部栏 & 古诗文模块全面修复


   针对截图中仍残留的暗色顶栏、棕/橙色面板、彩色药丸、


   橙底分页等问题，统一改为白底 + #4F7CFF 主色。


   ============================================================ */





/* ---------- 全局顶部栏（更明确，防被旧选择器覆盖） ---------- */


html[data-theme="pro"] .top-navbar,


html[data-theme="pro"] header.top-navbar{


  background:var(--pro-surface)!important;


  border-bottom:1px solid var(--pro-line)!important;


  box-shadow:var(--shadow-sm)!important;


}


html[data-theme="pro"] .system-title{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .main-menu-button,


html[data-theme="pro"] .fullscreen-button{


  background:var(--pro-surface-2)!important;


  color:var(--pro-ink-2)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:none!important;


}


html[data-theme="pro"] .main-menu-button:hover,


html[data-theme="pro"] .fullscreen-button:hover{


  background:var(--pro-line-2)!important;


  color:var(--pro-primary)!important;


  border-color:var(--pro-primary)!important;


}


/* 学习指南：去掉橙渐变，改 pro 主色 */


html[data-theme="pro"] #wordGuideBtn{


  background:var(--pro-primary)!important;


  color:#fff!important;


  border:none!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] #wordGuideBtn:hover{


  background:var(--pro-primary-dark)!important;


}


/* 全局语速控制 */


html[data-theme="pro"] .global-speed-control-container{


  background:var(--pro-surface-2)!important;


  border-color:var(--pro-line)!important;


  backdrop-filter:none!important;


}


html[data-theme="pro"] .global-speed-control-container span{


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] #globalSpeedValueDisplay{


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] #globalTestSpeedBtn,


html[data-theme="pro"] #testSpeedBtn{


  background:var(--pro-primary)!important;


  color:#fff!important;


  box-shadow:none!important;


}


html[data-theme="pro"] #learningTimer{


  color:var(--pro-success)!important;


}





/* ---------- 古诗文模块：重写令牌 ---------- */


html[data-theme="pro"] #classicalPoetryPanel{


  --classical-primary:var(--pro-primary);


  --classical-secondary:var(--pro-primary-dark);


  --classical-bg:var(--pro-surface-2);


  --classical-card-bg:var(--pro-surface);


  --classical-text:var(--pro-ink);


  --classical-border:var(--pro-line);


}


html[data-theme="pro"] #classicalPoetryPanel .panel-header{


  background:var(--pro-surface)!important;


  color:var(--pro-ink)!important;


  border-bottom:1px solid var(--pro-line)!important;


  box-shadow:none!important;


}


html[data-theme="pro"] #classicalPoetryPanel .panel-header h2{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] #classicalPoetryPanel .panel-header h2 i{


  color:var(--pro-primary)!important;


}





/* 头部按钮：返回/查询/刷新/上下首 */


html[data-theme="pro"] .header-back-btn,


html[data-theme="pro"] .header-search-btn,


html[data-theme="pro"] .header-refresh-btn,


html[data-theme="pro"] .header-nav-btn{


  background:var(--pro-surface-2)!important;


  border-color:var(--pro-line)!important;


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .header-back-btn:hover,


html[data-theme="pro"] .header-search-btn:hover,


html[data-theme="pro"] .header-refresh-btn:hover,


html[data-theme="pro"] .header-nav-btn:hover{


  background:var(--pro-line-2)!important;


  border-color:var(--pro-primary)!important;


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .header-nav-btn:disabled{


  opacity:.4!important;


}





/* 头部搜索框 */


html[data-theme="pro"] .header-search input{


  background:var(--pro-surface-2)!important;


  border-color:var(--pro-line)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .header-search input::placeholder{


  color:var(--pro-ink-3)!important;


}


html[data-theme="pro"] .header-search i{


  color:var(--pro-ink-3)!important;


}





/* 分类/类型/年级筛选药丸 */


html[data-theme="pro"] .header-category-btn,


html[data-theme="pro"] .header-type-btn,


html[data-theme="pro"] .header-grade-btn{


  background:var(--pro-surface-2)!important;


  border-color:var(--pro-line)!important;


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .header-category-btn:hover,


html[data-theme="pro"] .header-type-btn:hover,


html[data-theme="pro"] .header-grade-btn:hover{


  background:var(--pro-line-2)!important;


  border-color:var(--pro-primary)!important;


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .header-category-btn.active,


html[data-theme="pro"] .header-type-btn.active,


html[data-theme="pro"] .header-grade-btn.active{


  background:var(--pro-primary)!important;


  border-color:var(--pro-primary)!important;


  color:#fff!important;


}





/* 内容区背景 */


html[data-theme="pro"] .classical-poetry-content{


  background:var(--pro-surface-2)!important;


}





/* ---------- 古诗文卡片 ---------- */


html[data-theme="pro"] .learning-poem-card{


  background:var(--pro-surface)!important;


  border-color:var(--pro-line)!important;


  box-shadow:var(--shadow-sm)!important;


}


html[data-theme="pro"] .learning-poem-card:hover{


  border-color:var(--pro-primary)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .poem-card-header{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .poem-title{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .poem-author{


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .poem-preview{


  background:var(--pro-surface-2)!important;


  border-color:var(--pro-line)!important;


}


html[data-theme="pro"] .poem-preview p{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .poem-preview .more-lines{


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .poem-meta{


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .image-indicator{


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .image-indicator.has-images{


  color:var(--pro-success)!important;


}


html[data-theme="pro"] .view-count{


  color:var(--pro-ink-2)!important;


}





/* 卡片标签 */


html[data-theme="pro"] .poem-grade{


  background:rgba(79,124,255,.10)!important;


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .poem-type-tag{


  background:rgba(43,182,115,.10)!important;


  color:var(--pro-success)!important;


}


html[data-theme="pro"] .poem-status-tag.status-remembered{


  background:rgba(43,182,115,.10)!important;


  color:var(--pro-success)!important;


  border-color:rgba(43,182,115,.30)!important;


}


html[data-theme="pro"] .poem-status-tag.status-learning{


  background:rgba(79,124,255,.10)!important;


  color:var(--pro-primary)!important;


  border-color:rgba(79,124,255,.30)!important;


}


html[data-theme="pro"] .poem-status-tag.status-review{


  background:rgba(239,68,68,.10)!important;


  color:var(--pro-danger)!important;


  border-color:rgba(239,68,68,.30)!important;


}


html[data-theme="pro"] .poem-status-tag.status-review:hover{


  background:rgba(239,68,68,.18)!important;


}


html[data-theme="pro"] .review-badge{


  background:var(--pro-danger)!important;


  color:#fff!important;


  box-shadow:none!important;


  animation:none!important;


}


html[data-theme="pro"] .favorite-btn{


  color:var(--pro-ink-3)!important;


}


html[data-theme="pro"] .favorite-btn.active,


html[data-theme="pro"] .favorite-btn:hover{


  color:var(--pro-danger)!important;


}





/* ---------- 古诗文详情 ---------- */


html[data-theme="pro"] .poem-detail-container{


  background:var(--pro-surface)!important;


  border-color:var(--pro-line)!important;


  box-shadow:var(--shadow-md)!important;


}


html[data-theme="pro"] .detail-title{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .detail-author{


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .action-btn-memory{


  background:var(--pro-primary)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .action-btn-memory:hover{


  background:var(--pro-primary-dark)!important;


}


html[data-theme="pro"] .action-btn-review{


  background:var(--pro-danger)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .grade-tag{


  background:var(--pro-primary)!important;


  color:#fff!important;


}


html[data-theme="pro"] .poem-full-content{


  background:var(--pro-surface-2)!important;


}


html[data-theme="pro"] .poem-line{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .poem-line.poem-prose-paragraph{


  background:rgba(79,124,255,.05)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .line-number{


  color:var(--pro-ink-3)!important;


}


html[data-theme="pro"] .image-caption{


  background:rgba(31,35,48,.70)!important;


  color:#fff!important;


}


html[data-theme="pro"] .image-memory-method{


  background:rgba(79,124,255,.08)!important;


}


html[data-theme="pro"] .image-memory-method h4{


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .image-slide-memory-method{


  background:rgba(245,166,35,.08)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .image-slide-memory-method i{


  color:var(--pro-warn)!important;


}





/* ---------- 古诗文分页 ---------- */


html[data-theme="pro"] #learningPagination{


  background:var(--pro-surface)!important;


  border-top-color:var(--pro-line)!important;


}


html[data-theme="pro"] .page-size-selector,


html[data-theme="pro"] .pagination-info{


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .page-size-btn,


html[data-theme="pro"] .page-btn,


html[data-theme="pro"] .custom-page-size-input{


  background:var(--pro-surface-2)!important;


  border-color:var(--pro-line)!important;


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] .page-size-btn:hover,


html[data-theme="pro"] .page-btn:hover:not(:disabled){


  background:var(--pro-line-2)!important;


  border-color:var(--pro-primary)!important;


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .page-size-btn.active,


html[data-theme="pro"] .page-btn.active{


  background:var(--pro-primary)!important;


  border-color:var(--pro-primary)!important;


  color:#fff!important;


}


html[data-theme="pro"] .custom-page-apply-btn{


  background:var(--pro-primary)!important;


  border-color:var(--pro-primary)!important;


  color:#fff!important;


}


html[data-theme="pro"] .custom-page-size-input:focus{


  border-color:var(--pro-primary)!important;


}





/* ---------- 古诗文速记指南弹窗 ---------- */


html[data-theme="pro"] .memorize-guide-overlay{


  background:rgba(31,35,48,.60)!important;


}


html[data-theme="pro"] .memorize-guide-dialog{


  background:var(--pro-surface)!important;


  border-color:var(--pro-line)!important;


  box-shadow:var(--pro-shadow)!important;


}


html[data-theme="pro"] .guide-dialog-header{


  background:var(--pro-primary)!important;


  color:#fff!important;


}


html[data-theme="pro"] .guide-dialog-close{


  background:rgba(255,255,255,.20)!important;


  color:#fff!important;


}


html[data-theme="pro"] .guide-dialog-body{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .guide-step-number{


  background:var(--pro-primary)!important;


}


html[data-theme="pro"] .guide-step-content strong{


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .guide-dialog-footer .guide-tip{


  background:rgba(79,124,255,.10)!important;


  border-color:rgba(79,124,255,.20)!important;


  color:var(--pro-primary)!important;


}





/* ---------- 单词学习指南弹窗（复用古诗文弹窗样式） ---------- */


html[data-theme="pro"] .word-memorize-guide-dialog{


  background:var(--pro-surface)!important;


  border-color:var(--pro-line)!important;


  box-shadow:var(--pro-shadow)!important;


}


html[data-theme="pro"] .word-guide-dialog-header{


  background:var(--pro-primary)!important;


  color:#fff!important;


}


html[data-theme="pro"] .word-guide-dialog-body{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .word-guide-step-number{


  background:var(--pro-primary)!important;


}


html[data-theme="pro"] .word-guide-step-content strong,


html[data-theme="pro"] .word-guide-subtitle{


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .word-guide-tip{


  background:rgba(79,124,255,.10)!important;


  border-color:rgba(79,124,255,.20)!important;


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .word-sep-line:before,


html[data-theme="pro"] .word-sep-line:after{


  border-color:var(--pro-line)!important;


}





/* ============================================================


   Pro 主题 · 单词学习界面质感提升


   针对截图反馈：卡片苍白、词性彩条、按钮过艳、提示区浮浅


   ============================================================ */





/* 页面背景再深一点，让白卡更突出（已在 body 规则改 #e4e9f2） */





/* 底部学习模式提示区：白底卡片 + 左边主色条 */


html[data-theme="pro"] .learn-mode-info{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:12px!important;


  padding:18px 24px!important;


  margin-top:28px!important;


  box-shadow:var(--shadow-md)!important;


  text-align:center!important;


}


html[data-theme="pro"] .learn-mode-info h3{


  color:var(--pro-primary)!important;


  font-size:1.15em!important;


  font-weight:700!important;


  margin:0 0 6px!important;


}


html[data-theme="pro"] .learn-mode-info p{


  color:var(--pro-ink-2)!important;


  font-size:0.98em!important;


  line-height:1.6!important;


  margin:0!important;


}





/* 倒计时 / 提示文字：去发光，改为主色 */


html[data-theme="pro"] .tip{


  color:var(--pro-primary)!important;


  text-shadow:none!important;


}


html[data-theme="pro"] .countdown{


  color:var(--pro-primary)!important;


  text-shadow:none!important;


}





/* 反馈按钮：去掉红渐变 */


html[data-theme="pro"] #feedback-btn{


  background:var(--pro-surface)!important;


  color:var(--pro-danger)!important;


  border:1px solid var(--pro-danger)!important;


  box-shadow:none!important;


  border-radius:8px!important;


}


html[data-theme="pro"] #feedback-btn:hover{


  background:rgba(239,68,68,.08)!important;


}





/* 反馈弹窗：白底蓝主色 */


html[data-theme="pro"] #feedbackDialog > div{


  background:var(--pro-surface)!important;


  color:var(--pro-ink)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow)!important;


}


html[data-theme="pro"] #feedbackDialog h3{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] #feedbackDialog label{


  background:var(--pro-surface-2)!important;


  color:var(--pro-ink-2)!important;


  border-radius:8px!important;


}


html[data-theme="pro"] #feedbackDialog label:hover{


  background:var(--pro-line-2)!important;


}


html[data-theme="pro"] #feedbackDialog textarea{


  background:var(--pro-surface)!important;


  color:var(--pro-ink)!important;


  border:1px solid var(--pro-line)!important;


}


html[data-theme="pro"] #feedbackSubmitBtn{


  background:var(--pro-primary)!important;


  color:#fff!important;


  box-shadow:none!important;


}


html[data-theme="pro"] #feedbackCancelBtn{


  background:var(--pro-surface-2)!important;


  color:var(--pro-ink-2)!important;


  border:1px solid var(--pro-line)!important;


}





/* 记忆法操作小按钮（换一个/保存/换一换） */


html[data-theme="pro"] #refresh-memory-btn,


html[data-theme="pro"] #save-memory-btn,


html[data-theme="pro"] #change-memory-btn{


  background:var(--pro-surface-2)!important;


  color:var(--pro-primary)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:6px!important;


  padding:4px 10px!important;


}


html[data-theme="pro"] #refresh-memory-btn:hover,


html[data-theme="pro"] #save-memory-btn:hover,


html[data-theme="pro"] #change-memory-btn:hover{


  background:var(--pro-line-2)!important;


}





/* 词义高亮标签（meaning-top 等） */


html[data-theme="pro"] .meaning-top{


  font-weight:700!important;


}





/* 自然拼读规则文字 */


html[data-theme="pro"] #phonics-rules{


  color:var(--pro-ink-2)!important;


}





/* ============================================================


   Pro 主题 · 面板标题可读性修复


   color-contrast-fixes.css 把浅色面板标题强制白色，


   pro 下需强制改回深色，并给面板明确白底/边框/阴影。


   ============================================================ */





/* 所有面板容器：明确白底卡片 */


html[data-theme="pro"] .panel{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:var(--pro-radius)!important;


  box-shadow:var(--pro-shadow)!important;


  padding:24px!important;


  color:var(--pro-ink)!important;


}





/* 面板头部 */


html[data-theme="pro"] .panel-header{


  border-bottom:1px solid var(--pro-line)!important;


  margin-bottom:20px!important;


  padding-bottom:15px!important;


}





/* 面板标题：强制深色，去掉浅色主题留下的白色/阴影 */


html[data-theme="pro"] .panel-header h2,


html[data-theme="pro"] .panel-header h3,


html[data-theme="pro"] .panel-header h4,


html[data-theme="pro"] .panel-header h2 span,


html[data-theme="pro"] .panel-header h3 span,


html[data-theme="pro"] .panel-header h4 span{


  color:var(--pro-ink)!important;


  text-shadow:none!important;


  font-weight:700!important;


}





/* 特定面板标题（防 color-contrast-fixes.css 遗留） */


html[data-theme="pro"] #readingComprehensionPanel .panel-header h2,


html[data-theme="pro"] #wordMemoryPanel .panel-header h2,


html[data-theme="pro"] #errorWordsPanel .panel-header h2,


html[data-theme="pro"] #compositionPanel .panel-header h2,


html[data-theme="pro"] #englishCompositionPanel .panel-header h2,


html[data-theme="pro"] #grammarLearningPanel .panel-header h2,


html[data-theme="pro"] #historyPanel .panel-header h2,


html[data-theme="pro"] #myDetailsPanel .panel-header h2,


html[data-theme="pro"] #personalCenterPanel .panel-header h2,


html[data-theme="pro"] #userManagementPanel .panel-header h2,


html[data-theme="pro"] #wordBankPanel .panel-header h2,


html[data-theme="pro"] #importExportPanel .panel-header h2,


html[data-theme="pro"] #assessmentReportPanel .panel-header h2{


  color:var(--pro-ink)!important;


  text-shadow:none!important;


}





/* 面板主内容卡片：浅灰内胆 + 细边 + 轻阴影，让版块浮起来 */


html[data-theme="pro"] .panel > .card{


  background:var(--pro-surface-2)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:var(--pro-radius)!important;


  box-shadow:0 6px 18px rgba(16,24,40,.08)!important;


  padding:18px!important;


  margin:0!important;


}





/* ============================================================


   Pro 主题 · AI语法学习内容可读性修复


   原暗色样式把 .error-item/.example-item 背景做成半透明彩色，


   pro 白底上对比度不足，且标题色（亮绿/亮黄）看不清。


   ============================================================ */





/* 语法面板整体容器 */


html[data-theme="pro"] #grammarLearningPanel .grammar-content,


html[data-theme="pro"] #grammarLearningPanel .grammar-card{


  background:var(--pro-surface-2)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:12px!important;


  box-shadow:none!important;


  padding:20px!important;


  color:var(--pro-ink)!important;


}





/* 头部标题 */


html[data-theme="pro"] #grammarLearningPanel .grammar-header h2{


  color:var(--pro-ink)!important;


}





/* 下拉框：去掉暗色底 */


html[data-theme="pro"] #grammar-level-select,


html[data-theme="pro"] #grammar-topic-select{


  background:var(--pro-surface)!important;


  color:var(--pro-ink)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:8px!important;


}


html[data-theme="pro"] #grammar-level-select option,


html[data-theme="pro"] #grammar-topic-select option{


  background:var(--pro-surface)!important;


  color:var(--pro-ink)!important;


}





/* 生成按钮 */


html[data-theme="pro"] #generate-grammar-btn,


html[data-theme="pro"] #regenerate-grammar-btn{


  background:var(--pro-primary)!important;


  color:#fff!important;


  border:none!important;


  box-shadow:none!important;


  border-radius:8px!important;


}





/* 讲解区、例句区：所有文本强制深色 */


html[data-theme="pro"] #grammar-explanation,


html[data-theme="pro"] #grammar-explanation *,


html[data-theme="pro"] #grammar-examples-content,


html[data-theme="pro"] #grammar-examples-content *{


  color:var(--pro-ink)!important;


}





/* 但保留按钮/输入框默认行为 */


html[data-theme="pro"] #grammar-explanation button,


html[data-theme="pro"] #grammar-examples-content button,


html[data-theme="pro"] #grammar-explanation input,


html[data-theme="pro"] #grammar-examples-content input,


html[data-theme="pro"] #grammar-explanation select,


html[data-theme="pro"] #grammar-examples-content select,


html[data-theme="pro"] #grammar-explanation textarea,


html[data-theme="pro"] #grammar-examples-content textarea{


  color:var(--pro-ink)!important;


}





/* 时态条目 */


html[data-theme="pro"] .tense-item{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-left:4px solid var(--pro-primary)!important;


  box-shadow:none!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .tense-item h4{


  color:var(--pro-primary-dark)!important;


}


html[data-theme="pro"] .tense-item p{


  color:var(--pro-ink)!important;


}





/* 常见错误条目 */


html[data-theme="pro"] .error-item{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-left:4px solid var(--pro-danger)!important;


  box-shadow:none!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .error-item h4{


  color:#c0392b!important;                 /* 深红，白底上可读 */


}


html[data-theme="pro"] .error-item p{


  color:var(--pro-ink)!important;


}





/* 实用例句条目 */


html[data-theme="pro"] .example-item{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-left:4px solid var(--pro-success)!important;


  box-shadow:none!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .example-item h4{


  color:#1e8449!important;                 /* 深绿，白底上可读 */


}


html[data-theme="pro"] .example-item p,


html[data-theme="pro"] .example-item .example-text,


html[data-theme="pro"] .example-item .example-translation{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .example-item .example-text{


  background:var(--pro-surface-2)!important;


  border:1px solid var(--pro-line)!important;


  font-style:italic!important;


}





/* 重点标识 */


html[data-theme="pro"] .grammar-keyword{


  background:rgba(79,124,255,.12)!important;


  color:var(--pro-primary-dark)!important;


  border-radius:4px!important;


}


html[data-theme="pro"] .grammar-important{


  background:rgba(245,166,35,.15)!important;


  color:#b26a00!important;                 /* 深橙，代替亮黄 */


  border-radius:4px!important;


}


html[data-theme="pro"] .grammar-note{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-left:4px solid var(--pro-warn)!important;


  color:var(--pro-ink)!important;


}





/* ============================================================


   Pro 主题 · 通用面板内容可读性兜底


   解决 color-contrast-fixes.css / 内联样式 / JS 动态生成内容


   在 pro 白底上留下浅色文字的问题。


   ============================================================ */





/* 所有面板内常见内容元素的默认文字色强制深色 */


html[data-theme="pro"] .panel p,


html[data-theme="pro"] .panel span,


html[data-theme="pro"] .panel div,


html[data-theme="pro"] .panel li,


html[data-theme="pro"] .panel td,


html[data-theme="pro"] .panel th,


html[data-theme="pro"] .panel label,


html[data-theme="pro"] .panel strong,


html[data-theme="pro"] .panel em{


  color:var(--pro-ink);


}





/* 但保留按钮、输入框、链接、主色高亮的正常行为 */


html[data-theme="pro"] .panel a,


html[data-theme="pro"] .panel a span,


html[data-theme="pro"] .panel a div{


  color:var(--pro-primary);


}


html[data-theme="pro"] .panel button,


html[data-theme="pro"] .panel button span{


  color:inherit;


}


html[data-theme="pro"] .panel input,


html[data-theme="pro"] .panel select,


html[data-theme="pro"] .panel textarea{


  color:var(--pro-ink);


}


html[data-theme="pro"] .panel .text-muted,


html[data-theme="pro"] .panel .text-secondary{


  color:var(--pro-ink-2);


}





/* 面板内任何仍残留“白字/浅灰字”的内联样式元素，强制改深 */


html[data-theme="pro"] .panel [style*="color: rgb(255"],


html[data-theme="pro"] .panel [style*="color: #fff"],


html[data-theme="pro"] .panel [style*="color:#fff"],


html[data-theme="pro"] .panel [style*="color: #ffff"],


html[data-theme="pro"] .panel [style*="color:#ffff"],


html[data-theme="pro"] .panel [style*="color: rgba(255,255,255"],


html[data-theme="pro"] .panel [style*="color:rgba(255,255,255"]{


  color:var(--pro-ink)!important;


}





/* 面板内常见半透明彩色背景条，强制白底细边 */


html[data-theme="pro"] .panel [class*="item"],


html[data-theme="pro"] .panel [class*="card"],


html[data-theme="pro"] .panel [class*="note"],


html[data-theme="pro"] .panel [class*="tip"],


html[data-theme="pro"] .panel [class*="highlight"]{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:var(--pro-radius)!important;


  box-shadow:0 6px 16px rgba(16,24,40,.08)!important;


  color:var(--pro-ink)!important;


}





/* ============================================================


   Pro 主题 · AI英语时文阅读模块覆盖


   解决 pro 下仍使用 news_reading_styles.css 暗色渐变的问题。


   ============================================================ */





/* 主面板 */


html[data-theme="pro"] #newsReadingPanel,


html[data-theme="pro"] #englishNewsReadingPanel{


  background:transparent!important;


}





/* 面板头部 */


html[data-theme="pro"] #newsReadingPanel .panel-header,


html[data-theme="pro"] #englishNewsReadingPanel .panel-header{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  border-radius:12px!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] #newsReadingPanel .panel-header h2,


html[data-theme="pro"] #englishNewsReadingPanel .panel-header h2{


  color:var(--pro-ink)!important;


  text-shadow:none!important;


}


html[data-theme="pro"] #newsReadingPanel .panel-header h2 span,


html[data-theme="pro"] #englishNewsReadingPanel .panel-header h2 span{


  color:var(--pro-ink-2)!important;


}





/* 配置区（选择年级/文章类型/难度级别） */


html[data-theme="pro"] .news-config-section{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .news-config-section label{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .news-config-section select,


html[data-theme="pro"] #newsReadingPanel select,


html[data-theme="pro"] #englishNewsReadingPanel select{


  background:var(--pro-surface-2)!important;


  color:var(--pro-ink)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:none!important;


}


html[data-theme="pro"] .news-config-section select option{


  background:var(--pro-surface)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .news-config-section select:focus{


  border-color:var(--pro-primary)!important;


  box-shadow:0 0 0 3px rgba(79,124,255,.12)!important;


}





/* 统计卡片 */


html[data-theme="pro"] .stat-card{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .stat-card div:first-child{


  color:var(--pro-ink-2)!important;


  text-shadow:none!important;


}


html[data-theme="pro"] .stat-card div:last-child{


  color:var(--pro-ink)!important;


  font-weight:700!important;


}


html[data-theme="pro"] .stat-card::before{


  display:none!important;


}





/* 加载区 */


html[data-theme="pro"] #news-loading{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] #news-loading p{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] #news-progress-bar{


  background:var(--pro-primary)!important;


}





/* 文章元信息（Article Title / Difficulty / Word Count） */


html[data-theme="pro"] #news-meta-info{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] #news-meta-info,


html[data-theme="pro"] #news-meta-info span,


html[data-theme="pro"] #news-meta-info strong,


html[data-theme="pro"] #news-meta-info div{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] #news-meta-info .news-meta-label{


  color:var(--pro-ink-2)!important;


}


html[data-theme="pro"] #news-meta-info .news-difficulty{


  color:var(--pro-primary)!important;


}





/* 文章内容区 */


html[data-theme="pro"] #news-article-content,


html[data-theme="pro"] #english-news-article-content{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] #news-article-content *,


html[data-theme="pro"] #english-news-article-content *{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] #news-article-content h2,


html[data-theme="pro"] #english-news-article-content h2{


  color:var(--pro-primary)!important;


  background:none!important;


  -webkit-text-fill-color:var(--pro-primary)!important;


}


html[data-theme="pro"] #news-article-content h2::after,


html[data-theme="pro"] #english-news-article-content h2::after{


  background:var(--pro-primary)!important;


}





/* 题目 */


html[data-theme="pro"] .news-question{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .news-question *,


html[data-theme="pro"] .news-question p,


html[data-theme="pro"] .news-question span,


html[data-theme="pro"] .news-question div{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .news-question::before{


  background:var(--pro-primary)!important;


}


html[data-theme="pro"] .news-question:hover{


  border-color:var(--pro-primary)!important;


}





/* 选项 */


html[data-theme="pro"] .news-option{


  background:var(--pro-surface-2)!important;


  border:1px solid var(--pro-line)!important;


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .news-option *,


html[data-theme="pro"] .news-option label,


html[data-theme="pro"] .news-option span{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .news-option:hover{


  background:var(--pro-surface)!important;


  border-color:var(--pro-primary)!important;


  transform:translateX(4px)!important;


}


html[data-theme="pro"] .news-option.selected{


  background:rgba(79,124,255,.10)!important;


  border-color:var(--pro-primary)!important;


  box-shadow:0 2px 8px rgba(79,124,255,.12)!important;


}


html[data-theme="pro"] .news-option.selected .selection-indicator{


  color:var(--pro-primary)!important;


}





/* 按钮 */


html[data-theme="pro"] #generate-news-btn,


html[data-theme="pro"] #generate-english-news-btn,


html[data-theme="pro"] #submit-news-answers-btn,


html[data-theme="pro"] #new-news-btn{


  background:var(--pro-primary)!important;


  color:#fff!important;


  border:none!important;


  box-shadow:none!important;


  border-radius:8px!important;


}


html[data-theme="pro"] #generate-news-btn:hover,


html[data-theme="pro"] #generate-english-news-btn:hover,


html[data-theme="pro"] #submit-news-answers-btn:hover,


html[data-theme="pro"] #new-news-btn:hover{


  filter:brightness(.95)!important;


  transform:translateY(-1px)!important;


}





/* 阅读报告 */


html[data-theme="pro"] .news-report{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .news-report *,


html[data-theme="pro"] .news-report p,


html[data-theme="pro"] .news-report div,


html[data-theme="pro"] .news-report span{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .news-report .news-report-section-title{


  background:var(--pro-primary)!important;


  color:#fff!important;


}





/* 分数 */


html[data-theme="pro"] .score-circle{


  background:var(--pro-primary)!important;


  color:#fff!important;


  box-shadow:none!important;


}


html[data-theme="pro"] .score-circle::before{


  display:none!important;


}


html[data-theme="pro"] .score-excellent{


  background:var(--pro-success)!important;


}


html[data-theme="pro"] .score-good{


  background:var(--pro-warn)!important;


}


html[data-theme="pro"] .score-poor{


  background:var(--pro-danger)!important;


}





/* 答题详情 */


html[data-theme="pro"] .answer-detail{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


}


html[data-theme="pro"] .answer-detail *,


html[data-theme="pro"] .answer-detail p,


html[data-theme="pro"] .answer-detail div,


html[data-theme="pro"] .answer-detail span{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .answer-detail.correct{


  background:rgba(45,138,94,.08)!important;


  border-color:rgba(45,138,94,.35)!important;


}


html[data-theme="pro"] .answer-detail.incorrect{


  background:rgba(196,77,77,.08)!important;


  border-color:rgba(196,77,77,.35)!important;


}


html[data-theme="pro"] .answer-detail.correct::before{


  background:var(--pro-success)!important;


}


html[data-theme="pro"] .answer-detail.incorrect::before{


  background:var(--pro-danger)!important;


}





/* 重点词汇 */


html[data-theme="pro"] .vocabulary-item{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .vocabulary-item *,


html[data-theme="pro"] .vocabulary-item p,


html[data-theme="pro"] .vocabulary-item div,


html[data-theme="pro"] .vocabulary-item span{


  color:var(--pro-ink)!important;


}


html[data-theme="pro"] .vocabulary-word{


  color:var(--pro-primary)!important;


}


html[data-theme="pro"] .vocabulary-item:hover{


  border-color:var(--pro-primary)!important;


}





/* 学习建议 */


html[data-theme="pro"] .learning-advice{


  background:var(--pro-surface)!important;


  border:1px solid var(--pro-line)!important;


  box-shadow:var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] .learning-advice *,


html[data-theme="pro"] .learning-advice p,


html[data-theme="pro"] .learning-advice div,


html[data-theme="pro"] .learning-advice span{


  color:var(--pro-ink)!important;


}





/* 滚动条 */


html[data-theme="pro"] #news-article-content::-webkit-scrollbar-track,


html[data-theme="pro"] #english-news-article-content::-webkit-scrollbar-track,


html[data-theme="pro"] #news-questions-container::-webkit-scrollbar-track{


  background:var(--pro-surface-2)!important;


}


html[data-theme="pro"] #news-article-content::-webkit-scrollbar-thumb,


html[data-theme="pro"] #english-news-article-content::-webkit-scrollbar-thumb,


html[data-theme="pro"] #news-questions-container::-webkit-scrollbar-thumb{


  background:var(--pro-primary)!important;


}





/* 时文阅读内所有文字兜底（排除深色单词悬停框） */


html[data-theme="pro"] #newsReadingPanel *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] #englishNewsReadingPanel *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] #news-article-content *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] #english-news-article-content *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] .news-question *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] .news-option *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] .news-report *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] .answer-detail *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] .vocabulary-item *:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] .learning-advice *:not(.news-word-tooltip):not(.news-word-tooltip *){


  color:var(--pro-ink)!important;


}





/* 悬停框本身保持深底白字 */


html[data-theme="pro"] .news-word-tooltip,


html[data-theme="pro"] .news-word-tooltip *{


  color:#ffffff!important;


}


html[data-theme="pro"] .news-word-tooltip-word{


  color:#7ee787!important;


}


html[data-theme="pro"] .news-word-tooltip-field strong{


  color:#7ee787!important;


}





/* ============================================================


   Pro 主题 · AI英语时文阅读（内联深色样式强杀增强）


   ============================================================ */





/* 所有带暗色内联背景的元素统一改成 pro 浅底深字（排除单词悬停框） */


html[data-theme="pro"] #englishNewsReadingPanel [style*="#1A1A2E"]:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] #englishNewsReadingPanel [style*="#16213E"]:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] #englishNewsReadingPanel [style*="#0F3460"]:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] #newsReadingPanel [style*="#1A1A2E"]:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] #newsReadingPanel [style*="#16213E"]:not(.news-word-tooltip):not(.news-word-tooltip *),


html[data-theme="pro"] #newsReadingPanel [style*="#0F3460"]:not(.news-word-tooltip):not(.news-word-tooltip *){


  background: var(--pro-surface)!important;


  background-color: var(--pro-surface)!important;


  background-image: none!important;


  color: var(--pro-ink)!important;


  border-color: var(--pro-line)!important;


}





/* 题目选项单独兜底：默认浅灰底、深字、主色边框 */


html[data-theme="pro"] #englishNewsReadingPanel .english-option,


html[data-theme="pro"] #newsReadingPanel .english-option{


  background: var(--pro-surface)!important;


  background-color: var(--pro-surface)!important;


  color: var(--pro-ink)!important;


  border: 1px solid var(--pro-line)!important;


  box-shadow: var(--pro-shadow-sm)!important;


}


html[data-theme="pro"] #englishNewsReadingPanel .english-option:hover,


html[data-theme="pro"] #newsReadingPanel .english-option:hover{


  border-color: var(--pro-primary)!important;


  background: var(--pro-surface-2)!important;


}


html[data-theme="pro"] #englishNewsReadingPanel .english-option input[type="radio"],


html[data-theme="pro"] #newsReadingPanel .english-option input[type="radio"]{


  accent-color: var(--pro-primary)!important;


}





/* 配置区、元信息、文章内容、题目区、报告、加载 —— ID 级兜底 */


html[data-theme="pro"] #englishNewsReadingPanel .news-config-section,


html[data-theme="pro"] #englishNewsReadingPanel #english-news-meta-info,


html[data-theme="pro"] #englishNewsReadingPanel #english-news-article-content,


html[data-theme="pro"] #englishNewsReadingPanel #english-questions-section,


html[data-theme="pro"] #englishNewsReadingPanel .english-news-report,


html[data-theme="pro"] #englishNewsReadingPanel #english-news-loading,


html[data-theme="pro"] #newsReadingPanel .news-config-section,


html[data-theme="pro"] #newsReadingPanel #news-meta-info,


html[data-theme="pro"] #newsReadingPanel #news-article-content,


html[data-theme="pro"] #newsReadingPanel #news-questions-section,


html[data-theme="pro"] #newsReadingPanel .news-report,


html[data-theme="pro"] #newsReadingPanel #news-loading{


  background: var(--pro-surface)!important;


  background-color: var(--pro-surface)!important;


  background-image: none!important;


  color: var(--pro-ink)!important;


}





/* 标题/强调色在浅底上改为专业主色或深橙，保证可辨 */


html[data-theme="pro"] #englishNewsReadingPanel [style*="#64B5F6"],


html[data-theme="pro"] #newsReadingPanel [style*="#64B5F6"]{


  color: var(--pro-primary)!important;


  -webkit-text-fill-color: var(--pro-primary)!important;


}


html[data-theme="pro"] #englishNewsReadingPanel [style*="#FF9800"],


html[data-theme="pro"] #newsReadingPanel [style*="#FF9800"]{


  color: #d97706!important;


  -webkit-text-fill-color: #d97706!important;


}





/* 重点词汇卡片：保留橙色左边条语义，只把深色底改浅 */


html[data-theme="pro"] #englishNewsReadingPanel [style*="border-left: 4px solid #FF9800"],


html[data-theme="pro"] #newsReadingPanel [style*="border-left: 4px solid #FF9800"]{


  border-left-color: #f59e0b!important;


}






/* ============================================================

   Pro 主题 · 英文时文阅读「提交后报告」浅色化

   ============================================================ */



/* ============================================================
   Pro 主题 · 英文时文阅读「提交后报告」浅色化（增强对比版）
   ============================================================ */

/* 报告区整体兜底：白底深字 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-section,
html[data-theme="pro"] #englishNewsReadingPanel .english-news-report,
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content{
  background: var(--pro-surface)!important;
  background-color: var(--pro-surface)!important;
  background-image: none!important;
  color: var(--pro-ink)!important;
}

/* 不要对 report-content 内所有元素统一改深字，会抹掉语义色；
   只把原本浅灰/白色文字改成深字 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #E2E2E2"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #aaa"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: white"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #ffffff"]{
  color: var(--pro-ink)!important;
  -webkit-text-fill-color: var(--pro-ink)!important;
}

/* 所有带渐变/深色背景的卡片统一改成浅底（但不要再把内部语义文字也改深色） */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="linear-gradient"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="#16213E"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="#1E3C72"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="#2A5298"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="#4A148C"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="#7B1FA2"]{
  background: var(--pro-surface-2)!important;
  background-color: var(--pro-surface-2)!important;
  background-image: none!important;
  border-color: var(--pro-line)!important;
}

/* 选项详情外层容器（原 #0F3460）改纯白底，增加对比 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="#0F3460"]{
  background: var(--pro-surface)!important;
  background-color: var(--pro-surface)!important;
  border: 1px solid var(--pro-line)!important;
}

/* 半透明卡片：rgba(255,255,255,0.1) → 浅灰 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="rgba(255, 255, 255, 0.1)"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="rgba(255,255,255,0.1)"]{
  background: var(--pro-surface-2)!important;
  background-color: var(--pro-surface-2)!important;
  border: 1px solid var(--pro-line)!important;
}

/* 老师温馨提示浅绿底 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="rgba(76, 175, 80, 0.2)"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="rgba(76,175,80,0.2)"]{
  background: rgba(43,182,115,.12)!important;
  background-color: rgba(43,182,115,.12)!important;
  border-left-color: var(--pro-success)!important;
}

/* 答题详情卡片（正确/错误）— 用更明显的浅色语义底 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="#1E4B2F"]{
  background: rgba(43,182,115,.15)!important;
  background-color: rgba(43,182,115,.15)!important;
  border-left: 4px solid var(--pro-success)!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="#4A1E1E"]{
  background: rgba(239,68,68,.15)!important;
  background-color: rgba(239,68,68,.15)!important;
  border-left: 4px solid var(--pro-danger)!important;
}

/* 单个选项行增强可读性 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background: rgba(76, 175, 80, 0.1)"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background:rgba(76,175,80,0.1)"]{
  background: rgba(43,182,115,.2)!important;
  background-color: rgba(43,182,115,.2)!important;
  border-left: 3px solid var(--pro-success)!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background: rgba(244, 67, 54, 0.1)"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background:rgba(244,67,54,0.1)"]{
  background: rgba(239,68,68,.2)!important;
  background-color: rgba(239,68,68,.2)!important;
  border-left: 3px solid var(--pro-danger)!important;
}

/* 选项详情区透明底 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background: transparent"]{
  background: transparent!important;
  background-color: transparent!important;
}

/* 标题/强调色在浅底上的映射（保留语义色，不再改深字） */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #64B5F6"]{
  color: var(--pro-primary)!important;
  -webkit-text-fill-color: var(--pro-primary)!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #FF9800"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #FFD700"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #FFD54F"]{
  color: #b45309!important;
  -webkit-text-fill-color: #b45309!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #E1BEE7"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #CE93D8"]{
  color: #7c3aed!important;
  -webkit-text-fill-color: #7c3aed!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #81C784"]{
  color: #15803d!important;
  -webkit-text-fill-color: #15803d!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #4CAF50"]{
  color: #15803d!important;
  -webkit-text-fill-color: #15803d!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #F44336"]{
  color: #dc2626!important;
  -webkit-text-fill-color: #dc2626!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #9C27B0"]{
  color: #7e22ce!important;
  -webkit-text-fill-color: #7e22ce!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="color: #2196F3"]{
  color: var(--pro-info)!important;
  -webkit-text-fill-color: var(--pro-info)!important;
}

/* 边框颜色映射 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="border-left: 4px solid #4CAF50"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="border: 2px solid #4CAF50"]{
  border-color: var(--pro-success)!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="border: 2px solid #CE93D8"]{
  border-color: #c084fc!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="border-left: 3px solid #2196F3"]{
  border-left-color: var(--pro-info)!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="border-left: 3px solid #FF9800"]{
  border-left-color: var(--pro-warn)!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="border-left: 3px solid #9C27B0"]{
  border-left-color: #a855f7!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="border-left: 3px solid #F44336"]{
  border-left-color: var(--pro-danger)!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="border-left: 3px solid #4CAF50"]{
  border-left-color: var(--pro-success)!important;
}

/* 朗读按钮在浅色主题下改用主色/危险色 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content #news-report-speak-btn{
  background: var(--pro-primary)!important;
  background-color: var(--pro-primary)!important;
  background-image: none!important;
  color: #fff!important;
  border: none!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content #news-report-stop-btn{
  background: var(--pro-danger)!important;
  background-color: var(--pro-danger)!important;
  background-image: none!important;
  color: #fff!important;
  border: none!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content #news-report-speaking-btn{
  background: var(--pro-success)!important;
  background-color: var(--pro-success)!important;
  background-image: none!important;
  color: #fff!important;
  border: none!important;
}

/* 分数圆环：保留语义（绿/橙/红），文字白色 */
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background: #4CAF50"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background-color: #4CAF50"]{
  background: var(--pro-success)!important;
  background-color: var(--pro-success)!important;
  color: #fff!important;
  -webkit-text-fill-color: #fff!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background: #FF9800"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background-color: #FF9800"]{
  background: var(--pro-warn)!important;
  background-color: var(--pro-warn)!important;
  color: #fff!important;
  -webkit-text-fill-color: #fff!important;
}
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background: #F44336"],
html[data-theme="pro"] #englishNewsReadingPanel #english-news-report-content [style*="background-color: #F44336"]{
  background: var(--pro-danger)!important;
  background-color: var(--pro-danger)!important;
  color: #fff!important;
  -webkit-text-fill-color: #fff!important;
}


/* ============================================================
   Pro 主题 · 测评报告弹窗（assessmentReportModal）浅色化
   ============================================================ */

/* 弹窗整体白底深字 */
html[data-theme="pro"] #assessmentReportModal .modal-content,
html[data-theme="pro"] #assessmentReport,
html[data-theme="pro"] #assessmentReport *{
  color: var(--pro-ink)!important;
}

/* 头部渐变背景改浅 */
html[data-theme="pro"] #assessmentReport [style*="linear-gradient(135deg,rgba(79,172,254,0.15)"],
html[data-theme="pro"] #assessmentReport [style*="background:linear-gradient(135deg, rgba(79, 172, 254, 0.15)"]{
  background: var(--pro-surface-2)!important;
  background-color: var(--pro-surface-2)!important;
  background-image: none!important;
}

/* 统计卡片 */
html[data-theme="pro"] #assessmentReport [style*="rgba(79,172,254,0.08)"],
html[data-theme="pro"] #assessmentReport [style*="rgba(67,233,123,0.08)"],
html[data-theme="pro"] #assessmentReport [style*="rgba(255,167,38,0.08)"],
html[data-theme="pro"] #assessmentReport [style*="rgba(255,107,107,0.08)"]{
  background: var(--pro-surface-2)!important;
  background-color: var(--pro-surface-2)!important;
  border-color: var(--pro-line)!important;
}

/* 标题/强调色映射 */
html[data-theme="pro"] #assessmentReport [style*="color:#4facfe"],
html[data-theme="pro"] #assessmentReport [style*="color: #4facfe"]{
  color: var(--pro-primary)!important;
  -webkit-text-fill-color: var(--pro-primary)!important;
}
html[data-theme="pro"] #assessmentReport [style*="color:#43e97b"],
html[data-theme="pro"] #assessmentReport [style*="color: #43e97b"]{
  color: #15803d!important;
  -webkit-text-fill-color: #15803d!important;
}
html[data-theme="pro"] #assessmentReport [style*="color:#ffa726"],
html[data-theme="pro"] #assessmentReport [style*="color: #ffa726"]{
  color: #b45309!important;
  -webkit-text-fill-color: #b45309!important;
}
html[data-theme="pro"] #assessmentReport [style*="color:#ff6b6b"],
html[data-theme="pro"] #assessmentReport [style*="color: #ff6b6b"]{
  color: #dc2626!important;
  -webkit-text-fill-color: #dc2626!important;
}

/* 分数圆环保留语义 */
html[data-theme="pro"] #assessmentReport [style*="background: rgba(79,172,254,0.1)"]{
  background: rgba(79,124,255,.12)!important;
  background-color: rgba(79,124,255,.12)!important;
}

/* 表格正确/错误行 */
html[data-theme="pro"] #assessmentReport .report-row-correct,
html[data-theme="pro"] #assessmentReport [style*="background:rgba(67,233,123"]{
  background: rgba(43,182,115,.12)!important;
  background-color: rgba(43,182,115,.12)!important;
}
html[data-theme="pro"] #assessmentReport .report-row-wrong,
html[data-theme="pro"] #assessmentReport [style*="background:rgba(255,107,107"]{
  background: rgba(239,68,68,.12)!important;
  background-color: rgba(239,68,68,.12)!important;
}

/* 时文阅读测评报告：隐藏与 buildReportHeader 重复的分数头（第二个居中分数块） */
html[data-theme="pro"] #assessmentReport > div > div[style*="text-align: center; margin-bottom: 30px;"]:nth-of-type(1){
  display: none!important;
}

/* ============================================================
   Pro 主题 · 测评报告弹窗分数 / 选项详情细节修正
   ============================================================ */

/* 弹窗内分数恢复红色（buildReportHeader 内联为 #e53935，
   但 #assessmentReport * {color:var(--pro-ink)} 把它刷黑了） */
html[data-theme="pro"] #assessmentReport [style*="color:#e53935"],
html[data-theme="pro"] #assessmentReport [style*="color: #e53935"],
html[data-theme="pro"] #assessmentReport [style*="color:#dc2626"],
html[data-theme="pro"] #assessmentReport [style*="color: #dc2626"]{
  color: #dc2626!important;
  -webkit-text-fill-color: #dc2626!important;
}

/* 选项详情外层暗色半透明底 → 改浅底 */
html[data-theme="pro"] #assessmentReport [style*="background: rgba(0,0,0,0.15)"],
html[data-theme="pro"] #assessmentReport [style*="background:rgba(0,0,0,0.15)"],
html[data-theme="pro"] #assessmentReport [style*="background: rgba(0, 0, 0, 0.15)"],
html[data-theme="pro"] #assessmentReport [style*="background:rgba(0, 0, 0, 0.15)"]{
  background: var(--pro-surface-2)!important;
  background-color: var(--pro-surface-2)!important;
  border: 1px solid var(--pro-line)!important;
}

/* 选项行默认透明底在 pro 下保持干净；
   正确/错误行半透明语义底继续保留浅色映射 */
html[data-theme="pro"] #assessmentReport [style*="background:rgba(67,233,123,0.1)"],
html[data-theme="pro"] #assessmentReport [style*="background: rgba(67, 233, 123, 0.1)"]{
  background: rgba(43,182,115,.15)!important;
  background-color: rgba(43,182,115,.15)!important;
}
html[data-theme="pro"] #assessmentReport [style*="background:rgba(255,107,107,0.1)"],
html[data-theme="pro"] #assessmentReport [style*="background: rgba(255, 107, 107, 0.1)"]{
  background: rgba(239,68,68,.15)!important;
  background-color: rgba(239,68,68,.15)!important;
}

/* ============================================================
   Pro 主题 · 学习报告卡片立体化
   ============================================================ */

/* 学习报告面板背景：浅灰，让白卡浮起来 */
html[data-theme="pro"] #myDetailsPanel .details-content{
  background: var(--pro-surface-2)!important;
  padding: 24px!important;
  border-radius: 16px!important;
}

/* 每个信息卡片：白底 + 细边框 + 阴影 + 圆角 */
html[data-theme="pro"] #myDetailsPanel .info-card{
  background: var(--pro-surface)!important;
  border: 1px solid var(--pro-line)!important;
  border-radius: 16px!important;
  box-shadow: 0 8px 24px rgba(16,24,40,.08)!important;
  overflow: hidden!important;
  margin-bottom: 24px!important;
}

/* 卡片头部：带主色顶部条 + 浅灰底 */
html[data-theme="pro"] #myDetailsPanel .info-card .card-header{
  background: linear-gradient(180deg, var(--pro-surface-2) 0%, var(--pro-surface) 100%)!important;
  border-bottom: 1px solid var(--pro-line)!important;
  color: var(--pro-ink)!important;
  padding: 16px 20px!important;
  font-weight: 600!important;
  position: relative!important;
}

/* 头部图标 */
html[data-theme="pro"] #myDetailsPanel .info-card .card-header i{
  color: var(--pro-primary)!important;
  margin-right: 8px!important;
}

/* 总学习单词数/总时长数字 */
html[data-theme="pro"] #myDetailsPanel .info-card .card-header b{
  color: var(--pro-primary)!important;
  font-weight: 700!important;
}

/* 卡片主体 */
html[data-theme="pro"] #myDetailsPanel .info-card .card-body{
  background: var(--pro-surface)!important;
  padding: 20px!important;
}

/* 三列统计卡片网格增加间距 */
html[data-theme="pro"] #myDetailsPanel .info-cards-container{
  display: grid!important;
  grid-template-columns: repeat(3, 1fr)!important;
  gap: 20px!important;
}

/* 统计数字放大并加主色 */
html[data-theme="pro"] #myDetailsPanel .stat-number{
  color: var(--pro-primary)!important;
  font-size: 1.9rem!important;
  font-weight: 700!important;
  margin-bottom: 6px!important;
}

/* 统计标签 */
html[data-theme="pro"] #myDetailsPanel .stat-label{
  color: var(--pro-ink-2)!important;
  font-size: .85rem!important;
}

/* 统计网格每个格子 */
html[data-theme="pro"] #myDetailsPanel .stat-item{
  background: var(--pro-surface-2)!important;
  border-radius: 12px!important;
  padding: 16px!important;
  text-align: center!important;
  border: 1px solid var(--pro-line)!important;
}

/* 表格表头 */
html[data-theme="pro"] #myDetailsPanel .info-table thead tr{
  background: var(--pro-surface-2)!important;
}
html[data-theme="pro"] #myDetailsPanel .info-table thead th{
  color: var(--pro-ink)!important;
  border-bottom: 2px solid var(--pro-line)!important;
  padding: 12px!important;
  font-weight: 600!important;
}

/* 表格数据行 */
html[data-theme="pro"] #myDetailsPanel .info-table tbody tr{
  border-bottom: 1px solid var(--pro-line)!important;
}
html[data-theme="pro"] #myDetailsPanel .info-table tbody td{
  color: var(--pro-ink)!important;
  padding: 12px!important;
}

/* 掌握/未掌握数值 */
html[data-theme="pro"] #myDetailsPanel .info-table .value.success{
  color: #15803d!important;
  font-weight: 600!important;
}
html[data-theme="pro"] #myDetailsPanel .info-table .value.warning{
  color: #b45309!important;
  font-weight: 600!important;
}

/* 进度条背景 */
html[data-theme="pro"] #myDetailsPanel .progress{
  background: var(--pro-line)!important;
  border-radius: 999px!important;
  height: 10px!important;
  overflow: hidden!important;
}
html[data-theme="pro"] #myDetailsPanel .progress-bar{
  background: linear-gradient(90deg, var(--pro-primary), #6BA3FF)!important;
  border-radius: 999px!important;
}

/* ============================================================
   Pro 主题 · 认读/听力选择测评选项 + 拼写练习图片提示区
   ============================================================ */

/* 测评选项：白底深字，去掉深色半透明背景 */
html[data-theme="pro"] .comprehension-option{
  background: var(--pro-surface)!important;
  background-color: var(--pro-surface)!important;
  color: var(--pro-ink)!important;
  border: 1px solid var(--pro-line)!important;
  border-radius: 12px!important;
  box-shadow: 0 2px 8px rgba(16,24,40,.06)!important;
}

/* 选项字母圆标：主色底 + 白字 */
html[data-theme="pro"] .comprehension-option .comprehension-option-letter{
  background: var(--pro-primary)!important;
  color: #ffffff!important;
  -webkit-text-fill-color: #ffffff!important;
}

/* 悬停：浅主色背景 + 主色边框 */
html[data-theme="pro"] .comprehension-option:hover{
  background: rgba(79,124,255,.12)!important;
  background-color: rgba(79,124,255,.12)!important;
  border-color: var(--pro-primary)!important;
  color: var(--pro-primary)!important;
  box-shadow: 0 4px 14px rgba(79,124,255,.18)!important;
  transform: translateY(-2px)!important;
}

/* 选中：主色背景渐变文字白 */
html[data-theme="pro"] .comprehension-option.selected{
  background: linear-gradient(135deg, var(--pro-primary) 0%, #6BA3FF 100%)!important;
  border-color: var(--pro-primary)!important;
  color: #ffffff!important;
  box-shadow: 0 6px 20px rgba(79,124,255,.25)!important;
  transform: translateY(-2px)!important;
}

/* 选中状态下字母圆标：白底主色字 */
html[data-theme="pro"] .comprehension-option.selected .comprehension-option-letter{
  background: #ffffff!important;
  color: var(--pro-primary)!important;
  -webkit-text-fill-color: var(--pro-primary)!important;
}

/* 拼写练习记忆图片提示区：淡淡的虚线框 */
html[data-theme="pro"] #copyImageHintArea{
  background: rgba(79,124,255,.04)!important;
  border: 1px dashed var(--pro-line)!important;
  border-radius: 12px!important;
}

/* 图片提示区可见时：淡淡主色虚线框 */
html[data-theme="pro"] #copyImageHintArea[style*="visibility: visible"]{
  background: rgba(79,124,255,.06)!important;
  border: 1px dashed var(--pro-primary)!important;
}

/* 提示区文字保持可读 */
html[data-theme="pro"] #copyImageHintArea div{
  color: var(--pro-ink-2)!important;
}

/* ============================================================
   Pro 主题 · 顶部导航栏文字强制单行
   ============================================================ */

/* 顶部栏整体不换行 */
html[data-theme="pro"] .top-navbar,
html[data-theme="pro"] header.top-navbar{
  flex-wrap: nowrap!important;
  white-space: nowrap!important;
}

/* 左右两块容器不换行 */
html[data-theme="pro"] .top-navbar .logo-section,
html[data-theme="pro"] .top-navbar .user-section{
  flex-wrap: nowrap!important;
  white-space: nowrap!important;
}

/* 所有按钮、span、标题文字不换行 */
html[data-theme="pro"] .top-navbar *,
html[data-theme="pro"] .top-navbar *::before,
html[data-theme="pro"] .top-navbar *::after{
  white-space: nowrap!important;
}

/* ============================================================
   Pro 主题 · AI全脑速记面板头部：标题与筛选行固定同一行
   ============================================================ */

/* 面板头部整体不换行，标题和筛选行保持在同一行 */
html[data-theme="pro"] #wordMemoryPanel .panel-header{
  flex-wrap: nowrap!important;
  align-items: center!important;
  gap: 12px!important;
}

/* 标题容器与筛选容器都不换行 */
html[data-theme="pro"] #wordMemoryPanel .panel-header > div{
  flex-wrap: nowrap!important;
}

/* 筛选行：强制单行，允许收缩 */
html[data-theme="pro"] #wordMemoryPanel .grade-module-selector{
  flex-wrap: nowrap!important;
  flex: 1 1 auto!important;
  min-width: 0!important;
  justify-content: flex-end!important;
  gap: 8px!important;
}

/* 每个选择项横向排列，可收缩 */
html[data-theme="pro"] #wordMemoryPanel .selector-item{
  flex-shrink: 1!important;
  min-width: 0!important;
  display: flex!important;
  align-items: center!important;
  gap: 4px!important;
}

/* 标签文字不换行 */
html[data-theme="pro"] #wordMemoryPanel .selector-item label{
  white-space: nowrap!important;
  flex-shrink: 0!important;
}

/* 下拉框宽度自适应，最小 80px，最大 130px */
html[data-theme="pro"] #wordMemoryPanel .selector-item select{
  min-width: 80px!important;
  width: auto!important;
  flex: 1 1 auto!important;
  max-width: 130px!important;
}

/* 测评/导出按钮不换行、不放大 */
html[data-theme="pro"] #wordMemoryPanel .grade-module-selector .btn,
html[data-theme="pro"] #wordMemoryPanel .grade-module-selector button{
  white-space: nowrap!important;
  flex-shrink: 0!important;
}

/* ============================================================
   Pro 主题 · 下拉框选项统一左对齐
   ============================================================ */

html[data-theme="pro"] .styled-select option,
html[data-theme="pro"] select option{
  text-align: left!important;
}

/* 防止 flex 压缩导致按钮/文字被挤换行 */
html[data-theme="pro"] .top-navbar .main-menu-button,
html[data-theme="pro"] .top-navbar .fullscreen-button,
html[data-theme="pro"] .top-navbar #wordGuideBtn,
html[data-theme="pro"] .top-navbar #logoutBtn,
html[data-theme="pro"] .top-navbar .global-speed-control-container,
html[data-theme="pro"] .top-navbar #learningTimer,
html[data-theme="pro"] .top-navbar #currentUser,
html[data-theme="pro"] .top-navbar #userExpiration{
  flex-shrink: 0!important;
}


/* ============================================================
   Pro 主题 · 单词卡标题区布局微调
   ============================================================ */

/* 内容区整体上移 */
html[data-theme="pro"] .word-card-content{
  padding-top: 12px!important;
}

/* 单词与释义、音标、词性之间间距加大 */
html[data-theme="pro"] .word-header .word{
  margin-bottom: 10px!important;
}
html[data-theme="pro"] .word-header .meaning-top{
  margin: 8px 0!important;
}
html[data-theme="pro"] .word-header .phonetic{
  margin-top: 12px!important;
}
html[data-theme="pro"] .word-header .pos{
  margin-top: 16px!important;
}


/* ============================================================
   Pro 主题 · 朋友圈宣传文案生成器 + 宣传库 + 点评助手 弹窗适配
   参考 light-theme.css 的浅色思路，改用 pro 语义色
   ============================================================ */

/* ---------- 朋友圈宣传文案生成器（主弹窗 #promotionModal） ---------- */
html[data-theme="pro"] #promotionModal{
  background: rgba(16,24,40,.55)!important;
}

html[data-theme="pro"] #promotionModal > div{
  background: var(--pro-surface)!important;
  border: 1px solid var(--pro-line)!important;
  box-shadow: var(--pro-shadow)!important;
  color: var(--pro-ink)!important;
}

/* 关闭按钮 */
html[data-theme="pro"] #promotionModal > div > button[onclick*="closePromotionModal"]{
  background: var(--pro-surface-2)!important;
  color: var(--pro-ink-2)!important;
}

/* 设置区域、结果区域（原 inline rgba(255,255,255,0.05)） */
html[data-theme="pro"] #promotionModal div[style*="background: rgba(255,255,255,0.05)"],
html[data-theme="pro"] #promotionModal div[style*="background:rgba(255,255,255,0.05)"]{
  background: var(--pro-surface-2)!important;
  border: 1px solid var(--pro-line)!important;
}

/* 小标题 */
html[data-theme="pro"] #promotionModal h3{
  color: var(--pro-primary)!important;
}

/* label */
html[data-theme="pro"] #promotionModal label[style*="color: #aaa"],
html[data-theme="pro"] #promotionModal label[style*="color:#aaa"]{
  color: var(--pro-ink-2)!important;
}

/* select / textarea */
html[data-theme="pro"] #promotionModal select,
html[data-theme="pro"] #promotionModal textarea{
  background: var(--pro-surface)!important;
  border: 1.5px solid var(--pro-line)!important;
  color: var(--pro-ink)!important;
}

html[data-theme="pro"] #promotionModal textarea::placeholder{
  color: var(--pro-ink-3)!important;
}

html[data-theme="pro"] #promotionModal select option{
  background: #ffffff!important;
  color: var(--pro-ink)!important;
}

/* 一键生成按钮：保持渐变，文字加深 */
html[data-theme="pro"] #promoGenerateBtn{
  color: #1a1a2e!important;
}

/* 复制全部文案等蓝色渐变按钮 */
html[data-theme="pro"] #promotionModal button[style*="background: linear-gradient(135deg, #4facfe"]{
  color: #ffffff!important;
}


/* ---------- 宣传库弹窗 (#promoLibraryModal) ---------- */
html[data-theme="pro"] #promoLibraryModal{
  background: rgba(16,24,40,.55)!important;
}

html[data-theme="pro"] #promoLibraryModal > div{
  background: var(--pro-surface)!important;
  border: 1px solid var(--pro-line)!important;
  box-shadow: var(--pro-shadow)!important;
  color: var(--pro-ink)!important;
}

html[data-theme="pro"] #promoLibraryModal h2{
  -webkit-text-fill-color: transparent!important;
}

html[data-theme="pro"] #promoLibraryModal label{
  color: var(--pro-ink-2)!important;
}

html[data-theme="pro"] #promoLibraryModal select{
  background: var(--pro-surface)!important;
  border: 1.5px solid var(--pro-line)!important;
  color: var(--pro-ink)!important;
}

html[data-theme="pro"] #promoLibraryModal select option{
  background: #ffffff!important;
  color: var(--pro-ink)!important;
}

/* 宣传库筛选栏、卡片等 */
html[data-theme="pro"] #promoLibraryModal div[style*="background: rgba(255,255,255,0.05)"],
html[data-theme="pro"] #promoLibraryModal div[style*="background:rgba(255,255,255,0.05)"]{
  background: var(--pro-surface-2)!important;
  border: 1px solid var(--pro-line)!important;
}

html[data-theme="pro"] #promoLibContentList div,
html[data-theme="pro"] #promoLibContentList span{
  color: var(--pro-ink);
}

html[data-theme="pro"] #promoLibContentList div[style*="color: #e0e0e0"],
html[data-theme="pro"] #promoLibContentList div[style*="color:#e0e0e0"],
html[data-theme="pro"] #promoLibContentList span[style*="color: #e0e0e0"],
html[data-theme="pro"] #promoLibContentList span[style*="color:#e0e0e0"]{
  color: var(--pro-ink)!important;
}

html[data-theme="pro"] #promoLibContentList div[style*="color: #888"],
html[data-theme="pro"] #promoLibContentList div[style*="color:#888"],
html[data-theme="pro"] #promoLibContentList small[style*="color: #888"],
html[data-theme="pro"] #promoLibContentList small[style*="color:#888"]{
  color: var(--pro-ink-2)!important;
}

html[data-theme="pro"] #promoLibContentList div[style*="background: rgba(0,0,0,0.2)"],
html[data-theme="pro"] #promoLibContentList div[style*="background:rgba(0,0,0,0.2)"]{
  background: var(--pro-surface-2)!important;
  border: 1px solid var(--pro-line)!important;
}

html[data-theme="pro"] #promoLibContentList button[style*="rgba(255,107,107"]{
  background: rgba(220,50,50,.1)!important;
  color: #d43d3d!important;
}

html[data-theme="pro"] #promoLibContentList button[style*="background: linear-gradient(135deg, #4facfe"]{
  color: #1a1a2e!important;
}

html[data-theme="pro"] #promoLibraryModal button[onclick*="closePromotionLibrary"]{
  background: var(--pro-surface-2)!important;
  color: var(--pro-ink-2)!important;
}


/* ---------- 点评助手 (#reviewAssistantModal) ---------- */
html[data-theme="pro"] #reviewAssistantModal{
  background: rgba(16,24,40,.55)!important;
}

html[data-theme="pro"] .review-assistant-panel{
  background: var(--pro-surface)!important;
  border: 1px solid var(--pro-line)!important;
  box-shadow: var(--pro-shadow)!important;
  color: var(--pro-ink)!important;
}

/* 关闭按钮 */
html[data-theme="pro"] .review-assistant-panel > button:first-child{
  background: var(--pro-surface-2)!important;
  color: var(--pro-ink-2)!important;
}

html[data-theme="pro"] .review-assistant-panel > button:first-child:hover{
  background: var(--pro-danger)!important;
  color: #ffffff!important;
}

/* 副标题 */
html[data-theme="pro"] .review-assistant-panel > p{
  color: var(--pro-ink-2)!important;
}

/* 各设置/内容/表现/结果区域 */
html[data-theme="pro"] .review-settings-section,
html[data-theme="pro"] .review-content-section,
html[data-theme="pro"] .review-performance-section,
html[data-theme="pro"] .review-results-section{
  background: var(--pro-surface-2)!important;
  border: 1px solid var(--pro-line)!important;
}

html[data-theme="pro"] .review-settings-section h3,
html[data-theme="pro"] .review-content-section h3,
html[data-theme="pro"] .review-performance-section h3,
html[data-theme="pro"] .review-results-section h3{
  color: var(--pro-primary)!important;
}

/* 标签 */
html[data-theme="pro"] .review-label{
  color: var(--pro-ink-2)!important;
}

/* 下拉 / 输入 / 文本域 */
html[data-theme="pro"] .review-select,
html[data-theme="pro"] .review-input,
html[data-theme="pro"] .review-textarea{
  background: var(--pro-surface)!important;
  border: 1.5px solid var(--pro-line)!important;
  color: var(--pro-ink)!important;
}

html[data-theme="pro"] .review-select option{
  background: #ffffff!important;
  color: var(--pro-ink)!important;
}

html[data-theme="pro"] .review-input::placeholder,
html[data-theme="pro"] .review-textarea::placeholder{
  color: var(--pro-ink-3)!important;
}

/* 多选框 */
html[data-theme="pro"] .review-checkbox-item{
  background: var(--pro-surface)!important;
  border: 1px solid var(--pro-line)!important;
  color: var(--pro-ink)!important;
}

html[data-theme="pro"] .review-checkbox-item:hover{
  border-color: var(--pro-primary)!important;
  background: var(--pro-surface-2)!important;
}

/* 生成按钮 / 历史按钮 */
html[data-theme="pro"] #reviewGenerateBtn{
  color: #1a1a2e!important;
}

html[data-theme="pro"] #reviewHistoryBtn{
  background: var(--pro-surface)!important;
  border-color: var(--pro-primary)!important;
  color: var(--pro-primary)!important;
}

html[data-theme="pro"] #reviewHistoryBtn:hover{
  background: rgba(79,124,255,.08)!important;
}

/* 结果卡片 */
html[data-theme="pro"] .review-result-card{
  background: var(--pro-surface)!important;
  border: 1px solid var(--pro-line)!important;
}

html[data-theme="pro"] .review-result-card > div:first-child{
  color: var(--pro-ink)!important;
}

/* 点评历史面板 */
html[data-theme="pro"] #reviewHistoryPanel{
  background: var(--pro-surface-2)!important;
  border-left: 1px solid var(--pro-line)!important;
  box-shadow: -4px 0 30px rgba(16,24,40,.08)!important;
  color: var(--pro-ink)!important;
}

html[data-theme="pro"] #reviewHistoryPanel .history-review-item{
  background: var(--pro-surface)!important;
  border: 1px solid var(--pro-line)!important;
}

/* ============================================================
   2026-08-23 修复：Pro 主题 · 测评报告（#assessmentReport）内单词悬停 tooltip
   #assessmentReport * 的深色字规则把 tooltip 也染成深色 → 深底深字看不清。
   这里用更高特异性恢复 tooltip 深底白字（背景 rgba(0,0,0,0.9) 来自 inline 样式，保持不变）。
   ============================================================ */
html[data-theme="pro"] #assessmentReport .news-word-tooltip,
html[data-theme="pro"] #assessmentReport .news-word-tooltip *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="pro"] #assessmentReport .news-word-tooltip-word{
  color: #7ee787 !important;
  -webkit-text-fill-color: #7ee787 !important;
}
html[data-theme="pro"] #assessmentReport .news-word-tooltip-field strong{
  color: #7ee787 !important;
  -webkit-text-fill-color: #7ee787 !important;
}
html[data-theme="pro"] #assessmentReport .news-word-tooltip-speak-btn{
  color: #2196F3 !important;
  -webkit-text-fill-color: #2196F3 !important;
}
html[data-theme="pro"] #assessmentReport .news-word-tooltip-loading{
  color: #aaaaaa !important;
  -webkit-text-fill-color: #aaaaaa !important;
}