/* ==================== Modern Theme - 现代风 ==================== */
[data-theme="modern"] {
  /* 基础色彩 */
  --bg-primary: #ffffff;
  --bg-secondary: #f7f8fa;
  --text-primary: #1a1a2e;
  --text-secondary: #6b7280;
  --border-color: rgba(0,0,0,0.08);
  --header-bg: rgba(255,255,255,0.85);

  /* 强调色 */
  --accent-color: #6366f1;
  --accent-hover: #4f46e5;
  --accent-text: #ffffff;
  --accent-glow: rgba(99,102,241,0.4);

  /* 字体 */
  --font-heading: 'Noto Sans SC', sans-serif;
  --font-body: 'Noto Sans SC', sans-serif;

  /* 组件 */
  --tab-radius: 25px;
  --card-radius: 12px;
  --card-hover-shadow: 0 8px 30px rgba(99,102,241,0.15);

  /* 画框公共 */
  --frame-padding: 10px;
  --frame-bg: #ffffff;
}

/* ==================== 现代风画框 - 水彩 ==================== */
[data-theme="modern"] .frame-watercolor {
  padding: 12px;
  background: #fff;
  border-radius: 12px;
  border: 2px solid rgba(100,149,237,0.25);
  box-shadow: 0 4px 24px rgba(100,149,237,0.15);
}

/* ==================== 现代风画框 - 素描 ==================== */
[data-theme="modern"] .frame-sketch {
  padding: 14px;
  background: #fafafa;
  border: 1.5px dashed #999;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* ==================== 现代风画框 - 条漫 ==================== */
[data-theme="modern"] .frame-comic {
  padding: 8px;
  background: #fff;
  border-radius: 16px;
  border: 3px solid #1a1a2e;
  box-shadow: 4px 4px 0 #6366f1;
}

/* ==================== 现代风画框 - 油画棒 ==================== */
[data-theme="modern"] .frame-pastel {
  padding: 14px;
  background: linear-gradient(135deg, #fce4ec, #e8eaf6, #e0f7fa);
  border-radius: 8px;
  border: 3px solid rgba(0,0,0,0.06);
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

/* ==================== 现代风画框 - 板绘 ==================== */
[data-theme="modern"] .frame-digital {
  padding: 6px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(102,126,234,0.4), 0 0 40px rgba(118,75,162,0.2);
}

/* ==================== 现代风画框 - 处女座 ==================== */
[data-theme="modern"] .frame-debut {
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 2px 16px rgba(0,0,0,0.08);
}