/* 导航首页背景皮肤 — 前台本地随机切换，见 index/js/portal-skin.js */
html[data-portal-skin="lux-gold"],
html:not([data-portal-skin]) {
  --ps-body-bg: #0b0a07;
  --ps-text: #e7e3da;
  --ps-accent: #d6ae51;
  --ps-accent-soft: rgba(214, 174, 81, 0.55);
  --ps-accent-border: rgba(160, 130, 61, 0.45);
  --ps-bg-top: rgba(105, 85, 38, 0.5);
  --ps-bg-bottom: rgba(43, 36, 18, 0.65);
  --ps-bg-mid-1: #13110c;
  --ps-bg-mid-2: #211c12;
  --ps-bg-mid-3: #0d0b08;
  --ps-glow-top: rgba(214, 174, 81, 0.22);
  --ps-glow-bottom: rgba(182, 148, 69, 0.28);
  --ps-panel-1: rgba(40, 34, 21, 0.95);
  --ps-panel-2: rgba(26, 23, 15, 0.98);
  --ps-panel-3: rgba(16, 14, 10, 0.99);
  --ps-title-1: #f6edd9;
  --ps-title-2: #eddbb1;
  --ps-title-3: #76602d;
}

html[data-portal-skin="lux-emerald"] {
  --ps-body-bg: #070b09;
  --ps-text: #dae7e2;
  --ps-accent: #45d398;
  --ps-accent-soft: rgba(69, 211, 152, 0.55);
  --ps-accent-border: rgba(52, 158, 114, 0.45);
  --ps-bg-top: rgba(38, 105, 77, 0.5);
  --ps-bg-bottom: rgba(18, 43, 33, 0.65);
  --ps-bg-mid-1: #0c1310;
  --ps-bg-mid-2: #12211b;
  --ps-bg-mid-3: #080d0b;
  --ps-glow-top: rgba(69, 211, 152, 0.22);
  --ps-glow-bottom: rgba(59, 179, 129, 0.28);
  --ps-panel-1: rgba(21, 40, 32, 0.95);
  --ps-panel-2: rgba(15, 26, 21, 0.98);
  --ps-panel-3: rgba(10, 16, 13, 0.99);
  --ps-title-1: #d6f5e8;
  --ps-title-2: #abebd1;
  --ps-title-3: #267454;
}

html[data-portal-skin="lux-sapphire"] {
  --ps-body-bg: #07090b;
  --ps-text: #d9dfe8;
  --ps-accent: #5892e4;
  --ps-accent-soft: rgba(88, 146, 228, 0.55);
  --ps-accent-border: rgba(66, 110, 171, 0.45);
  --ps-bg-top: rgba(33, 65, 110, 0.5);
  --ps-bg-bottom: rgba(16, 28, 45, 0.65);
  --ps-bg-mid-1: #0b0f14;
  --ps-bg-mid-2: #111822;
  --ps-bg-mid-3: #070a0d;
  --ps-glow-top: rgba(88, 146, 228, 0.22);
  --ps-glow-bottom: rgba(75, 124, 194, 0.28);
  --ps-panel-1: rgba(20, 29, 42, 0.95);
  --ps-panel-2: rgba(14, 19, 27, 0.98);
  --ps-panel-3: rgba(9, 12, 16, 0.99);
  --ps-title-1: #dae7f9;
  --ps-title-2: #b4cef3;
  --ps-title-3: #30507d;
}

html[data-portal-skin="lux-ruby"] {
  --ps-body-bg: #0b0606;
  --ps-text: #e9d8d8;
  --ps-accent: #ea5353;
  --ps-accent-soft: rgba(234, 83, 83, 0.55);
  --ps-accent-border: rgba(176, 62, 62, 0.45);
  --ps-bg-top: rgba(113, 30, 30, 0.5);
  --ps-bg-bottom: rgba(46, 15, 15, 0.65);
  --ps-bg-mid-1: #140b0b;
  --ps-bg-mid-2: #221111;
  --ps-bg-mid-3: #0d0707;
  --ps-glow-top: rgba(234, 83, 83, 0.22);
  --ps-glow-bottom: rgba(199, 71, 71, 0.28);
  --ps-panel-1: rgba(43, 19, 19, 0.95);
  --ps-panel-2: rgba(28, 13, 13, 0.98);
  --ps-panel-3: rgba(17, 9, 9, 0.99);
  --ps-title-1: #fad9d9;
  --ps-title-2: #f6b2b2;
  --ps-title-3: #812e2e;
}

html[data-portal-skin="lux-amethyst"] {
  --ps-body-bg: #09070b;
  --ps-text: #e2d9e8;
  --ps-accent: #b065e6;
  --ps-accent-soft: rgba(176, 101, 230, 0.55);
  --ps-accent-border: rgba(132, 76, 172, 0.45);
  --ps-bg-top: rgba(78, 33, 110, 0.5);
  --ps-bg-bottom: rgba(33, 16, 45, 0.65);
  --ps-bg-mid-1: #100b14;
  --ps-bg-mid-2: #1b1122;
  --ps-bg-mid-3: #0b070d;
  --ps-glow-top: rgba(176, 101, 230, 0.22);
  --ps-glow-bottom: rgba(150, 86, 196, 0.28);
  --ps-panel-1: rgba(32, 20, 42, 0.95);
  --ps-panel-2: rgba(22, 14, 27, 0.98);
  --ps-panel-3: rgba(13, 9, 16, 0.99);
  --ps-title-1: #eeddfa;
  --ps-title-2: #dbbaf4;
  --ps-title-3: #61387e;
}

html[data-portal-skin="lux-midnight"] {
  --ps-body-bg: #08090a;
  --ps-text: #dde0e4;
  --ps-accent: #8d9bb0;
  --ps-accent-soft: rgba(141, 155, 176, 0.55);
  --ps-accent-border: rgba(106, 116, 132, 0.45);
  --ps-bg-top: rgba(46, 67, 96, 0.5);
  --ps-bg-bottom: rgba(21, 29, 40, 0.65);
  --ps-bg-mid-1: #0c0f12;
  --ps-bg-mid-2: #14191f;
  --ps-bg-mid-3: #080a0c;
  --ps-glow-top: rgba(141, 155, 176, 0.22);
  --ps-glow-bottom: rgba(120, 132, 150, 0.28);
  --ps-panel-1: rgba(23, 29, 38, 0.95);
  --ps-panel-2: rgba(16, 20, 25, 0.98);
  --ps-panel-3: rgba(10, 12, 15, 0.99);
  --ps-title-1: #e6e9ee;
  --ps-title-2: #ccd2db;
  --ps-title-3: #4e5561;
}

html[data-portal-skin="lux-rose"] {
  --ps-body-bg: #0b0709;
  --ps-text: #e8d9e0;
  --ps-accent: #e4589e;
  --ps-accent-soft: rgba(228, 88, 158, 0.55);
  --ps-accent-border: rgba(171, 66, 118, 0.45);
  --ps-bg-top: rgba(110, 33, 71, 0.5);
  --ps-bg-bottom: rgba(45, 16, 31, 0.65);
  --ps-bg-mid-1: #140b0f;
  --ps-bg-mid-2: #22111a;
  --ps-bg-mid-3: #0d070a;
  --ps-glow-top: rgba(228, 88, 158, 0.22);
  --ps-glow-bottom: rgba(194, 75, 134, 0.28);
  --ps-panel-1: rgba(42, 20, 31, 0.95);
  --ps-panel-2: rgba(27, 14, 20, 0.98);
  --ps-panel-3: rgba(16, 9, 13, 0.99);
  --ps-title-1: #f9daea;
  --ps-title-2: #f3b4d3;
  --ps-title-3: #7d3057;
}

html[data-portal-skin="lux-aurora"] {
  --ps-body-bg: #060b0b;
  --ps-text: #d8e7e9;
  --ps-accent: #33cee6;
  --ps-accent-soft: rgba(51, 206, 230, 0.55);
  --ps-accent-border: rgba(38, 154, 172, 0.45);
  --ps-bg-top: rgba(30, 102, 113, 0.5);
  --ps-bg-bottom: rgba(15, 42, 46, 0.65);
  --ps-bg-mid-1: #0b1314;
  --ps-bg-mid-2: #112022;
  --ps-bg-mid-3: #070c0d;
  --ps-glow-top: rgba(51, 206, 230, 0.22);
  --ps-glow-bottom: rgba(43, 175, 196, 0.28);
  --ps-panel-1: rgba(19, 39, 43, 0.95);
  --ps-panel-2: rgba(13, 26, 28, 0.98);
  --ps-panel-3: rgba(9, 16, 17, 0.99);
  --ps-title-1: #d2f4fa;
  --ps-title-2: #a3e9f4;
  --ps-title-3: #1c717e;
}

html[data-portal-skin="lux-sunset"] {
  --ps-body-bg: #0c0906;
  --ps-text: #eae0d7;
  --ps-accent: #f28e36;
  --ps-accent-soft: rgba(242, 142, 54, 0.55);
  --ps-accent-border: rgba(182, 106, 40, 0.45);
  --ps-bg-top: rgba(119, 68, 24, 0.5);
  --ps-bg-bottom: rgba(48, 29, 13, 0.65);
  --ps-bg-mid-1: #150f0a;
  --ps-bg-mid-2: #24190f;
  --ps-bg-mid-3: #0e0a07;
  --ps-glow-top: rgba(242, 142, 54, 0.22);
  --ps-glow-bottom: rgba(206, 121, 46, 0.28);
  --ps-panel-1: rgba(44, 30, 17, 0.95);
  --ps-panel-2: rgba(28, 20, 12, 0.98);
  --ps-panel-3: rgba(17, 12, 8, 0.99);
  --ps-title-1: #fce6d3;
  --ps-title-2: #f9cca5;
  --ps-title-3: #854e1e;
}

html[data-portal-skin="lux-jade"] {
  --ps-body-bg: #070b0a;
  --ps-text: #d9e8e5;
  --ps-accent: #3adfbe;
  --ps-accent-soft: rgba(58, 223, 190, 0.55);
  --ps-accent-border: rgba(44, 167, 142, 0.45);
  --ps-bg-top: rgba(33, 110, 95, 0.5);
  --ps-bg-bottom: rgba(16, 45, 39, 0.65);
  --ps-bg-mid-1: #0b1412;
  --ps-bg-mid-2: #11221e;
  --ps-bg-mid-3: #070d0c;
  --ps-glow-top: rgba(58, 223, 190, 0.22);
  --ps-glow-bottom: rgba(49, 190, 162, 0.28);
  --ps-panel-1: rgba(20, 42, 37, 0.95);
  --ps-panel-2: rgba(14, 27, 24, 0.98);
  --ps-panel-3: rgba(9, 16, 15, 0.99);
  --ps-title-1: #d4f8f1;
  --ps-title-2: #a6f1e2;
  --ps-title-3: #207b68;
}

