html.xinyu-palette-ready[data-xinyu-palette="obsidian"] {
  --bg: #06070c; --base: #0d1018; --pane: #131723; --pane2: #1a2030;
  --line: rgba(229,195,132, 0.16); --line-bright: rgba(229,195,132, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f7f4ed; --sub: #a8a398; --dim: #6b675e;
  --pink: #e5c384; --pink2: #b88c52; --gold: #f0d59c; --mint: #76c8a8; --red: #e5828c;
  --gr: linear-gradient(135deg, #ffffff 0%, #e5c384 48%, #b88c52 100%);
  --card-surface: linear-gradient(155deg, #1a2030e8, #131723f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(229,195,132, 0.22), transparent 55%), linear-gradient(138deg, #1a2030, #0d1018);
  --play-text: #f7f4ed; --btn-primary-text: #14120e; --btn-text: #14120e;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(229,195,132, 0.06);
  --v15-aurora: #e5c384; --v15-dust: #f0d59c;
  --theme-rgb: 229,195,132;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="alabaster"] {
  --bg: #f6f4ef; --base: #eeeae1; --pane: #ffffff; --pane2: #f4f1ea;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(154,116,56, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #181614; --sub: #5c564e; --dim: #8f877c;
  --pink: #9a7438; --pink2: #4a3f31; --gold: #8c672a; --mint: #1f7a58; --red: #c4414b;
  --gr: linear-gradient(135deg, #9a7438 0%, #4a3f31 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #f4f1ea);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(154,116,56, 0.22), transparent 55%), linear-gradient(138deg, #f4f1ea, #eeeae1);
  --play-text: #181614; --btn-primary-text: #fffdf9; --btn-text: #fffdf9;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(154,116,56, 0.06);
  --v15-aurora: #9a7438; --v15-dust: #8c672a;
  --theme-rgb: 154,116,56;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="emerald"] {
  --bg: #040b08; --base: #081511; --pane: #0e211b; --pane2: #142e26;
  --line: rgba(82,184,146, 0.16); --line-bright: rgba(82,184,146, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #eff7f3; --sub: #98b4a9; --dim: #59756b;
  --pink: #e2c286; --pink2: #52b892; --gold: #ebd09a; --mint: #6fd9b3; --red: #e3828b;
  --gr: linear-gradient(135deg, #ffffff 0%, #e2c286 48%, #52b892 100%);
  --card-surface: linear-gradient(155deg, #142e26e8, #0e211bf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(82,184,146, 0.22), transparent 55%), linear-gradient(138deg, #142e26, #081511);
  --play-text: #eff7f3; --btn-primary-text: #0a1c15; --btn-text: #0a1c15;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(82,184,146, 0.06);
  --v15-aurora: #e2c286; --v15-dust: #ebd09a;
  --theme-rgb: 82,184,146;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="titanium"] {
  --bg: #070910; --base: #0e1320; --pane: #141b2d; --pane2: #1c253d;
  --line: rgba(154,184,235, 0.16); --line-bright: rgba(154,184,235, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f4f7fd; --sub: #9eadc4; --dim: #606e85;
  --pink: #d6e2f8; --pink2: #88a8e8; --gold: #e6cfa2; --mint: #7ed9be; --red: #ee8894;
  --gr: linear-gradient(135deg, #ffffff 0%, #d6e2f8 48%, #88a8e8 100%);
  --card-surface: linear-gradient(155deg, #1c253de8, #141b2df8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(154,184,235, 0.22), transparent 55%), linear-gradient(138deg, #1c253d, #0e1320);
  --play-text: #f4f7fd; --btn-primary-text: #0f1624; --btn-text: #0f1624;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(154,184,235, 0.06);
  --v15-aurora: #d6e2f8; --v15-dust: #e6cfa2;
  --theme-rgb: 154,184,235;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="burgundy"] {
  --bg: #110508; --base: #1c090e; --pane: #270d14; --pane2: #35131c;
  --line: rgba(223,183,108, 0.16); --line-bright: rgba(223,183,108, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f9f1f2; --sub: #c2a4a9; --dim: #806066;
  --pink: #dfb76c; --pink2: #b83b4c; --gold: #f0cb85; --mint: #7ec9ad; --red: #ff7b89;
  --gr: linear-gradient(135deg, #ffffff 0%, #dfb76c 48%, #b83b4c 100%);
  --card-surface: linear-gradient(155deg, #35131ce8, #270d14f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(223,183,108, 0.22), transparent 55%), linear-gradient(138deg, #35131c, #1c090e);
  --play-text: #f9f1f2; --btn-primary-text: #1c080c; --btn-text: #1c080c;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(223,183,108, 0.06);
  --v15-aurora: #dfb76c; --v15-dust: #f0cb85;
  --theme-rgb: 223,183,108;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="hermes"] {
  --bg: #0f0906; --base: #18100b; --pane: #241710; --pane2: #302016;
  --line: rgba(240,140,68, 0.16); --line-bright: rgba(240,140,68, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faf3ed; --sub: #bfa795; --dim: #7d6654;
  --pink: #f08c44; --pink2: #c95f1e; --gold: #f5c378; --mint: #7ec9a6; --red: #f07878;
  --gr: linear-gradient(135deg, #ffffff 0%, #f08c44 48%, #c95f1e 100%);
  --card-surface: linear-gradient(155deg, #302016e8, #241710f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(240,140,68, 0.22), transparent 55%), linear-gradient(138deg, #302016, #18100b);
  --play-text: #faf3ed; --btn-primary-text: #1a0d06; --btn-text: #1a0d06;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(240,140,68, 0.06);
  --v15-aurora: #f08c44; --v15-dust: #f5c378;
  --theme-rgb: 240,140,68;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="bvlgari"] {
  --bg: #0b0714; --base: #130d22; --pane: #1c1432; --pane2: #261b42;
  --line: rgba(220,163,255, 0.16); --line-bright: rgba(220,163,255, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f7f2fc; --sub: #b3a1c7; --dim: #6f5d85;
  --pink: #dca3ff; --pink2: #9f67e0; --gold: #f2cf9c; --mint: #82dec0; --red: #f28ca0;
  --gr: linear-gradient(135deg, #ffffff 0%, #dca3ff 48%, #9f67e0 100%);
  --card-surface: linear-gradient(155deg, #261b42e8, #1c1432f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(220,163,255, 0.22), transparent 55%), linear-gradient(138deg, #261b42, #130d22);
  --play-text: #f7f2fc; --btn-primary-text: #150b24; --btn-text: #150b24;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(220,163,255, 0.06);
  --v15-aurora: #dca3ff; --v15-dust: #f2cf9c;
  --theme-rgb: 220,163,255;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="tiffany"] {
  --bg: #050e10; --base: #09181b; --pane: #0f2428; --pane2: #163238;
  --line: rgba(129,216,208, 0.16); --line-bright: rgba(129,216,208, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f0faf9; --sub: #9abdb9; --dim: #597c78;
  --pink: #81d8d0; --pink2: #48ada4; --gold: #edd29a; --mint: #81d8d0; --red: #f08a96;
  --gr: linear-gradient(135deg, #ffffff 0%, #81d8d0 48%, #48ada4 100%);
  --card-surface: linear-gradient(155deg, #163238e8, #0f2428f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(129,216,208, 0.22), transparent 55%), linear-gradient(138deg, #163238, #09181b);
  --play-text: #f0faf9; --btn-primary-text: #061a1c; --btn-text: #061a1c;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(129,216,208, 0.06);
  --v15-aurora: #81d8d0; --v15-dust: #edd29a;
  --theme-rgb: 129,216,208;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="sakura"] {
  --bg: #110b10; --base: #1a1118; --pane: #251822; --pane2: #32212e;
  --line: rgba(244,180,206, 0.16); --line-bright: rgba(244,180,206, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fbf2f6; --sub: #bfa4b0; --dim: #7d636f;
  --pink: #f4b4ce; --pink2: #c97a9b; --gold: #f2d4a0; --mint: #8ad6bc; --red: #f28898;
  --gr: linear-gradient(135deg, #ffffff 0%, #f4b4ce 48%, #c97a9b 100%);
  --card-surface: linear-gradient(155deg, #32212ee8, #251822f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(244,180,206, 0.22), transparent 55%), linear-gradient(138deg, #32212e, #1a1118);
  --play-text: #fbf2f6; --btn-primary-text: #1f0f18; --btn-text: #1f0f18;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(244,180,206, 0.06);
  --v15-aurora: #f4b4ce; --v15-dust: #f2d4a0;
  --theme-rgb: 244,180,206;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="patek"] {
  --bg: #060b14; --base: #0b1424; --pane: #111f36; --pane2: #182b49;
  --line: rgba(126,178,242, 0.16); --line-bright: rgba(126,178,242, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f0f5fc; --sub: #97acc9; --dim: #576e8f;
  --pink: #7eb2f2; --pink2: #3d6fb0; --gold: #e8c88b; --mint: #72d6ba; --red: #ed8590;
  --gr: linear-gradient(135deg, #ffffff 0%, #7eb2f2 48%, #3d6fb0 100%);
  --card-surface: linear-gradient(155deg, #182b49e8, #111f36f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(126,178,242, 0.22), transparent 55%), linear-gradient(138deg, #182b49, #0b1424);
  --play-text: #f0f5fc; --btn-primary-text: #07101f; --btn-text: #07101f;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(126,178,242, 0.06);
  --v15-aurora: #7eb2f2; --v15-dust: #e8c88b;
  --theme-rgb: 126,178,242;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="vancleef"] {
  --bg: #03100b; --base: #071c14; --pane: #0c291e; --pane2: #12382a;
  --line: rgba(70,220,168, 0.16); --line-bright: rgba(70,220,168, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #edfaf4; --sub: #92bdb0; --dim: #4e7a6d;
  --pink: #46dca8; --pink2: #19946b; --gold: #f0d290; --mint: #46dca8; --red: #f08590;
  --gr: linear-gradient(135deg, #ffffff 0%, #46dca8 48%, #19946b 100%);
  --card-surface: linear-gradient(155deg, #12382ae8, #0c291ef8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(70,220,168, 0.22), transparent 55%), linear-gradient(138deg, #12382a, #071c14);
  --play-text: #edfaf4; --btn-primary-text: #041710; --btn-text: #041710;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(70,220,168, 0.06);
  --v15-aurora: #46dca8; --v15-dust: #f0d290;
  --theme-rgb: 70,220,168;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="rolex"] {
  --bg: #eef6f9; --base: #e1eff5; --pane: #ffffff; --pane2: #e6f2f7;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(31,111,139, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #10212b; --sub: #4c6775; --dim: #7d99a8;
  --pink: #1f6f8b; --pink2: #134b5f; --gold: #967334; --mint: #1d8268; --red: #c44552;
  --gr: linear-gradient(135deg, #1f6f8b 0%, #134b5f 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #e6f2f7);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(31,111,139, 0.22), transparent 55%), linear-gradient(138deg, #e6f2f7, #e1eff5);
  --play-text: #10212b; --btn-primary-text: #f5fbfd; --btn-text: #f5fbfd;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(31,111,139, 0.06);
  --v15-aurora: #1f6f8b; --v15-dust: #967334;
  --theme-rgb: 31,111,139;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="piaget"] {
  --bg: #120b0a; --base: #1c1210; --pane: #281917; --pane2: #36221f;
  --line: rgba(240,177,165, 0.16); --line-bright: rgba(240,177,165, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf3f1; --sub: #c4a7a1; --dim: #826660;
  --pink: #f0b1a5; --pink2: #c4786a; --gold: #f5d3a6; --mint: #85cfb4; --red: #f28585;
  --gr: linear-gradient(135deg, #ffffff 0%, #f0b1a5 48%, #c4786a 100%);
  --card-surface: linear-gradient(155deg, #36221fe8, #281917f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(240,177,165, 0.22), transparent 55%), linear-gradient(138deg, #36221f, #1c1210);
  --play-text: #fcf3f1; --btn-primary-text: #1f100e; --btn-text: #1f100e;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(240,177,165, 0.06);
  --v15-aurora: #f0b1a5; --v15-dust: #f5d3a6;
  --theme-rgb: 240,177,165;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="chaumet"] {
  --bg: #050816; --base: #0a1028; --pane: #111a3d; --pane2: #192554;
  --line: rgba(123,150,255, 0.16); --line-bright: rgba(123,150,255, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f2f5ff; --sub: #9ba8d4; --dim: #586696;
  --pink: #7b96ff; --pink2: #435ee0; --gold: #f0d394; --mint: #6edbb8; --red: #f28294;
  --gr: linear-gradient(135deg, #ffffff 0%, #7b96ff 48%, #435ee0 100%);
  --card-surface: linear-gradient(155deg, #192554e8, #111a3df8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(123,150,255, 0.22), transparent 55%), linear-gradient(138deg, #192554, #0a1028);
  --play-text: #f2f5ff; --btn-primary-text: #070c21; --btn-text: #070c21;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(123,150,255, 0.06);
  --v15-aurora: #7b96ff; --v15-dust: #f0d394;
  --theme-rgb: 123,150,255;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="boucheron"] {
  --bg: #0a0907; --base: #14110d; --pane: #1f1a14; --pane2: #2b241c;
  --line: rgba(214,171,114, 0.16); --line-bright: rgba(214,171,114, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f7f3eb; --sub: #b0a493; --dim: #706556;
  --pink: #d6ab72; --pink2: #9c7340; --gold: #ebd09e; --mint: #7ac7a9; --red: #e38181;
  --gr: linear-gradient(135deg, #ffffff 0%, #d6ab72 48%, #9c7340 100%);
  --card-surface: linear-gradient(155deg, #2b241ce8, #1f1a14f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(214,171,114, 0.22), transparent 55%), linear-gradient(138deg, #2b241c, #14110d);
  --play-text: #f7f3eb; --btn-primary-text: #17120c; --btn-text: #17120c;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(214,171,114, 0.06);
  --v15-aurora: #d6ab72; --v15-dust: #ebd09e;
  --theme-rgb: 214,171,114;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="mikimoto"] {
  --bg: #faf6f2; --base: #f2ebe4; --pane: #ffffff; --pane2: #f5efe8;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(158,107,88, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #211b18; --sub: #695b53; --dim: #9c8c83;
  --pink: #9e6b58; --pink2: #6b4435; --gold: #967038; --mint: #297d62; --red: #c24650;
  --gr: linear-gradient(135deg, #9e6b58 0%, #6b4435 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #f5efe8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(158,107,88, 0.22), transparent 55%), linear-gradient(138deg, #f5efe8, #f2ebe4);
  --play-text: #211b18; --btn-primary-text: #fffaf7; --btn-text: #fffaf7;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(158,107,88, 0.06);
  --v15-aurora: #9e6b58; --v15-dust: #967038;
  --theme-rgb: 158,107,88;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="teal"] {
  --bg: #041014; --base: #081b21; --pane: #0d262e; --pane2: #13343f;
  --line: rgba(102,199,212, 0.16); --line-bright: rgba(102,199,212, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #eef7f8; --sub: #96b7bc; --dim: #56787e;
  --pink: #66c7d4; --pink2: #2e8b99; --gold: #e2be6e; --mint: #6ee0c2; --red: #ef8692;
  --gr: linear-gradient(135deg, #ffffff 0%, #66c7d4 48%, #2e8b99 100%);
  --card-surface: linear-gradient(155deg, #13343fe8, #0d262ef8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(102,199,212, 0.22), transparent 55%), linear-gradient(138deg, #13343f, #081b21);
  --play-text: #eef7f8; --btn-primary-text: #06181d; --btn-text: #06181d;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(102,199,212, 0.06);
  --v15-aurora: #66c7d4; --v15-dust: #e2be6e;
  --theme-rgb: 102,199,212;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="mocha"] {
  --bg: #110c0a; --base: #1b1310; --pane: #251b17; --pane2: #31241f;
  --line: rgba(214,169,132, 0.16); --line-bright: rgba(214,169,132, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f6efe9; --sub: #b8a396; --dim: #7a665a;
  --pink: #d6a984; --pink2: #9e7664; --gold: #e8c39e; --mint: #85c9ae; --red: #e38888;
  --gr: linear-gradient(135deg, #ffffff 0%, #d6a984 48%, #9e7664 100%);
  --card-surface: linear-gradient(155deg, #31241fe8, #251b17f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(214,169,132, 0.22), transparent 55%), linear-gradient(138deg, #31241f, #1b1310);
  --play-text: #f6efe9; --btn-primary-text: #1a110e; --btn-text: #1a110e;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(214,169,132, 0.06);
  --v15-aurora: #d6a984; --v15-dust: #e8c39e;
  --theme-rgb: 214,169,132;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="clouddancer"] {
  --bg: #f3f2ee; --base: #e8e6e0; --pane: #fbfaf7; --pane2: #eceae3;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(125,107,87, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #1c1b19; --sub: #635e56; --dim: #948e84;
  --pink: #7d6b57; --pink2: #4a4238; --gold: #8c7250; --mint: #2b7a5e; --red: #b8444c;
  --gr: linear-gradient(135deg, #7d6b57 0%, #4a4238 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #eceae3);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(125,107,87, 0.22), transparent 55%), linear-gradient(138deg, #eceae3, #e8e6e0);
  --play-text: #1c1b19; --btn-primary-text: #f7f6f2; --btn-text: #f7f6f2;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(125,107,87, 0.06);
  --v15-aurora: #7d6b57; --v15-dust: #8c7250;
  --theme-rgb: 125,107,87;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="prada"] {
  --bg: #eef5f2; --base: #e2ede8; --pane: #ffffff; --pane2: #e7f1ec;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(40,122,92, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #12241d; --sub: #4c695e; --dim: #7c998e;
  --pink: #287a5c; --pink2: #184f3b; --gold: #967234; --mint: #1d825e; --red: #c2424f;
  --gr: linear-gradient(135deg, #287a5c 0%, #184f3b 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #e7f1ec);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(40,122,92, 0.22), transparent 55%), linear-gradient(138deg, #e7f1ec, #e2ede8);
  --play-text: #12241d; --btn-primary-text: #f5fbf8; --btn-text: #f5fbf8;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(40,122,92, 0.06);
  --v15-aurora: #287a5c; --v15-dust: #967234;
  --theme-rgb: 40,122,92;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="matcha"] {
  --bg: #f3f4ed; --base: #e7e9de; --pane: #fcfdf9; --pane2: #ebede2;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(82,117,60, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #1c2417; --sub: #57634e; --dim: #86947c;
  --pink: #52753c; --pink2: #385228; --gold: #947132; --mint: #3d7d54; --red: #bd4646;
  --gr: linear-gradient(135deg, #52753c 0%, #385228 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #ebede2);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(82,117,60, 0.22), transparent 55%), linear-gradient(138deg, #ebede2, #e7e9de);
  --play-text: #1c2417; --btn-primary-text: #f9fbf6; --btn-text: #f9fbf6;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(82,117,60, 0.06);
  --v15-aurora: #52753c; --v15-dust: #947132;
  --theme-rgb: 82,117,60;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="bottega"] {
  --bg: #061108; --base: #0b1d0e; --pane: #112b16; --pane2: #183b1e;
  --line: rgba(107,224,120, 0.16); --line-bright: rgba(107,224,120, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #effaf0; --sub: #96bd9b; --dim: #527a57;
  --pink: #6be078; --pink2: #34a841; --gold: #e8cf89; --mint: #6be078; --red: #f08585;
  --gr: linear-gradient(135deg, #ffffff 0%, #6be078 48%, #34a841 100%);
  --card-surface: linear-gradient(155deg, #183b1ee8, #112b16f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(107,224,120, 0.22), transparent 55%), linear-gradient(138deg, #183b1e, #0b1d0e);
  --play-text: #effaf0; --btn-primary-text: #071a09; --btn-text: #071a09;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(107,224,120, 0.06);
  --v15-aurora: #6be078; --v15-dust: #e8cf89;
  --theme-rgb: 107,224,120;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="loewe"] {
  --bg: #120906; --base: #1f100b; --pane: #2b1710; --pane2: #3b2017;
  --line: rgba(230,138,99, 0.16); --line-bright: rgba(230,138,99, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faf1ed; --sub: #c2a193; --dim: #806053;
  --pink: #e68a63; --pink2: #b55832; --gold: #f2c885; --mint: #7ec9a8; --red: #f27d7d;
  --gr: linear-gradient(135deg, #ffffff 0%, #e68a63 48%, #b55832 100%);
  --card-surface: linear-gradient(155deg, #3b2017e8, #2b1710f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(230,138,99, 0.22), transparent 55%), linear-gradient(138deg, #3b2017, #1f100b);
  --play-text: #faf1ed; --btn-primary-text: #1f0d07; --btn-text: #1f0d07;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(230,138,99, 0.06);
  --v15-aurora: #e68a63; --v15-dust: #f2c885;
  --theme-rgb: 230,138,99;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="aesop"] {
  --bg: #f4efe6; --base: #eae2d5; --pane: #fcf9f2; --pane2: #eee7da;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(140,92,44, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #241d15; --sub: #665949; --dim: #968774;
  --pink: #8c5c2c; --pink2: #593818; --gold: #8c5c2c; --mint: #2e7859; --red: #b8433e;
  --gr: linear-gradient(135deg, #8c5c2c 0%, #593818 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #eee7da);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(140,92,44, 0.22), transparent 55%), linear-gradient(138deg, #eee7da, #eae2d5);
  --play-text: #241d15; --btn-primary-text: #fcf9f2; --btn-text: #fcf9f2;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(140,92,44, 0.06);
  --v15-aurora: #8c5c2c; --v15-dust: #8c5c2c;
  --theme-rgb: 140,92,44;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="linear"] {
  --bg: #06070a; --base: #0c0d12; --pane: #12141c; --pane2: #191c28;
  --line: rgba(139,152,255, 0.16); --line-bright: rgba(139,152,255, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f2f4fa; --sub: #949cb3; --dim: #575f75;
  --pink: #8b98ff; --pink2: #5e6ad2; --gold: #e6ca8a; --mint: #56d39a; --red: #f07582;
  --gr: linear-gradient(135deg, #ffffff 0%, #8b98ff 48%, #5e6ad2 100%);
  --card-surface: linear-gradient(155deg, #191c28e8, #12141cf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(139,152,255, 0.22), transparent 55%), linear-gradient(138deg, #191c28, #0c0d12);
  --play-text: #f2f4fa; --btn-primary-text: #080a12; --btn-text: #080a12;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(139,152,255, 0.06);
  --v15-aurora: #8b98ff; --v15-dust: #e6ca8a;
  --theme-rgb: 139,152,255;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="cyber"] {
  --bg: #05050b; --base: #0a0b16; --pane: #111326; --pane2: #181b36;
  --line: rgba(0,229,255, 0.16); --line-bright: rgba(0,229,255, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f3f7ff; --sub: #98a6cc; --dim: #56648a;
  --pink: #00e5ff; --pink2: #ff3ec8; --gold: #ffe066; --mint: #00f5a0; --red: #ff4d79;
  --gr: linear-gradient(135deg, #ffffff 0%, #00e5ff 48%, #ff3ec8 100%);
  --card-surface: linear-gradient(155deg, #181b36e8, #111326f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(0,229,255, 0.22), transparent 55%), linear-gradient(138deg, #181b36, #0a0b16);
  --play-text: #f3f7ff; --btn-primary-text: #05060f; --btn-text: #05060f;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(0,229,255, 0.06);
  --v15-aurora: #00e5ff; --v15-dust: #ffe066;
  --theme-rgb: 0,229,255;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="aurora"] {
  --bg: #050912; --base: #0a1222; --pane: #101d34; --pane2: #172947;
  --line: rgba(94,242,200, 0.16); --line-bright: rgba(94,242,200, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #effaf8; --sub: #96b8c4; --dim: #547685;
  --pink: #5ef2c8; --pink2: #8b66ff; --gold: #f2d694; --mint: #5ef2c8; --red: #f57d96;
  --gr: linear-gradient(135deg, #ffffff 0%, #5ef2c8 48%, #8b66ff 100%);
  --card-surface: linear-gradient(155deg, #172947e8, #101d34f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(94,242,200, 0.22), transparent 55%), linear-gradient(138deg, #172947, #0a1222);
  --play-text: #effaf8; --btn-primary-text: #051412; --btn-text: #051412;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(94,242,200, 0.06);
  --v15-aurora: #5ef2c8; --v15-dust: #f2d694;
  --theme-rgb: 94,242,200;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="crimsonmoon"] {
  --bg: #0b0406; --base: #16070b; --pane: #220b11; --pane2: #301018;
  --line: rgba(255,77,103, 0.16); --line-bright: rgba(255,77,103, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fceef0; --sub: #c29aa1; --dim: #7d545b;
  --pink: #ff4d67; --pink2: #b31930; --gold: #f0c87f; --mint: #6dd6b0; --red: #ff4d67;
  --gr: linear-gradient(135deg, #ffffff 0%, #ff4d67 48%, #b31930 100%);
  --card-surface: linear-gradient(155deg, #301018e8, #220b11f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,77,103, 0.22), transparent 55%), linear-gradient(138deg, #301018, #16070b);
  --play-text: #fceef0; --btn-primary-text: #1a0408; --btn-text: #1a0408;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,77,103, 0.06);
  --v15-aurora: #ff4d67; --v15-dust: #f0c87f;
  --theme-rgb: 255,77,103;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="solaris"] {
  --bg: #090704; --base: #140f07; --pane: #21180b; --pane2: #2e2210;
  --line: rgba(255,190,61, 0.16); --line-bright: rgba(255,190,61, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf6eb; --sub: #c2b093; --dim: #7d6d52;
  --pink: #ffbe3d; --pink2: #d97706; --gold: #ffda75; --mint: #72d6ab; --red: #f57676;
  --gr: linear-gradient(135deg, #ffffff 0%, #ffbe3d 48%, #d97706 100%);
  --card-surface: linear-gradient(155deg, #2e2210e8, #21180bf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,190,61, 0.22), transparent 55%), linear-gradient(138deg, #2e2210, #140f07);
  --play-text: #fcf6eb; --btn-primary-text: #171004; --btn-text: #171004;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,190,61, 0.06);
  --v15-aurora: #ffbe3d; --v15-dust: #ffda75;
  --theme-rgb: 255,190,61;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="biolume"] {
  --bg: #030b12; --base: #061521; --pane: #0a2133; --pane2: #102e47;
  --line: rgba(0,245,212, 0.16); --line-bright: rgba(0,245,212, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #ebfcfa; --sub: #8ebdc7; --dim: #4b7985;
  --pink: #00f5d4; --pink2: #00bbf9; --gold: #f5d77f; --mint: #00f5d4; --red: #ff6b8b;
  --gr: linear-gradient(135deg, #ffffff 0%, #00f5d4 48%, #00bbf9 100%);
  --card-surface: linear-gradient(155deg, #102e47e8, #0a2133f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(0,245,212, 0.22), transparent 55%), linear-gradient(138deg, #102e47, #061521);
  --play-text: #ebfcfa; --btn-primary-text: #031716; --btn-text: #031716;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(0,245,212, 0.06);
  --v15-aurora: #00f5d4; --v15-dust: #f5d77f;
  --theme-rgb: 0,245,212;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="synthwave"] {
  --bg: #0d0618; --base: #170b2b; --pane: #231140; --pane2: #311857;
  --line: rgba(255,102,178, 0.16); --line-bright: rgba(255,102,178, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fdf2ff; --sub: #c49fd4; --dim: #7e5891;
  --pink: #ff66b2; --pink2: #ff9e44; --gold: #ffe07d; --mint: #5ce6c6; --red: #ff5c77;
  --gr: linear-gradient(135deg, #ffffff 0%, #ff66b2 48%, #ff9e44 100%);
  --card-surface: linear-gradient(155deg, #311857e8, #231140f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,102,178, 0.22), transparent 55%), linear-gradient(138deg, #311857, #170b2b);
  --play-text: #fdf2ff; --btn-primary-text: #1a0624; --btn-text: #1a0624;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,102,178, 0.06);
  --v15-aurora: #ff66b2; --v15-dust: #ffe07d;
  --theme-rgb: 255,102,178;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="dunefrost"] {
  --bg: #f0f3f7; --base: #e4e9f0; --pane: #ffffff; --pane2: #eaeff5;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(59,89,120, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #141c26; --sub: #526073; --dim: #8594a6;
  --pink: #3b5978; --pink2: #1f344d; --gold: #8c6d36; --mint: #247a66; --red: #bf4350;
  --gr: linear-gradient(135deg, #3b5978 0%, #1f344d 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #eaeff5);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(59,89,120, 0.22), transparent 55%), linear-gradient(138deg, #eaeff5, #e4e9f0);
  --play-text: #141c26; --btn-primary-text: #f7f9fc; --btn-text: #f7f9fc;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(59,89,120, 0.06);
  --v15-aurora: #3b5978; --v15-dust: #8c6d36;
  --theme-rgb: 59,89,120;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="wongkarwai"] {
  --bg: #0b0507; --base: #17090d; --pane: #240e14; --pane2: #33141c;
  --line: rgba(230,92,107, 0.16); --line-bright: rgba(230,92,107, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faedf0; --sub: #c49da5; --dim: #7d565f;
  --pink: #e65c6b; --pink2: #1d7865; --gold: #f0c878; --mint: #48b89f; --red: #ff5c6c;
  --gr: linear-gradient(135deg, #ffffff 0%, #e65c6b 48%, #1d7865 100%);
  --card-surface: linear-gradient(155deg, #33141ce8, #240e14f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(230,92,107, 0.22), transparent 55%), linear-gradient(138deg, #33141c, #17090d);
  --play-text: #faedf0; --btn-primary-text: #1a0609; --btn-text: #1a0609;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(230,92,107, 0.06);
  --v15-aurora: #e65c6b; --v15-dust: #f0c878;
  --theme-rgb: 230,92,107;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="arrakis"] {
  --bg: #0d0905; --base: #181009; --pane: #24190e; --pane2: #332314;
  --line: rgba(235,164,84, 0.16); --line-bright: rgba(235,164,84, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faf2e8; --sub: #bfa88f; --dim: #7d6852;
  --pink: #eba454; --pink2: #3878b8; --gold: #f7cf86; --mint: #66c2b0; --red: #e87668;
  --gr: linear-gradient(135deg, #ffffff 0%, #eba454 48%, #3878b8 100%);
  --card-surface: linear-gradient(155deg, #332314e8, #24190ef8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(235,164,84, 0.22), transparent 55%), linear-gradient(138deg, #332314, #181009);
  --play-text: #faf2e8; --btn-primary-text: #1a1006; --btn-text: #1a1006;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(235,164,84, 0.06);
  --v15-aurora: #eba454; --v15-dust: #f7cf86;
  --theme-rgb: 235,164,84;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="budapest"] {
  --bg: #140b12; --base: #21121e; --pane: #2e1a2b; --pane2: #3d2339;
  --line: rgba(240,163,184, 0.16); --line-bright: rgba(240,163,184, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf0f5; --sub: #c7a3b7; --dim: #856276;
  --pink: #f0a3b8; --pink2: #8c529e; --gold: #f5d498; --mint: #7fd4b8; --red: #f27e92;
  --gr: linear-gradient(135deg, #ffffff 0%, #f0a3b8 48%, #8c529e 100%);
  --card-surface: linear-gradient(155deg, #3d2339e8, #2e1a2bf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(240,163,184, 0.22), transparent 55%), linear-gradient(138deg, #3d2339, #21121e);
  --play-text: #fcf0f5; --btn-primary-text: #1f0d19; --btn-text: #1f0d19;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(240,163,184, 0.06);
  --v15-aurora: #f0a3b8; --v15-dust: #f5d498;
  --theme-rgb: 240,163,184;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="bladerunner"] {
  --bg: #0d0704; --base: #180d07; --pane: #26150b; --pane2: #361e10;
  --line: rgba(255,146,51, 0.16); --line-bright: rgba(255,146,51, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fff2e8; --sub: #c7a289; --dim: #826049;
  --pink: #ff9233; --pink2: #00a8b5; --gold: #ffd073; --mint: #40d6c8; --red: #ff6666;
  --gr: linear-gradient(135deg, #ffffff 0%, #ff9233 48%, #00a8b5 100%);
  --card-surface: linear-gradient(155deg, #361e10e8, #26150bf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,146,51, 0.22), transparent 55%), linear-gradient(138deg, #361e10, #180d07);
  --play-text: #fff2e8; --btn-primary-text: #1a0c04; --btn-text: #1a0c04;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,146,51, 0.06);
  --v15-aurora: #ff9233; --v15-dust: #ffd073;
  --theme-rgb: 255,146,51;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="shalimar"] {
  --bg: #060812; --base: #0c1124; --pane: #131b38; --pane2: #1b274d;
  --line: rgba(125,164,245, 0.16); --line-bright: rgba(125,164,245, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f2f5fc; --sub: #9ca9c9; --dim: #5b688a;
  --pink: #7da4f5; --pink2: #d9a756; --gold: #f2cc85; --mint: #74d4b8; --red: #ed8292;
  --gr: linear-gradient(135deg, #ffffff 0%, #7da4f5 48%, #d9a756 100%);
  --card-surface: linear-gradient(155deg, #1b274de8, #131b38f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(125,164,245, 0.22), transparent 55%), linear-gradient(138deg, #1b274d, #0c1124);
  --play-text: #f2f5fc; --btn-primary-text: #080d1f; --btn-text: #080d1f;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(125,164,245, 0.06);
  --v15-aurora: #7da4f5; --v15-dust: #f2cc85;
  --theme-rgb: 125,164,245;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="luna"] {
  --bg: #f2f5fa; --base: #e5ebf5; --pane: #ffffff; --pane2: #ebf0f8;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(58,86,140, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #141b29; --sub: #515e78; --dim: #8391ab;
  --pink: #3a568c; --pink2: #785a96; --gold: #917034; --mint: #247d68; --red: #c24658;
  --gr: linear-gradient(135deg, #3a568c 0%, #785a96 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #ebf0f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(58,86,140, 0.22), transparent 55%), linear-gradient(138deg, #ebf0f8, #e5ebf5);
  --play-text: #141b29; --btn-primary-text: #f7f9fc; --btn-text: #f7f9fc;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(58,86,140, 0.06);
  --v15-aurora: #3a568c; --v15-dust: #917034;
  --theme-rgb: 58,86,140;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="yulong"] {
  --bg: #f4f6f4; --base: #e8ede9; --pane: #ffffff; --pane2: #edf2ee;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(59,110,92, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #18211d; --sub: #54635c; --dim: #85968e;
  --pink: #3b6e5c; --pink2: #a64444; --gold: #8f6d32; --mint: #297a5e; --red: #b83f48;
  --gr: linear-gradient(135deg, #3b6e5c 0%, #a64444 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #edf2ee);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(59,110,92, 0.22), transparent 55%), linear-gradient(138deg, #edf2ee, #e8ede9);
  --play-text: #18211d; --btn-primary-text: #f7faf8; --btn-text: #f7faf8;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(59,110,92, 0.06);
  --v15-aurora: #3b6e5c; --v15-dust: #8f6d32;
  --theme-rgb: 59,110,92;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="monet"] {
  --bg: #f4f3f9; --base: #e9e6f4; --pane: #ffffff; --pane2: #efedf7;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(93,78,158, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #1c1829; --sub: #5c5475; --dim: #8e86a8;
  --pink: #5d4e9e; --pink2: #488a86; --gold: #947136; --mint: #2c7d6e; --red: #bf475c;
  --gr: linear-gradient(135deg, #5d4e9e 0%, #488a86 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #efedf7);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(93,78,158, 0.22), transparent 55%), linear-gradient(138deg, #efedf7, #e9e6f4);
  --play-text: #1c1829; --btn-primary-text: #faf9fc; --btn-text: #faf9fc;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(93,78,158, 0.06);
  --v15-aurora: #5d4e9e; --v15-dust: #947136;
  --theme-rgb: 93,78,158;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="tianqing"] {
  --bg: #eef4f5; --base: #e1ebed; --pane: #ffffff; --pane2: #e7f0f2;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(46,111,120, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #142326; --sub: #4d676b; --dim: #7d989c;
  --pink: #2e6f78; --pink2: #8c6d46; --gold: #967238; --mint: #247d68; --red: #bf454e;
  --gr: linear-gradient(135deg, #2e6f78 0%, #8c6d46 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #e7f0f2);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(46,111,120, 0.22), transparent 55%), linear-gradient(138deg, #e7f0f2, #e1ebed);
  --play-text: #142326; --btn-primary-text: #f5fbfc; --btn-text: #f5fbfc;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(46,111,120, 0.06);
  --v15-aurora: #2e6f78; --v15-dust: #967238;
  --theme-rgb: 46,111,120;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="zhusha"] {
  --bg: #120605; --base: #1e0a09; --pane: #2b100e; --pane2: #3b1614;
  --line: rgba(235,87,77, 0.16); --line-bright: rgba(235,87,77, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf0ee; --sub: #c7a19d; --dim: #855d59;
  --pink: #eb574d; --pink2: #e0b458; --gold: #f5cf7a; --mint: #6fd4b2; --red: #ff5e54;
  --gr: linear-gradient(135deg, #ffffff 0%, #eb574d 48%, #e0b458 100%);
  --card-surface: linear-gradient(155deg, #3b1614e8, #2b100ef8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(235,87,77, 0.22), transparent 55%), linear-gradient(138deg, #3b1614, #1e0a09);
  --play-text: #fcf0ee; --btn-primary-text: #1a0504; --btn-text: #1a0504;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(235,87,77, 0.06);
  --v15-aurora: #eb574d; --v15-dust: #f5cf7a;
  --theme-rgb: 235,87,77;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="dailan"] {
  --bg: #070b12; --base: #0d1422; --pane: #141f34; --pane2: #1c2b47;
  --line: rgba(107,150,207, 0.16); --line-bright: rgba(107,150,207, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f0f4fa; --sub: #98a8c2; --dim: #586882;
  --pink: #6b96cf; --pink2: #c9a468; --gold: #e8c684; --mint: #6cc9b0; --red: #e87e88;
  --gr: linear-gradient(135deg, #ffffff 0%, #6b96cf 48%, #c9a468 100%);
  --card-surface: linear-gradient(155deg, #1c2b47e8, #141f34f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(107,150,207, 0.22), transparent 55%), linear-gradient(138deg, #1c2b47, #0d1422);
  --play-text: #f0f4fa; --btn-primary-text: #080f1c; --btn-text: #080f1c;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(107,150,207, 0.06);
  --v15-aurora: #6b96cf; --v15-dust: #e8c684;
  --theme-rgb: 107,150,207;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="qiuxiang"] {
  --bg: #0c0a05; --base: #171309; --pane: #241d0f; --pane2: #332915;
  --line: rgba(217,184,91, 0.16); --line-bright: rgba(217,184,91, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faf5e8; --sub: #bdb193; --dim: #7a6f52;
  --pink: #d9b85b; --pink2: #6b8e58; --gold: #f2d680; --mint: #78c99e; --red: #e67e78;
  --gr: linear-gradient(135deg, #ffffff 0%, #d9b85b 48%, #6b8e58 100%);
  --card-surface: linear-gradient(155deg, #332915e8, #241d0ff8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(217,184,91, 0.22), transparent 55%), linear-gradient(138deg, #332915, #171309);
  --play-text: #faf5e8; --btn-primary-text: #171205; --btn-text: #171205;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(217,184,91, 0.06);
  --v15-aurora: #d9b85b; --v15-dust: #f2d680;
  --theme-rgb: 217,184,91;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="yanzhi"] {
  --bg: #12070a; --base: #1e0c12; --pane: #2b121a; --pane2: #3b1924;
  --line: rgba(235,110,139, 0.16); --line-bright: rgba(235,110,139, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf0f3; --sub: #c79fa9; --dim: #855c67;
  --pink: #eb6e8b; --pink2: #d4a862; --gold: #f2cf88; --mint: #74cfb2; --red: #ff6b88;
  --gr: linear-gradient(135deg, #ffffff 0%, #eb6e8b 48%, #d4a862 100%);
  --card-surface: linear-gradient(155deg, #3b1924e8, #2b121af8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(235,110,139, 0.22), transparent 55%), linear-gradient(138deg, #3b1924, #1e0c12);
  --play-text: #fcf0f3; --btn-primary-text: #1c060c; --btn-text: #1c060c;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(235,110,139, 0.06);
  --v15-aurora: #eb6e8b; --v15-dust: #f2cf88;
  --theme-rgb: 235,110,139;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="feicui"] {
  --bg: #040d0a; --base: #081812; --pane: #0d261d; --pane2: #133629;
  --line: rgba(61,214,163, 0.16); --line-bright: rgba(61,214,163, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #edfaf5; --sub: #93bdb0; --dim: #517a6d;
  --pink: #3dd6a3; --pink2: #d6b872; --gold: #edd18c; --mint: #3dd6a3; --red: #ed828c;
  --gr: linear-gradient(135deg, #ffffff 0%, #3dd6a3 48%, #d6b872 100%);
  --card-surface: linear-gradient(155deg, #133629e8, #0d261df8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(61,214,163, 0.22), transparent 55%), linear-gradient(138deg, #133629, #081812);
  --play-text: #edfaf5; --btn-primary-text: #041710; --btn-text: #041710;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(61,214,163, 0.06);
  --v15-aurora: #3dd6a3; --v15-dust: #edd18c;
  --theme-rgb: 61,214,163;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="chenxiang"] {
  --bg: #0e0a07; --base: #18110c; --pane: #241a12; --pane2: #322419;
  --line: rgba(201,153,112, 0.16); --line-bright: rgba(201,153,112, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f7f0e8; --sub: #b8a390; --dim: #786452;
  --pink: #c99970; --pink2: #8c583a; --gold: #ebd89c; --mint: #7ac4a8; --red: #e37e7e;
  --gr: linear-gradient(135deg, #ffffff 0%, #c99970 48%, #8c583a 100%);
  --card-surface: linear-gradient(155deg, #322419e8, #241a12f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(201,153,112, 0.22), transparent 55%), linear-gradient(138deg, #322419, #18110c);
  --play-text: #f7f0e8; --btn-primary-text: #170f08; --btn-text: #170f08;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(201,153,112, 0.06);
  --v15-aurora: #c99970; --v15-dust: #ebd89c;
  --theme-rgb: 201,153,112;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="yuebai"] {
  --bg: #f4f7f9; --base: #e7eef2; --pane: #ffffff; --pane2: #ecf2f6;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(56,104,133, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #162029; --sub: #526370; --dim: #8395a3;
  --pink: #386885; --pink2: #b86b48; --gold: #997034; --mint: #267d66; --red: #c24650;
  --gr: linear-gradient(135deg, #386885 0%, #b86b48 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #ecf2f6);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(56,104,133, 0.22), transparent 55%), linear-gradient(138deg, #ecf2f6, #e7eef2);
  --play-text: #162029; --btn-primary-text: #f7fbfd; --btn-text: #f7fbfd;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(56,104,133, 0.06);
  --v15-aurora: #386885; --v15-dust: #997034;
  --theme-rgb: 56,104,133;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="starrynight"] {
  --bg: #060b18; --base: #0b142b; --pane: #122042; --pane2: #192d59;
  --line: rgba(255,210,76, 0.16); --line-bright: rgba(255,210,76, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f5f8ff; --sub: #9eb0d6; --dim: #5a6e99;
  --pink: #ffd24c; --pink2: #3b78e8; --gold: #ffe073; --mint: #6ad9be; --red: #f28090;
  --gr: linear-gradient(135deg, #ffffff 0%, #ffd24c 48%, #3b78e8 100%);
  --card-surface: linear-gradient(155deg, #192d59e8, #122042f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,210,76, 0.22), transparent 55%), linear-gradient(138deg, #192d59, #0b142b);
  --play-text: #f5f8ff; --btn-primary-text: #081024; --btn-text: #081024;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,210,76, 0.06);
  --v15-aurora: #ffd24c; --v15-dust: #ffe073;
  --theme-rgb: 255,210,76;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="klimt"] {
  --bg: #0d0903; --base: #171106; --pane: #241a0a; --pane2: #33250f;
  --line: rgba(247,198,68, 0.16); --line-bright: rgba(247,198,68, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf6e8; --sub: #c4b28f; --dim: #806f4d;
  --pink: #f7c644; --pink2: #b86b1e; --gold: #ffdf78; --mint: #76cfa8; --red: #eb7878;
  --gr: linear-gradient(135deg, #ffffff 0%, #f7c644 48%, #b86b1e 100%);
  --card-surface: linear-gradient(155deg, #33250fe8, #241a0af8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(247,198,68, 0.22), transparent 55%), linear-gradient(138deg, #33250f, #171106);
  --play-text: #fcf6e8; --btn-primary-text: #171003; --btn-text: #171003;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(247,198,68, 0.06);
  --v15-aurora: #f7c644; --v15-dust: #ffdf78;
  --theme-rgb: 247,198,68;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="vermeer"] {
  --bg: #080b12; --base: #101624; --pane: #172136; --pane2: #202e4a;
  --line: rgba(230,190,106, 0.16); --line-bright: rgba(230,190,106, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f4f6fc; --sub: #a0acc4; --dim: #606c85;
  --pink: #e6be6a; --pink2: #4878c9; --gold: #f2d285; --mint: #72cfb4; --red: #e87e88;
  --gr: linear-gradient(135deg, #ffffff 0%, #e6be6a 48%, #4878c9 100%);
  --card-surface: linear-gradient(155deg, #202e4ae8, #172136f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(230,190,106, 0.22), transparent 55%), linear-gradient(138deg, #202e4a, #101624);
  --play-text: #f4f6fc; --btn-primary-text: #0c1221; --btn-text: #0c1221;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(230,190,106, 0.06);
  --v15-aurora: #e6be6a; --v15-dust: #f2d285;
  --theme-rgb: 230,190,106;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="hokusai"] {
  --bg: #050c14; --base: #0a1726; --pane: #102338; --pane2: #17314d;
  --line: rgba(90,166,219, 0.16); --line-bright: rgba(90,166,219, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #eff6fc; --sub: #96b0c7; --dim: #54708a;
  --pink: #5aa6db; --pink2: #e6d8c0; --gold: #ebd298; --mint: #66d4bc; --red: #eb808c;
  --gr: linear-gradient(135deg, #ffffff 0%, #5aa6db 48%, #e6d8c0 100%);
  --card-surface: linear-gradient(155deg, #17314de8, #102338f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(90,166,219, 0.22), transparent 55%), linear-gradient(138deg, #17314d, #0a1726);
  --play-text: #eff6fc; --btn-primary-text: #061320; --btn-text: #061320;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(90,166,219, 0.06);
  --v15-aurora: #5aa6db; --v15-dust: #ebd298;
  --theme-rgb: 90,166,219;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="matisse"] {
  --bg: #100708; --base: #1c0c0e; --pane: #291216; --pane2: #38191e;
  --line: rgba(255,118,97, 0.16); --line-bright: rgba(255,118,97, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf1f2; --sub: #c4a1a5; --dim: #825d62;
  --pink: #ff7661; --pink2: #2e68c9; --gold: #f5cf7a; --mint: #5ed4b2; --red: #ff6666;
  --gr: linear-gradient(135deg, #ffffff 0%, #ff7661 48%, #2e68c9 100%);
  --card-surface: linear-gradient(155deg, #38191ee8, #291216f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,118,97, 0.22), transparent 55%), linear-gradient(138deg, #38191e, #1c0c0e);
  --play-text: #fcf1f2; --btn-primary-text: #1a0709; --btn-text: #1a0709;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,118,97, 0.06);
  --v15-aurora: #ff7661; --v15-dust: #f5cf7a;
  --theme-rgb: 255,118,97;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="rembrandt"] {
  --bg: #090604; --base: #140e09; --pane: #20170f; --pane2: #2e2116;
  --line: rgba(224,166,83, 0.16); --line-bright: rgba(224,166,83, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f7f0e6; --sub: #b8a38a; --dim: #75624b;
  --pink: #e0a653; --pink2: #8c4a27; --gold: #f2c97d; --mint: #76c4a5; --red: #e07870;
  --gr: linear-gradient(135deg, #ffffff 0%, #e0a653 48%, #8c4a27 100%);
  --card-surface: linear-gradient(155deg, #2e2116e8, #20170ff8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(224,166,83, 0.22), transparent 55%), linear-gradient(138deg, #2e2116, #140e09);
  --play-text: #f7f0e6; --btn-primary-text: #140c05; --btn-text: #140c05;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(224,166,83, 0.06);
  --v15-aurora: #e0a653; --v15-dust: #f2c97d;
  --theme-rgb: 224,166,83;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="turner"] {
  --bg: #f7f3eb; --base: #efe8da; --pane: #ffffff; --pane2: #f4eee2;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(156,107,48, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #211c15; --sub: #665b4c; --dim: #968a78;
  --pink: #9c6b30; --pink2: #4a788c; --gold: #9c6b30; --mint: #297a63; --red: #bf4747;
  --gr: linear-gradient(135deg, #9c6b30 0%, #4a788c 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #f4eee2);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(156,107,48, 0.22), transparent 55%), linear-gradient(138deg, #f4eee2, #efe8da);
  --play-text: #211c15; --btn-primary-text: #fffcf7; --btn-text: #fffcf7;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(156,107,48, 0.06);
  --v15-aurora: #9c6b30; --v15-dust: #9c6b30;
  --theme-rgb: 156,107,48;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="degas"] {
  --bg: #f9f3f5; --base: #f0e6ea; --pane: #ffffff; --pane2: #f5edf0;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(156,77,104, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #24181c; --sub: #69525a; --dim: #99828a;
  --pink: #9c4d68; --pink2: #5c7085; --gold: #946f38; --mint: #2b7a62; --red: #c24458;
  --gr: linear-gradient(135deg, #9c4d68 0%, #5c7085 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #f5edf0);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(156,77,104, 0.22), transparent 55%), linear-gradient(138deg, #f5edf0, #f0e6ea);
  --play-text: #24181c; --btn-primary-text: #fffafc; --btn-text: #fffafc;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(156,77,104, 0.06);
  --v15-aurora: #9c4d68; --v15-dust: #946f38;
  --theme-rgb: 156,77,104;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="rollsroyce"] {
  --bg: #06080f; --base: #0c101d; --pane: #13192e; --pane2: #1a2340;
  --line: rgba(245,176,98, 0.16); --line-bright: rgba(245,176,98, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f5f6fa; --sub: #a0a8bd; --dim: #5d667d;
  --pink: #f5b062; --pink2: #4a6fa8; --gold: #f7ce88; --mint: #72d4b8; --red: #eb7e88;
  --gr: linear-gradient(135deg, #ffffff 0%, #f5b062 48%, #4a6fa8 100%);
  --card-surface: linear-gradient(155deg, #1a2340e8, #13192ef8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(245,176,98, 0.22), transparent 55%), linear-gradient(138deg, #1a2340, #0c101d);
  --play-text: #f5f6fa; --btn-primary-text: #080c17; --btn-text: #080c17;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(245,176,98, 0.06);
  --v15-aurora: #f5b062; --v15-dust: #f7ce88;
  --theme-rgb: 245,176,98;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="ferrari"] {
  --bg: #0c0506; --base: #17090b; --pane: #240e11; --pane2: #331418;
  --line: rgba(255,71,71, 0.16); --line-bright: rgba(255,71,71, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf0f0; --sub: #c29d9f; --dim: #7d585a;
  --pink: #ff4747; --pink2: #f5c73d; --gold: #ffd659; --mint: #66d4b2; --red: #ff4747;
  --gr: linear-gradient(135deg, #ffffff 0%, #ff4747 48%, #f5c73d 100%);
  --card-surface: linear-gradient(155deg, #331418e8, #240e11f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,71,71, 0.22), transparent 55%), linear-gradient(138deg, #331418, #17090b);
  --play-text: #fcf0f0; --btn-primary-text: #1a0406; --btn-text: #1a0406;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,71,71, 0.06);
  --v15-aurora: #ff4747; --v15-dust: #ffd659;
  --theme-rgb: 255,71,71;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="astonmartin"] {
  --bg: #040c09; --base: #081712; --pane: #0d241c; --pane2: #133328;
  --line: rgba(61,209,160, 0.16); --line-bright: rgba(61,209,160, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #eef7f4; --sub: #96b5ab; --dim: #54756b;
  --pink: #3dd1a0; --pink2: #d4e64c; --gold: #ebd488; --mint: #3dd1a0; --red: #eb8088;
  --gr: linear-gradient(135deg, #ffffff 0%, #3dd1a0 48%, #d4e64c 100%);
  --card-surface: linear-gradient(155deg, #133328e8, #0d241cf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(61,209,160, 0.22), transparent 55%), linear-gradient(138deg, #133328, #081712);
  --play-text: #eef7f4; --btn-primary-text: #051710; --btn-text: #051710;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(61,209,160, 0.06);
  --v15-aurora: #3dd1a0; --v15-dust: #ebd488;
  --theme-rgb: 61,209,160;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="porsche"] {
  --bg: #100a0d; --base: #1b1116; --pane: #261820; --pane2: #33202b;
  --line: rgba(235,152,180, 0.16); --line-bright: rgba(235,152,180, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faf2f5; --sub: #bfa4ae; --dim: #7d626c;
  --pink: #eb98b4; --pink2: #8c99a8; --gold: #f0cf98; --mint: #7ecfb4; --red: #f28094;
  --gr: linear-gradient(135deg, #ffffff 0%, #eb98b4 48%, #8c99a8 100%);
  --card-surface: linear-gradient(155deg, #33202be8, #261820f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(235,152,180, 0.22), transparent 55%), linear-gradient(138deg, #33202b, #1b1116);
  --play-text: #faf2f5; --btn-primary-text: #1c0e14; --btn-text: #1c0e14;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(235,152,180, 0.06);
  --v15-aurora: #eb98b4; --v15-dust: #f0cf98;
  --theme-rgb: 235,152,180;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="mclaren"] {
  --bg: #0a0806; --base: #14100c; --pane: #1f1812; --pane2: #2b2219;
  --line: rgba(255,140,43, 0.16); --line-bright: rgba(255,140,43, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faf4ee; --sub: #bda896; --dim: #7a6654;
  --pink: #ff8c2b; --pink2: #2b78e6; --gold: #ffd073; --mint: #68d4b4; --red: #f57070;
  --gr: linear-gradient(135deg, #ffffff 0%, #ff8c2b 48%, #2b78e6 100%);
  --card-surface: linear-gradient(155deg, #2b2219e8, #1f1812f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,140,43, 0.22), transparent 55%), linear-gradient(138deg, #2b2219, #14100c);
  --play-text: #faf4ee; --btn-primary-text: #170c04; --btn-text: #170c04;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,140,43, 0.06);
  --v15-aurora: #ff8c2b; --v15-dust: #ffd073;
  --theme-rgb: 255,140,43;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="bugatti"] {
  --bg: #040812; --base: #081024; --pane: #0d1a38; --pane2: #13244d;
  --line: rgba(61,162,255, 0.16); --line-bright: rgba(61,162,255, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f0f6ff; --sub: #96add1; --dim: #526a91;
  --pink: #3da2ff; --pink2: #c9d6e8; --gold: #ebd08c; --mint: #62dbb8; --red: #f07e90;
  --gr: linear-gradient(135deg, #ffffff 0%, #3da2ff 48%, #c9d6e8 100%);
  --card-surface: linear-gradient(155deg, #13244de8, #0d1a38f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(61,162,255, 0.22), transparent 55%), linear-gradient(138deg, #13244d, #081024);
  --play-text: #f0f6ff; --btn-primary-text: #050f24; --btn-text: #050f24;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(61,162,255, 0.06);
  --v15-aurora: #3da2ff; --v15-dust: #ebd08c;
  --theme-rgb: 61,162,255;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="pagani"] {
  --bg: #08090c; --base: #10131a; --pane: #181c26; --pane2: #222736;
  --line: rgba(194,208,230, 0.16); --line-bright: rgba(194,208,230, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f2f5fa; --sub: #9da6b8; --dim: #5e6778;
  --pink: #c2d0e6; --pink2: #d4a45e; --gold: #ebd096; --mint: #74cfb6; --red: #eb808c;
  --gr: linear-gradient(135deg, #ffffff 0%, #c2d0e6 48%, #d4a45e 100%);
  --card-surface: linear-gradient(155deg, #222736e8, #181c26f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(194,208,230, 0.22), transparent 55%), linear-gradient(138deg, #222736, #10131a);
  --play-text: #f2f5fa; --btn-primary-text: #0c1017; --btn-text: #0c1017;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(194,208,230, 0.06);
  --v15-aurora: #c2d0e6; --v15-dust: #ebd096;
  --theme-rgb: 194,208,230;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="maybach"] {
  --bg: #f5f2ec; --base: #ebe5da; --pane: #ffffff; --pane2: #f0ebe1;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(138,104,56, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #1c1915; --sub: #61584d; --dim: #91877a;
  --pink: #8a6838; --pink2: #2b2520; --gold: #8a6838; --mint: #247a5e; --red: #bf434b;
  --gr: linear-gradient(135deg, #8a6838 0%, #2b2520 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #f0ebe1);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(138,104,56, 0.22), transparent 55%), linear-gradient(138deg, #f0ebe1, #ebe5da);
  --play-text: #1c1915; --btn-primary-text: #fcfaf5; --btn-text: #fcfaf5;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(138,104,56, 0.06);
  --v15-aurora: #8a6838; --v15-dust: #8a6838;
  --theme-rgb: 138,104,56;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="jameswebb"] {
  --bg: #06060f; --base: #0c0d21; --pane: #141636; --pane2: #1c204d;
  --line: rgba(255,159,77, 0.16); --line-bright: rgba(255,159,77, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f5f4fc; --sub: #a2a0c7; --dim: #5f5d87;
  --pink: #ff9f4d; --pink2: #3898f5; --gold: #ffd678; --mint: #62dbb8; --red: #ff6e88;
  --gr: linear-gradient(135deg, #ffffff 0%, #ff9f4d 48%, #3898f5 100%);
  --card-surface: linear-gradient(155deg, #1c204de8, #141636f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,159,77, 0.22), transparent 55%), linear-gradient(138deg, #1c204d, #0c0d21);
  --play-text: #f5f4fc; --btn-primary-text: #140904; --btn-text: #140904;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,159,77, 0.06);
  --v15-aurora: #ff9f4d; --v15-dust: #ffd678;
  --theme-rgb: 255,159,77;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="bloodeclipse"] {
  --bg: #0a0505; --base: #140909; --pane: #210e0e; --pane2: #301515;
  --line: rgba(242,90,68, 0.16); --line-bright: rgba(242,90,68, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faeeee; --sub: #bfa09e; --dim: #7d5c5a;
  --pink: #f25a44; --pink2: #d49b4b; --gold: #f5ca78; --mint: #6cc9ab; --red: #ff5744;
  --gr: linear-gradient(135deg, #ffffff 0%, #f25a44 48%, #d49b4b 100%);
  --card-surface: linear-gradient(155deg, #301515e8, #210e0ef8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(242,90,68, 0.22), transparent 55%), linear-gradient(138deg, #301515, #140909);
  --play-text: #faeeee; --btn-primary-text: #1a0604; --btn-text: #1a0604;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(242,90,68, 0.06);
  --v15-aurora: #f25a44; --v15-dust: #f5ca78;
  --theme-rgb: 242,90,68;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="santorini"] {
  --bg: #f2f6fc; --base: #e4edf9; --pane: #ffffff; --pane2: #eaf1fa;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(30,98,184, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #101e33; --sub: #496080; --dim: #7c94b5;
  --pink: #1e62b8; --pink2: #d97b54; --gold: #967032; --mint: #1f8068; --red: #c44552;
  --gr: linear-gradient(135deg, #1e62b8 0%, #d97b54 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #eaf1fa);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(30,98,184, 0.22), transparent 55%), linear-gradient(138deg, #eaf1fa, #e4edf9);
  --play-text: #101e33; --btn-primary-text: #f7faff; --btn-text: #f7faff;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(30,98,184, 0.06);
  --v15-aurora: #1e62b8; --v15-dust: #967032;
  --theme-rgb: 30,98,184;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="atacama"] {
  --bg: #11080c; --base: #1c0e15; --pane: #29141f; --pane2: #381c2b;
  --line: rgba(255,133,161, 0.16); --line-bright: rgba(255,133,161, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf0f5; --sub: #c4a0b0; --dim: #825c6d;
  --pink: #ff85a1; --pink2: #f5a64c; --gold: #ffd485; --mint: #6fd4b6; --red: #ff6e88;
  --gr: linear-gradient(135deg, #ffffff 0%, #ff85a1 48%, #f5a64c 100%);
  --card-surface: linear-gradient(155deg, #381c2be8, #29141ff8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(255,133,161, 0.22), transparent 55%), linear-gradient(138deg, #381c2b, #1c0e15);
  --play-text: #fcf0f5; --btn-primary-text: #1f0810; --btn-text: #1f0810;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(255,133,161, 0.06);
  --v15-aurora: #ff85a1; --v15-dust: #ffd485;
  --theme-rgb: 255,133,161;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="antarctica"] {
  --bg: #eff7fc; --base: #e1eff8; --pane: #ffffff; --pane2: #e8f3fa;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(24,109,163, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #0f202e; --sub: #49657a; --dim: #7a98b0;
  --pink: #186da3; --pink2: #0f4266; --gold: #917034; --mint: #1d806a; --red: #c24452;
  --gr: linear-gradient(135deg, #186da3 0%, #0f4266 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #e8f3fa);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(24,109,163, 0.22), transparent 55%), linear-gradient(138deg, #e8f3fa, #e1eff8);
  --play-text: #0f202e; --btn-primary-text: #f5fbff; --btn-text: #f5fbff;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(24,109,163, 0.06);
  --v15-aurora: #186da3; --v15-dust: #917034;
  --theme-rgb: 24,109,163;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="serengeti"] {
  --bg: #0f0904; --base: #1a1007; --pane: #26180b; --pane2: #362210;
  --line: rgba(247,162,66, 0.16); --line-bright: rgba(247,162,66, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faf2e8; --sub: #bfa88c; --dim: #7d664a;
  --pink: #f7a242; --pink2: #c9482e; --gold: #ffd478; --mint: #72c9a6; --red: #f26d6d;
  --gr: linear-gradient(135deg, #ffffff 0%, #f7a242 48%, #c9482e 100%);
  --card-surface: linear-gradient(155deg, #362210e8, #26180bf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(247,162,66, 0.22), transparent 55%), linear-gradient(138deg, #362210, #1a1007);
  --play-text: #faf2e8; --btn-primary-text: #1a0d04; --btn-text: #1a0d04;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(247,162,66, 0.06);
  --v15-aurora: #f7a242; --v15-dust: #ffd478;
  --theme-rgb: 247,162,66;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="fujisakura"] {
  --bg: #f7f3f6; --base: #eee6ec; --pane: #ffffff; --pane2: #f3edf2;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(156,74,107, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #211820; --sub: #665262; --dim: #968292;
  --pink: #9c4a6b; --pink2: #486899; --gold: #946f38; --mint: #297a63; --red: #c24458;
  --gr: linear-gradient(135deg, #9c4a6b 0%, #486899 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #f3edf2);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(156,74,107, 0.22), transparent 55%), linear-gradient(138deg, #f3edf2, #eee6ec);
  --play-text: #211820; --btn-primary-text: #fffafc; --btn-text: #fffafc;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(156,74,107, 0.06);
  --v15-aurora: #9c4a6b; --v15-dust: #946f38;
  --theme-rgb: 156,74,107;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="milkyway"] {
  --bg: #060610; --base: #0b0c20; --pane: #121433; --pane2: #191c47;
  --line: rgba(180,150,255, 0.16); --line-bright: rgba(180,150,255, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f3f2fc; --sub: #9e9cc4; --dim: #5c5a85;
  --pink: #b496ff; --pink2: #f0a85c; --gold: #f5d48c; --mint: #6ad9be; --red: #f07e94;
  --gr: linear-gradient(135deg, #ffffff 0%, #b496ff 48%, #f0a85c 100%);
  --card-surface: linear-gradient(155deg, #191c47e8, #121433f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(180,150,255, 0.22), transparent 55%), linear-gradient(138deg, #191c47, #0b0c20);
  --play-text: #f3f2fc; --btn-primary-text: #0c0821; --btn-text: #0c0821;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(180,150,255, 0.06);
  --v15-aurora: #b496ff; --v15-dust: #f5d48c;
  --theme-rgb: 180,150,255;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="parisopera"] {
  --bg: #0d0806; --base: #180f0b; --pane: #241610; --pane2: #331f17;
  --line: rgba(240,212,127, 0.16); --line-bright: rgba(240,212,127, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faf2ec; --sub: #bfa698; --dim: #7d6456;
  --pink: #f0d47f; --pink2: #a82432; --gold: #ffe08c; --mint: #76c9ab; --red: #f26d78;
  --gr: linear-gradient(135deg, #ffffff 0%, #f0d47f 48%, #a82432 100%);
  --card-surface: linear-gradient(155deg, #331f17e8, #241610f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(240,212,127, 0.22), transparent 55%), linear-gradient(138deg, #331f17, #180f0b);
  --play-text: #faf2ec; --btn-primary-text: #1a0f06; --btn-text: #1a0f06;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(240,212,127, 0.06);
  --v15-aurora: #f0d47f; --v15-dust: #ffe08c;
  --theme-rgb: 240,212,127;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="lascala"] {
  --bg: #100406; --base: #1c080b; --pane: #290c11; --pane2: #381118;
  --line: rgba(230,68,84, 0.16); --line-bright: rgba(230,68,84, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #faedef; --sub: #c29aa0; --dim: #7d545a;
  --pink: #e64454; --pink2: #d9b262; --gold: #f2cf82; --mint: #72c9ad; --red: #ff5464;
  --gr: linear-gradient(135deg, #ffffff 0%, #e64454 48%, #d9b262 100%);
  --card-surface: linear-gradient(155deg, #381118e8, #290c11f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(230,68,84, 0.22), transparent 55%), linear-gradient(138deg, #381118, #1c080b);
  --play-text: #faedef; --btn-primary-text: #1a0407; --btn-text: #1a0407;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(230,68,84, 0.06);
  --v15-aurora: #e64454; --v15-dust: #f2cf82;
  --theme-rgb: 230,68,84;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="swanlake"] {
  --bg: #07060a; --base: #0e0c14; --pane: #161321; --pane2: #1f1b2e;
  --line: rgba(208,196,235, 0.16); --line-bright: rgba(208,196,235, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f5f3fa; --sub: #a6a0b8; --dim: #635d75;
  --pink: #d0c4eb; --pink2: #8c3b58; --gold: #ebd29b; --mint: #78cfb6; --red: #eb7e90;
  --gr: linear-gradient(135deg, #ffffff 0%, #d0c4eb 48%, #8c3b58 100%);
  --card-surface: linear-gradient(155deg, #1f1b2ee8, #161321f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(208,196,235, 0.22), transparent 55%), linear-gradient(138deg, #1f1b2e, #0e0c14);
  --play-text: #f5f3fa; --btn-primary-text: #0f0c18; --btn-text: #0f0c18;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(208,196,235, 0.06);
  --v15-aurora: #d0c4eb; --v15-dust: #ebd29b;
  --theme-rgb: 208,196,235;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="orientexpress"] {
  --bg: #060a0e; --base: #0b131c; --pane: #111d2b; --pane2: #18283b;
  --line: rgba(227,186,110, 0.16); --line-bright: rgba(227,186,110, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f2f5f8; --sub: #9aaab8; --dim: #586878;
  --pink: #e3ba6e; --pink2: #24588a; --gold: #f2cf88; --mint: #6ecfb2; --red: #eb8088;
  --gr: linear-gradient(135deg, #ffffff 0%, #e3ba6e 48%, #24588a 100%);
  --card-surface: linear-gradient(155deg, #18283be8, #111d2bf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(227,186,110, 0.22), transparent 55%), linear-gradient(138deg, #18283b, #0b131c);
  --play-text: #f2f5f8; --btn-primary-text: #081018; --btn-text: #081018;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(227,186,110, 0.06);
  --v15-aurora: #e3ba6e; --v15-dust: #f2cf88;
  --theme-rgb: 227,186,110;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="versailles"] {
  --bg: #f9f6ee; --base: #f0eadc; --pane: #ffffff; --pane2: #f5f0e4;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(150,115,44, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #211c14; --sub: #665c49; --dim: #968b76;
  --pink: #96732c; --pink2: #5c7894; --gold: #96732c; --mint: #267d62; --red: #bf454c;
  --gr: linear-gradient(135deg, #96732c 0%, #5c7894 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #f5f0e4);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(150,115,44, 0.22), transparent 55%), linear-gradient(138deg, #f5f0e4, #f0eadc);
  --play-text: #211c14; --btn-primary-text: #fffdf7; --btn-text: #fffdf7;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(150,115,44, 0.06);
  --v15-aurora: #96732c; --v15-dust: #96732c;
  --theme-rgb: 150,115,44;
  color-scheme: light;
}
html.xinyu-palette-ready[data-xinyu-palette="vienna"] {
  --bg: #0c0904; --base: #171108; --pane: #241b0c; --pane2: #332612;
  --line: rgba(247,202,94, 0.16); --line-bright: rgba(247,202,94, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #fcf6eb; --sub: #c2b093; --dim: #7d6c4f;
  --pink: #f7ca5e; --pink2: #9e2e2e; --gold: #ffde82; --mint: #76cfa8; --red: #f07575;
  --gr: linear-gradient(135deg, #ffffff 0%, #f7ca5e 48%, #9e2e2e 100%);
  --card-surface: linear-gradient(155deg, #332612e8, #241b0cf8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(247,202,94, 0.22), transparent 55%), linear-gradient(138deg, #332612, #171108);
  --play-text: #fcf6eb; --btn-primary-text: #171004; --btn-text: #171004;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(247,202,94, 0.06);
  --v15-aurora: #f7ca5e; --v15-dust: #ffde82;
  --theme-rgb: 247,202,94;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="broadway"] {
  --bg: #08080a; --base: #101015; --pane: #181821; --pane2: #22222e;
  --line: rgba(240,200,112, 0.16); --line-bright: rgba(240,200,112, 0.46); --line-subtle: rgba(255, 255, 255, 0.06);
  --text: #f7f5f0; --sub: #a8a499; --dim: #666358;
  --pink: #f0c870; --pink2: #3d8c78; --gold: #fae094; --mint: #6ad4b4; --red: #eb7e88;
  --gr: linear-gradient(135deg, #ffffff 0%, #f0c870 48%, #3d8c78 100%);
  --card-surface: linear-gradient(155deg, #22222ee8, #181821f8);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(240,200,112, 0.22), transparent 55%), linear-gradient(138deg, #22222e, #101015);
  --play-text: #f7f5f0; --btn-primary-text: #12100a; --btn-text: #12100a;
  --v15-veil: rgba(7, 10, 18, 0.72); --v15-gauze: rgba(240,200,112, 0.06);
  --v15-aurora: #f0c870; --v15-dust: #fae094;
  --theme-rgb: 240,200,112;
  color-scheme: dark;
}
html.xinyu-palette-ready[data-xinyu-palette="royalballet"] {
  --bg: #faf6f4; --base: #f2eae6; --pane: #ffffff; --pane2: #f6efec;
  --line: rgba(30, 28, 24, 0.11); --line-bright: rgba(153,96,82, 0.46); --line-subtle: rgba(28, 25, 21, 0.05);
  --text: #241b18; --sub: #695853; --dim: #998782;
  --pink: #996052; --pink2: #7a6858; --gold: #967038; --mint: #297a62; --red: #c24650;
  --gr: linear-gradient(135deg, #996052 0%, #7a6858 100%);
  --card-surface: linear-gradient(155deg, #ffffff, #f6efec);
  --hero-surface: radial-gradient(ellipse at 80% 14%, rgba(153,96,82, 0.22), transparent 55%), linear-gradient(138deg, #f6efec, #f2eae6);
  --play-text: #241b18; --btn-primary-text: #fffaf8; --btn-text: #fffaf8;
  --v15-veil: rgba(246, 244, 239, 0.85); --v15-gauze: rgba(153,96,82, 0.06);
  --v15-aurora: #996052; --v15-dust: #967038;
  --theme-rgb: 153,96,82;
  color-scheme: light;
}

html.xinyu-palette-ready[data-xinyu-palette] { --color-bg-base:var(--bg);--color-bg-surface:var(--pane);--color-bg-elevated:var(--pane2);--color-bg-hover:var(--base);--color-primary:var(--pink);--color-primary-hover:var(--pink2);--color-accent:var(--pink);--color-text-primary:var(--text);--color-text-secondary:var(--sub);--color-text-tertiary:var(--dim);--color-border:var(--line);--color-border-light:var(--line-subtle);--color-text-inverse:var(--btn-text); }
html.xinyu-palette-ready body { background:var(--bg);color:var(--text); }
html.xinyu-palette-ready .v18-theme-control,html.xinyu-palette-ready .v18-maison-switch { display:none!important; }

.wheel-stage {
  position: relative;
  width: 276px;
  height: 276px;
  margin: 12px auto 10px;
  user-select: none;
  touch-action: none;
  display: grid;
  place-items: center;
  transform: perspective(900px) rotateX(var(--wrx, 0deg)) rotateY(var(--wry, 0deg));
  transition: transform 0.16s ease-out;
  will-change: transform;
}

.wheel-stage.compact {
  width: 242px;
  height: 242px;
  margin: 8px auto 8px;
}

/* 12 点钟蓝宝石凸透微距放大镜 (Sapphire Cyclops Loupe) */
.sapphire-loupe {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 32;
  min-width: 86px;
  height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(10, 12, 18, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid var(--pink);
  box-shadow:
    0 6px 18px rgba(0, 0, 0, 0.75),
    0 0 16px color-mix(in srgb, var(--pink) 45%, transparent),
    inset 0 1px 2px rgba(255, 255, 255, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  pointer-events: none;
}
.sapphire-loupe::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 9px;
  height: 9px;
  background: var(--pink);
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 0 0 8px var(--pink);
}
.loupe-gem-pill {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: var(--gr);
  border: 1px solid #ffffff;
  box-shadow: 0 0 8px var(--pink);
  flex-shrink: 0;
}
.loupe-readout {
  font-family: "SF Mono", "JetBrains Mono", Menlo, monospace;
  font-size: 9.5px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* 外层阳极氧化表耳护圈与环境背光 */
.wheel-outer-halo {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle, color-mix(in srgb, var(--pink) 24%, transparent) 42%, transparent 72%);
  border: 1.2px solid color-mix(in srgb, var(--pink) 38%, rgba(255,255,255,0.14));
  box-shadow:
    inset 0 0 28px rgba(0, 0, 0, 0.8),
    0 14px 42px rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

/* 360° 可旋转 40 宝石切面棘轮 SVG */
.wheel-rotary-svg {
  width: 100%;
  height: 100%;
  cursor: grab;
  overflow: visible;
  will-change: transform;
}
.wheel-rotary-svg:active {
  cursor: grabbing;
}

.wheel-gem-wedge {
  cursor: pointer;
  transition: filter 0.16s ease;
}
.wheel-gem-wedge:hover {
  filter: brightness(1.28);
}
.wheel-gem-wedge.active-wedge {
  filter: brightness(1.4) drop-shadow(0 0 7px var(--pink));
}

/* 陀飞轮双层反向啮合镂空齿轮动画 */
.tourbillon-cage-cw {
  transform-origin: 150px 150px;
  animation: tourbillonCW 24s linear infinite;
  pointer-events: none;
}
.tourbillon-cage-ccw {
  transform-origin: 150px 150px;
  animation: tourbillonCCW 16s linear infinite;
  pointer-events: none;
}
@keyframes tourbillonCW {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes tourbillonCCW {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}

/* 色彩和弦激光几何网 (Harmony Chord Laser Overlay) */
.harmony-chord-poly {
  fill: color-mix(in srgb, var(--pink) 12%, transparent);
  stroke: var(--pink);
  stroke-width: 1.5;
  stroke-dasharray: 4 3;
  filter: drop-shadow(0 0 6px var(--pink));
  pointer-events: none;
  transition: all 0.28s ease;
}
.harmony-node-dot {
  fill: #ffffff;
  stroke: var(--pink);
  stroke-width: 2;
  filter: drop-shadow(0 0 6px var(--pink));
  pointer-events: none;
}

/* 中环：360° 无极全彩光谱色相环 (Continuous Chroma Ring) */
.wheel-chroma-track {
  position: absolute;
  width: 63%;
  height: 63%;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    #ff4d6d, #ff9e44, #ffd166, #5ce6a0, #00e5ff, #5e72eb, #c77dff, #ff4d6d
  );
  padding: 9px;
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,0.68),
    0 0 0 1px rgba(255,255,255,0.18);
  cursor: crosshair;
  z-index: 12;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px));
}

.wheel-chroma-thumb {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--pink);
  border: 2.2px solid #ffffff;
  box-shadow: 0 0 12px var(--pink), 0 2px 6px rgba(0,0,0,0.75);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 16;
  transition: background-color 0.1s ease;
}

/* 内环：陀飞轮宝石中枢视窗 (Center Tourbillon Core) */
.wheel-center-core {
  position: absolute;
  width: 46%;
  height: 46%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--pink) 36%, var(--pane2)), rgba(8, 10, 16, 0.92) 84%);
  border: 1.5px solid var(--line-bright);
  box-shadow:
    0 8px 25px rgba(0,0,0,0.7),
    inset 0 1px 2px rgba(255,255,255,0.36),
    0 0 24px color-mix(in srgb, var(--pink) 28%, transparent);
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 7px;
  cursor: pointer;
  transition: transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease;
}
.wheel-center-core:hover {
  transform: scale(1.05);
  box-shadow:
    0 10px 30px rgba(0,0,0,0.8),
    0 0 32px color-mix(in srgb, var(--pink) 46%, transparent);
}
.wheel-center-core:active {
  transform: scale(0.94);
}

.core-gem-orb {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: var(--gr);
  border: 1.5px solid rgba(255,255,255,0.75);
  box-shadow: 0 0 14px var(--pink), inset 0 2px 4px rgba(255,255,255,0.55);
  margin-bottom: 3px;
  position: relative;
}
.core-gem-orb::after {
  content: "✦";
  font-size: 11px;
  color: var(--btn-text);
  display: grid;
  place-items: center;
  height: 100%;
  font-weight: 800;
}

.core-theme-name {
  font-size: 11px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.03em;
  line-height: 1.2;
  max-width: 96%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.core-theme-sub {
  font-size: 8px;
  color: var(--pink);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 1px;
}
.core-theme-hex {
  font-size: 8px;
  font-family: "SF Mono", Menlo, monospace;
  color: #d0d5e2;
  margin-top: 2px;
  padding: 1px 6px;
  border-radius: 99px;
  background: rgba(0,0,0,0.45);
  border: 1px solid var(--line);
}

/* 色彩和弦模式切换胶囊栏 (Solo / Dyad / Triad / Tetrad) */
.harmony-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 4px 0 6px;
  flex-wrap: wrap;
}
.hm-pill {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 9.5px;
  font-weight: 650;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--line);
  color: var(--sub);
  transition: all 0.2s ease;
}
.hm-pill.active {
  background: color-mix(in srgb, var(--pink) 20%, transparent);
  border-color: var(--pink);
  color: var(--pink);
  box-shadow: 0 0 10px color-mix(in srgb, var(--pink) 28%, transparent);
}

/* 轮圈下方棘轮步进、盲盒与 CSS 复制控制栏 */
.wheel-controls-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 4px 0 8px;
  flex-wrap: wrap;
}
.wc-btn {
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--line);
  color: var(--text);
  font-size: 10px;
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.wc-btn:hover {
  border-color: var(--pink);
  color: var(--pink);
  background: color-mix(in srgb, var(--pink) 14%, transparent);
}
.wc-btn:active {
  transform: scale(0.92);
}
.wc-btn.primary-spin {
  background: var(--gr);
  color: var(--btn-text);
  border-color: transparent;
  font-weight: 750;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--pink) 34%, transparent);
}

/* 私人高定色卡铭牌存档槽 (4 Custom Saved Couture Slots) */
.saved-slots-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin: 6px 0 8px;
}
.slot-pill {
  padding: 5px 6px;
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  border: 1px dashed var(--line);
  font-size: 9.5px;
  color: var(--sub);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
}
.slot-pill.filled {
  border-style: solid;
  border-color: var(--line-bright);
  color: var(--text);
  font-weight: 650;
}
.slot-pill:hover {
  border-color: var(--pink);
  transform: translateY(-1px);
}

/* 顶栏星轨轮圈条升级 */
.ribbon-wheel-trigger {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 11px;
  border-radius: 999px;
  background: var(--gr);
  color: var(--btn-text);
  font-size: 10.5px;
  font-weight: 800;
  white-space: nowrap;
  flex-shrink: 0;
  box-shadow: 0 0 14px color-mix(in srgb, var(--pink) 38%, transparent);
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.ribbon-wheel-trigger:active {
  transform: scale(0.92);
}
.ribbon-wheel-icon {
  display: inline-block;
  animation: spinAstrolabe 6s linear infinite;
}
.ribbon-chip.active .ribbon-swatch {
  box-shadow: 0 0 0 2px var(--bg), 0 0 0 3.5px var(--pink);
  transform: scale(1.18);
  transition: all 0.25s ease;
}



/* ==========================================================================
   XINYU V23 · HYPER-TACTILE SIX-SENSE CLICK FEEDBACK ENGINE
   1. Zero-Lag Element Elastic Press & Overshoot Rebound (.tactile-bounce)
   2. Internal Contact-Point Specular Shockwave (.el-specular-wave)
   3. 4 Switchable Global Click FX Skins (Diamond / Horology / Sakura / Cyber)
   4. Floating Contextual Micro-Badge & Combo Resonance Counter
   ========================================================================== */

/* 1. 任意可交互元素内部接触点高光冲击波 & 弹簧回弹 */
.btn-primary, .btn-ghost, .p-chip, .ribbon-chip, .world-card, .hud-cell,
.u-btn, .wc-btn, .hm-pill, .slot-pill, .tab-item, .npc-pill, .q-chip,
.h-pill-btn, .h-icon-btn, .gf-btn, .w-btn, .mode-toggle-btn, .ribbon-wheel-trigger {
  position: relative;
  overflow: hidden;
  transform-origin: center center;
}

@keyframes tactileElasticBounce {
  0%   { transform: scale(1); }
  22%  { transform: scale(0.91); filter: brightness(1.22); }
  58%  { transform: scale(1.045); filter: brightness(1.08); }
  82%  { transform: scale(0.985); }
  100% { transform: scale(1); filter: brightness(1); }
}

.tactile-bounce {
  animation: tactileElasticBounce 0.42s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  box-shadow: 0 0 22px color-mix(in srgb, var(--pink) 48%, transparent) !important;
}

/* 按钮/卡片内部从点击坐标扩散的镜面流光波 */
.el-specular-wave {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 5;
  background: radial-gradient(circle, rgba(255,255,255,0.78) 0%, color-mix(in srgb, var(--pink) 58%, transparent) 45%, transparent 72%);
  transform: translate(-50%, -50%) scale(0.2);
  animation: elWaveExpand 0.52s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes elWaveExpand {
  0%   { opacity: 0.95; transform: translate(-50%, -50%) scale(0.2); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(15.5); }
}

/* 2. 全局指尖双重各向异性冲击波环 + 瞬时核心闪光点 */
.click-core-flash {
  position: fixed;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 16px 4px var(--pink), 0 0 32px 8px var(--gold);
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%) scale(1);
  animation: coreFlashOut 0.28s ease-out forwards;
}
@keyframes coreFlashOut {
  0%   { opacity: 1; transform: translate(-50%, -50%) scale(0.5); }
  50%  { opacity: 0.9; transform: translate(-50%, -50%) scale(1.6); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(0.1); }
}

.click-shockwave-inner {
  position: fixed;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9998;
  border: 1.8px solid var(--pink);
  box-shadow: 0 0 12px var(--pink), inset 0 0 8px var(--gold);
  transform: translate(-50%, -50%) scale(0.3);
  animation: shockInnerBurst 0.52s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes shockInnerBurst {
  0%   { opacity: 0.95; transform: translate(-50%, -50%) scale(0.3); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(4.2); }
}

.click-shockwave-outer {
  position: fixed;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9997;
  border: 1px dashed var(--gold);
  transform: translate(-50%, -50%) scale(0.2) rotate(0deg);
  animation: shockOuterSpin 0.68s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes shockOuterSpin {
  0%   { opacity: 0.85; transform: translate(-50%, -50%) scale(0.2) rotate(0deg); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(3.6) rotate(90deg); }
}

/* 陀飞轮星轨准星特效 (Horology Compass Reticle) */
.click-horology-reticle {
  position: fixed;
  width: 58px;
  height: 58px;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%, -50%) scale(0.35) rotate(-45deg);
  animation: reticleLockIn 0.62s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes reticleLockIn {
  0%   { opacity: 1; transform: translate(-50%, -50%) scale(0.35) rotate(-45deg); }
  65%  { opacity: 0.85; transform: translate(-50%, -50%) scale(1.15) rotate(15deg); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.45) rotate(45deg); }
}

/* 赛博量子六边形脉冲特效 (Cyber Quantum Hex) */
.click-cyber-hex {
  position: fixed;
  width: 44px;
  height: 44px;
  pointer-events: none;
  z-index: 9998;
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  background: radial-gradient(circle, transparent 48%, var(--pink) 72%, var(--pink2) 100%);
  transform: translate(-50%, -50%) scale(0.25);
  animation: cyberHexPulse 0.54s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes cyberHexPulse {
  0%   { opacity: 1; transform: translate(-50%, -50%) scale(0.25) rotate(0deg); filter: hue-rotate(0deg); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.5) rotate(60deg); filter: hue-rotate(90deg); }
}

/* 重力抛物线星钻/樱花微粒 */
.click-phys-particle {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
  text-shadow: 0 0 8px var(--pink);
  transform: translate(-50%, -50%);
  animation: physParticleArc 0.72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes physParticleArc {
  0%   { opacity: 1; transform: translate(-50%, -50%) scale(0.5) rotate(0deg); }
  60%  { opacity: 0.95; }
  100% { opacity: 0; transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.2) rotate(var(--rot)); }
}

/* 悬浮微反馈胶囊标 & 连击 Combo 徽章 */
.click-micro-hud {
  position: fixed;
  pointer-events: none;
  z-index: 10000;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(10, 12, 18, 0.88);
  border: 1px solid var(--pink);
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  box-shadow: 0 6px 18px rgba(0,0,0,0.55), 0 0 12px color-mix(in srgb, var(--pink) 42%, transparent);
  white-space: nowrap;
  transform: translate(-50%, -100%);
  animation: microHudFloat 0.78s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes microHudFloat {
  0%   { opacity: 0; transform: translate(-50%, -40%) scale(0.7); }
  25%  { opacity: 1; transform: translate(-50%, -130%) scale(1.06); }
  100% { opacity: 0; transform: translate(-50%, -220%) scale(0.94); }
}

/* 点击反馈模式切换栏 */
.click-fx-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-top: 6px;
}
.cfx-btn {
  padding: 5px 4px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 650;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.09);
  color: #cfd4e2;
  text-align: center;
  transition: all 0.2s ease;
}
.cfx-btn.active {
  border-color: var(--pink);
  color: var(--btn-text);
  background: var(--gr);
  font-weight: 800;
  box-shadow: 0 0 12px color-mix(in srgb, var(--pink) 35%, transparent);
}
/* Web dialog shell: the App wheel stays cached; page layout is unchanged. */
.xinyu-palette-entry { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:18px;background:var(--pane);color:var(--gold);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer; }
.xinyu-palette-entry.is-compact { width:34px;min-width:34px;padding:7px;flex:none; }
.xinyu-palette-entry.is-floating { position:fixed;top:14px;right:14px;z-index:50; }
.xinyu-palette-entry[hidden] { display:none!important; }
.xinyu-palette-dialog { position:fixed;inset:auto 0 0;width:min(100%,580px);max-width:100%;max-height:92dvh;margin:0 auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));box-sizing:border-box;border:1px solid var(--line-bright);border-bottom:0;border-radius:28px 28px 0 0;overflow:auto;overscroll-behavior:contain;background:var(--base);color:var(--text);box-shadow:0 -20px 80px #0005;opacity:1;transform:translateY(0);transition:opacity .18s,transform .18s; }
.xinyu-palette-dialog::backdrop { background:#0008; }
.xinyu-palette-dialog.is-closing { opacity:0;transform:translateY(24px); }
@starting-style {.xinyu-palette-dialog[open] {opacity:0;transform:translateY(24px)}}
.xinyu-palette-heading { display:flex;justify-content:space-between;align-items:center;gap:16px; }
.xinyu-palette-heading small { color:var(--dim);font-size:10px;letter-spacing:.16em; }
.xinyu-palette-heading h2 { margin:4px 0 0;font-size:21px;line-height:1.45;color:var(--text); }
.xinyu-palette-close { min-width:48px;min-height:42px;padding:7px 10px;border:1px solid var(--line);border-radius:15px;background:var(--pane);color:var(--sub);cursor:pointer; }
.xinyu-palette-hint,.xinyu-palette-status { font-size:12px;line-height:1.7;color:var(--sub);margin:10px 0; }
.xinyu-palette-dialog .wheel-stage { width:min(300px,78vw);height:min(300px,78vw);margin:28px auto 20px;transform:none!important; }
.xinyu-palette-dialog .wheel-stage * { animation:none!important;filter:none!important;box-shadow:none!important; }
.xinyu-palette-dialog .wheel-outer-halo { display:none; }
.xinyu-palette-dialog .wheel-controls-row { display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:7px; }
.xinyu-palette-dialog .wc-btn { min-height:44px;min-width:0;justify-content:center;padding:8px;font-size:12px;color:var(--text); }
.xinyu-palette-dialog .hm-pill { min-height:44px; }
.xinyu-palette-dialog .v22-rotor-surface { position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;transform-origin:50% 50%;will-change:transform;contain:layout style paint; }
.xinyu-palette-done { width:100%;min-height:46px;margin:14px 0 8px;border:0;border-radius:18px;background:var(--gr);color:var(--btn-text);font:inherit;font-weight:600;cursor:pointer; }
.xinyu-palette-reset { display:block;margin:0 auto;padding:9px 14px;min-height:40px;border:0;border-radius:14px;background:transparent;color:var(--sub);font:inherit;font-size:12px;cursor:pointer; }
.xinyu-palette-status { text-align:center;font-size:11px; }
.xinyu-palette-all { border-top:1px solid var(--line);padding-top:12px; }
.xinyu-palette-all summary { min-height:34px;color:var(--text);font-size:13px;cursor:pointer; }
.xinyu-palette-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:10px; }
.xinyu-palette-grid button { min-height:60px;min-width:0;padding:9px 5px;border:1px solid var(--line);border-radius:13px;background:var(--pane);color:var(--text);font-size:11px;line-height:1.5;cursor:pointer; }
.xinyu-palette-grid button[aria-pressed=true] { border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold); }
.xinyu-palette-grid i { display:block;width:28px;height:8px;border-radius:6px;margin:0 auto 6px; }
.xinyu-palette-dialog button:focus-visible,.xinyu-palette-entry:focus-visible,.xinyu-palette-dialog [data-wheel-stage]:focus-visible { outline:2px solid var(--gold);outline-offset:3px; }
@media(min-width:700px){.xinyu-palette-dialog {inset:0;margin:auto;height:fit-content;max-height:90dvh;border-bottom:1px solid var(--line-bright);border-radius:28px;}}
@media(prefers-reduced-motion:reduce){.xinyu-palette-dialog {transition:none}.xinyu-palette-dialog.is-closing {transform:none}}