*{margin:0;padding:0;box-sizing:border-box}
:root,[data-theme="dark"]{
  --bg:#080b12;--bg2:#0e1219;--bg3:#151a24;--bg4:#1e2533;
  /* 深色：边界线提亮一档，与面板底色区分更清楚 */
  --border:#3a4d68;--border2:#4d6280;
  --text:#e4e8f1;--text2:#8b95a8;--text3:#525e74;
  --accent:#00d4aa;--accent2:#38f0d0;--accent-bg:rgba(0,212,170,.08);
  --green:#00d4aa;--red:#ff4757;--yellow:#ffc312;--blue:#0abde3;
  --radius:8px;--radius-lg:14px;
  --shadow:0 4px 32px rgba(0,0,0,.5);
  --glow:0 0 20px rgba(0,212,170,.15);
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  --cosmos-base:radial-gradient(ellipse 155% 135% at 50% 128%,#0a1022 0%,#050814 46%,#02040a 100%);
  /* 前置大面板：高透叠在星空上（顶栏/主区缝可见星云）；任务卡可读性在 video.css 内仅 #panel-video 再提高不透明度 */
  --surface-over-watermark:color-mix(in srgb,var(--bg2) 13%,transparent);
  --surface-over-watermark-dense:color-mix(in srgb,var(--bg2) 20%,transparent);
  --surface-elevated:color-mix(in srgb,var(--bg3) 9%,transparent);
  --surface-overlay-root:color-mix(in srgb,var(--bg) 24%,transparent);
  --particle-layer-opacity:1;
}
[data-theme="light"]{
  /* 浅色默认：更轻的暖灰描边 + 略提亮的主色，整体偏「薄雾纸面」 */
  --bg:#fdfcfa;--bg2:#fcfcfb;--bg3:#f5f3f0;--bg4:#ebe8e4;
  --border:#e0dbd6;--border2:#cbc5be;
  --text:#0e1218;--text2:#3d4752;--text3:#868179;
  --accent:#1a7d8f;--accent2:#2db0a3;--accent-bg:rgba(26,125,143,.1);
  --green:#0c8065;--red:#c93832;--yellow:#9d7a18;--blue:#127a96;
  --shadow:0 4px 24px rgba(14,18,24,.055);
  --glow:0 0 20px rgba(26,125,143,.07);
  --cosmos-base:#faf9f7;
  --surface-over-watermark:color-mix(in srgb,var(--bg2) 92%,transparent);
  --surface-over-watermark-dense:color-mix(in srgb,var(--bg2) 96%,transparent);
  --surface-elevated:color-mix(in srgb,var(--bg3) 88%,transparent);
  --surface-overlay-root:color-mix(in srgb,var(--bg) 52%,transparent);
  --particle-layer-opacity:1;
}
html{
  font-size:clamp(15.25px,0.28vw + 14px,18.75px);
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden}
#themeRippleLayer{
  position:fixed;
  inset:0;
  z-index:100000;
  pointer-events:none;
  visibility:hidden;
  clip-path:circle(0 at 50% 50%);
  will-change:clip-path;
}
#themeRippleLayer.theme-ripple-active{
  visibility:visible;
  animation:themeRippleExpand .58s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes themeRippleExpand{
  from{clip-path:circle(0 at var(--ripple-x) var(--ripple-y));}
  to{clip-path:circle(var(--ripple-r) at var(--ripple-x) var(--ripple-y));}
}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}
.app{display:flex;flex-direction:column;height:100vh;position:relative}
/* 宇宙底：星云渐变（最底层） */
.app-bg-cosmos{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--cosmos-base)}
.app-bg-cosmos::before{
  content:'';
  position:absolute;inset:-25%;
  background:
    radial-gradient(ellipse 110% 75% at 14% 8%,rgba(120,90,200,.5) 0%,transparent 54%),
    radial-gradient(ellipse 90% 65% at 90% 72%,rgba(30,90,180,.48) 0%,transparent 50%),
    radial-gradient(ellipse 75% 60% at 48% 102%,rgba(12,40,95,.6) 0%,transparent 52%),
    radial-gradient(ellipse 50% 45% at 70% 20%,rgba(200,120,255,.12) 0%,transparent 45%);
  opacity:1;
}
.app-bg-cosmos::after{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse 130% 100% at 50% -8%,rgba(0,212,170,.05) 0%,transparent 46%);
  pointer-events:none;
}
[data-theme="light"] .app-bg-cosmos{background:var(--cosmos-base)}
[data-theme="light"] .app-bg-cosmos::before{opacity:0}
[data-theme="light"] .app-bg-cosmos::after{opacity:0}
/* 用户自选背景（叠在宇宙底之上、粒子画布之下） */
.app-bg-user{
  position:absolute;inset:0;z-index:0;
  pointer-events:none;overflow:hidden;
  background:transparent center/cover no-repeat;
  opacity:0;visibility:hidden;
  transition:opacity .35s ease;
}
html[data-user-bg="1"] .app-bg-user{
  visibility:visible;opacity:1;
}
html[data-user-bg="1"] .app-bg-cosmos{
  visibility:hidden!important;
  opacity:0!important;
}
/* 纯色画布 + 自定义图：不铺不透明粒子层，露出照片 */
html[data-user-bg="1"][data-sky="blank"] .app-bg-particles canvas{opacity:0}
.app-bg-particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.app-bg-particles canvas{display:block;width:100%;height:100%;opacity:var(--particle-layer-opacity)}
[data-sky="blank"] .app-bg-particles canvas{opacity:1}
/* 纯色画布（data-sky=blank）：单色铺满，关掉底层星云避免透灰 */
/* 纯色画布：跟随主背景色，与界面色调一致 */
html[data-sky="blank"]{--sky-blank-fill:var(--bg)}
html[data-sky="blank"][data-sky-fill-custom="1"]{--sky-blank-fill:var(--user-sky-fill,var(--bg))}
html[data-sky="blank"],
html[data-sky="blank"] body{background:var(--sky-blank-fill)}
html[data-sky="blank"] .app-bg-cosmos{visibility:hidden;opacity:0}
/* 顶栏必须高于 .panel，否则同 z-index 时后出现的 panel 会盖住顶栏内的用户下拉菜单 */
.app>.topbar{position:relative;z-index:20}
.app>.panel,.app>#pricing-content{position:relative;z-index:3}
.main-area{flex:1;display:flex;overflow:hidden}
.panel{display:none;flex:1;flex-direction:column;overflow:hidden}
.panel.active{display:flex}