html[data-portal-skin="lux-ocean"] {
  --ps-body-bg: #060a0b;
  --ps-text: #d8e3e9;
  --ps-accent: #3cb1ec;
  --ps-accent-soft: rgba(60, 177, 236, 0.55);
  --ps-accent-border: rgba(45, 133, 177, 0.45);
  --ps-bg-top: rgba(27, 86, 115, 0.5);
  --ps-bg-bottom: rgba(14, 36, 47, 0.65);
  --ps-bg-mid-1: #0a1114;
  --ps-bg-mid-2: #101d23;
  --ps-bg-mid-3: #070b0d;
  --ps-glow-top: rgba(60, 177, 236, 0.22);
  --ps-glow-bottom: rgba(51, 150, 201, 0.28);
  --ps-panel-1: rgba(18, 35, 43, 0.95);
  --ps-panel-2: rgba(13, 23, 28, 0.98);
  --ps-panel-3: rgba(9, 14, 17, 0.99);
  --ps-title-1: #d4eefb;
  --ps-title-2: #a7dcf6;
  --ps-title-3: #216182;
}

html[data-portal-skin="lux-carbon"] {
  --ps-body-bg: #08080a;
  --ps-text: #dddde4;
  --ps-accent: #9a9aa2;
  --ps-accent-soft: rgba(154, 154, 162, 0.55);
  --ps-accent-border: rgba(116, 116, 122, 0.45);
  --ps-bg-top: rgba(46, 46, 96, 0.5);
  --ps-bg-bottom: rgba(21, 21, 40, 0.65);
  --ps-bg-mid-1: #0c0c12;
  --ps-bg-mid-2: #14141f;
  --ps-bg-mid-3: #08080c;
  --ps-glow-top: rgba(154, 154, 162, 0.22);
  --ps-glow-bottom: rgba(131, 131, 138, 0.28);
  --ps-panel-1: rgba(23, 23, 38, 0.95);
  --ps-panel-2: rgba(16, 16, 25, 0.98);
  --ps-panel-3: rgba(10, 10, 15, 0.99);
  --ps-title-1: #e9e9eb;
  --ps-title-2: #d2d2d5;
  --ps-title-3: #555559;
}

html[data-portal-skin="lux-crimson"] {
  --ps-body-bg: #0b0607;
  --ps-text: #e9d8db;
  --ps-accent: #e92042;
  --ps-accent-soft: rgba(233, 32, 66, 0.55);
  --ps-accent-border: rgba(175, 24, 50, 0.45);
  --ps-bg-top: rgba(115, 27, 42, 0.5);
  --ps-bg-bottom: rgba(47, 14, 20, 0.65);
  --ps-bg-mid-1: #140a0c;
  --ps-bg-mid-2: #231013;
  --ps-bg-mid-3: #0d0708;
  --ps-glow-top: rgba(233, 32, 66, 0.22);
  --ps-glow-bottom: rgba(198, 27, 56, 0.28);
  --ps-panel-1: rgba(43, 18, 22, 0.95);
  --ps-panel-2: rgba(28, 13, 15, 0.98);
  --ps-panel-3: rgba(17, 9, 10, 0.99);
  --ps-title-1: #faced5;
  --ps-title-2: #f59baa;
  --ps-title-3: #801224;
}

html[data-portal-skin="lux-copper"] {
  --ps-body-bg: #0b0907;
  --ps-text: #e8dfd9;
  --ps-accent: #d06c25;
  --ps-accent-soft: rgba(208, 108, 37, 0.55);
  --ps-accent-border: rgba(156, 81, 28, 0.45);
  --ps-bg-top: rgba(109, 65, 34, 0.5);
  --ps-bg-bottom: rgba(45, 28, 17, 0.65);
  --ps-bg-mid-1: #140f0b;
  --ps-bg-mid-2: #221811;
  --ps-bg-mid-3: #0d0a07;
  --ps-glow-top: rgba(208, 108, 37, 0.22);
  --ps-glow-bottom: rgba(177, 92, 31, 0.28);
  --ps-panel-1: rgba(41, 29, 20, 0.95);
  --ps-panel-2: rgba(27, 19, 14, 0.98);
  --ps-panel-3: rgba(16, 12, 9, 0.99);
  --ps-title-1: #f5dfcf;
  --ps-title-2: #eabd9d;
  --ps-title-3: #723b14;
}

html[data-portal-skin="lux-bronze"] {
  --ps-body-bg: #0b0907;
  --ps-text: #e6e1db;
  --ps-accent: #a66f30;
  --ps-accent-soft: rgba(166, 111, 48, 0.55);
  --ps-accent-border: rgba(124, 83, 36, 0.45);
  --ps-bg-top: rgba(101, 73, 42, 0.5);
  --ps-bg-bottom: rgba(42, 31, 20, 0.65);
  --ps-bg-mid-1: #13100c;
  --ps-bg-mid-2: #201a13;
  --ps-bg-mid-3: #0c0a08;
  --ps-glow-top: rgba(166, 111, 48, 0.22);
  --ps-glow-bottom: rgba(141, 94, 41, 0.28);
  --ps-panel-1: rgba(39, 31, 22, 0.95);
  --ps-panel-2: rgba(25, 21, 15, 0.98);
  --ps-panel-3: rgba(16, 13, 10, 0.99);
  --ps-title-1: #ebdfd1;
  --ps-title-2: #d7bea2;
  --ps-title-3: #5b3d1a;
}

html[data-portal-skin="lux-champagne"] {
  --ps-body-bg: #0b0a07;
  --ps-text: #e6e4db;
  --ps-accent: #dfcf90;
  --ps-accent-soft: rgba(223, 207, 144, 0.55);
  --ps-accent-border: rgba(167, 155, 108, 0.45);
  --ps-bg-top: rgba(101, 89, 42, 0.5);
  --ps-bg-bottom: rgba(42, 37, 20, 0.65);
  --ps-bg-mid-1: #13110c;
  --ps-bg-mid-2: #201d13;
  --ps-bg-mid-3: #0c0b08;
  --ps-glow-top: rgba(223, 207, 144, 0.22);
  --ps-glow-bottom: rgba(190, 176, 122, 0.28);
  --ps-panel-1: rgba(39, 36, 22, 0.95);
  --ps-panel-2: rgba(25, 23, 15, 0.98);
  --ps-panel-3: rgba(16, 14, 10, 0.99);
  --ps-title-1: #f8f4e7;
  --ps-title-2: #f1e9cd;
  --ps-title-3: #7b724f;
}

html[data-portal-skin="lux-pearl"] {
  --ps-body-bg: #08090a;
  --ps-text: #dde0e4;
  --ps-accent: #cdd1d5;
  --ps-accent-soft: rgba(205, 209, 213, 0.55);
  --ps-accent-border: rgba(154, 157, 160, 0.45);
  --ps-bg-top: rgba(46, 71, 96, 0.5);
  --ps-bg-bottom: rgba(21, 31, 40, 0.65);
  --ps-bg-mid-1: #0c0f12;
  --ps-bg-mid-2: #14191f;
  --ps-bg-mid-3: #080a0c;
  --ps-glow-top: rgba(205, 209, 213, 0.22);
  --ps-glow-bottom: rgba(174, 178, 181, 0.28);
  --ps-panel-1: rgba(23, 31, 38, 0.95);
  --ps-panel-2: rgba(16, 20, 25, 0.98);
  --ps-panel-3: rgba(10, 13, 15, 0.99);
  --ps-title-1: #f4f5f6;
  --ps-title-2: #e8eaec;
  --ps-title-3: #717375;
}

html[data-portal-skin="lux-ivory"] {
  --ps-body-bg: #0a0a08;
  --ps-text: #e4e2dd;
  --ps-accent: #d9d5c9;
  --ps-accent-soft: rgba(217, 213, 201, 0.55);
  --ps-accent-border: rgba(163, 160, 151, 0.45);
  --ps-bg-top: rgba(96, 84, 46, 0.5);
  --ps-bg-bottom: rgba(40, 35, 21, 0.65);
  --ps-bg-mid-1: #12110c;
  --ps-bg-mid-2: #1f1c14;
  --ps-bg-mid-3: #0c0b08;
  --ps-glow-top: rgba(217, 213, 201, 0.22);
  --ps-glow-bottom: rgba(184, 181, 171, 0.28);
  --ps-panel-1: rgba(38, 34, 23, 0.95);
  --ps-panel-2: rgba(25, 23, 16, 0.98);
  --ps-panel-3: rgba(15, 14, 10, 0.99);
  --ps-title-1: #f7f6f3;
  --ps-title-2: #eeece7;
  --ps-title-3: #77756f;
}

html[data-portal-skin="lux-obsidian"] {
  --ps-body-bg: #08080a;
  --ps-text: #dfdde4;
  --ps-accent: #1d1a23;
  --ps-accent-soft: rgba(29, 26, 35, 0.55);
  --ps-accent-border: rgba(22, 20, 26, 0.45);
  --ps-bg-top: rgba(63, 46, 96, 0.5);
  --ps-bg-bottom: rgba(28, 21, 40, 0.65);
  --ps-bg-mid-1: #0e0c12;
  --ps-bg-mid-2: #18141f;
  --ps-bg-mid-3: #0a080c;
  --ps-glow-top: rgba(29, 26, 35, 0.22);
  --ps-glow-bottom: rgba(25, 22, 30, 0.28);
  --ps-panel-1: rgba(28, 23, 38, 0.95);
  --ps-panel-2: rgba(19, 16, 25, 0.98);
  --ps-panel-3: rgba(12, 10, 15, 0.99);
  --ps-title-1: #cdcdcf;
  --ps-title-2: #99989c;
  --ps-title-3: #100e13;
}

