/* Theme-specific surface overrides — order preserved */
/* ==============================
   深渊翡翠主题 v2 — 温润翡翠 + 铜金点缀
   All rules scoped to [data-theme="abyssal-jade"]
   ============================== */

/* 卡片：墨玉质感 */
[data-theme="abyssal-jade"] .card,
[data-theme="abyssal-jade"] .settings-card,
[data-theme="abyssal-jade"] .settings-group,
[data-theme="abyssal-jade"] .set-group,
[data-theme="abyssal-jade"] .int-card,
[data-theme="abyssal-jade"] .weather-card,
[data-theme="abyssal-jade"] .todo-card,
[data-theme="abyssal-jade"] .kyle-says-card {
  background: linear-gradient(
    135deg,
    rgba(16, 38, 30, 0.72) 0%,
    rgba(11, 28, 22, 0.55) 100%
  );
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(107, 158, 138, 0.06),
    inset 0 0 0 1px rgba(107, 158, 138, 0.04);
  border: none;
}

/* 首页大数字：翡翠渐变 + 微光 */
[data-theme="abyssal-jade"] .days-number,
[data-theme="abyssal-jade"] .day-count {
  background: linear-gradient(135deg, #82B49E, #6B9E8A, #C4A46C) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: none;
}

[data-theme="abyssal-jade"] .hero-name {
  color: #8FA69A;
  text-shadow: 0 0 18px rgba(107, 158, 138, 0.15);
}

/* LIFE 卡片 */
[data-theme="abyssal-jade"] .life-card {
  background: linear-gradient(
    160deg,
    rgba(16, 42, 34, 0.65) 0%,
    rgba(11, 28, 22, 0.48) 100%
  );
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
[data-theme="abyssal-jade"] .life-card:active {
  transform: scale(0.97);
  box-shadow:
    0 2px 12px rgba(0, 0, 0, 0.4),
    inset 0 0 0 1px rgba(107, 158, 138, 0.12);
}

/* Kyle 说卡片 */
[data-theme="abyssal-jade"] .quote-card,
[data-theme="abyssal-jade"] .kyle-says-card {
  background: linear-gradient(
    135deg,
    rgba(18, 46, 36, 0.75) 0%,
    rgba(12, 32, 26, 0.58) 100%
  );
  border-left: 2px solid rgba(107, 158, 138, 0.22);
}

/* Tab bar */
[data-theme="abyssal-jade"] .tab-bar {
  background: rgba(8, 16, 13, 0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid rgba(107, 158, 138, 0.08);
}

/* 主题选择器 */
[data-theme="abyssal-jade"] .theme-option.active {
  box-shadow: 0 0 0 1.5px var(--accent-primary), 0 0 12px rgba(107, 158, 138, 0.12);
}

/* 铜金色辅助点缀 — 心跳/amber 元素 */
[data-theme="abyssal-jade"] .hero-heart {
  color: #C4A46C;
}

/* 月历今日卡片 */
[data-theme="abyssal-jade"] .calendar-today-card {
  background: linear-gradient(135deg, rgba(107, 158, 138, 0.12), rgba(11, 20, 17, 0.72) 58%, rgba(196, 164, 108, 0.08));
  border-color: rgba(107, 158, 138, 0.16);
}

/* 记忆星图 hero */
[data-theme="abyssal-jade"] .memory-star-hero {
  background: radial-gradient(circle at 50% 0%, rgba(107, 158, 138, 0.12), rgba(11, 20, 17, 0.88) 52%, rgba(11, 20, 17, 0.6));
  border-color: rgba(107, 158, 138, 0.16);
}
[data-theme="abyssal-jade"] .memory-star-hero::before {
  background-image: radial-gradient(circle, rgba(107, 158, 138, 0.22) 1px, transparent 1px);
}

/* 余温手记 */
[data-theme="abyssal-jade"] .afterglow-section {
  background: linear-gradient(180deg, rgba(107, 158, 138, 0.06), rgba(11, 20, 17, 0.4));
  border-color: rgba(107, 158, 138, 0.12);
}

/* body底色 blend */
[data-theme="abyssal-jade"] body::after {
  background: #0b1411 !important;
}


/* ==============================
   暖纸主题 warm-paper 专属覆盖
   ============================== */

/* 1. 背景融合 — 浅色主题需要覆盖暗色硬编码 */
[data-theme="warm-paper"] html,
[data-theme="warm-paper"] body {
  background: #FAF6F1 !important;
}
[data-theme="warm-paper"] body::after {
  background: #FAF6F1 !important;
}
[data-theme="warm-paper"] .app {
  background: #FAF6F1 !important;
}
[data-theme="warm-paper"] .safe-area-top {
  background: #FAF6F1 !important;
}

/* 2. Tab bar 浅色底 */
[data-theme="warm-paper"] .tab-bar {
  background: rgba(250, 246, 241, 0.97) !important;
  border-top: 1px solid rgba(180, 160, 140, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* 3. 卡片温暖质感 */
[data-theme="warm-paper"] .card,
[data-theme="warm-paper"] .settings-card,
[data-theme="warm-paper"] .settings-group,
[data-theme="warm-paper"] .set-group,
[data-theme="warm-paper"] .diary-entry,
[data-theme="warm-paper"] .task-card,
[data-theme="warm-paper"] .weather-card,
[data-theme="warm-paper"] .bookmark-card,
[data-theme="warm-paper"] .bm-card,
[data-theme="warm-paper"] .calendar-container,
[data-theme="warm-paper"] .note-card,
[data-theme="warm-paper"] .dom-task-card,
[data-theme="warm-paper"] .int-card,
[data-theme="warm-paper"] .todo-card {
  background: #FFFFFF;
  border: 1px solid rgba(180, 160, 140, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* 4. 大数字 — 暖色渐变替换黑金渐变 */
[data-theme="warm-paper"] .days-number,
[data-theme="warm-paper"] .day-count {
  background: linear-gradient(135deg, #C4725A, #D4886E, #B8956C) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* 5. Hero 心跳颜色 */
[data-theme="warm-paper"] .hero-heart {
  color: #C4725A;
}

/* 6. 输入框浅色 */
[data-theme="warm-paper"] .bm-input,
[data-theme="warm-paper"] .bm-textarea,
[data-theme="warm-paper"] .bm-comment-input,
[data-theme="warm-paper"] .memory-search-input,
[data-theme="warm-paper"] .dom-report-textarea,
[data-theme="warm-paper"] .entry-editor-input {
  background: #F5EFE8;
  border-color: rgba(180, 160, 140, 0.20);
  color: #2D2B28;
}

/* 7. 设置组浅色 */
[data-theme="warm-paper"] .set-group,
[data-theme="warm-paper"] .mcp-server-card {
  background: #FFFFFF;
  border: 1px solid rgba(180, 160, 140, 0.15);
}
[data-theme="warm-paper"] .set-row:active {
  background: rgba(196, 114, 90, 0.05);
}
[data-theme="warm-paper"] .set-divider {
  background: rgba(180, 160, 140, 0.12);
}

/* 8. 快捷入口 & LIFE 卡片 */
[data-theme="warm-paper"] .shortcut-btn,
[data-theme="warm-paper"] .life-card {
  background: #FFFFFF;
  border: 1px solid rgba(180, 160, 140, 0.15);
}
[data-theme="warm-paper"] .shortcut-btn:active,
[data-theme="warm-paper"] .life-card:active {
  background: #FDF8F2;
  border-color: rgba(196, 114, 90, 0.25);
}

/* 9. 代码块 / Markdown */
[data-theme="warm-paper"] .md-code-block,
[data-theme="warm-paper"] pre.stream-code {
  background: #F0EBE3;
  border-color: rgba(180, 160, 140, 0.20);
}
[data-theme="warm-paper"] .md-code-block code,
[data-theme="warm-paper"] pre.stream-code code {
  color: #2D2B28;
}
[data-theme="warm-paper"] .md-inline-code {
  background: rgba(196, 114, 90, 0.08);
  color: #A85D48;
}

/* 10. Todo 边线浅色 */
[data-theme="warm-paper"] .todo-item {
  border-bottom-color: rgba(180, 160, 140, 0.10);
}
[data-theme="warm-paper"] .todo-check.done::after {
  color: #FFFFFF;
}

/* 11. 记忆星图面板 */
[data-theme="warm-paper"] .memory-panel {
  background: #F5EFE8;
  border-color: rgba(180, 160, 140, 0.15);
}
[data-theme="warm-paper"] .memory-star-hero {
  background: linear-gradient(180deg, rgba(196, 114, 90, 0.08), rgba(245, 239, 232, 0.6));
  border-color: rgba(196, 114, 90, 0.15);
}
[data-theme="warm-paper"] .memory-star-hero::before {
  background-image: radial-gradient(circle, rgba(196, 114, 90, 0.15) 1px, transparent 1px);
}
[data-theme="warm-paper"] .memory-star-card {
  background: #FFFFFF;
  border: 1px solid rgba(180, 160, 140, 0.15);
}
[data-theme="warm-paper"] .memory-star-card::before {
  background: linear-gradient(180deg, transparent, #C4725A, transparent);
}
[data-theme="warm-paper"] .memory-star-card.expanded {
  background: #FDF8F2;
  border-color: rgba(196, 114, 90, 0.25);
}
[data-theme="warm-paper"] .memory-status-card {
  background: #FFFFFF;
  border-color: rgba(180, 160, 140, 0.15);
}

/* 12. 弹窗浅色 */
[data-theme="warm-paper"] .int-modal {
  background: #FFFFFF;
  border-color: #C4725A;
}
[data-theme="warm-paper"] .entry-editor-panel {
  background: #FFFFFF;
  border-color: rgba(196, 114, 90, 0.30);
}
[data-theme="warm-paper"] .int-modal-overlay {
  background: rgba(45, 43, 40, 0.45);
}

/* 13. 余温手记 */
[data-theme="warm-paper"] .afterglow-section {
  background: linear-gradient(180deg, rgba(196, 114, 90, 0.06), rgba(255,255,255, 0.5));
  border-color: rgba(196, 114, 90, 0.14);
}
[data-theme="warm-paper"] .afterglow-card {
  background: #FFFFFF;
  border-color: rgba(180, 160, 140, 0.15);
}
[data-theme="warm-paper"] .playnote-section,
[data-theme="warm-paper"] .playnote-card,
[data-theme="warm-paper"] .playnote-form {
  background: #FFFFFF;
  border-color: rgba(180, 160, 140, 0.16);
}
[data-theme="warm-paper"] .playnote-input,
[data-theme="warm-paper"] .playnote-textarea,
[data-theme="warm-paper"] .playnote-comment-input {
  background: rgba(247, 241, 234, 0.68);
  border-color: rgba(180, 160, 140, 0.24);
}

/* 14. 留言板 */
[data-theme="warm-paper"] .note-card:first-child::before {
  background: #C4725A;
  color: #FFFFFF;
}

/* 15. Dom Kyle */
[data-theme="warm-paper"] .life-card-dom {
  background: linear-gradient(135deg, #FFFFFF 0%, rgba(196, 114, 90, 0.06) 100%) !important;
  border-color: rgba(196, 114, 90, 0.20) !important;
}

/* 16. Card glow 关闭（浅色不需要） */
[data-theme="warm-paper"] .card-glow {
  display: none;
}

/* 17. 子页面背景 */
[data-theme="warm-paper"] .life-subpage {
  background: #FAF6F1;
}
[data-theme="warm-paper"] .sub-header {
  background: #FAF6F1 !important;
  border-bottom-color: rgba(180, 160, 140, 0.12);
}
[data-theme="warm-paper"] .set-panel {
  background: #FAF6F1;
}

/* 18. Toggle 开关 */
[data-theme="warm-paper"] .toggle-slider {
  background: rgba(45, 43, 40, 0.12);
}

/* 19. 主题选择器当前项 */
[data-theme="warm-paper"] .theme-option.active {
  box-shadow: 0 0 0 2px #C4725A;
}

/* 20. 事件列表边线 */
[data-theme="warm-paper"] .event-item {
  border-bottom-color: rgba(180, 160, 140, 0.10);
}
[data-theme="warm-paper"] .calendar-today-card {
  background: linear-gradient(135deg, rgba(196,114,90,0.10), rgba(255,255,255,0.74));
  border-color: rgba(196,114,90,0.18);
}
[data-theme="warm-paper"] .calendar-container,
[data-theme="warm-paper"] .calendar-detail-card,
[data-theme="warm-paper"] .cal-event-item,
[data-theme="warm-paper"] .cal-form-panel {
  background: #FFFFFF;
  border-color: rgba(180, 160, 140, 0.16);
}
[data-theme="warm-paper"] .calendar-month-summary div,
[data-theme="warm-paper"] .cal-day {
  background: rgba(247, 241, 234, 0.55);
  border-color: rgba(180, 160, 140, 0.08);
}
[data-theme="warm-paper"] .cal-day.selected {
  background: #C4725A;
  border-color: #C4725A;
  color: #FFFFFF;
}
[data-theme="warm-paper"] .cal-day.selected .cal-day-num {
  color: #FFFFFF;
}
[data-theme="warm-paper"] .cal-form-panel input,
[data-theme="warm-paper"] .cal-form-panel textarea,
[data-theme="warm-paper"] .cal-form-panel select {
  background: rgba(247, 241, 234, 0.68);
  border-color: rgba(180, 160, 140, 0.24);
}

@media (max-width: 360px) {
  .calendar-container { padding: 12px; }
  .calendar-grid { gap: 3px; }
  .cal-day { border-radius: 10px; font-size: 12px; padding-top: 6px; }
  .calendar-month-summary { gap: 5px; }
  .calendar-month-summary span { font-size: 8px; }
  .cal-event-actions { flex-direction:column; }
}

/* 21. 活动日志淡色 */
[data-theme="warm-paper"] .activity-item {
  color: rgba(45, 43, 40, 0.45);
}
[data-theme="warm-paper"] .activity-item .activity-time {
  color: rgba(45, 43, 40, 0.30);
}

/* 22. meta-theme-color 视觉一致（JS 会处理，这里兜底） */