/* ============================================================
   PRESET 1: Aurora Purple (当前默认) — 紫色渐变 + 点阵背景
   ============================================================ */
body[data-preset="aurora"], body:not([data-preset]) {
  --accent-rgb: 124, 58, 237;
  --bg: #fafafe; --card: #ffffff; --text: #18181b; --text-secondary: #52525b;
  --text-muted: #a1a1aa; --accent: #7c3aed; --accent-dark: #6d28d9;
  --accent-light: #f5f3ff; --border: #e4e4e7;
  --gradient-brand: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 40%, #a78bfa 100%);
  --gradient-text: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 60%, #a78bfa 100%);
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03);
  --shadow-md: 0 4px 12px -2px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);
  --shadow-lg: 0 8px 24px -4px rgba(0,0,0,0.07), 0 4px 8px -2px rgba(0,0,0,0.04);
  --radius-lg: 16px; --radius-md: 12px; --radius-sm: 8px;
  --sidebar-width: 268px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: radial-gradient(circle, #e4e4e7 0.6px, transparent 0.6px);
  --glass: none; --card-border: 1px solid var(--border);
  --hero-gradient: var(--gradient-brand);
  --skill-stripe: rgba(var(--accent-rgb), 0.02);
  --tag-border: none;
}

/* ============================================================
   PRESET 2: Swiss Minimal — 极简瑞士黑/白 + 粗野排版
   ============================================================ */