html[data-portal-skin="lux-graphite"] {
  --ps-body-bg: #08080a;
  --ps-text: #dddfe4;
  --ps-accent: #5b5f67;
  --ps-accent-soft: rgba(91, 95, 103, 0.55);
  --ps-accent-border: rgba(68, 71, 77, 0.45);
  --ps-bg-top: rgba(46, 63, 96, 0.5);
  --ps-bg-bottom: rgba(21, 28, 40, 0.65);
  --ps-bg-mid-1: #0c0e12;
  --ps-bg-mid-2: #14181f;
  --ps-bg-mid-3: #080a0c;
  --ps-glow-top: rgba(91, 95, 103, 0.22);
  --ps-glow-bottom: rgba(77, 81, 88, 0.28);
  --ps-panel-1: rgba(23, 28, 38, 0.95);
  --ps-panel-2: rgba(16, 19, 25, 0.98);
  --ps-panel-3: rgba(10, 12, 15, 0.99);
  --ps-title-1: #dbdcde;
  --ps-title-2: #b5b7bb;
  --ps-title-3: #323439;
}

html[data-portal-skin="lux-steel"] {
  --ps-body-bg: #08090a;
  --ps-text: #dde0e4;
  --ps-accent: #6f859b;
  --ps-accent-soft: rgba(111, 133, 155, 0.55);
  --ps-accent-border: rgba(83, 100, 116, 0.45);
  --ps-bg-top: rgba(46, 71, 96, 0.5);
  --ps-bg-bottom: rgba(21, 31, 40, 0.65);
  --ps-bg-mid-1: #0c0f12;
  --ps-bg-mid-2: #14191f;
  --ps-bg-mid-3: #080a0c;
  --ps-glow-top: rgba(111, 133, 155, 0.22);
  --ps-glow-bottom: rgba(94, 113, 132, 0.28);
  --ps-panel-1: rgba(23, 31, 38, 0.95);
  --ps-panel-2: rgba(16, 20, 25, 0.98);
  --ps-panel-3: rgba(10, 13, 15, 0.99);
  --ps-title-1: #dfe4e9;
  --ps-title-2: #bec8d2;
  --ps-title-3: #3d4955;
}

html[data-portal-skin="lux-platinum"] {
  --ps-body-bg: #08080a;
  --ps-text: #dddfe4;
  --ps-accent: #c4c6ca;
  --ps-accent-soft: rgba(196, 198, 202, 0.55);
  --ps-accent-border: rgba(147, 148, 152, 0.45);
  --ps-bg-top: rgba(46, 63, 96, 0.5);
  --ps-bg-bottom: rgba(21, 28, 40, 0.65);
  --ps-bg-mid-1: #0c0e12;
  --ps-bg-mid-2: #14181f;
  --ps-bg-mid-3: #080a0c;
  --ps-glow-top: rgba(196, 198, 202, 0.22);
  --ps-glow-bottom: rgba(167, 168, 172, 0.28);
  --ps-panel-1: rgba(23, 28, 38, 0.95);
  --ps-panel-2: rgba(16, 19, 25, 0.98);
  --ps-panel-3: rgba(10, 12, 15, 0.99);
  --ps-title-1: #f2f2f3;
  --ps-title-2: #e4e5e7;
  --ps-title-3: #6c6d6f;
}

html[data-portal-skin="lux-silver"] {
  --ps-body-bg: #08080a;
  --ps-text: #dddee4;
  --ps-accent: #afb2c0;
  --ps-accent-soft: rgba(175, 178, 192, 0.55);
  --ps-accent-border: rgba(131, 134, 144, 0.45);
  --ps-bg-top: rgba(46, 55, 96, 0.5);
  --ps-bg-bottom: rgba(21, 24, 40, 0.65);
  --ps-bg-mid-1: #0c0d12;
  --ps-bg-mid-2: #14161f;
  --ps-bg-mid-3: #08090c;
  --ps-glow-top: rgba(175, 178, 192, 0.22);
  --ps-glow-bottom: rgba(149, 151, 163, 0.28);
  --ps-panel-1: rgba(23, 26, 38, 0.95);
  --ps-panel-2: rgba(16, 17, 25, 0.98);
  --ps-panel-3: rgba(10, 11, 15, 0.99);
  --ps-title-1: #edeef1;
  --ps-title-2: #dbdce3;
  --ps-title-3: #60626a;
}

html[data-portal-skin="lux-magenta"] {
  --ps-body-bg: #0c060b;
  --ps-text: #ead7e6;
  --ps-accent: #ef39d1;
  --ps-accent-soft: rgba(239, 57, 209, 0.55);
  --ps-accent-border: rgba(179, 43, 157, 0.45);
  --ps-bg-top: rgba(117, 26, 102, 0.5);
  --ps-bg-bottom: rgba(48, 14, 42, 0.65);
  --ps-bg-mid-1: #150a13;
  --ps-bg-mid-2: #231020;
  --ps-bg-mid-3: #0d070c;
  --ps-glow-top: rgba(239, 57, 209, 0.22);
  --ps-glow-bottom: rgba(203, 48, 178, 0.28);
  --ps-panel-1: rgba(44, 18, 39, 0.95);
  --ps-panel-2: rgba(28, 13, 26, 0.98);
  --ps-panel-3: rgba(17, 8, 16, 0.99);
  --ps-title-1: #fbd3f5;
  --ps-title-2: #f8a6ea;
  --ps-title-3: #831f73;
}

html[data-portal-skin="lux-fuchsia"] {
  --ps-body-bg: #0c060c;
  --ps-text: #ead7ea;
  --ps-accent: #f236f2;
  --ps-accent-soft: rgba(242, 54, 242, 0.55);
  --ps-accent-border: rgba(182, 40, 182, 0.45);
  --ps-bg-top: rgba(119, 24, 119, 0.5);
  --ps-bg-bottom: rgba(48, 13, 48, 0.65);
  --ps-bg-mid-1: #150a15;
  --ps-bg-mid-2: #240f24;
  --ps-bg-mid-3: #0e070e;
  --ps-glow-top: rgba(242, 54, 242, 0.22);
  --ps-glow-bottom: rgba(206, 46, 206, 0.28);
  --ps-panel-1: rgba(44, 17, 44, 0.95);
  --ps-panel-2: rgba(28, 12, 28, 0.98);
  --ps-panel-3: rgba(17, 8, 17, 0.99);
  --ps-title-1: #fcd3fc;
  --ps-title-2: #f9a5f9;
  --ps-title-3: #851e85;
}

html[data-portal-skin="lux-violet"] {
  --ps-body-bg: #09070b;
  --ps-text: #dfd9e8;
  --ps-accent: #935ce0;
  --ps-accent-soft: rgba(147, 92, 224, 0.55);
  --ps-accent-border: rgba(110, 69, 168, 0.45);
  --ps-bg-top: rgba(65, 35, 108, 0.5);
  --ps-bg-bottom: rgba(28, 17, 44, 0.65);
  --ps-bg-mid-1: #0f0b13;
  --ps-bg-mid-2: #181221;
  --ps-bg-mid-3: #0a080d;
  --ps-glow-top: rgba(147, 92, 224, 0.22);
  --ps-glow-bottom: rgba(125, 78, 190, 0.28);
  --ps-panel-1: rgba(29, 20, 41, 0.95);
  --ps-panel-2: rgba(19, 14, 27, 0.98);
  --ps-panel-3: rgba(12, 9, 16, 0.99);
  --ps-title-1: #e7dbf8;
  --ps-title-2: #ceb6f1;
  --ps-title-3: #51337b;
}

html[data-portal-skin="lux-indigo"] {
  --ps-body-bg: #07070b;
  --ps-text: #dad9e8;
  --ps-accent: #3b2cdd;
  --ps-accent-soft: rgba(59, 44, 221, 0.55);
  --ps-accent-border: rgba(44, 33, 166, 0.45);
  --ps-bg-top: rgba(39, 33, 110, 0.5);
  --ps-bg-bottom: rgba(19, 16, 45, 0.65);
  --ps-bg-mid-1: #0c0b14;
  --ps-bg-mid-2: #131122;
  --ps-bg-mid-3: #08070d;
  --ps-glow-top: rgba(59, 44, 221, 0.22);
  --ps-glow-bottom: rgba(50, 37, 188, 0.28);
  --ps-panel-1: rgba(21, 20, 42, 0.95);
  --ps-panel-2: rgba(15, 14, 27, 0.98);
  --ps-panel-3: rgba(10, 9, 16, 0.99);
  --ps-title-1: #d4d1f8;
  --ps-title-2: #a7a0f0;
  --ps-title-3: #20187a;
}

html[data-portal-skin="lux-cobalt"] {
  --ps-body-bg: #06080b;
  --ps-text: #d8dce9;
  --ps-accent: #1b4bda;
  --ps-accent-soft: rgba(27, 75, 218, 0.55);
  --ps-accent-border: rgba(20, 56, 164, 0.45);
  --ps-bg-top: rgba(30, 51, 113, 0.5);
  --ps-bg-bottom: rgba(15, 23, 46, 0.65);
  --ps-bg-mid-1: #0b0d14;
  --ps-bg-mid-2: #111522;
  --ps-bg-mid-3: #07090d;
  --ps-glow-top: rgba(27, 75, 218, 0.22);
  --ps-glow-bottom: rgba(23, 64, 185, 0.28);
  --ps-panel-1: rgba(19, 25, 43, 0.95);
  --ps-panel-2: rgba(13, 17, 28, 0.98);
  --ps-panel-3: rgba(9, 11, 17, 0.99);
  --ps-title-1: #cdd7f7;
  --ps-title-2: #98aeee;
  --ps-title-3: #0f2978;
}

html[data-portal-skin="lux-teal"] {
  --ps-body-bg: #070b0b;
  --ps-text: #d9e8e7;
  --ps-accent: #1eb8ab;
  --ps-accent-soft: rgba(30, 184, 171, 0.55);
  --ps-accent-border: rgba(22, 138, 128, 0.45);
  --ps-bg-top: rgba(33, 110, 104, 0.5);
  --ps-bg-bottom: rgba(16, 45, 43, 0.65);
  --ps-bg-mid-1: #0b1413;
  --ps-bg-mid-2: #112220;
  --ps-bg-mid-3: #070d0d;
  --ps-glow-top: rgba(30, 184, 171, 0.22);
  --ps-glow-bottom: rgba(26, 156, 145, 0.28);
  --ps-panel-1: rgba(20, 42, 40, 0.95);
  --ps-panel-2: rgba(14, 27, 26, 0.98);
  --ps-panel-3: rgba(9, 16, 16, 0.99);
  --ps-title-1: #ceefed;
  --ps-title-2: #9adfd9;
  --ps-title-3: #10655e;
}

