@charset "UTF-8";
/* ============================================================
 * 二版 · 可切换 CSS 皮肤（页脚「主题配色」切换）
 * 只覆盖设计变量，明暗主题仍由 html[data-theme] 控制
 * data-skin: aurora(默认) / nebula / mint / sunset / graphite
 * ============================================================ */

/* 暮紫星云 */
html[data-skin="nebula"] {
  --bg: #f8f5ff; --bg-grid: rgba(90, 40, 150, .045);
  --surface: #ffffff; --surface-2: #f4efff; --surface-3: #ebe1ff;
  --line: #e9dffb; --line-strong: #d3c1f3;
  --brand: #7b3fe4; --brand-2: #d946a8; --brand-3: #4f46e5;
  --brand-soft: rgba(123, 63, 228, .09); --brand-glow: rgba(123, 63, 228, .2);
  --accent-warm: #f97362;
  --code-bg: #f8f4ff; --code-line: #e9dcff;
}
html[data-theme="dark"][data-skin="nebula"] {
  --bg: #0d0818; --bg-grid: rgba(180, 120, 255, .05);
  --surface: #17102a; --surface-2: #1e1538; --surface-3: #281b48;
  --line: #332451; --line-strong: #49346e;
  --brand: #a78bfa; --brand-2: #f472b6; --brand-3: #818cf8;
  --brand-soft: rgba(167, 139, 250, .14); --brand-glow: rgba(150, 100, 255, .34);
  --code-bg: #140e26; --code-line: #2c1e4a;
}

/* 青柠薄荷 */
html[data-skin="mint"] {
  --bg: #f3faf7; --bg-grid: rgba(20, 110, 90, .04);
  --surface: #ffffff; --surface-2: #eef8f4; --surface-3: #dff1ea;
  --line: #dceee7; --line-strong: #bcdfd2;
  --brand: #0d9488; --brand-2: #22c55e; --brand-3: #0284c7;
  --brand-soft: rgba(13, 148, 136, .1); --brand-glow: rgba(13, 148, 136, .2);
  --accent-warm: #f97316;
  --code-bg: #f1faf6; --code-line: #d9efe6;
}
html[data-theme="dark"][data-skin="mint"] {
  --bg: #06130f; --bg-grid: rgba(80, 230, 180, .05);
  --surface: #0e201c; --surface-2: #132b25; --surface-3: #193930;
  --line: #21453b; --line-strong: #2f5f50;
  --brand: #2dd4bf; --brand-2: #4ade80; --brand-3: #38bdf8;
  --brand-soft: rgba(45, 212, 191, .13); --brand-glow: rgba(45, 212, 191, .3);
  --code-bg: #0a1b17; --code-line: #1a3a31;
}

/* 暖阳橘 */
html[data-skin="sunset"] {
  --bg: #fff8f3; --bg-grid: rgba(160, 70, 20, .04);
  --surface: #ffffff; --surface-2: #fff2e8; --surface-3: #ffe6d5;
  --line: #f6e3d5; --line-strong: #ecc7ab;
  --brand: #e2560f; --brand-2: #f59e0b; --brand-3: #db2777;
  --brand-soft: rgba(226, 86, 15, .09); --brand-glow: rgba(226, 86, 15, .18);
  --accent-warm: #0ea5e9;
  --code-bg: #fff6ef; --code-line: #f6e0ce;
}
html[data-theme="dark"][data-skin="sunset"] {
  --bg: #150c07; --bg-grid: rgba(255, 170, 90, .05);
  --surface: #22150e; --surface-2: #2c1c12; --surface-3: #3b2518;
  --line: #432c1d; --line-strong: #5e3c27;
  --brand: #fb923c; --brand-2: #fbbf24; --brand-3: #f472b6;
  --brand-soft: rgba(251, 146, 60, .14); --brand-glow: rgba(251, 146, 60, .3);
  --code-bg: #1b110b; --code-line: #39251a;
}

/* 石墨极简 */
html[data-skin="graphite"] {
  --bg: #f4f5f6; --bg-grid: rgba(30, 40, 50, .04);
  --surface: #ffffff; --surface-2: #f0f2f4; --surface-3: #e5e9ec;
  --line: #e2e6e9; --line-strong: #c9d0d5;
  --brand: #334155; --brand-2: #0f766e; --brand-3: #4f46e5;
  --brand-soft: rgba(51, 65, 85, .08); --brand-glow: rgba(51, 65, 85, .16);
  --accent-warm: #dc2626;
  --code-bg: #f5f6f7; --code-line: #e2e6e9;
}
html[data-theme="dark"][data-skin="graphite"] {
  --bg: #0b0d10; --bg-grid: rgba(180, 200, 220, .04);
  --surface: #14181d; --surface-2: #1b2128; --surface-3: #242c35;
  --line: #2a333d; --line-strong: #3a4653;
  --brand: #94a3b8; --brand-2: #2dd4bf; --brand-3: #a5b4fc;
  --brand-soft: rgba(148, 163, 184, .12); --brand-glow: rgba(148, 163, 184, .22);
  --code-bg: #10151a; --code-line: #232c35;
}

/* 皮肤切换时给个柔和过渡 */
html[data-skin] body, html[data-skin] .card, html[data-skin] .site-footer { transition: background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease); }