/* 软通云的十套风格（2026-10-31 用户要求：和集团官网同一套十种配色，客户自己切换）。
   客户在页头 / 侧栏的「风格」菜单里选，存在 ys_skin cookie，服务端渲染到 <html data-skin>，不闪。
   默认（不写 data-skin）是 style.css 里的墨蓝青绿。每套只改颜色变量：深色（首屏、侧栏、页脚）、强调色、插图两种颜色、浅色底。
   软通云的首屏和侧栏一直是深色，所以「浅色」「暖砂」「冰川」在这里是同色系的深色版 + 浅色内容区，不像集团官网那样整块变白。
   新加一套：这里加一段，再在 routes.py 的 SKINS、i18n 的 skin_* 里各加一项。 */

/* 菜单里的色块：左深色、右强调色 */
.sw-default i { background: #0B1C2E; } .sw-default b { background: #3CC7B5; }
.sw-light i { background: #F4F6F8; } .sw-light b { background: #0B1C2E; }
.sw-neon i { background: #0A1A2A; } .sw-neon b { background: #00FD82; }
.sw-gold i { background: #181A20; } .sw-gold b { background: #F0B90B; }
.sw-matcha i { background: #0B0D10; } .sw-matcha b { background: #0BBA74; }
.sw-champagne i { background: #0C1526; } .sw-champagne b { background: #D4B483; }
.sw-aurora i { background: #0E0B1F; } .sw-aurora b { background: #7CF5C8; }
.sw-signal i { background: #121417; } .sw-signal b { background: #FF7A2F; }
.sw-sand i { background: #F6F1E8; } .sw-sand b { background: #B4532A; }
.sw-glacier i { background: #EEF4FB; } .sw-glacier b { background: #1D5BD8; }

/* 浅色：插图少用颜色（蓝换成灰），内容区更白 */
[data-skin="light"] { --c-blue: #8FA0B3; --soft-bg: #F7F8FA; --art-vf: #3A4E66; --art-vs: #2C3D52; }

[data-skin="neon"] {
  --ink: #0A1A2A; --ink-2: #13283D; --ink-3: #1D3650;
  --accent: #08773F; --accent-2: #0A9E57; --accent-soft: #E3FBEF; --glow: #00FD82;
  --c-teal: #00FD82; --c-blue: #7B5CFF; --soft-bg: #F2F7F4;
  --art-f: #16324C; --art-m: #10263B; --art-k: #0C1E2F; --art-vf: #3B2A8F; --art-vs: #2D206E;
}
[data-skin="gold"] {
  --ink: #181A20; --ink-2: #2B3139; --ink-3: #3A424E;
  --accent: #8C6A00; --accent-2: #C99400; --accent-soft: #FDF3D6; --glow: #F0B90B;
  --c-teal: #F0B90B; --c-blue: #B7BDC6; --soft-bg: #F7F7F5;
  --art-f: #2B3139; --art-m: #1E2329; --art-k: #15181D; --art-vf: #5A6170; --art-vs: #464C58;
}
[data-skin="matcha"] {
  --ink: #0B0D10; --ink-2: #16191E; --ink-3: #22262D;
  --accent: #07834F; --accent-2: #0BBA74; --accent-soft: #E2F7EE; --glow: #0BBA74;
  --c-teal: #0BBA74; --c-blue: #1463FF; --soft-bg: #F4F6F6;
  --art-f: #1C2027; --art-m: #14171C; --art-k: #0F1114; --art-vf: #1A4CC0; --art-vs: #143A94;
}
[data-skin="champagne"] {
  --ink: #0C1526; --ink-2: #17233B; --ink-3: #22314D;
  --accent: #7A5F2C; --accent-2: #9A7B3F; --accent-soft: #F6EFE2; --glow: #D4B483;
  --c-teal: #D4B483; --c-blue: #8FA8C8; --soft-bg: #F7F5F1;
  --art-f: #1B2A45; --art-m: #132038; --art-k: #0E182B; --art-vf: #4A6488; --art-vs: #3A5170;
}
[data-skin="aurora"] {
  --ink: #0E0B1F; --ink-2: #1A1633; --ink-3: #262046;
  --accent: #0B7A5A; --accent-2: #0F9D74; --accent-soft: #E3FBF2; --glow: #7CF5C8;
  --c-teal: #7CF5C8; --c-blue: #A78BFA; --soft-bg: #F5F4FA;
  --art-f: #241E44; --art-m: #1B1636; --art-k: #14102A; --art-vf: #5B44B5; --art-vs: #46348F;
}
[data-skin="signal"] {
  --ink: #121417; --ink-2: #1E2125; --ink-3: #2A2E33;
  --accent: #B5470A; --accent-2: #E55A0C; --accent-soft: #FDEBDF; --glow: #FF7A2F;
  --c-teal: #FF7A2F; --c-blue: #9AA4B2; --soft-bg: #F6F6F5;
  --art-f: #272B31; --art-m: #1E2125; --art-k: #17191C; --art-vf: #59616C; --art-vs: #464C55;
}
[data-skin="sand"] {
  --ink: #22201C; --ink-2: #35322C; --ink-3: #4A463E;
  --accent: #9A4420; --accent-2: #B4532A; --accent-soft: #F6E6DC; --glow: #E8875A;
  --c-teal: #E8875A; --c-blue: #5FA39A; --soft-bg: #F6F1E8;
  --art-f: #35322C; --art-m: #2A2824; --art-k: #201E1A; --art-vf: #2F6F68; --art-vs: #245650;
}
[data-skin="sand"] body { background: #FFFDF9; }
[data-skin="glacier"] {
  --ink: #0B1B33; --ink-2: #15294A; --ink-3: #213A61;
  --accent: #1A4FBF; --accent-2: #1D5BD8; --accent-soft: #E6EEFC; --glow: #6EA2FF;
  --c-teal: #6EA2FF; --c-blue: #2DD4BF; --soft-bg: #EEF4FB;
  --art-f: #18305A; --art-m: #12264A; --art-k: #0D1D3A; --art-vf: #1F7F75; --art-vs: #18665E;
}