html[data-portal-skin="lux-mint"] {
  --ps-body-bg: #070b09;
  --ps-text: #dbe6e2;
  --ps-accent: #81dabc;
  --ps-accent-soft: rgba(129, 218, 188, 0.55);
  --ps-accent-border: rgba(97, 164, 141, 0.45);
  --ps-bg-top: rgba(42, 101, 81, 0.5);
  --ps-bg-bottom: rgba(20, 42, 34, 0.65);
  --ps-bg-mid-1: #0c1310;
  --ps-bg-mid-2: #13201c;
  --ps-bg-mid-3: #080c0b;
  --ps-glow-top: rgba(129, 218, 188, 0.22);
  --ps-glow-bottom: rgba(110, 185, 160, 0.28);
  --ps-panel-1: rgba(22, 39, 33, 0.95);
  --ps-panel-2: rgba(15, 25, 22, 0.98);
  --ps-panel-3: rgba(10, 16, 14, 0.99);
  --ps-title-1: #e3f7f0;
  --ps-title-2: #c6eee1;
  --ps-title-3: #477867;
}

html[data-portal-skin="lux-forest"] {
  --ps-body-bg: #070b08;
  --ps-text: #dbe6de;
  --ps-accent: #2c964f;
  --ps-accent-soft: rgba(44, 150, 79, 0.55);
  --ps-accent-border: rgba(33, 112, 59, 0.45);
  --ps-bg-top: rgba(42, 101, 62, 0.5);
  --ps-bg-bottom: rgba(20, 42, 27, 0.65);
  --ps-bg-mid-1: #0c130e;
  --ps-bg-mid-2: #132017;
  --ps-bg-mid-3: #080c09;
  --ps-glow-top: rgba(44, 150, 79, 0.22);
  --ps-glow-bottom: rgba(37, 128, 67, 0.28);
  --ps-panel-1: rgba(22, 39, 28, 0.95);
  --ps-panel-2: rgba(15, 25, 19, 0.98);
  --ps-panel-3: rgba(10, 16, 12, 0.99);
  --ps-title-1: #d1e8d8;
  --ps-title-2: #a0d0b0;
  --ps-title-3: #18522b;
}

html[data-portal-skin="lux-moss"] {
  --ps-body-bg: #090a08;
  --ps-text: #e0e4dd;
  --ps-accent: #659146;
  --ps-accent-soft: rgba(101, 145, 70, 0.55);
  --ps-accent-border: rgba(76, 109, 52, 0.45);
  --ps-bg-top: rgba(67, 96, 46, 0.5);
  --ps-bg-bottom: rgba(29, 40, 21, 0.65);
  --ps-bg-mid-1: #0f120c;
  --ps-bg-mid-2: #191f14;
  --ps-bg-mid-3: #0a0c08;
  --ps-glow-top: rgba(101, 145, 70, 0.22);
  --ps-glow-bottom: rgba(86, 123, 60, 0.28);
  --ps-panel-1: rgba(29, 38, 23, 0.95);
  --ps-panel-2: rgba(20, 25, 16, 0.98);
  --ps-panel-3: rgba(12, 15, 10, 0.99);
  --ps-title-1: #dde7d6;
  --ps-title-2: #baceac;
  --ps-title-3: #385026;
}

html[data-portal-skin="lux-olive"] {
  --ps-body-bg: #0a0a08;
  --ps-text: #e2e4dc;
  --ps-accent: #7f9442;
  --ps-accent-soft: rgba(127, 148, 66, 0.55);
  --ps-accent-border: rgba(95, 111, 50, 0.45);
  --ps-bg-top: rgba(84, 96, 46, 0.5);
  --ps-bg-bottom: rgba(35, 40, 21, 0.65);
  --ps-bg-mid-1: #11120c;
  --ps-bg-mid-2: #1c1f14;
  --ps-bg-mid-3: #0b0c08;
  --ps-glow-top: rgba(127, 148, 66, 0.22);
  --ps-glow-bottom: rgba(108, 126, 56, 0.28);
  --ps-panel-1: rgba(34, 38, 23, 0.95);
  --ps-panel-2: rgba(23, 25, 16, 0.98);
  --ps-panel-3: rgba(14, 15, 10, 0.99);
  --ps-title-1: #e3e7d5;
  --ps-title-2: #c5cfaa;
  --ps-title-3: #465124;
}

html[data-portal-skin="lux-lime"] {
  --ps-body-bg: #090b06;
  --ps-text: #e2e9d8;
  --ps-accent: #95e425;
  --ps-accent-soft: rgba(149, 228, 37, 0.55);
  --ps-accent-border: rgba(112, 171, 28, 0.45);
  --ps-bg-top: rgba(78, 113, 30, 0.5);
  --ps-bg-bottom: rgba(33, 46, 15, 0.65);
  --ps-bg-mid-1: #10140b;
  --ps-bg-mid-2: #1b2211;
  --ps-bg-mid-3: #0b0d07;
  --ps-glow-top: rgba(149, 228, 37, 0.22);
  --ps-glow-bottom: rgba(127, 194, 31, 0.28);
  --ps-panel-1: rgba(33, 43, 19, 0.95);
  --ps-panel-2: rgba(22, 28, 13, 0.98);
  --ps-panel-3: rgba(13, 17, 9, 0.99);
  --ps-title-1: #e8f9cf;
  --ps-title-2: #cff39d;
  --ps-title-3: #527d14;
}

html[data-portal-skin="lux-yellow"] {
  --ps-body-bg: #0c0b06;
  --ps-text: #eae6d7;
  --ps-accent: #edca1d;
  --ps-accent-soft: rgba(237, 202, 29, 0.55);
  --ps-accent-border: rgba(178, 152, 22, 0.45);
  --ps-bg-top: rgba(117, 102, 26, 0.5);
  --ps-bg-bottom: rgba(48, 42, 14, 0.65);
  --ps-bg-mid-1: #15130a;
  --ps-bg-mid-2: #232010;
  --ps-bg-mid-3: #0d0c07;
  --ps-glow-top: rgba(237, 202, 29, 0.22);
  --ps-glow-bottom: rgba(201, 172, 25, 0.28);
  --ps-panel-1: rgba(44, 39, 18, 0.95);
  --ps-panel-2: rgba(28, 26, 13, 0.98);
  --ps-panel-3: rgba(17, 16, 8, 0.99);
  --ps-title-1: #fbf3cd;
  --ps-title-2: #f7e799;
  --ps-title-3: #826f10;
}

html[data-portal-skin="lux-honey"] {
  --ps-body-bg: #0b0a06;
  --ps-text: #e9e3d8;
  --ps-accent: #e6aa33;
  --ps-accent-soft: rgba(230, 170, 51, 0.55);
  --ps-accent-border: rgba(172, 128, 38, 0.45);
  --ps-bg-top: rgba(113, 85, 30, 0.5);
  --ps-bg-bottom: rgba(46, 36, 15, 0.65);
  --ps-bg-mid-1: #14110b;
  --ps-bg-mid-2: #221c11;
  --ps-bg-mid-3: #0d0b07;
  --ps-glow-top: rgba(230, 170, 51, 0.22);
  --ps-glow-bottom: rgba(196, 144, 43, 0.28);
  --ps-panel-1: rgba(43, 35, 19, 0.95);
  --ps-panel-2: rgba(28, 23, 13, 0.98);
  --ps-panel-3: rgba(17, 14, 9, 0.99);
  --ps-title-1: #faecd2;
  --ps-title-2: #f4d9a3;
  --ps-title-3: #7e5e1c;
}

html[data-portal-skin="lux-amber"] {
  --ps-body-bg: #0b0906;
  --ps-text: #e9e2d8;
  --ps-accent: #e89117;
  --ps-accent-soft: rgba(232, 145, 23, 0.55);
  --ps-accent-border: rgba(174, 109, 17, 0.45);
  --ps-bg-top: rgba(115, 79, 27, 0.5);
  --ps-bg-bottom: rgba(47, 33, 14, 0.65);
  --ps-bg-mid-1: #14100a;
  --ps-bg-mid-2: #231b10;
  --ps-bg-mid-3: #0d0b07;
  --ps-glow-top: rgba(232, 145, 23, 0.22);
  --ps-glow-bottom: rgba(197, 123, 20, 0.28);
  --ps-panel-1: rgba(43, 33, 18, 0.95);
  --ps-panel-2: rgba(28, 22, 13, 0.98);
  --ps-panel-3: rgba(17, 13, 9, 0.99);
  --ps-title-1: #fae7cc;
  --ps-title-2: #f5ce97;
  --ps-title-3: #80500d;
}

html[data-portal-skin="lux-coral"] {
  --ps-body-bg: #0b0706;
  --ps-text: #e9dbd8;
  --ps-accent: #ea7153;
  --ps-accent-soft: rgba(234, 113, 83, 0.55);
  --ps-accent-border: rgba(176, 85, 62, 0.45);
  --ps-bg-top: rgba(113, 46, 30, 0.5);
  --ps-bg-bottom: rgba(46, 21, 15, 0.65);
  --ps-bg-mid-1: #140c0b;
  --ps-bg-mid-2: #221411;
  --ps-bg-mid-3: #0d0807;
  --ps-glow-top: rgba(234, 113, 83, 0.22);
  --ps-glow-bottom: rgba(199, 96, 71, 0.28);
  --ps-panel-1: rgba(43, 23, 19, 0.95);
  --ps-panel-2: rgba(28, 16, 13, 0.98);
  --ps-panel-3: rgba(17, 10, 9, 0.99);
  --ps-title-1: #fae0d9;
  --ps-title-2: #f6bfb2;
  --ps-title-3: #813e2e;
}

html[data-portal-skin="lux-salmon"] {
  --ps-body-bg: #0b0707;
  --ps-text: #e8dbd9;
  --ps-accent: #e67765;
  --ps-accent-soft: rgba(230, 119, 101, 0.55);
  --ps-accent-border: rgba(172, 89, 76, 0.45);
  --ps-bg-top: rgba(110, 43, 33, 0.5);
  --ps-bg-bottom: rgba(45, 20, 16, 0.65);
  --ps-bg-mid-1: #140c0b;
  --ps-bg-mid-2: #221311;
  --ps-bg-mid-3: #0d0807;
  --ps-glow-top: rgba(230, 119, 101, 0.22);
  --ps-glow-bottom: rgba(196, 101, 86, 0.28);
  --ps-panel-1: rgba(42, 23, 20, 0.95);
  --ps-panel-2: rgba(27, 16, 14, 0.98);
  --ps-panel-3: rgba(16, 10, 9, 0.99);
  --ps-title-1: #fae1dd;
  --ps-title-2: #f4c2ba;
  --ps-title-3: #7e4138;
}

