/* ============================================================================
   Verba — CPU 极速友好渲染系统 (public/cpu-eco.css)
   职责：为云电脑、无 GPU/纯 CPU 渲染、远程桌面及低性能设备提供极致流畅的渲染体验
   核心优化：
   1. 彻底禁用 backdrop-filter 软光栅化高斯模糊计算 (0ms 模糊成本)
   2. 采用 content-visibility 延迟视口外长列表渲染 (卡片/物料视口外脱离排版)
   3. 消除常驻无限循环 CSS 动效，让 CPU 能及时休眠空闲
   4. 扁平化深层阴影与去除 fixed 流光背景，彻底消除重绘掉帧
   ============================================================================ */

/* 1. 现代浏览器视口外渲染延迟 (Feed 与物料箱网格优化) */
.card-capsule,
.gallery-card {
  content-visibility: auto;
  contain-intrinsic-size: auto none auto 140px;
}

/* 2. CPU 极速友好模式开关按钮样式 */
.cpu-eco-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  padding: 4px 9px;
  border-radius: var(--radius-full);
  border: 1px solid var(--border-subtle);
  background: var(--bg-pill);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}

.cpu-eco-toggle-btn:hover {
  color: var(--text-primary);
  background: rgba(255, 255, 255, 0.08);
}

.cpu-eco-toggle-btn.active {
  background: rgba(45, 212, 191, 0.12);
  color: var(--accent-teal);
  border-color: rgba(45, 212, 191, 0.35);
}

.cpu-eco-mode-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 4px;
  background: rgba(45, 212, 191, 0.15);
  color: var(--accent-teal);
  font-weight: 500;
}

/* ============================================================================
   3. CPU 极速模式生效规则 (.cpu-eco-mode)
   ============================================================================ */

/* 彻底清空所有毛玻璃计算，杜绝 CPU 逐像素高斯模糊卷积 */
.cpu-eco-mode *,
.cpu-eco-mode *::before,
.cpu-eco-mode *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 替换为高质感、高不透明度的实色暗黑背景与清晰 1px 边框 */
.cpu-eco-mode .navbar,
.cpu-eco-mode .app-header {
  background: #090a0f !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="light"].cpu-eco-mode .navbar,
[data-theme="light"].cpu-eco-mode .app-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.cpu-eco-mode .sidebar {
  background: #090a0f !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="light"].cpu-eco-mode .sidebar,
[data-theme="light"].cpu-eco-mode .projects-sidebar {
  background: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
}

.cpu-eco-mode .modal-overlay {
  background: rgba(5, 6, 10, 0.88) !important;
}

[data-theme="light"].cpu-eco-mode .modal-overlay {
  background: rgba(15, 23, 42, 0.45) !important;
}

.cpu-eco-mode .modal-card {
  background: #11131c !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"].cpu-eco-mode .modal-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 12px 32px -4px rgba(15, 23, 42, 0.12) !important;
}

.cpu-eco-mode .gallery-batch-bar {
  background: #12141e !important;
  border: 1px solid rgba(45, 212, 191, 0.3) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"].cpu-eco-mode .gallery-batch-bar {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

.cpu-eco-mode .gallery-lightbox-modal {
  background: rgba(4, 5, 8, 0.94) !important;
}

[data-theme="light"].cpu-eco-mode .gallery-lightbox-modal {
  background: rgba(241, 245, 249, 0.96) !important;
}

.cpu-eco-mode .toast-msg {
  background: #151824 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

[data-theme="light"].cpu-eco-mode .toast-msg {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

.cpu-eco-mode .harmonics-panel,
.cpu-eco-mode .speech-modal {
  background: #12141e !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="light"].cpu-eco-mode .harmonics-panel,
[data-theme="light"].cpu-eco-mode .speech-modal {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

/* 隐藏 body 顶部的大面积径向渐变流光，避免全屏重绘合成开销 */
.cpu-eco-mode .bg-glow {
  display: none !important;
}

/* 终止常驻无限循环 CSS 动画，恢复 CPU 空闲待机 */
.cpu-eco-mode .status-indicator.live::after {
  animation: none !important;
  display: none !important;
}

.cpu-eco-mode .status-indicator.syncing {
  animation: none !important;
}

.cpu-eco-mode .ai-pulse,
.cpu-eco-mode .pulse-dot,
.cpu-eco-mode .harmonics-ambient-glow {
  animation: none !important;
}

/* 简化阴影系统为微阴影，降低软光栅化边缘抗锯齿消耗 */
.cpu-eco-mode {
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.35), 0 0 0 1px var(--border-card) !important;
  --shadow-float: 0 8px 20px rgba(0, 0, 0, 0.5) !important;
}

/* 禁用卡片 hover 上浮与多层弥散阴影，使滚动与悬停触控零掉帧 */
.cpu-eco-mode .card-capsule:hover {
  transform: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

/* 远程桌面平滑滚动平替：采用原生即时滚动，避免软件插值导致的卡顿残影 */
.cpu-eco-mode,
.cpu-eco-mode * {
  scroll-behavior: auto !important;
}