/* ========== 界面色调（与浅色/深色独立；只改底与字色，不改强调色） ========== */
[data-theme="light"][data-ui-palette="warm"]{
  --bg:#fdfaf6;--bg2:#fcf8f3;--bg3:#f2ebe3;--bg4:#e8dfd4;
  --text:#1c1612;--text2:#5c5248;--text3:#7a6f62;
  --cosmos-base:#fdfaf6;
}
[data-theme="light"][data-ui-palette="cool"]{
  --bg:#f7f9fc;--bg2:#f7f9fc;--bg3:#eaedf3;--bg4:#dde2ea;
  --text:#0f1724;--text2:#3d4a5c;--text3:#667084;
  --cosmos-base:#f7f9fc;
}
[data-theme="light"][data-ui-palette="mint"]{
  --bg:#f5fbf9;--bg2:#f4faf8;--bg3:#e6f2ef;--bg4:#d7e8e3;
  --text:#0f1817;--text2:#2d4a45;--text3:#5c726e;
  --cosmos-base:#f5fbf9;
}
[data-theme="light"][data-ui-palette="violet"]{
  --bg:#faf9fc;--bg2:#faf9fc;--bg3:#f0ecf5;--bg4:#e2dbe9;
  --text:#16121f;--text2:#4a4258;--text3:#73687d;
  --cosmos-base:#faf9fc;
}
[data-theme="light"][data-ui-palette="sand"]{
  --bg:#faf7f2;--bg2:#f9f5ed;--bg3:#eee6d9;--bg4:#e0d5c8;
  --text:#1a1612;--text2:#534a3d;--text3:#756a5c;
  --cosmos-base:#faf7f2;
}
[data-theme="dark"][data-ui-palette="warm"]{
  --bg:#100e0c;--bg2:#181412;--bg3:#222018;--bg4:#2e2820;
  --text:#f5efe8;--text2:#b5a898;--text3:#7d7368;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#1a1510 0%,#0c0a08 55%,#060504 100%);
}
[data-theme="dark"][data-ui-palette="cool"]{
  --bg:#070b10;--bg2:#0b1018;--bg3:#131b26;--bg4:#1a2430;
  --text:#e8eef5;--text2:#8fa0b3;--text3:#5c6a7a;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#0f1824 0%,#060a10 55%,#030508 100%);
}
[data-theme="dark"][data-ui-palette="mint"]{
  --bg:#080f0e;--bg2:#0c1614;--bg3:#142220;--bg4:#1c2e2b;
  --text:#e8f4f1;--text2:#8fb5aa;--text3:#5a766d;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#0f1f1c 0%,#060d0c 55%,#030706 100%);
}
[data-theme="dark"][data-ui-palette="violet"]{
  --bg:#0c0a12;--bg2:#12101a;--bg3:#1a1624;--bg4:#241e32;
  --text:#efeaf7;--text2:#a898c0;--text3:#756b8a;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#18122a 0%,#080610 55%,#040308 100%);
}
[data-theme="dark"][data-ui-palette="sand"]{
  --bg:#0f0e0b;--bg2:#171512;--bg3:#211f1a;--bg4:#2d2a23;
  --text:#f2ebe0;--text2:#a89a86;--text3:#756b5c;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#1a1812 0%,#0c0b08 55%,#050504 100%);
}
[data-theme="light"][data-ui-palette="rose"]{
  --bg:#fdf6f8;--bg2:#fcf4f7;--bg3:#f5e8ee;--bg4:#ebd8e2;
  --text:#1c1218;--text2:#5c4552;--text3:#7d6672;
  --cosmos-base:#fdf6f8;
}
[data-theme="light"][data-ui-palette="ice"]{
  --bg:#f2f8fc;--bg2:#f1f7fc;--bg3:#e2eef6;--bg4:#d0e3ef;
  --text:#0a1620;--text2:#355a72;--text3:#5a7a90;
  --cosmos-base:#f2f8fc;
}
[data-theme="light"][data-ui-palette="honey"]{
  --bg:#fdfbf4;--bg2:#fcf9f0;--bg3:#f3ead8;--bg4:#e8dfc6;
  --text:#1a160e;--text2:#5a5240;--text3:#7d7358;
  --cosmos-base:#fdfbf4;
}
[data-theme="light"][data-ui-palette="fog"]{
  --bg:#f7f7f8;--bg2:#f6f6f8;--bg3:#eaeaed;--bg4:#dddee2;
  --text:#121318;--text2:#4a4d58;--text3:#6e717a;
  --cosmos-base:#f7f7f8;
}
[data-theme="dark"][data-ui-palette="rose"]{
  --bg:#110c0f;--bg2:#1a1216;--bg3:#241a20;--bg4:#32242c;
  --text:#f8eef3;--text2:#c4a8b6;--text3:#8c7482;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#1e141c 0%,#0e090c 55%,#050304 100%);
}
[data-theme="dark"][data-ui-palette="ice"]{
  --bg:#060a10;--bg2:#0a1118;--bg3:#101a24;--bg4:#162433;
  --text:#e8f2fa;--text2:#8aa8c0;--text3:#5c7588;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#0c1622 0%,#050a10 55%,#020508 100%);
}
[data-theme="dark"][data-ui-palette="honey"]{
  --bg:#100e08;--bg2:#18150c;--bg3:#221e12;--bg4:#2e2818;
  --text:#f7f3e8;--text2:#c4b896;--text3:#8a8268;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#1a170e 0%,#0c0b06 55%,#050403 100%);
}
[data-theme="dark"][data-ui-palette="fog"]{
  --bg:#0c0c0e;--bg2:#131314;--bg3:#1b1b1e;--bg4:#252528;
  --text:#f0f0f2;--text2:#9b9ba3;--text3:#6a6a72;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#18181c 0%,#0a0a0c 55%,#030304 100%);
}
[data-theme="light"][data-ui-palette="peach"]{
  --bg:#fff8f5;--bg2:#fff6f2;--bg3:#ffe8e0;--bg4:#f5d9ce;
  --text:#1f1410;--text2:#5c4538;--text3:#80655a;
  --cosmos-base:#fff8f5;
}
[data-theme="light"][data-ui-palette="sage"]{
  --bg:#f6faf7;--bg2:#f4f9f5;--bg3:#e2ebe4;--bg4:#d0dcd4;
  --text:#131a16;--text2:#3d5248;--text3:#5c6e64;
  --cosmos-base:#f6faf7;
}
[data-theme="light"][data-ui-palette="latte"]{
  --bg:#faf6f0;--bg2:#f8f3eb;--bg3:#ebe3d6;--bg4:#dcd2c4;
  --text:#1c1510;--text2:#524838;--text3:#726558;
  --cosmos-base:#faf6f0;
}
[data-theme="light"][data-ui-palette="storm"]{
  --bg:#f4f6fa;--bg2:#f0f3f8;--bg3:#dfe5ee;--bg4:#ccd4e0;
  --text:#111820;--text2:#3d4a5e;--text3:#5f6b7d;
  --cosmos-base:#f4f6fa;
}
[data-theme="light"][data-ui-palette="cocoa"]{
  --bg:#faf6f1;--bg2:#f7f0e8;--bg3:#e8ddd2;--bg4:#d8cbbc;
  --text:#1a1410;--text2:#4f4236;--text3:#6f5f50;
  --cosmos-base:#faf6f1;
}
[data-theme="dark"][data-ui-palette="peach"]{
  --bg:#120d0b;--bg2:#1a1410;--bg3:#261c18;--bg4:#332520;
  --text:#fdf5f0;--text2:#c4a898;--text3:#8a7568;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#1f1814 0%,#0e0a08 55%,#050403 100%);
}
[data-theme="dark"][data-ui-palette="sage"]{
  --bg:#0a100d;--bg2:#0f1612;--bg3:#162019;--bg4:#1e2c22;
  --text:#eef5f0;--text2:#92a898;--text3:#62756a;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#142018 0%,#080d0b 55%,#030605 100%);
}
[data-theme="dark"][data-ui-palette="latte"]{
  --bg:#0e0c09;--bg2:#16130f;--bg3:#211c15;--bg4:#2e271d;
  --text:#f7f1e8;--text2:#b8a88c;--text3:#7d7060;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#1c1812 0%,#0c0a06 55%,#040302 100%);
}
[data-theme="dark"][data-ui-palette="storm"]{
  --bg:#080a0f;--bg2:#0c1018;--bg3:#131a24;--bg4:#1a2330;
  --text:#e8ecf4;--text2:#8a9ab0;--text3:#5c6878;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#101828 0%,#060910 55%,#030508 100%);
}
[data-theme="dark"][data-ui-palette="cocoa"]{
  --bg:#0c0907;--bg2:#140f0c;--bg3:#1e1814;--bg4:#2a221c;
  --text:#f5ebe3;--text2:#a89282;--text3:#726058;
  --cosmos-base:radial-gradient(ellipse 150% 120% at 50% 100%,#1a1510 0%,#0a0806 55%,#030201 100%);
}

/* ========== 边框色系（写在界面色调之后，便于覆盖 var(--border)；强调色与边框同系） ========== */
[data-theme="light"][data-border-palette="soft"]{
  --border:#c5cdd8;--border2:#aab4c2;
  --accent:#4a6d8a;--accent2:#355266;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="strong"]{
  --border:#5d6778;--border2:#4a5363;
  --accent:#3d4f66;--accent2:#2d3b4e;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="slate"]{
  --border:#8a9bb0;--border2:#6c7f96;
  --accent:#4a6fa8;--accent2:#3a5a82;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="warm"]{
  --border:#b8a090;--border2:#958472;
  --accent:#8b6b4f;--accent2:#6d543e;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="ocean"]{
  --border:#6f9aad;--border2:#528496;
  --accent:#2d7a9e;--accent2:#1f5f7a;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="dark"][data-border-palette="soft"]{
  --border:#2a3544;--border2:#354456;
  --accent:#8fa4bf;--accent2:#b3c4d8;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="strong"]{
  --border:#5a6d88;--border2:#6d8199;
  --accent:#a8bcd8;--accent2:#c8d6ea;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="slate"]{
  --border:#4a5c72;--border2:#5d7190;
  --accent:#8fa4bc;--accent2:#b0c2d8;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="warm"]{
  --border:#5c5044;--border2:#6e5f50;
  --accent:#c4a88c;--accent2:#dcc4a8;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="ocean"]{
  --border:#3d5c62;--border2:#4d737a;
  --accent:#6fa8b8;--accent2:#8ec4d0;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="light"][data-border-palette="forest"]{
  --border:#6d8b7a;--border2:#547064;
  --accent:#3d7058;--accent2:#2d5544;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="rose"]{
  --border:#b898a8;--border2:#967a8c;
  --accent:#8a5f78;--accent2:#6d4c60;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="ink"]{
  --border:#4a5160;--border2:#353b48;
  --accent:#2a3444;--accent2:#1e2533;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="gold"]{
  --border:#b89a6a;--border2:#967d52;
  --accent:#8b7038;--accent2:#6d5a2c;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="lavender"]{
  --border:#9d92b8;--border2:#7d7399;
  --accent:#6d5a94;--accent2:#524678;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="dark"][data-border-palette="forest"]{
  --border:#3d5248;--border2:#4d6658;
  --accent:#7aaa98;--accent2:#9ec4b4;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="rose"]{
  --border:#5c4552;--border2:#6e5664;
  --accent:#c4a0b4;--accent2:#dcc0d0;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="ink"]{
  --border:#5a6270;--border2:#6e7685;
  --accent:#a0a8b8;--accent2:#bcc4d4;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="gold"]{
  --border:#6a5c40;--border2:#7d6d4c;
  --accent:#c4a870;--accent2:#dcc490;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="lavender"]{
  --border:#524a68;--border2:#635a7a;
  --accent:#b8a8d0;--accent2:#d4c8e8;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="light"][data-border-palette="coral"]{
  --border:#c99388;--border2:#a67268;
  --accent:#a85c4a;--accent2:#864a3c;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="mauve"]{
  --border:#a890a8;--border2:#8a758f;
  --accent:#7a5f7a;--accent2:#5e4a5e;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="chrome"]{
  --border:#a8adb4;--border2:#8b929c;
  --accent:#5a6578;--accent2:#465060;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="ruby"]{
  --border:#b07080;--border2:#8e5565;
  --accent:#8d4558;--accent2:#6d3544;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="light"][data-border-palette="midnight"]{
  --border:#5d6b88;--border2:#475570;
  --accent:#3d4d78;--accent2:#2d3a5e;--accent-bg:color-mix(in srgb,var(--accent) 14%,transparent);
}
[data-theme="dark"][data-border-palette="coral"]{
  --border:#5a4540;--border2:#6b5550;
  --accent:#d4a090;--accent2:#e8c0b0;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="mauve"]{
  --border:#5a4d5c;--border2:#6c5d6e;
  --accent:#c4b0c8;--accent2:#dcc8e0;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="chrome"]{
  --border:#505860;--border2:#636c78;
  --accent:#b0b8c8;--accent2:#ccd0dc;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="ruby"]{
  --border:#6b3d4d;--border2:#7d4f5f;
  --accent:#d498a8;--accent2:#e8b8c4;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}
[data-theme="dark"][data-border-palette="midnight"]{
  --border:#4a5570;--border2:#5a6685;
  --accent:#8a9cc0;--accent2:#a8b8d8;--accent-bg:color-mix(in srgb,var(--accent) 18%,transparent);
}

/* 自选界面色（--user-ui-* 由 theme.js 写入） */
[data-theme="light"][data-ui-palette="custom"]{
  --bg:var(--user-ui-bg,#f4f5f7);--bg2:var(--user-ui-bg2,#f4f5f7);--bg3:var(--user-ui-bg3,#e8eaed);--bg4:var(--user-ui-bg4,#dde0e6);
  --text:var(--user-ui-text,#0a1628);--text2:var(--user-ui-text2,#3d4f68);--text3:var(--user-ui-text3,#6e7a8a);
}
[data-theme="dark"][data-ui-palette="custom"]{
  --bg:var(--user-ui-bg,#0e1219);--bg2:var(--user-ui-bg2,#121722);--bg3:var(--user-ui-bg3,#1a2130);--bg4:var(--user-ui-bg4,#232d3f);
  --text:var(--user-ui-text,#e4e8f1);--text2:var(--user-ui-text2,#8b95a8);--text3:var(--user-ui-text3,#6a7588);
}
[data-theme="light"][data-ui-palette="custom"] .app-bg-cosmos,
[data-theme="dark"][data-ui-palette="custom"] .app-bg-cosmos{
  background:var(--user-ui-cosmos,var(--bg));
}

[data-theme="light"][data-border-palette="custom"]{
  --border:var(--user-border,#e0dbd6);--border2:var(--user-border2,#cbc5be);
  --accent:var(--user-accent,#1a7d8f);--accent2:var(--user-accent2,#2db0a3);--accent-bg:var(--user-accent-bg,rgba(26,125,143,.1));
}
[data-theme="dark"][data-border-palette="custom"]{
  --border:var(--user-border,#9aa6b5);--border2:var(--user-border2,#7d8ca0);
  --accent:var(--user-accent,#00d4aa);--accent2:var(--user-accent2,#38f0d0);--accent-bg:var(--user-accent-bg,rgba(0,212,170,.08));
}

/* 关闭「漫剧创作」时隐藏入口与整页（由 index.html 头脚本为 html 加 .no-manju-workspace） */
html.no-manju-workspace .topbar-tab[data-panel="drama"],
html.no-manju-workspace #panel-drama,
html.no-manju-workspace .home-cta-manju{display:none!important}