html[data-portal-skin="lux-peach"] {
  --ps-body-bg: #0c0806;
  --ps-text: #eaddd7;
  --ps-accent: #f4a37b;
  --ps-accent-soft: rgba(244, 163, 123, 0.55);
  --ps-accent-border: rgba(183, 122, 92, 0.45);
  --ps-bg-top: rgba(117, 56, 26, 0.5);
  --ps-bg-bottom: rgba(48, 25, 14, 0.65);
  --ps-bg-mid-1: #150e0a;
  --ps-bg-mid-2: #231610;
  --ps-bg-mid-3: #0d0907;
  --ps-glow-top: rgba(244, 163, 123, 0.22);
  --ps-glow-bottom: rgba(207, 139, 105, 0.28);
  --ps-panel-1: rgba(44, 26, 18, 0.95);
  --ps-panel-2: rgba(28, 18, 13, 0.98);
  --ps-panel-3: rgba(17, 11, 8, 0.99);
  --ps-title-1: #fdebe2;
  --ps-title-2: #fad6c4;
  --ps-title-3: #865a44;
}

html[data-portal-skin="lux-blush"] {
  --ps-body-bg: #0b0708;
  --ps-text: #e6dbdd;
  --ps-accent: #df90a4;
  --ps-accent-soft: rgba(223, 144, 164, 0.55);
  --ps-accent-border: rgba(167, 108, 123, 0.45);
  --ps-bg-top: rgba(101, 42, 57, 0.5);
  --ps-bg-bottom: rgba(42, 20, 25, 0.65);
  --ps-bg-mid-1: #130c0e;
  --ps-bg-mid-2: #201316;
  --ps-bg-mid-3: #0c0809;
  --ps-glow-top: rgba(223, 144, 164, 0.22);
  --ps-glow-bottom: rgba(190, 122, 139, 0.28);
  --ps-panel-1: rgba(39, 22, 26, 0.95);
  --ps-panel-2: rgba(25, 15, 18, 0.98);
  --ps-panel-3: rgba(16, 10, 11, 0.99);
  --ps-title-1: #f8e7eb;
  --ps-title-2: #f1cdd6;
  --ps-title-3: #7b4f5a;
}

html[data-portal-skin="lux-wine"] {
  --ps-body-bg: #0b0708;
  --ps-text: #e7d9de;
  --ps-accent: #a0224c;
  --ps-accent-soft: rgba(160, 34, 76, 0.55);
  --ps-accent-border: rgba(120, 26, 57, 0.45);
  --ps-bg-top: rgba(106, 37, 60, 0.5);
  --ps-bg-bottom: rgba(44, 18, 26, 0.65);
  --ps-bg-mid-1: #130b0e;
  --ps-bg-mid-2: #211217;
  --ps-bg-mid-3: #0d0809;
  --ps-glow-top: rgba(160, 34, 76, 0.22);
  --ps-glow-bottom: rgba(136, 29, 65, 0.28);
  --ps-panel-1: rgba(41, 21, 27, 0.95);
  --ps-panel-2: rgba(26, 14, 18, 0.98);
  --ps-panel-3: rgba(16, 9, 12, 0.99);
  --ps-title-1: #eaced8;
  --ps-title-2: #d49cae;
  --ps-title-3: #58132a;
}

html[data-portal-skin="lux-burgundy"] {
  --ps-body-bg: #0b0708;
  --ps-text: #e7dadd;
  --ps-accent: #81223a;
  --ps-accent-soft: rgba(129, 34, 58, 0.55);
  --ps-accent-border: rgba(97, 26, 44, 0.45);
  --ps-bg-top: rgba(102, 40, 56, 0.5);
  --ps-bg-bottom: rgba(42, 19, 25, 0.65);
  --ps-bg-mid-1: #130c0e;
  --ps-bg-mid-2: #201316;
  --ps-bg-mid-3: #0c0809;
  --ps-glow-top: rgba(129, 34, 58, 0.22);
  --ps-glow-bottom: rgba(110, 29, 49, 0.28);
  --ps-panel-1: rgba(39, 22, 26, 0.95);
  --ps-panel-2: rgba(26, 15, 18, 0.98);
  --ps-panel-3: rgba(16, 10, 11, 0.99);
  --ps-title-1: #e3ced4;
  --ps-title-2: #c69ca6;
  --ps-title-3: #471320;
}

html[data-portal-skin="lux-plum"] {
  --ps-body-bg: #0a070a;
  --ps-text: #e4dbe6;
  --ps-accent: #80328f;
  --ps-accent-soft: rgba(128, 50, 143, 0.55);
  --ps-accent-border: rgba(96, 38, 107, 0.45);
  --ps-bg-top: rgba(89, 46, 97, 0.5);
  --ps-bg-bottom: rgba(37, 21, 40, 0.65);
  --ps-bg-mid-1: #110c12;
  --ps-bg-mid-2: #1d141f;
  --ps-bg-mid-3: #0b080c;
  --ps-glow-top: rgba(128, 50, 143, 0.22);
  --ps-glow-bottom: rgba(109, 42, 122, 0.28);
  --ps-panel-1: rgba(36, 23, 38, 0.95);
  --ps-panel-2: rgba(23, 16, 25, 0.98);
  --ps-panel-3: rgba(14, 10, 15, 0.99);
  --ps-title-1: #e3d2e6;
  --ps-title-2: #c6a3cd;
  --ps-title-3: #461c4f;
}

html[data-portal-skin="lux-lavender"] {
  --ps-body-bg: #09080a;
  --ps-text: #e0dce5;
  --ps-accent: #b897d8;
  --ps-accent-soft: rgba(184, 151, 216, 0.55);
  --ps-accent-border: rgba(138, 113, 162, 0.45);
  --ps-bg-top: rgba(71, 46, 96, 0.5);
  --ps-bg-bottom: rgba(31, 21, 40, 0.65);
  --ps-bg-mid-1: #0f0c12;
  --ps-bg-mid-2: #19141f;
  --ps-bg-mid-3: #0a080c;
  --ps-glow-top: rgba(184, 151, 216, 0.22);
  --ps-glow-bottom: rgba(156, 128, 184, 0.28);
  --ps-panel-1: rgba(31, 23, 38, 0.95);
  --ps-panel-2: rgba(20, 16, 25, 0.98);
  --ps-panel-3: rgba(13, 10, 15, 0.99);
  --ps-title-1: #efe8f6;
  --ps-title-2: #dfd0ed;
  --ps-title-3: #655377;
}

html[data-portal-skin="lux-lilac"] {
  --ps-body-bg: #09080a;
  --ps-text: #e2dce5;
  --ps-accent: #b98bd0;
  --ps-accent-soft: rgba(185, 139, 208, 0.55);
  --ps-accent-border: rgba(139, 104, 156, 0.45);
  --ps-bg-top: rgba(80, 46, 96, 0.5);
  --ps-bg-bottom: rgba(34, 21, 40, 0.65);
  --ps-bg-mid-1: #100c12;
  --ps-bg-mid-2: #1b141f;
  --ps-bg-mid-3: #0b080c;
  --ps-glow-top: rgba(185, 139, 208, 0.22);
  --ps-glow-bottom: rgba(157, 118, 177, 0.28);
  --ps-panel-1: rgba(33, 23, 38, 0.95);
  --ps-panel-2: rgba(22, 16, 25, 0.98);
  --ps-panel-3: rgba(14, 10, 15, 0.99);
  --ps-title-1: #f0e5f5;
  --ps-title-2: #e0cbea;
  --ps-title-3: #664c72;
}

html[data-portal-skin="lux-sky"] {
  --ps-body-bg: #06090b;
  --ps-text: #d8e2e9;
  --ps-accent: #6ab9f0;
  --ps-accent-soft: rgba(106, 185, 240, 0.55);
  --ps-accent-border: rgba(80, 139, 180, 0.45);
  --ps-bg-top: rgba(27, 79, 115, 0.5);
  --ps-bg-bottom: rgba(14, 33, 47, 0.65);
  --ps-bg-mid-1: #0a1014;
  --ps-bg-mid-2: #101b23;
  --ps-bg-mid-3: #070b0d;
  --ps-glow-top: rgba(106, 185, 240, 0.22);
  --ps-glow-bottom: rgba(90, 157, 204, 0.28);
  --ps-panel-1: rgba(18, 33, 43, 0.95);
  --ps-panel-2: rgba(13, 22, 28, 0.98);
  --ps-panel-3: rgba(9, 13, 17, 0.99);
  --ps-title-1: #def0fc;
  --ps-title-2: #bce0f8;
  --ps-title-3: #3a6684;
}

html[data-portal-skin="lux-cloud"] {
  --ps-body-bg: #08090a;
  --ps-text: #dde0e4;
  --ps-accent: #a6b8c9;
  --ps-accent-soft: rgba(166, 184, 201, 0.55);
  --ps-accent-border: rgba(124, 138, 151, 0.45);
  --ps-bg-top: rgba(46, 71, 96, 0.5);
  --ps-bg-bottom: rgba(21, 31, 40, 0.65);
  --ps-bg-mid-1: #0c0f12;
  --ps-bg-mid-2: #14191f;
  --ps-bg-mid-3: #080a0c;
  --ps-glow-top: rgba(166, 184, 201, 0.22);
  --ps-glow-bottom: rgba(141, 156, 171, 0.28);
  --ps-panel-1: rgba(23, 31, 38, 0.95);
  --ps-panel-2: rgba(16, 20, 25, 0.98);
  --ps-panel-3: rgba(10, 13, 15, 0.99);
  --ps-title-1: #ebeff3;
  --ps-title-2: #d7dfe7;
  --ps-title-3: #5b656f;
}

html[data-portal-skin="lux-storm"] {
  --ps-body-bg: #08080a;
  --ps-text: #dcdfe5;
  --ps-accent: #314c81;
  --ps-accent-soft: rgba(49, 76, 129, 0.55);
  --ps-accent-border: rgba(37, 57, 97, 0.45);
  --ps-bg-top: rgba(46, 63, 96, 0.5);
  --ps-bg-bottom: rgba(21, 28, 40, 0.65);
  --ps-bg-mid-1: #0c0e12;
  --ps-bg-mid-2: #14181f;
  --ps-bg-mid-3: #080a0c;
  --ps-glow-top: rgba(49, 76, 129, 0.22);
  --ps-glow-bottom: rgba(42, 65, 110, 0.28);
  --ps-panel-1: rgba(23, 28, 38, 0.95);
  --ps-panel-2: rgba(16, 19, 25, 0.98);
  --ps-panel-3: rgba(10, 12, 15, 0.99);
  --ps-title-1: #d2d8e3;
  --ps-title-2: #a2aec6;
  --ps-title-3: #1b2a47;
}