body[data-preset="swiss"] {
  --accent-rgb: 10, 10, 10;
  --bg: #f4f4f4; --card: #ffffff; --text: #0a0a0a; --text-secondary: #3a3a3a;
  --text-muted: #888888; --accent: #0a0a0a; --accent-dark: #000000;
  --accent-light: #f0f0f0; --border: #d4d4d4;
  --gradient-brand: none; --gradient-text: none;
  --shadow-xs: none; --shadow-sm: none; --shadow-md: none; --shadow-lg: none;
  --radius-lg: 2px; --radius-md: 2px; --radius-sm: 2px;
  --sidebar-width: 260px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: none;
  --glass: none; --card-border: 1.5px solid #0a0a0a;
  --hero-gradient: #0a0a0a;
  --skill-stripe: #fafafa;
  --tag-border: 1px solid #d4d4d4;
}
body[data-preset="swiss"] .profile-card .name { -webkit-text-fill-color: #0a0a0a; color: #0a0a0a; background: none; }
body[data-preset="swiss"] .edu-sb-num { -webkit-text-fill-color: #0a0a0a; color: #0a0a0a; background: none; }
body[data-preset="swiss"] .section-header::after { background: #0a0a0a; border-radius: 0; height: 2px; }
body[data-preset="swiss"] .section-header::before { background: linear-gradient(to right, rgba(0,0,0,0.15), transparent); }
body[data-preset="swiss"] .profile-card::after { display: none; }
body[data-preset="swiss"] .project-item::before { background: #0a0a0a; box-shadow: 0 0 0 3px rgba(0,0,0,0.08); }
body[data-preset="swiss"] .project-item { border-left: 2px solid rgba(0,0,0,0.12); }
body[data-preset="swiss"] .tool-btn.primary { background: #0a0a0a; box-shadow: none; }
body[data-preset="swiss"] .tool-btn.primary:hover { background: #333; box-shadow: none; }
body[data-preset="swiss"] .skill-label { color: #0a0a0a; }
body[data-preset="swiss"] .section-header .icon { background: #f0f0f0; color: #0a0a0a; }
body[data-preset="swiss"] .eval-item .eval-icon { background: #f0f0f0; color: #0a0a0a; }
body[data-preset="swiss"] .avatar { border-color: #f4f4f4; }
body[data-preset="swiss"] .toolbar { background: rgba(255,255,255,0.95); backdrop-filter: none; -webkit-backdrop-filter: none; }
body[data-preset="swiss"] .project-item .project-tech span.highlight-tech { background: #0a0a0a; color: #fff; }
body[data-preset="swiss"] .theme-dot[data-preset-theme] { border-radius: 2px; }

/* ============================================================
   PRESET 3: Midnight Glass — 暗黑玻璃拟态 + 霓虹紫光
   ============================================================ */
body[data-preset="midnight"] {
  --bg: #09090b; --card: rgba(24,24,27,0.8); --text: #f4f4f5; --text-secondary: #a1a1aa;
  --text-muted: #71717a; --accent: #a78bfa; --accent-dark: #8b5cf6;
  --accent-light: rgba(var(--accent-rgb), 0.15); --border: rgba(255,255,255,0.08);
  --gradient-brand: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  --gradient-text: linear-gradient(135deg, #c4b5fd 0%, #a78bfa 100%);
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.2);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
  --radius-lg: 20px; --radius-md: 14px; --radius-sm: 10px;
  --sidebar-width: 268px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: radial-gradient(circle, rgba(255,255,255,0.06) 0.5px, transparent 0.5px);
  --glass: blur(20px); --card-border: 1px solid rgba(255,255,255,0.1);
  --hero-gradient: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  --skill-stripe: rgba(255,255,255,0.02);
  --tag-border: 1px solid rgba(255,255,255,0.06);
}
body[data-preset="midnight"] .profile-card::after { background: linear-gradient(to bottom, rgba(var(--accent-rgb), 0.2), transparent); }
body[data-preset="midnight"] .section-card, body[data-preset="midnight"] .profile-card,
body[data-preset="midnight"] .contact-card, body[data-preset="midnight"] .tech-card {
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
body[data-preset="midnight"] .toolbar {
  background: rgba(24,24,27,0.85); backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1);
}
body[data-preset="midnight"] .tool-btn.ghost { color: #a1a1aa; }
body[data-preset="midnight"] .tool-btn.ghost:hover { background: rgba(255,255,255,0.06); }
body[data-preset="midnight"] .profile-card .name { -webkit-text-fill-color: #e9d5ff; color: #e9d5ff; }
body[data-preset="midnight"] .edu-sb-num { -webkit-text-fill-color: #c4b5fd; color: #c4b5fd; }
body[data-preset="midnight"] .edu-sb-stat { background: rgba(var(--accent-rgb), 0.1); }
body[data-preset="midnight"] .award-tag { background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.2); color: #fbbf24; }
body[data-preset="midnight"] .cert-tag { background: rgba(22,163,74,0.1); border-color: rgba(22,163,74,0.2); color: #4ade80; }
body[data-preset="midnight"] .course-tag { background: rgba(255,255,255,0.05); color: #a1a1aa; }
body[data-preset="midnight"] .project-item .project-tech span { background: rgba(255,255,255,0.05); color: #a1a1aa; }
body[data-preset="midnight"] .project-item .project-tech span.highlight-tech { background: rgba(var(--accent-rgb), 0.2); color: #c4b5fd; }
body[data-preset="midnight"] .avatar { border-color: rgba(24,24,27,0.8); }
body[data-preset="midnight"] .modal textarea { background: rgba(255,255,255,0.05); color: #f4f4f5; }

/* ============================================================
   PRESET 4: Warm Paper — 温暖纸张 + 衬线人文
   ============================================================ */
body[data-preset="paper"] {
  --accent-rgb: 139, 94, 60;
  --bg: #fbf7f0; --card: #fefdfb; --text: #2c2416; --text-secondary: #5c4f3a;
  --text-muted: #9c8c74; --accent: #8b5e3c; --accent-dark: #6b3f1f;
  --accent-light: #f5efe5; --border: #e0d5c1;
  --gradient-brand: none; --gradient-text: none;
  --shadow-xs: 0 1px 1px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 6px rgba(0,0,0,0.05);
  --shadow-lg: 0 4px 12px rgba(0,0,0,0.06);
  --radius-lg: 8px; --radius-md: 6px; --radius-sm: 4px;
  --sidebar-width: 268px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: none;
  --glass: none; --card-border: 1px solid #e0d5c1;
  --hero-gradient: #8b5e3c;
  --skill-stripe: #faf6ef;
  --tag-border: 1px solid #e0d5c1;
}
body[data-preset="paper"] { background: #fbf7f0; background-image: none; }
body[data-preset="paper"] .profile-card::after { display: none; }
body[data-preset="paper"] .profile-card::before { opacity: 0.85; }
body[data-preset="paper"] .profile-card .name { -webkit-text-fill-color: #2c2416; color: #2c2416; background: none; font-family: 'Noto Sans SC','Inter',serif; }
body[data-preset="paper"] .edu-sb-num { -webkit-text-fill-color: #8b5e3c; color: #8b5e3c; background: none; }
body[data-preset="paper"] .section-header::after { background: #8b5e3c; border-radius: 1px; }
body[data-preset="paper"] .section-header::before { background: linear-gradient(to right, rgba(139,94,60,0.2), transparent); }
body[data-preset="paper"] .section-header .icon { background: #f5efe5; color: #8b5e3c; }
body[data-preset="paper"] .eval-item .eval-icon { background: #f5efe5; color: #8b5e3c; }
body[data-preset="paper"] .skill-label { color: #8b5e3c; }
body[data-preset="paper"] .tool-btn.primary { background: #8b5e3c; box-shadow: none; }
body[data-preset="paper"] .tool-btn.primary:hover { background: #6b3f1f; }
body[data-preset="paper"] .toolbar { background: rgba(254,253,251,0.92); backdrop-filter: none; -webkit-backdrop-filter: none; }
body[data-preset="paper"] .project-item::before { background: #8b5e3c; box-shadow: 0 0 0 3px rgba(139,94,60,0.1); }
body[data-preset="paper"] .project-item { border-left: 2px solid rgba(139,94,60,0.2); }
body[data-preset="paper"] .project-item .project-tech span.highlight-tech { background: #f5efe5; color: #8b5e3c; }
body[data-preset="paper"] .avatar { border-color: #fefdfb; }
body[data-preset="paper"] .theme-dot[data-preset-theme] { border-radius: 2px; }

/* ============================================================
   PRESET 5: Modern Corporate — 现代企业蓝 + Linear/Stripe 风格
   ============================================================ */
body[data-preset="corporate"] {
  --accent-rgb: 37, 99, 235;
  --bg: #f8fafc; --card: #ffffff; --text: #0f172a; --text-secondary: #475569;
  --text-muted: #94a3b8; --accent: #2563eb; --accent-dark: #1d4ed8;
  --accent-light: #eff6ff; --border: #e2e8f0;
  --gradient-brand: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  --gradient-text: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-lg: 0 4px 16px rgba(0,0,0,0.06);
  --radius-lg: 12px; --radius-md: 8px; --radius-sm: 6px;
  --sidebar-width: 270px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: none;
  --glass: none; --card-border: 1px solid #e2e8f0;
  --hero-gradient: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
  --skill-stripe: #f8fafc;
  --tag-border: none;
}
body[data-preset="corporate"] { background: #f8fafc; background-image: none; }
body[data-preset="corporate"] .profile-card::after { background: linear-gradient(to bottom, rgba(var(--accent-rgb), 0.1), transparent); }
body[data-preset="corporate"] .skill-label { color: #2563eb; }
body[data-preset="corporate"] .section-header::after { background: linear-gradient(135deg, #2563eb, #3b82f6); }
body[data-preset="corporate"] .section-header::before { background: linear-gradient(to right, rgba(var(--accent-rgb), 0.2), transparent); }
body[data-preset="corporate"] .section-header .icon { background: #eff6ff; color: #2563eb; }
body[data-preset="corporate"] .eval-item .eval-icon { background: #eff6ff; color: #2563eb; }
body[data-preset="corporate"] .project-item::before { background: #2563eb; box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.1); }
body[data-preset="corporate"] .project-item { border-left: 2px solid rgba(var(--accent-rgb), 0.15); }
body[data-preset="corporate"] .project-item .project-tech span.highlight-tech { background: #eff6ff; color: #2563eb; }
body[data-preset="corporate"] .tool-btn.primary { box-shadow: 0 2px 8px rgba(var(--accent-rgb), 0.2); }
body[data-preset="corporate"] .tool-btn.primary:hover { box-shadow: 0 4px 12px rgba(var(--accent-rgb), 0.3); }
body[data-preset="corporate"] .toolbar { background: rgba(255,255,255,0.9); }
body[data-preset="corporate"] .tool-status .dot { background: #2563eb; }

/* ============================================================
   PRESET 6: Stripe Violet — Stripe 风格紫蓝渐变 + 优雅轻量
   ============================================================ */
body[data-preset="stripe"] {
  --accent-rgb: 99, 102, 241;
  --bg: #fafbff; --card: #ffffff; --text: #0f172a; --text-secondary: #475569;
  --text-muted: #94a3b8; --accent: #6366f1; --accent-dark: #4f46e5;
  --accent-light: #eef2ff; --border: #e2e8f0;
  --gradient-brand: linear-gradient(135deg, #6366f1 0%, #818cf8 50%, #a5b4fc 100%);
  --gradient-text: linear-gradient(135deg, #4f46e5 0%, #818cf8 100%);
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.02);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.03), 0 1px 2px rgba(0,0,0,0.02);
  --shadow-md: 0 4px 14px -4px rgba(99,102,241,0.08), 0 2px 6px -2px rgba(0,0,0,0.03);
  --shadow-lg: 0 12px 32px -8px rgba(99,102,241,0.12), 0 4px 12px -4px rgba(0,0,0,0.04);
  --radius-lg: 14px; --radius-md: 10px; --radius-sm: 7px;
  --sidebar-width: 270px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: none;
  --glass: none; --card-border: 1px solid #e2e8f0;
  --hero-gradient: linear-gradient(135deg, #6366f1 0%, #a5b4fc 100%);
  --skill-stripe: #f8faff;
  --tag-border: none;
}
body[data-preset="stripe"] { background: #fafbff; background-image: none; }
body[data-preset="stripe"] .profile-card::before { background: var(--gradient-brand); opacity: 0.9; border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
body[data-preset="stripe"] .profile-card::after { display: none; }
body[data-preset="stripe"] .profile-card { border: none; box-shadow: var(--shadow-lg); }
body[data-preset="stripe"] .section-header::after { background: linear-gradient(135deg, #6366f1, #818cf8); border-radius: 2px; }
body[data-preset="stripe"] .section-header::before { background: linear-gradient(to right, rgba(99,102,241,0.15), transparent); }
body[data-preset="stripe"] .section-header .icon { background: #eef2ff; color: #6366f1; }
body[data-preset="stripe"] .eval-item .eval-icon { background: #eef2ff; color: #6366f1; }
body[data-preset="stripe"] .skill-label { color: #6366f1; }
body[data-preset="stripe"] .tool-btn.primary { background: linear-gradient(135deg, #6366f1, #818cf8); box-shadow: 0 2px 8px rgba(99,102,241,0.25); }
body[data-preset="stripe"] .tool-btn.primary:hover { box-shadow: 0 4px 14px rgba(99,102,241,0.35); }
body[data-preset="stripe"] .toolbar { background: rgba(255,255,255,0.92); backdrop-filter: blur(12px); }
body[data-preset="stripe"] .project-item::before { background: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
body[data-preset="stripe"] .project-item { border-left: 2px solid rgba(99,102,241,0.12); }
body[data-preset="stripe"] .project-item .project-tech span.highlight-tech { background: #eef2ff; color: #6366f1; }
body[data-preset="stripe"] .avatar { border-color: #ffffff; }
body[data-preset="stripe"] .profile-card .name { -webkit-text-fill-color: #ffffff; color: #ffffff; }

/* ============================================================
   PRESET 7: Notion Warm — Notion 风格温暖极简 + 衬线人文
   ============================================================ */
body[data-preset="notion"] {
  --accent-rgb: 180, 130, 80;
  --bg: #fffbf5; --card: #ffffff; --text: #1a1a1a; --text-secondary: #5c5c5c;
  --text-muted: #999999; --accent: #b48250; --accent-dark: #8b6340;
  --accent-light: #faf6ef; --border: #ede5d9;
  --gradient-brand: none; --gradient-text: none;
  --shadow-xs: none; --shadow-sm: 0 0 0 1px rgba(0,0,0,0.03);
  --shadow-md: 0 0 0 1px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.03);
  --shadow-lg: 0 0 0 1px rgba(0,0,0,0.05), 0 4px 8px rgba(0,0,0,0.04);
  --radius-lg: 4px; --radius-md: 4px; --radius-sm: 4px;
  --sidebar-width: 260px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: none;
  --glass: none; --card-border: 1px solid #ede5d9;
  --hero-gradient: #b48250;
  --skill-stripe: #fdfaf5;
  --tag-border: 1px solid #ede5d9;
}
body[data-preset="notion"] { background: #fffbf5; background-image: none; }
body[data-preset="notion"] .profile-card { background: #fdfaf5; border: none; box-shadow: var(--shadow-sm); }
body[data-preset="notion"] .profile-card::before { background: none; opacity: 1; }
body[data-preset="notion"] .profile-card::after { display: none; }
body[data-preset="notion"] .profile-card .name { -webkit-text-fill-color: #1a1a1a; color: #1a1a1a; background: none; font-size: 24px; letter-spacing: -0.3px; }
body[data-preset="notion"] .profile-card .title { color: #b48250; font-weight: 500; }
body[data-preset="notion"] .edu-sb-num { -webkit-text-fill-color: #b48250; color: #b48250; background: none; }
body[data-preset="notion"] .section-header::after { background: #b48250; border-radius: 0; height: 1.5px; }
body[data-preset="notion"] .section-header::before { display: none; }
body[data-preset="notion"] .section-header .icon { background: #faf6ef; color: #b48250; border-radius: var(--radius-sm); }
body[data-preset="notion"] .eval-item .eval-icon { background: #faf6ef; color: #b48250; border-radius: var(--radius-sm); }
body[data-preset="notion"] .skill-label { color: #b48250; }
body[data-preset="notion"] .tool-btn.primary { background: #1a1a1a; box-shadow: none; border-radius: 4px; color: #fff; }
body[data-preset="notion"] .tool-btn.primary:hover { background: #333; }
body[data-preset="notion"] .toolbar { background: rgba(255,255,255,0.96); backdrop-filter: none; border-radius: 4px; border: 1px solid #ede5d9; }
body[data-preset="notion"] .project-item::before { background: #b48250; border-radius: 2px; box-shadow: none; }
body[data-preset="notion"] .project-item { border-left: 1.5px solid rgba(180,130,80,0.18); }
body[data-preset="notion"] .project-item .project-tech span.highlight-tech { background: #faf6ef; color: #b48250; border-radius: 3px; }
body[data-preset="notion"] .avatar { border-color: #fdfaf5; background: #faf6ef; color: #b48250; }
body[data-preset="notion"] .theme-dot[data-preset-theme] { border-radius: 3px; }
body[data-preset="notion"] .sidebar { box-shadow: var(--shadow-sm); }
body[data-preset="notion"] .sidebar .contact-card, body[data-preset="notion"] .sidebar .tech-card { border-top: 1px solid #ede5d9; }
body[data-preset="notion"] .contact-card h3, body[data-preset="notion"] .tech-card h3 { color: #999; letter-spacing: 1.5px; }
body[data-preset="notion"] .award-tag { border-radius: 3px; }
body[data-preset="notion"] .cert-tag { border-radius: 3px; }
body[data-preset="notion"] .course-tag { border-radius: 3px; }

/* ============================================================
   PRESET 8: Ferrari Red — Ferrari 风格极致黑白 + 红色强对比
   ============================================================ */
body[data-preset="ferrari"] {
  --accent-rgb: 220, 38, 38;
  --bg: #f5f5f5; --card: #ffffff; --text: #0a0a0a; --text-secondary: #3a3a3a;
  --text-muted: #888888; --accent: #dc2626; --accent-dark: #b91c1c;
  --accent-light: #fef2f2; --border: #d4d4d4;
  --gradient-brand: none; --gradient-text: none;
  --shadow-xs: none; --shadow-sm: none; --shadow-md: none; --shadow-lg: none;
  --radius-lg: 0px; --radius-md: 0px; --radius-sm: 0px;
  --sidebar-width: 265px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: none;
  --glass: none; --card-border: 2px solid #0a0a0a;
  --hero-gradient: #0a0a0a;
  --skill-stripe: #fafafa;
  --tag-border: 1.5px solid #d4d4d4;
}
body[data-preset="ferrari"] { background: #f5f5f5; background-image: none; }
body[data-preset="ferrari"] .profile-card { border: none; box-shadow: none; background: #ffffff; }
body[data-preset="ferrari"] .profile-card::before { background: #0a0a0a; opacity: 1; height: 4px; }
body[data-preset="ferrari"] .profile-card::after { display: none; }
body[data-preset="ferrari"] .profile-card .name { -webkit-text-fill-color: #0a0a0a; color: #0a0a0a; background: none; font-weight: 900; letter-spacing: -1px; }
body[data-preset="ferrari"] .profile-card .title { color: #dc2626; font-weight: 700; text-transform: uppercase; }
body[data-preset="ferrari"] .edu-sb-num { -webkit-text-fill-color: #dc2626; color: #dc2626; background: none; font-weight: 900; }
body[data-preset="ferrari"] .section-header::after { background: #dc2626; border-radius: 0; height: 2px; }
body[data-preset="ferrari"] .section-header::before { display: none; }
body[data-preset="ferrari"] .section-header .icon { background: #fef2f2; color: #dc2626; border-radius: 0; }
body[data-preset="ferrari"] .eval-item .eval-icon { background: #fef2f2; color: #dc2626; border-radius: 0; }
body[data-preset="ferrari"] .skill-label { color: #dc2626; font-weight: 700; }
body[data-preset="ferrari"] .tool-btn.primary { background: #dc2626; box-shadow: none; border-radius: 0; color: #fff; font-weight: 700; }
body[data-preset="ferrari"] .tool-btn.primary:hover { background: #b91c1c; }
body[data-preset="ferrari"] .toolbar { background: #ffffff; backdrop-filter: none; border: 2px solid #0a0a0a; border-radius: 0; }
body[data-preset="ferrari"] .project-item::before { background: #dc2626; border-radius: 0; box-shadow: none; width: 3px; }
body[data-preset="ferrari"] .project-item { border-left: 3px solid rgba(220,38,38,0.15); }
body[data-preset="ferrari"] .project-item .project-tech span.highlight-tech { background: #fef2f2; color: #dc2626; border-radius: 0; font-weight: 600; }
body[data-preset="ferrari"] .avatar { border-color: #ffffff; border-radius: 0; }
body[data-preset="ferrari"] .theme-dot[data-preset-theme] { border-radius: 0; }
body[data-preset="ferrari"] .sidebar { border: 2px solid #0a0a0a; box-shadow: none; }
body[data-preset="ferrari"] .section-card, body[data-preset="ferrari"] .contact-card { border: 2px solid #0a0a0a; box-shadow: none; }
body[data-preset="ferrari"] .tool-btn.ghost { border-radius: 0; }
body[data-preset="ferrari"] .template-panel { border: 2px solid #0a0a0a; border-radius: 0; }

/* ============================================================
   PRESET 9: Vercel Mono — Vercel 风格精确黑白 + Geist 极简
   ============================================================ */
body[data-preset="vercel"] {
  --accent-rgb: 0, 112, 243;
  --bg: #ffffff; --card: #ffffff; --text: #000000; --text-secondary: #444444;
  --text-muted: #888888; --accent: #0070f3; --accent-dark: #0056b3;
  --accent-light: #f0f7ff; --border: #e5e5e5;
  --gradient-brand: none; --gradient-text: none;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
  --radius-lg: 6px; --radius-md: 5px; --radius-sm: 4px;
  --sidebar-width: 258px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: none;
  --glass: none; --card-border: 1px solid #e5e5e5;
  --hero-gradient: #000000;
  --skill-stripe: #fafafa;
  --tag-border: 1px solid #e5e5e5;
}
body[data-preset="vercel"] { background: #ffffff; background-image: none; }
body[data-preset="vercel"]::before { display: none; }
body[data-preset="vercel"] .profile-card { border: none; border-bottom: 1px solid #e5e5e5; box-shadow: none; border-radius: 0; }
body[data-preset="vercel"] .profile-card::before { background: none; }
body[data-preset="vercel"] .profile-card::after { display: none; }
body[data-preset="vercel"] .profile-card .name { -webkit-text-fill-color: #000; color: #000; background: none; font-size: 22px; font-weight: 700; letter-spacing: -0.8px; }
body[data-preset="vercel"] .edu-sb-num { -webkit-text-fill-color: #0070f3; color: #0070f3; background: none; }
body[data-preset="vercel"] .section-header { border-bottom: 1.5px solid #e5e5e5; padding-bottom: 6px; }
body[data-preset="vercel"] .section-header::after { display: none; }
body[data-preset="vercel"] .section-header::before { display: none; }
body[data-preset="vercel"] .section-header .icon { background: #f0f7ff; color: #0070f3; border-radius: 4px; }
body[data-preset="vercel"] .eval-item .eval-icon { background: #f0f7ff; color: #0070f3; border-radius: 4px; }
body[data-preset="vercel"] .skill-label { color: #000; font-weight: 700; }
body[data-preset="vercel"] .tool-btn.primary { background: #000; box-shadow: none; color: #fff; border-radius: 5px; }
body[data-preset="vercel"] .tool-btn.primary:hover { background: #333; }
body[data-preset="vercel"] .toolbar { background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); border: 1px solid #e5e5e5; border-radius: 6px; }
body[data-preset="vercel"] .project-item::before { background: #0070f3; border-radius: 0; box-shadow: none; }
body[data-preset="vercel"] .project-item { border-left: 2px solid rgba(0,0,0,0.08); }
body[data-preset="vercel"] .project-item .project-tech span.highlight-tech { background: #f0f7ff; color: #0070f3; border-radius: 3px; }
body[data-preset="vercel"] .avatar { border-color: #ffffff; box-shadow: 0 0 0 1px rgba(0,0,0,0.1); }
body[data-preset="vercel"] .theme-dot[data-preset-theme] { border-radius: 3px; }
body[data-preset="vercel"] .sidebar { box-shadow: var(--shadow-sm); border-radius: 0; }
body[data-preset="vercel"] .layout { gap: 0; }
body[data-preset="vercel"] .section-card { box-shadow: none; border: 1px solid #e5e5e5; border-radius: 6px; }
body[data-preset="vercel"] .tool-btn.ghost { border-radius: 5px; }
body[data-preset="vercel"] .award-tag, body[data-preset="vercel"] .cert-tag, body[data-preset="vercel"] .course-tag { border-radius: 4px; }

/* ============================================================
   PRESET 10: Verdant Mint — The Verge/Spotify 风格深色 + 酸性薄荷
   ============================================================ */
body[data-preset="verdant"] {
  --accent-rgb: 0, 229, 153;
  --bg: #0a0e0c; --card: rgba(18,24,20,0.9); --text: #e8ece9; --text-secondary: #a0b0a5;
  --text-muted: #5a6d60; --accent: #00e599; --accent-dark: #00cc88;
  --accent-light: rgba(0,229,153,0.12); --border: rgba(255,255,255,0.06);
  --gradient-brand: linear-gradient(135deg, #00e599 0%, #00cc88 100%);
  --gradient-text: linear-gradient(135deg, #00e599 0%, #66ffc2 100%);
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.6);
  --radius-lg: 18px; --radius-md: 12px; --radius-sm: 8px;
  --sidebar-width: 270px; --font-body: 'Inter','Noto Sans SC',sans-serif;
  --bg-dot: radial-gradient(circle, rgba(0,229,153,0.06) 0.5px, transparent 0.5px);
  --glass: blur(24px); --card-border: 1px solid rgba(0,229,153,0.1);
  --hero-gradient: linear-gradient(135deg, #00e599 0%, #00cc88 100%);
  --skill-stripe: rgba(0,229,153,0.03);
  --tag-border: 1px solid rgba(255,255,255,0.06);
}
body[data-preset="verdant"] { background: #0a0e0c; background-size: 18px 18px; }
body[data-preset="verdant"]::before {
  background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0,229,153,0.08) 0%, transparent 70%);
}
body[data-preset="verdant"] .profile-card::before { background: linear-gradient(135deg, #00e599 0%, #00cc88 100%); opacity: 0.85; }
body[data-preset="verdant"] .profile-card::after { background: linear-gradient(to bottom, rgba(0,229,153,0.25), transparent); }
body[data-preset="verdant"] .profile-card .name { -webkit-text-fill-color: #ffffff; color: #ffffff; }
body[data-preset="verdant"] .edu-sb-num { -webkit-text-fill-color: #00e599; color: #00e599; }
body[data-preset="verdant"] .section-header::after { background: linear-gradient(135deg, #00e599, #00cc88); }
body[data-preset="verdant"] .section-header::before { background: linear-gradient(to right, rgba(0,229,153,0.2), transparent); }
body[data-preset="verdant"] .section-header .icon { background: rgba(0,229,153,0.1); color: #00e599; }
body[data-preset="verdant"] .eval-item .eval-icon { background: rgba(0,229,153,0.1); color: #00e599; }
body[data-preset="verdant"] .skill-label { color: #00e599; }
body[data-preset="verdant"] .tool-btn.primary { background: linear-gradient(135deg, #00e599, #00cc88); color: #000; font-weight: 700; box-shadow: 0 2px 12px rgba(0,229,153,0.2); }
body[data-preset="verdant"] .tool-btn.primary:hover { box-shadow: 0 4px 20px rgba(0,229,153,0.4); }
body[data-preset="verdant"] .toolbar {
  background: rgba(18,24,20,0.88); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(0,229,153,0.1);
}
body[data-preset="verdant"] .tool-btn.ghost { color: #a0b0a5; }
body[data-preset="verdant"] .tool-btn.ghost:hover { background: rgba(0,229,153,0.06); }
body[data-preset="verdant"] .project-item::before { background: #00e599; box-shadow: 0 0 8px rgba(0,229,153,0.3); }
body[data-preset="verdant"] .project-item { border-left: 2px solid rgba(0,229,153,0.1); }
body[data-preset="verdant"] .project-item .project-tech span { background: rgba(255,255,255,0.04); color: #a0b0a5; }
body[data-preset="verdant"] .project-item .project-tech span.highlight-tech { background: rgba(0,229,153,0.15); color: #00e599; }
body[data-preset="verdant"] .section-card, body[data-preset="verdant"] .profile-card,
body[data-preset="verdant"] .contact-card, body[data-preset="verdant"] .tech-card {
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
}
body[data-preset="verdant"] .avatar { border-color: rgba(18,24,20,0.9); box-shadow: 0 0 20px rgba(0,229,153,0.2); }
body[data-preset="verdant"] .award-tag { background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.15); color: #fbbf24; }
body[data-preset="verdant"] .cert-tag { background: rgba(22,163,74,0.1); border-color: rgba(22,163,74,0.15); color: #4ade80; }
body[data-preset="verdant"] .course-tag { background: rgba(255,255,255,0.04); color: #a0b0a5; }
body[data-preset="verdant"] .modal textarea { background: rgba(255,255,255,0.04); color: #e8ece9; }
body[data-preset="verdant"] .tool-status .dot { background: #00e599; }