/* ===== 蓝调主题基础（2026-05-26） ===== */
.card, .card-white, .list-card, .section-card { background: #f4f8ff; border-color: #d6e0f0; }
/* ===== 共享设置：字体大小 + 夜间模式 ===== */
:root {
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-xxl: 22px;
}

/* 字体大小级别 */
body.font-small { font-size: 13px; }
body.font-medium { font-size: 15px; }
body.font-large { font-size: 17px; }

body.font-small p, body.font-small div, body.font-small span,
body.font-small .question, body.font-small .option-btn,
body.font-small .ci-name, body.font-small .s-name,
body.font-small .news-title, body.font-small h1, body.font-small h2 { font-size: 1em; }

body.font-medium p, body.font-medium div, body.font-medium span,
body.font-medium .question, body.font-medium .option-btn,
body.font-medium .ci-name, body.font-medium .s-name,
body.font-medium .news-title, body.font-medium h1, body.font-medium h2 { font-size: 1em; }

body.font-large p, body.font-large div, body.font-large span,
body.font-large .question, body.font-large .option-btn,
body.font-large .ci-name, body.font-large .s-name,
body.font-large .news-title, body.font-large h1, body.font-large h2 { font-size: 1em; }

/* ===== 夜间模式覆盖 ===== */
body.dark-mode,
body.dark-mode .status-bar,
body.dark-mode .content,
body.dark-mode .scroll-wrap,
body.dark-mode .main-content,
body.dark-mode .top-nav,
body.dark-mode #main,
body.dark-mode .news-list,
body.dark-mode .search-results,
body.dark-mode .notes-panel,
body.dark-mode .search-panel { background: #1c1c1e; color: #f5f5f7; }

body.dark-mode .header,
body.dark-mode .header h1,
body.dark-mode .header .subtitle,
body.dark-mode .section-title { color: #f5f5f7; }

body.dark-mode .tab-bar,
body.dark-mode .top-bar,
body.dark-mode .bottom-bar,
body.dark-mode .progress-section,
body.dark-mode .mode-toggle,
body.dark-mode .search-header,
body.dark-mode .notes-header,
body.dark-mode .notes-chapter,
body.dark-mode .welcome-panel,
body.dark-mode .menu-panel { background: #2c2c2e; color: #f5f5f7; border-color: #3a3a3c; }

body.dark-mode .card,
body.dark-mode .func-card,
body.dark-mode .square-card,
body.dark-mode .stat-card,
body.dark-mode .chapter-bar,
body.dark-mode .exam-item,
body.dark-mode .search-item,
body.dark-mode .card-item,
body.dark-mode .sub-panel,
body.dark-mode .news-item,
body.dark-mode .section-card,
body.dark-mode .feedback-item,
body.dark-mode .login-form,
body.dark-mode .sheet-panel,
body.dark-mode .explain-card,
body.dark-mode .tips-card,
body.dark-mode .ans-compare,
body.dark-mode .w-opt { background: #2c2c2e; color: #f5f5f7; border-color: #3a3a3c; }

body.dark-mode .option-btn { background: #2c2c2e; border-color: #3a3a3c; color: #f5f5f7; }
body.dark-mode .option-btn:active { background: #3a3a3c; }
body.dark-mode .option-btn .letter { background: #3a3a3c; color: #aaa; }
body.dark-mode .option-btn.selected { border-color: #0a84ff; background: #1a2a4a; }
body.dark-mode .option-btn.selected .letter { background: #0a84ff; color: #fff; }
body.dark-mode .option-btn.correct { border-color: #30d158; background: #1a3a2a; }
body.dark-mode .option-btn.correct .letter { background: #30d158; color: #fff; }
body.dark-mode .option-btn.wrong { border-color: #ff453a; background: #3a2020; }
body.dark-mode .option-btn.wrong .letter { background: #ff453a; color: #fff; }

body.dark-mode .result-badge.correct { background: #1a3a2a; color: #30d158; }
body.dark-mode .result-badge.wrong { background: #3a2020; color: #ff453a; }

body.dark-mode .bar-track,
body.dark-mode .progress-track { background: #3a3a3c; }

body.dark-mode .ci-arrow,
body.dark-mode .s-meta,
body.dark-mode .ci-desc,
body.dark-mode .loading,
body.dark-mode .total,
body.dark-mode .q-type,
body.dark-mode .label,
body.dark-mode .func-desc,
body.dark-mode .news-meta,
body.dark-mode .subtitle,
body.dark-mode .fb-id,
body.dark-mode .fb-meta,
body.dark-mode .empty-state,
body.dark-mode .exam-item,
body.dark-mode .exam-item .score,
body.dark-mode .search-count,
body.dark-mode .s-grid-item.wait,
body.dark-mode .notes-hint,
body.dark-mode .card-item .ci-desc,
body.dark-mode .card-item .ci-arrow { color: #98989d; }

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .sub-panel input,
body.dark-mode .sub-panel textarea,
body.dark-mode .search-header input,
body.dark-mode .notes-textarea,
body.dark-mode .form-inline input,
body.dark-mode #feedbackContent,
body.dark-mode #feedbackContact { background: #3a3a3c; color: #f5f5f7; border-color: #48484a; }
body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode .sub-panel input:focus,
body.dark-mode .sub-panel textarea:focus,
body.dark-mode .search-header input:focus,
body.dark-mode .notes-textarea:focus,
body.dark-mode .form-inline input:focus { border-color: #0a84ff; background: #2c2c2e; }

body.dark-mode .btn-primary { background: #0a84ff; }
body.dark-mode .btn-danger { background: #ff453a; }
body.dark-mode .progress-fill { background: #0a84ff; }
body.dark-mode .bar-fill { background: #0a84ff; }

body.dark-mode a,
body.dark-mode .tab-item.active,
body.dark-mode .back-btn,
body.dark-mode .back,
body.dark-mode .ci-icon.blue .s-icon,
body.dark-mode .s-grid-item.cur,
body.dark-mode .q-num,
body.dark-mode .rate { color: #0a84ff; }

body.dark-mode .tab-item { color: #8e8e93; }
body.dark-mode .tab-bar { border-top-color: #3a3a3c; }

body.dark-mode .top-nav { background: #0C447C; }
body.dark-mode .top-nav-title { color: #f5f5f7; }
body.dark-mode .top-nav-sub { color: rgba(255,255,255,0.5); }

body.dark-mode .header { border-bottom-color: #3a3a3c; }

body.dark-mode .sub-panel { border-top-color: #3a3a3c; }
body.dark-mode .card-item { border-bottom-color: #3a3a3c; }

body.dark-mode .explain-card { background: #1a2a4a; }
body.dark-mode .explain-label { color: #64b5f6; }
body.dark-mode .tips-card { background: #3a3020; }
body.dark-mode .tips-label { color: #ffd60a; }
body.dark-mode .ans-compare { border-color: #3a3a3c; }

body.dark-mode .welcome-panel { background: #2c2c2e; }
body.dark-mode .w-opt { border-color: #3a3a3c; background: #2c2c2e; }
body.dark-mode .w-opt:active { border-color: #0a84ff; background: #1a2a4a; }
body.dark-mode .w-opt .wo-name { color: #f5f5f7; }
body.dark-mode .w-opt .wo-desc { color: #98989d; }
body.dark-mode .welcome-panel .w-title { color: #f5f5f7; }
body.dark-mode .welcome-panel .w-sub { color: #98989d; }

body.dark-mode .sheet-panel { background: #2c2c2e; }
body.dark-mode .sheet-handle { background: #48484a; }
body.dark-mode .sheet-title { color: #f5f5f7; }

body.dark-mode .s-grid-item.yes { background: #30d158; }
body.dark-mode .s-grid-item.no { background: #ff453a; }
body.dark-mode .s-grid-item.cur { border-color: #0a84ff; }

body.dark-mode .toast { background: rgba(255,255,255,0.9); color: #1c1c1e; }

body.dark-mode .func-icon.fc-blue,
body.dark-mode .func-icon.fc-green,
body.dark-mode .func-icon.fc-orange,
body.dark-mode .func-icon.fc-red { opacity: 0.8; }

body.dark-mode .splash-icon { box-shadow: 0 8px 32px rgba(10,132,255,0.3); }