html[data-portal-skin="lux-thunder"] {
  --ps-body-bg: #08070b;
  --ps-text: #ddd9e8;
  --ps-accent: #633adf;
  --ps-accent-soft: rgba(99, 58, 223, 0.55);
  --ps-accent-border: rgba(74, 44, 167, 0.45);
  --ps-bg-top: rgba(52, 33, 110, 0.5);
  --ps-bg-bottom: rgba(23, 16, 45, 0.65);
  --ps-bg-mid-1: #0d0b14;
  --ps-bg-mid-2: #151122;
  --ps-bg-mid-3: #09070d;
  --ps-glow-top: rgba(99, 58, 223, 0.22);
  --ps-glow-bottom: rgba(84, 49, 190, 0.28);
  --ps-panel-1: rgba(25, 20, 42, 0.95);
  --ps-panel-2: rgba(17, 14, 27, 0.98);
  --ps-panel-3: rgba(11, 9, 16, 0.99);
  --ps-title-1: #ddd4f8;
  --ps-title-2: #b9a6f1;
  --ps-title-3: #36207b;
}

html[data-portal-skin="lux-flame"] {
  --ps-body-bg: #0c0706;
  --ps-text: #eadbd7;
  --ps-accent: #f54c14;
  --ps-accent-soft: rgba(245, 76, 20, 0.55);
  --ps-accent-border: rgba(184, 57, 15, 0.45);
  --ps-bg-top: rgba(121, 47, 22, 0.5);
  --ps-bg-bottom: rgba(49, 21, 12, 0.65);
  --ps-bg-mid-1: #150c0a;
  --ps-bg-mid-2: #24140f;
  --ps-bg-mid-3: #0e0807;
  --ps-glow-top: rgba(245, 76, 20, 0.22);
  --ps-glow-bottom: rgba(208, 65, 17, 0.28);
  --ps-panel-1: rgba(45, 24, 17, 0.95);
  --ps-panel-2: rgba(29, 16, 12, 0.98);
  --ps-panel-3: rgba(17, 10, 8, 0.99);
  --ps-title-1: #fdd8cb;
  --ps-title-2: #faae95;
  --ps-title-3: #872a0b;
}

html[data-portal-skin="lux-ember"] {
  --ps-body-bg: #0b0707;
  --ps-text: #e8dbd8;
  --ps-accent: #bb361b;
  --ps-accent-soft: rgba(187, 54, 27, 0.55);
  --ps-accent-border: rgba(140, 40, 20, 0.45);
  --ps-bg-top: rgba(112, 45, 31, 0.5);
  --ps-bg-bottom: rgba(46, 21, 16, 0.65);
  --ps-bg-mid-1: #140c0b;
  --ps-bg-mid-2: #221411;
  --ps-bg-mid-3: #0d0807;
  --ps-glow-top: rgba(187, 54, 27, 0.22);
  --ps-glow-bottom: rgba(159, 46, 23, 0.28);
  --ps-panel-1: rgba(42, 23, 19, 0.95);
  --ps-panel-2: rgba(27, 16, 14, 0.98);
  --ps-panel-3: rgba(17, 10, 9, 0.99);
  --ps-title-1: #f0d3cd;
  --ps-title-2: #e0a598;
  --ps-title-3: #671e0f;
}

html[data-portal-skin="lux-volcano"] {
  --ps-body-bg: #0c0806;
  --ps-text: #eaddd7;
  --ps-accent: #e64f0f;
  --ps-accent-soft: rgba(230, 79, 15, 0.55);
  --ps-accent-border: rgba(172, 59, 11, 0.45);
  --ps-bg-top: rgba(119, 53, 24, 0.5);
  --ps-bg-bottom: rgba(48, 24, 13, 0.65);
  --ps-bg-mid-1: #150d0a;
  --ps-bg-mid-2: #24150f;
  --ps-bg-mid-3: #0e0907;
  --ps-glow-top: rgba(230, 79, 15, 0.22);
  --ps-glow-bottom: rgba(196, 67, 13, 0.28);
  --ps-panel-1: rgba(44, 25, 17, 0.95);
  --ps-panel-2: rgba(28, 17, 12, 0.98);
  --ps-panel-3: rgba(17, 11, 8, 0.99);
  --ps-title-1: #fad8ca;
  --ps-title-2: #f4b093;
  --ps-title-3: #7e2b08;
}

html[data-portal-skin="lux-sand"] {
  --ps-body-bg: #0a0908;
  --ps-text: #e4e1dd;
  --ps-accent: #d1be9f;
  --ps-accent-soft: rgba(209, 190, 159, 0.55);
  --ps-accent-border: rgba(157, 142, 119, 0.45);
  --ps-bg-top: rgba(96, 78, 46, 0.5);
  --ps-bg-bottom: rgba(40, 33, 21, 0.65);
  --ps-bg-mid-1: #12100c;
  --ps-bg-mid-2: #1f1b14;
  --ps-bg-mid-3: #0c0b08;
  --ps-glow-top: rgba(209, 190, 159, 0.22);
  --ps-glow-bottom: rgba(178, 162, 135, 0.28);
  --ps-panel-1: rgba(38, 33, 23, 0.95);
  --ps-panel-2: rgba(25, 22, 16, 0.98);
  --ps-panel-3: rgba(15, 13, 10, 0.99);
  --ps-title-1: #f5f1ea;
  --ps-title-2: #eae2d4;
  --ps-title-3: #736857;
}

html[data-portal-skin="lux-desert"] {
  --ps-body-bg: #0b0907;
  --ps-text: #e6e0db;
  --ps-accent: #be7a37;
  --ps-accent-soft: rgba(190, 122, 55, 0.55);
  --ps-accent-border: rgba(142, 92, 41, 0.45);
  --ps-bg-top: rgba(101, 71, 42, 0.5);
  --ps-bg-bottom: rgba(42, 31, 20, 0.65);
  --ps-bg-mid-1: #130f0c;
  --ps-bg-mid-2: #201a13;
  --ps-bg-mid-3: #0c0a08;
  --ps-glow-top: rgba(190, 122, 55, 0.22);
  --ps-glow-bottom: rgba(162, 104, 47, 0.28);
  --ps-panel-1: rgba(39, 31, 22, 0.95);
  --ps-panel-2: rgba(25, 20, 15, 0.98);
  --ps-panel-3: rgba(16, 13, 10, 0.99);
  --ps-title-1: #f1e2d3;
  --ps-title-2: #e2c3a5;
  --ps-title-3: #68431e;
}

html[data-portal-skin="lux-dusk"] {
  --ps-body-bg: #08080a;
  --ps-text: #dedde4;
  --ps-accent: #584b9b;
  --ps-accent-soft: rgba(88, 75, 155, 0.55);
  --ps-accent-border: rgba(66, 56, 116, 0.45);
  --ps-bg-top: rgba(55, 46, 96, 0.5);
  --ps-bg-bottom: rgba(24, 21, 40, 0.65);
  --ps-bg-mid-1: #0d0c12;
  --ps-bg-mid-2: #16141f;
  --ps-bg-mid-3: #09080c;
  --ps-glow-top: rgba(88, 75, 155, 0.22);
  --ps-glow-bottom: rgba(75, 64, 132, 0.28);
  --ps-panel-1: rgba(25, 23, 38, 0.95);
  --ps-panel-2: rgba(17, 16, 25, 0.98);
  --ps-panel-3: rgba(11, 10, 15, 0.99);
  --ps-title-1: #dad7e9;
  --ps-title-2: #b4aed2;
  --ps-title-3: #302955;
}

html[data-portal-skin="lux-dawn"] {
  --ps-body-bg: #0b0907;
  --ps-text: #e7e2d9;
  --ps-accent: #e6bf89;
  --ps-accent-soft: rgba(230, 191, 137, 0.55);
  --ps-accent-border: rgba(172, 143, 103, 0.45);
  --ps-bg-top: rgba(106, 77, 37, 0.5);
  --ps-bg-bottom: rgba(44, 33, 18, 0.65);
  --ps-bg-mid-1: #13100b;
  --ps-bg-mid-2: #211b12;
  --ps-bg-mid-3: #0d0b08;
  --ps-glow-top: rgba(230, 191, 137, 0.22);
  --ps-glow-bottom: rgba(196, 162, 116, 0.28);
  --ps-panel-1: rgba(41, 32, 21, 0.95);
  --ps-panel-2: rgba(26, 21, 14, 0.98);
  --ps-panel-3: rgba(16, 13, 9, 0.99);
  --ps-title-1: #faf1e5;
  --ps-title-2: #f4e2ca;
  --ps-title-3: #7e694b;
}

html[data-portal-skin="lux-twilight"] {
  --ps-body-bg: #0a070b;
  --ps-text: #e3dbe6;
  --ps-accent: #9c37be;
  --ps-accent-soft: rgba(156, 55, 190, 0.55);
  --ps-accent-border: rgba(117, 41, 142, 0.45);
  --ps-bg-top: rgba(86, 42, 101, 0.5);
  --ps-bg-bottom: rgba(36, 20, 42, 0.65);
  --ps-bg-mid-1: #110c13;
  --ps-bg-mid-2: #1d1320;
  --ps-bg-mid-3: #0b080c;
  --ps-glow-top: rgba(156, 55, 190, 0.22);
  --ps-glow-bottom: rgba(133, 47, 162, 0.28);
  --ps-panel-1: rgba(35, 22, 39, 0.95);
  --ps-panel-2: rgba(23, 15, 25, 0.98);
  --ps-panel-3: rgba(14, 10, 16, 0.99);
  --ps-title-1: #e9d3f1;
  --ps-title-2: #d2a5e2;
  --ps-title-3: #561e68;
}

html[data-portal-skin="lux-neon"] {
  --ps-body-bg: #060c08;
  --ps-text: #d6ebdf;
  --ps-accent: #10f971;
  --ps-accent-soft: rgba(16, 249, 113, 0.55);
  --ps-accent-border: rgba(12, 187, 85, 0.45);
  --ps-bg-top: rgba(21, 122, 63, 0.5);
  --ps-bg-bottom: rgba(12, 49, 27, 0.65);
  --ps-bg-mid-1: #09150e;
  --ps-bg-mid-2: #0f2418;
  --ps-bg-mid-3: #070e0a;
  --ps-glow-top: rgba(16, 249, 113, 0.22);
  --ps-glow-bottom: rgba(14, 212, 96, 0.28);
  --ps-panel-1: rgba(16, 45, 28, 0.95);
  --ps-panel-2: rgba(12, 29, 19, 0.98);
  --ps-panel-3: rgba(8, 18, 12, 0.99);
  --ps-title-1: #cafee0;
  --ps-title-2: #93fcbf;
  --ps-title-3: #09893e;
}

html[data-portal-skin="lux-cyber"] {
  --ps-body-bg: #0c060b;
  --ps-text: #ead7e9;
  --ps-accent: #f623e4;
  --ps-accent-soft: rgba(246, 35, 228, 0.55);
  --ps-accent-border: rgba(184, 26, 171, 0.45);
  --ps-bg-top: rgba(121, 22, 112, 0.5);
  --ps-bg-bottom: rgba(49, 12, 46, 0.65);
  --ps-bg-mid-1: #150a14;
  --ps-bg-mid-2: #240f22;
  --ps-bg-mid-3: #0e070d;
  --ps-glow-top: rgba(246, 35, 228, 0.22);
  --ps-glow-bottom: rgba(209, 30, 194, 0.28);
  --ps-panel-1: rgba(45, 17, 42, 0.95);
  --ps-panel-2: rgba(29, 12, 27, 0.98);
  --ps-panel-3: rgba(17, 8, 17, 0.99);
  --ps-title-1: #fdcff9;
  --ps-title-2: #fb9cf3;
  --ps-title-3: #87137d;
}

html[data-portal-skin="lux-matrix"] {
  --ps-body-bg: #060c06;
  --ps-text: #d6ebd6;
  --ps-accent: #06e006;
  --ps-accent-soft: rgba(6, 224, 6, 0.55);
  --ps-accent-border: rgba(4, 168, 4, 0.45);
  --ps-bg-top: rgba(21, 122, 21, 0.5);
  --ps-bg-bottom: rgba(12, 49, 12, 0.65);
  --ps-bg-mid-1: #091509;
  --ps-bg-mid-2: #0f240f;
  --ps-bg-mid-3: #070e07;
  --ps-glow-top: rgba(6, 224, 6, 0.22);
  --ps-glow-bottom: rgba(5, 190, 5, 0.28);
  --ps-panel-1: rgba(16, 45, 16, 0.95);
  --ps-panel-2: rgba(12, 29, 12, 0.98);
  --ps-panel-3: rgba(8, 18, 8, 0.99);
  --ps-title-1: #c8f8c8;
  --ps-title-2: #8ff18f;
  --ps-title-3: #037b03;
}

html[data-portal-skin="lux-royal"] {
  --ps-body-bg: #07070b;
  --ps-text: #d9dbe8;
  --ps-accent: #1e38b8;
  --ps-accent-soft: rgba(30, 56, 184, 0.55);
  --ps-accent-border: rgba(22, 42, 138, 0.45);
  --ps-bg-top: rgba(33, 46, 110, 0.5);
  --ps-bg-bottom: rgba(16, 21, 45, 0.65);
  --ps-bg-mid-1: #0b0c14;
  --ps-bg-mid-2: #111422;
  --ps-bg-mid-3: #07080d;
  --ps-glow-top: rgba(30, 56, 184, 0.22);
  --ps-glow-bottom: rgba(26, 48, 156, 0.28);
  --ps-panel-1: rgba(20, 23, 42, 0.95);
  --ps-panel-2: rgba(14, 16, 27, 0.98);
  --ps-panel-3: rgba(9, 10, 16, 0.99);
  --ps-title-1: #ced3ef;
  --ps-title-2: #9aa5df;
  --ps-title-3: #101f65;
}

html[data-portal-skin="lux-imperial"] {
  --ps-body-bg: #09070b;
  --ps-text: #e2dbe6;
  --ps-accent: #9137be;
  --ps-accent-soft: rgba(145, 55, 190, 0.55);
  --ps-accent-border: rgba(109, 41, 142, 0.45);
  --ps-bg-top: rgba(81, 42, 101, 0.5);
  --ps-bg-bottom: rgba(34, 20, 42, 0.65);
  --ps-bg-mid-1: #100c13;
  --ps-bg-mid-2: #1c1320;
  --ps-bg-mid-3: #0b080c;
  --ps-glow-top: rgba(145, 55, 190, 0.22);
  --ps-glow-bottom: rgba(123, 47, 162, 0.28);
  --ps-panel-1: rgba(33, 22, 39, 0.95);
  --ps-panel-2: rgba(22, 15, 25, 0.98);
  --ps-panel-3: rgba(14, 10, 16, 0.99);
  --ps-title-1: #e7d3f1;
  --ps-title-2: #cea5e2;
  --ps-title-3: #501e68;
}

html[data-portal-skin="lux-dragon"] {
  --ps-body-bg: #0b0806;
  --ps-text: #e9ded8;
  --ps-accent: #da5b1b;
  --ps-accent-soft: rgba(218, 91, 27, 0.55);
  --ps-accent-border: rgba(164, 68, 20, 0.45);
  --ps-bg-top: rgba(113, 57, 30, 0.5);
  --ps-bg-bottom: rgba(46, 25, 15, 0.65);
  --ps-bg-mid-1: #140e0b;
  --ps-bg-mid-2: #221711;
  --ps-bg-mid-3: #0d0907;
  --ps-glow-top: rgba(218, 91, 27, 0.22);
  --ps-glow-bottom: rgba(185, 77, 23, 0.28);
  --ps-panel-1: rgba(43, 27, 19, 0.95);
  --ps-panel-2: rgba(28, 18, 13, 0.98);
  --ps-panel-3: rgba(17, 11, 9, 0.99);
  --ps-title-1: #f7dbcd;
  --ps-title-2: #eeb598;
  --ps-title-3: #78320f;
}

html[data-portal-skin="lux-bamboo"] {
  --ps-body-bg: #080a08;
  --ps-text: #dce5dd;
  --ps-accent: #3e9846;
  --ps-accent-soft: rgba(62, 152, 70, 0.55);
  --ps-accent-border: rgba(46, 114, 52, 0.45);
  --ps-bg-top: rgba(46, 96, 51, 0.5);
  --ps-bg-bottom: rgba(21, 40, 23, 0.65);
  --ps-bg-mid-1: #0c120d;
  --ps-bg-mid-2: #141f15;
  --ps-bg-mid-3: #080c09;
  --ps-glow-top: rgba(62, 152, 70, 0.22);
  --ps-glow-bottom: rgba(53, 129, 60, 0.28);
  --ps-panel-1: rgba(23, 38, 24, 0.95);
  --ps-panel-2: rgba(16, 25, 17, 0.98);
  --ps-panel-3: rgba(10, 15, 11, 0.99);
  --ps-title-1: #d5e8d6;
  --ps-title-2: #a8d1ac;
  --ps-title-3: #225426;
}

html[data-portal-skin="lux-lotus"] {
  --ps-body-bg: #0a0809;
  --ps-text: #e5dce0;
  --ps-accent: #d289ad;
  --ps-accent-soft: rgba(210, 137, 173, 0.55);
  --ps-accent-border: rgba(158, 103, 130, 0.45);
  --ps-bg-top: rgba(96, 46, 71, 0.5);
  --ps-bg-bottom: rgba(40, 21, 31, 0.65);
  --ps-bg-mid-1: #120c0f;
  --ps-bg-mid-2: #1f141a;
  --ps-bg-mid-3: #0c080a;
  --ps-glow-top: rgba(210, 137, 173, 0.22);
  --ps-glow-bottom: rgba(178, 116, 147, 0.28);
  --ps-panel-1: rgba(38, 23, 31, 0.95);
  --ps-panel-2: rgba(25, 16, 20, 0.98);
  --ps-panel-3: rgba(15, 10, 13, 0.99);
  --ps-title-1: #f5e5ed;
  --ps-title-2: #ebcada;
  --ps-title-3: #744b5f;
}

html[data-portal-skin="lux-sakura"] {
  --ps-body-bg: #0b0708;
  --ps-text: #e6dbdc;
  --ps-accent: #e6a8b2;
  --ps-accent-soft: rgba(230, 168, 178, 0.55);
  --ps-accent-border: rgba(172, 126, 134, 0.45);
  --ps-bg-top: rgba(101, 42, 52, 0.5);
  --ps-bg-bottom: rgba(42, 20, 23, 0.65);
  --ps-bg-mid-1: #130c0d;
  --ps-bg-mid-2: #201315;
  --ps-bg-mid-3: #0c0809;
  --ps-glow-top: rgba(230, 168, 178, 0.22);
  --ps-glow-bottom: rgba(196, 143, 151, 0.28);
  --ps-panel-1: rgba(39, 22, 25, 0.95);
  --ps-panel-2: rgba(25, 15, 17, 0.98);
  --ps-panel-3: rgba(16, 10, 11, 0.99);
  --ps-title-1: #faecee;
  --ps-title-2: #f4d8dc;
  --ps-title-3: #7e5c62;
}

html[data-portal-skin="lux-glacier"] {
  --ps-body-bg: #070a0b;
  --ps-text: #dbe3e6;
  --ps-accent: #90cbdf;
  --ps-accent-soft: rgba(144, 203, 223, 0.55);
  --ps-accent-border: rgba(108, 152, 167, 0.45);
  --ps-bg-top: rgba(42, 86, 101, 0.5);
  --ps-bg-bottom: rgba(20, 36, 42, 0.65);
  --ps-bg-mid-1: #0c1113;
  --ps-bg-mid-2: #131d20;
  --ps-bg-mid-3: #080b0c;
  --ps-glow-top: rgba(144, 203, 223, 0.22);
  --ps-glow-bottom: rgba(122, 173, 190, 0.28);
  --ps-panel-1: rgba(22, 35, 39, 0.95);
  --ps-panel-2: rgba(15, 23, 25, 0.98);
  --ps-panel-3: rgba(10, 14, 16, 0.99);
  --ps-title-1: #e7f4f8;
  --ps-title-2: #cde8f1;
  --ps-title-3: #4f707b;
}

html[data-portal-skin="lux-northern"] {
  --ps-body-bg: #070b0a;
  --ps-text: #d9e7e4;
  --ps-accent: #42d7b2;
  --ps-accent-soft: rgba(66, 215, 178, 0.55);
  --ps-accent-border: rgba(50, 161, 134, 0.45);
  --ps-bg-top: rgba(37, 106, 89, 0.5);
  --ps-bg-bottom: rgba(18, 44, 37, 0.65);
  --ps-bg-mid-1: #0b1311;
  --ps-bg-mid-2: #12211d;
  --ps-bg-mid-3: #080d0b;
  --ps-glow-top: rgba(66, 215, 178, 0.22);
  --ps-glow-bottom: rgba(56, 183, 151, 0.28);
  --ps-panel-1: rgba(21, 41, 36, 0.95);
  --ps-panel-2: rgba(14, 26, 23, 0.98);
  --ps-panel-3: rgba(9, 16, 14, 0.99);
  --ps-title-1: #d5f6ee;
  --ps-title-2: #aaeddc;
  --ps-title-3: #247662;
}

html[data-portal-skin="lux-tropical"] {
  --ps-body-bg: #060b09;
  --ps-text: #d8e9df;
  --ps-accent: #1bda6a;
  --ps-accent-soft: rgba(27, 218, 106, 0.55);
  --ps-accent-border: rgba(20, 164, 80, 0.45);
  --ps-bg-top: rgba(30, 113, 64, 0.5);
  --ps-bg-bottom: rgba(15, 46, 28, 0.65);
  --ps-bg-mid-1: #0b140f;
  --ps-bg-mid-2: #112218;
  --ps-bg-mid-3: #070d0a;
  --ps-glow-top: rgba(27, 218, 106, 0.22);
  --ps-glow-bottom: rgba(23, 185, 90, 0.28);
  --ps-panel-1: rgba(19, 43, 29, 0.95);
  --ps-panel-2: rgba(13, 28, 19, 0.98);
  --ps-panel-3: rgba(9, 17, 12, 0.99);
  --ps-title-1: #cdf7de;
  --ps-title-2: #98eebc;
  --ps-title-3: #0f783a;
}

html[data-portal-skin="lux-monsoon"] {
  --ps-body-bg: #070b09;
  --ps-text: #dae7e0;
  --ps-accent: #259d61;
  --ps-accent-soft: rgba(37, 157, 97, 0.55);
  --ps-accent-border: rgba(28, 118, 73, 0.45);
  --ps-bg-top: rgba(38, 105, 71, 0.5);
  --ps-bg-bottom: rgba(18, 43, 31, 0.65);
  --ps-bg-mid-1: #0c130f;
  --ps-bg-mid-2: #12211a;
  --ps-bg-mid-3: #080d0a;
  --ps-glow-top: rgba(37, 157, 97, 0.22);
  --ps-glow-bottom: rgba(31, 133, 82, 0.28);
  --ps-panel-1: rgba(21, 40, 31, 0.95);
  --ps-panel-2: rgba(15, 26, 20, 0.98);
  --ps-panel-3: rgba(10, 16, 13, 0.99);
  --ps-title-1: #cfe9dc;
  --ps-title-2: #9dd3b8;
  --ps-title-3: #145635;
}

html[data-portal-skin="lux-autumn"] {
  --ps-body-bg: #0b0907;
  --ps-text: #e8e2d9;
  --ps-accent: #d38922;
  --ps-accent-soft: rgba(211, 137, 34, 0.55);
  --ps-accent-border: rgba(158, 103, 26, 0.45);
  --ps-bg-top: rgba(110, 78, 33, 0.5);
  --ps-bg-bottom: rgba(45, 33, 16, 0.65);
  --ps-bg-mid-1: #14100b;
  --ps-bg-mid-2: #221b11;
  --ps-bg-mid-3: #0d0b07;
  --ps-glow-top: rgba(211, 137, 34, 0.22);
  --ps-glow-bottom: rgba(179, 116, 29, 0.28);
  --ps-panel-1: rgba(42, 32, 20, 0.95);
  --ps-panel-2: rgba(27, 22, 14, 0.98);
  --ps-panel-3: rgba(16, 13, 9, 0.99);
  --ps-title-1: #f5e5ce;
  --ps-title-2: #ebca9c;
  --ps-title-3: #744b13;
}

html[data-portal-skin="lux-winter"] {
  --ps-body-bg: #08090a;
  --ps-text: #dde0e4;
  --ps-accent: #cad1d8;
  --ps-accent-soft: rgba(202, 209, 216, 0.55);
  --ps-accent-border: rgba(152, 157, 162, 0.45);
  --ps-bg-top: rgba(46, 71, 96, 0.5);
  --ps-bg-bottom: rgba(21, 31, 40, 0.65);
  --ps-bg-mid-1: #0c0f12;
  --ps-bg-mid-2: #14191f;
  --ps-bg-mid-3: #080a0c;
  --ps-glow-top: rgba(202, 209, 216, 0.22);
  --ps-glow-bottom: rgba(172, 178, 184, 0.28);
  --ps-panel-1: rgba(23, 31, 38, 0.95);
  --ps-panel-2: rgba(16, 20, 25, 0.98);
  --ps-panel-3: rgba(10, 13, 15, 0.99);
  --ps-title-1: #f3f5f6;
  --ps-title-2: #e7eaed;
  --ps-title-3: #6f7377;
}

html[data-portal-skin="lux-spring"] {
  --ps-body-bg: #070b07;
  --ps-text: #dbe6db;
  --ps-accent: #4dc841;
  --ps-accent-soft: rgba(77, 200, 65, 0.55);
  --ps-accent-border: rgba(58, 150, 49, 0.45);
  --ps-bg-top: rgba(47, 101, 42, 0.5);
  --ps-bg-bottom: rgba(21, 42, 20, 0.65);
  --ps-bg-mid-1: #0c130c;
  --ps-bg-mid-2: #142013;
  --ps-bg-mid-3: #080c08;
  --ps-glow-top: rgba(77, 200, 65, 0.22);
  --ps-glow-bottom: rgba(65, 170, 55, 0.28);
  --ps-panel-1: rgba(24, 39, 22, 0.95);
  --ps-panel-2: rgba(16, 25, 15, 0.98);
  --ps-panel-3: rgba(10, 16, 10, 0.99);
  --ps-title-1: #d8f3d5;
  --ps-title-2: #afe6aa;
  --ps-title-3: #2a6e24;
}

html[data-portal-skin="lux-summer"] {
  --ps-body-bg: #0c0a06;
  --ps-text: #eae5d7;
  --ps-accent: #f4c025;
  --ps-accent-soft: rgba(244, 192, 37, 0.55);
  --ps-accent-border: rgba(183, 144, 28, 0.45);
  --ps-bg-top: rgba(120, 95, 23, 0.5);
  --ps-bg-bottom: rgba(49, 40, 13, 0.65);
  --ps-bg-mid-1: #15120a;
  --ps-bg-mid-2: #241f0f;
  --ps-bg-mid-3: #0e0c07;
  --ps-glow-top: rgba(244, 192, 37, 0.22);
  --ps-glow-bottom: rgba(207, 163, 31, 0.28);
  --ps-panel-1: rgba(44, 37, 17, 0.95);
  --ps-panel-2: rgba(29, 25, 12, 0.98);
  --ps-panel-3: rgba(17, 15, 8, 0.99);
  --ps-title-1: #fdf1cf;
  --ps-title-2: #fae39d;
  --ps-title-3: #866a14;
}


html[data-portal-skin] body {
  color: var(--ps-text);
  background: var(--ps-body-bg);
}

html[data-portal-skin] .lux-nav-bg {
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%, var(--ps-bg-top), transparent 55%),
    radial-gradient(ellipse 80% 60% at 50% 110%, var(--ps-bg-bottom), transparent 50%),
    linear-gradient(180deg, var(--ps-bg-mid-1) 0%, var(--ps-bg-mid-2) 35%, var(--ps-bg-mid-3) 100%);
}

html[data-portal-skin] .lux-nav-bg-pattern {
  background-image:
    radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--ps-accent) 15%, transparent) 0, transparent 40%),
    radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--ps-accent) 12%, transparent) 0, transparent 35%),
    repeating-linear-gradient(
      45deg,
      var(--ps-accent) 0,
      var(--ps-accent) 1px,
      transparent 1px,
      transparent 14px
    );
}

html[data-portal-skin] .lux-nav-bg-glow--top {
  background: var(--ps-glow-top);
}

html[data-portal-skin] .lux-nav-bg-glow--bottom {
  background: var(--ps-glow-bottom);
}

html[data-portal-skin] .lux-nav-panel {
  background: linear-gradient(
    165deg,
    var(--ps-panel-1) 0%,
    var(--ps-panel-2) 50%,
    var(--ps-panel-3) 100%
  );
  border-color: color-mix(in srgb, var(--ps-accent) 35%, transparent);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.5) inset,
    0 20px 60px rgba(0, 0, 0, 0.55),
    0 0 40px color-mix(in srgb, var(--ps-accent) 8%, transparent);
}

html[data-portal-skin] .lux-nav-panel-shine {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--ps-accent) 55%, transparent),
    color-mix(in srgb, var(--ps-accent) 5%, transparent) 35%,
    color-mix(in srgb, var(--ps-title-1) 35%, transparent) 50%,
    color-mix(in srgb, var(--ps-accent) 5%, transparent) 65%,
    color-mix(in srgb, var(--ps-accent) 45%, transparent)
  );
}

html[data-portal-skin] .lux-nav-spinner {
  border-top-color: var(--ps-accent);
}

html[data-portal-skin] .lux-nav-retry {
  color: var(--ps-title-2);
  border-color: var(--ps-accent-border);
  background: color-mix(in srgb, var(--ps-accent) 12%, transparent);
}

/* ── 导航卡片容器随皮肤切换；左边条与标题渐变保持黄/绿/红不变 ── */
html[data-portal-skin] .lux-nav-panel-corner {
  border-color: var(--ps-accent);
}

html[data-portal-skin] .lux-nav-panel-texture {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--ps-accent) 8%, transparent), transparent 60%),
    radial-gradient(circle at 10% 90%, color-mix(in srgb, var(--ps-title-3) 6%, transparent), transparent 40%),
    radial-gradient(circle at 90% 80%, color-mix(in srgb, var(--ps-title-2) 6%, transparent), transparent 40%);
}

html[data-portal-skin] .lux-nav-item {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--ps-panel-1) 92%, transparent) 0%,
    color-mix(in srgb, var(--ps-panel-2) 96%, transparent) 55%,
    color-mix(in srgb, var(--ps-panel-3) 98%, transparent) 100%
  );
  border-color: color-mix(in srgb, var(--ps-accent) 32%, transparent);
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 color-mix(in srgb, var(--ps-title-1) 6%, transparent);
}

html[data-portal-skin] .lux-nav-item-rank-wrap {
  background:
    radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--ps-title-2) 18%, transparent), transparent 50%),
    linear-gradient(145deg, color-mix(in srgb, var(--ps-panel-1) 95%, transparent), color-mix(in srgb, var(--ps-panel-3) 98%, transparent));
}