/* 全站主题系统：默认主题沿用 main.css / admin.css，以下六套通过设计令牌统一前后台。 */
html[data-theme="neumorphism"] {
  --theme-bg:#e8edf4; --theme-bg-image:none; --theme-surface:#e8edf4; --theme-surface-strong:#eef3f9; --theme-surface-soft:#dde4ed;
  --theme-text:#263344; --theme-muted:#647287; --theme-border:rgba(107,124,147,.24); --theme-primary:#586d8d; --theme-primary-deep:#405573; --theme-accent:#8fa5c3;
  --theme-card-radius:22px; --theme-control-radius:14px; --theme-shadow:10px 10px 24px #c6ccd4,-10px -10px 24px #fff; --theme-shadow-hover:14px 14px 30px #c2c9d2,-14px -14px 30px #fff;
  --theme-sidebar:#e3e9f0; --theme-sidebar-text:#4c5e75; --theme-sidebar-active:#d8e0e9; --theme-sidebar-active-text:#31435d; --theme-topbar:rgba(232,237,244,.94); --theme-font:"PingFang SC","Microsoft YaHei",sans-serif;
  --theme-button:linear-gradient(145deg,#f1f6fc,#d8dee7); --theme-button-text:#31435d; --theme-blur:0px;
}

html[data-theme="y2k"] {
  --theme-bg:#f8efff; --theme-bg-image:radial-gradient(circle at 12% 8%,rgba(91,231,255,.55),transparent 28%),radial-gradient(circle at 88% 14%,rgba(255,111,197,.48),transparent 31%),linear-gradient(145deg,#f8f3ff 0%,#eafcff 50%,#fff0fa 100%);
  --theme-surface:rgba(255,255,255,.82); --theme-surface-strong:#fff; --theme-surface-soft:#f4e9ff; --theme-text:#35234b; --theme-muted:#766486; --theme-border:rgba(111,75,150,.24);
  --theme-primary:#c02ccf; --theme-primary-deep:#7c2fb0; --theme-accent:#00aecd; --theme-card-radius:26px; --theme-control-radius:999px; --theme-shadow:0 12px 30px rgba(105,53,144,.15),inset 0 1px 0 rgba(255,255,255,.9); --theme-shadow-hover:0 18px 38px rgba(190,44,207,.24),0 0 0 2px rgba(84,225,248,.3);
  --theme-sidebar:linear-gradient(180deg,#40205d,#221631); --theme-sidebar-text:#f4dfff; --theme-sidebar-active:linear-gradient(90deg,#d942d5,#36c9e6); --theme-sidebar-active-text:#fff; --theme-topbar:rgba(255,248,255,.78); --theme-font:"Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;
  --theme-button:linear-gradient(135deg,#df3ed7,#5bdaf0); --theme-button-text:#fff; --theme-blur:18px;
}

html[data-theme="terminal"] {
  color-scheme:dark; --theme-bg:#050b09; --theme-bg-image:linear-gradient(rgba(43,255,143,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(43,255,143,.028) 1px,transparent 1px); --theme-surface:#0a1410; --theme-surface-strong:#0e1c16; --theme-surface-soft:#07100c;
  --theme-text:#c8fddd; --theme-muted:#6fa686; --theme-border:#234b37; --theme-primary:#2dff8f; --theme-primary-deep:#15c96c; --theme-accent:#f4c95d; --theme-card-radius:3px; --theme-control-radius:2px; --theme-shadow:0 0 0 1px rgba(45,255,143,.08),0 10px 28px rgba(0,0,0,.42); --theme-shadow-hover:0 0 0 1px rgba(45,255,143,.55),0 0 24px rgba(45,255,143,.12);
  --theme-sidebar:#020705; --theme-sidebar-text:#8ed8ad; --theme-sidebar-active:#102d20; --theme-sidebar-active-text:#baffd2; --theme-topbar:rgba(5,11,9,.94); --theme-font:"Cascadia Mono","JetBrains Mono","Microsoft YaHei",monospace; --theme-button:#183d2a; --theme-button-text:#aaffca; --theme-blur:0px;
  --el-bg-color:#0a1410; --el-bg-color-overlay:#0e1c16; --el-fill-color-blank:#0a1410; --el-fill-color-light:#102019; --el-fill-color-lighter:#0d1914; --el-fill-color-extra-light:#0b1611; --el-text-color-primary:#c8fddd; --el-text-color-regular:#a8d9bb; --el-text-color-secondary:#78a98c; --el-border-color:#234b37; --el-border-color-light:#1c3a2b; --el-mask-color:rgba(0,0,0,.72);
}

html[data-theme="glass"] {
  --theme-bg:#18233b; --theme-bg-image:radial-gradient(circle at 8% 15%,rgba(40,210,255,.48),transparent 28%),radial-gradient(circle at 88% 10%,rgba(160,86,255,.5),transparent 30%),radial-gradient(circle at 70% 88%,rgba(39,224,163,.35),transparent 32%),linear-gradient(150deg,#101a31,#252044 55%,#102f3b);
  --theme-surface:rgba(255,255,255,.13); --theme-surface-strong:rgba(27,38,63,.78); --theme-surface-soft:rgba(255,255,255,.08); --theme-text:#f5f7ff; --theme-muted:#c0cae2; --theme-border:rgba(255,255,255,.24); --theme-primary:#7ce6ff; --theme-primary-deep:#47bdd9; --theme-accent:#c6a2ff;
  --theme-card-radius:20px; --theme-control-radius:12px; --theme-shadow:0 18px 50px rgba(3,8,22,.28),inset 0 1px 0 rgba(255,255,255,.18); --theme-shadow-hover:0 24px 58px rgba(3,8,22,.38),0 0 0 1px rgba(255,255,255,.25); --theme-sidebar:rgba(8,17,35,.7); --theme-sidebar-text:#dce8ff; --theme-sidebar-active:rgba(124,230,255,.2); --theme-sidebar-active-text:#fff; --theme-topbar:rgba(18,29,53,.52); --theme-font:"PingFang SC","Microsoft YaHei",sans-serif; --theme-button:linear-gradient(135deg,rgba(98,215,255,.9),rgba(155,103,255,.9)); --theme-button-text:#fff; --theme-blur:22px;
  --el-bg-color:rgba(27,38,63,.9); --el-bg-color-overlay:#23304c; --el-fill-color-blank:rgba(25,37,61,.86); --el-fill-color-light:rgba(255,255,255,.1); --el-fill-color-lighter:rgba(255,255,255,.07); --el-fill-color-extra-light:rgba(255,255,255,.05); --el-text-color-primary:#f5f7ff; --el-text-color-regular:#dbe3f7; --el-text-color-secondary:#bdc9e1; --el-border-color:rgba(255,255,255,.24); --el-border-color-light:rgba(255,255,255,.16); --el-mask-color:rgba(5,10,24,.72);
}

html[data-theme="apple"] {
  --theme-bg:#f5f5f7; --theme-bg-image:radial-gradient(circle at 50% -20%,rgba(255,255,255,.98),transparent 44%),linear-gradient(180deg,#f8f8fa,#f2f2f5); --theme-surface:rgba(255,255,255,.88); --theme-surface-strong:#fff; --theme-surface-soft:#f1f1f4; --theme-text:#1d1d1f; --theme-muted:#6e6e73; --theme-border:rgba(0,0,0,.1); --theme-primary:#0071e3; --theme-primary-deep:#005bb8; --theme-accent:#5e5ce6;
  --theme-card-radius:20px; --theme-control-radius:12px; --theme-shadow:0 10px 35px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04); --theme-shadow-hover:0 18px 44px rgba(0,0,0,.11); --theme-sidebar:rgba(246,246,248,.94); --theme-sidebar-text:#3a3a3c; --theme-sidebar-active:#e5e5ea; --theme-sidebar-active-text:#1d1d1f; --theme-topbar:rgba(250,250,252,.8); --theme-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif; --theme-button:#0071e3; --theme-button-text:#fff; --theme-blur:20px;
}

html[data-theme="notion"] {
  --theme-bg:#ffffff; --theme-bg-image:none; --theme-surface:#fff; --theme-surface-strong:#fff; --theme-surface-soft:#f7f6f3; --theme-text:#37352f; --theme-muted:#787774; --theme-border:#e7e5e1; --theme-primary:#37352f; --theme-primary-deep:#191919; --theme-accent:#0f7b6c;
  --theme-card-radius:7px; --theme-control-radius:5px; --theme-shadow:0 1px 2px rgba(15,15,15,.06),0 4px 12px rgba(15,15,15,.04); --theme-shadow-hover:0 4px 14px rgba(15,15,15,.1); --theme-sidebar:#f7f6f3; --theme-sidebar-text:#514f49; --theme-sidebar-active:#e9e7e3; --theme-sidebar-active-text:#37352f; --theme-topbar:rgba(255,255,255,.94); --theme-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; --theme-button:#37352f; --theme-button-text:#fff; --theme-blur:0px;
}

/* 六套主题共用的结构层，保证前台、后台与浮层使用同一套设计令牌。 */
html[data-theme]:not([data-theme="default"]) {
  --xlg-primary:var(--theme-primary); --xlg-primary-deep:var(--theme-primary-deep); --xlg-violet:var(--theme-accent); --xlg-gradient:var(--theme-button); --xlg-bg:var(--theme-bg); --xlg-card:var(--theme-surface); --xlg-text:var(--theme-text); --xlg-text-2:var(--theme-muted); --xlg-border:var(--theme-border); --xlg-radius:var(--theme-card-radius); --xlg-shadow:var(--theme-shadow); --xlg-shadow-hover:var(--theme-shadow-hover);
  --admin-ink:var(--theme-text); --admin-muted:var(--theme-muted); --admin-line:var(--theme-border); --admin-canvas:var(--theme-bg); --admin-surface:var(--theme-surface); --admin-teal:var(--theme-primary); --admin-navy:var(--theme-primary-deep); --admin-sidebar:var(--theme-sidebar); --admin-sidebar-soft:var(--theme-sidebar-active);
  --el-color-primary:var(--theme-primary); --el-color-primary-dark-2:var(--theme-primary-deep); --el-color-primary-light-3:color-mix(in srgb,var(--theme-primary) 70%,white); --el-color-primary-light-5:color-mix(in srgb,var(--theme-primary) 50%,white); --el-color-primary-light-7:color-mix(in srgb,var(--theme-primary) 30%,white); --el-color-primary-light-8:color-mix(in srgb,var(--theme-primary) 20%,white); --el-color-primary-light-9:color-mix(in srgb,var(--theme-primary) 10%,white); --el-border-radius-base:var(--theme-control-radius); --el-font-family:var(--theme-font);
}

html[data-theme]:not([data-theme="default"]) body { font-family:var(--theme-font); color:var(--theme-text); background-color:var(--theme-bg); background-image:var(--theme-bg-image); background-attachment:fixed; transition:background-color .28s ease,color .2s ease; }
html[data-theme]:not([data-theme="default"]) .xlg-card,
html[data-theme]:not([data-theme="default"]) .auth-card,
html[data-theme]:not([data-theme="default"]) .admin-panel,
html[data-theme]:not([data-theme="default"]) .metric-card,
html[data-theme]:not([data-theme="default"]) .admin-template-card,
html[data-theme]:not([data-theme="default"]) .template-workspace { color:var(--theme-text); background:var(--theme-surface); border-color:var(--theme-border); border-radius:var(--theme-card-radius); box-shadow:var(--theme-shadow); backdrop-filter:blur(var(--theme-blur)); }
html[data-theme]:not([data-theme="default"]) .xlg-card.hoverable:hover,
html[data-theme]:not([data-theme="default"]) .metric-card:hover,
html[data-theme]:not([data-theme="default"]) .admin-template-card:hover { border-color:var(--theme-primary); box-shadow:var(--theme-shadow-hover); }
html[data-theme]:not([data-theme="default"]) .site-header,
html[data-theme]:not([data-theme="default"]) .admin-topbar { color:var(--theme-text); background:var(--theme-topbar); border-color:var(--theme-border); backdrop-filter:blur(var(--theme-blur)); }
html[data-theme]:not([data-theme="default"]) .admin-shell { color:var(--theme-text); background:var(--theme-bg); }
html[data-theme]:not([data-theme="default"]) .admin-aside { color:var(--theme-sidebar-text); background:var(--theme-sidebar); border-color:var(--theme-border); backdrop-filter:blur(var(--theme-blur)); }
html[data-theme]:not([data-theme="default"]) .admin-brand { color:var(--theme-sidebar-text); border-color:var(--theme-border); }
html[data-theme]:not([data-theme="default"]) .admin-menu-label,
html[data-theme]:not([data-theme="default"]) .brand-copy small { color:var(--theme-muted); }
html[data-theme]:not([data-theme="default"]) .admin-menu-item { color:var(--theme-sidebar-text); }
html[data-theme]:not([data-theme="default"]) .admin-menu-item:hover { color:var(--theme-sidebar-active-text); background:var(--theme-sidebar-active); }
html[data-theme]:not([data-theme="default"]) .admin-menu-item.active { color:var(--theme-sidebar-active-text); background:var(--theme-sidebar-active); box-shadow:inset 3px 0 0 var(--theme-primary); }
html[data-theme]:not([data-theme="default"]) .admin-user-trigger { color:var(--theme-text); }
html[data-theme]:not([data-theme="default"]) .admin-user-trigger:hover,
html[data-theme]:not([data-theme="default"]) .quick-actions button,
html[data-theme]:not([data-theme="default"]) .template-category-panel,
html[data-theme]:not([data-theme="default"]) .size-option,
html[data-theme]:not([data-theme="default"]) .task-chip,
html[data-theme]:not([data-theme="default"]) .env-item { color:var(--theme-text); background:var(--theme-surface-soft); border-color:var(--theme-border); }
html[data-theme]:not([data-theme="default"]) .size-option.active,
html[data-theme]:not([data-theme="default"]) .size-option:hover,
html[data-theme]:not([data-theme="default"]) .quick-actions button:hover { color:var(--theme-primary); border-color:var(--theme-primary); background:var(--theme-surface-strong); }
html[data-theme]:not([data-theme="default"]) .gradient-btn,
html[data-theme]:not([data-theme="default"]) .admin-content .gradient-btn { color:var(--theme-button-text)!important; background:var(--theme-button)!important; border-color:transparent!important; box-shadow:var(--theme-shadow); }
html[data-theme]:not([data-theme="default"]) .el-button { border-radius:var(--theme-control-radius); }
html[data-theme]:not([data-theme="default"]) .el-button--primary { --el-button-bg-color:var(--theme-primary); --el-button-border-color:var(--theme-primary); --el-button-hover-bg-color:var(--theme-primary-deep); --el-button-hover-border-color:var(--theme-primary-deep); }
html[data-theme]:not([data-theme="default"]) .el-input__wrapper,
html[data-theme]:not([data-theme="default"]) .el-textarea__inner,
html[data-theme]:not([data-theme="default"]) .el-select__wrapper,
html[data-theme]:not([data-theme="default"]) .el-input-number,
html[data-theme]:not([data-theme="default"]) .json-editor { color:var(--theme-text); background:var(--theme-surface-strong); border-color:var(--theme-border); border-radius:var(--theme-control-radius); box-shadow:0 0 0 1px var(--theme-border) inset; }
html[data-theme]:not([data-theme="default"]) .el-input__inner,
html[data-theme]:not([data-theme="default"]) .el-textarea__inner { color:var(--theme-text); }
html[data-theme]:not([data-theme="default"]) .el-dialog,
html[data-theme]:not([data-theme="default"]) .el-drawer,
html[data-theme]:not([data-theme="default"]) .el-popper,
html[data-theme]:not([data-theme="default"]) .el-message-box { color:var(--theme-text); background:var(--theme-surface-strong); border-color:var(--theme-border); border-radius:var(--theme-card-radius); box-shadow:var(--theme-shadow-hover); backdrop-filter:blur(var(--theme-blur)); }
html[data-theme]:not([data-theme="default"]) .el-dialog__title,
html[data-theme]:not([data-theme="default"]) .el-message-box__title,
html[data-theme]:not([data-theme="default"]) .el-form-item__label { color:var(--theme-text); }
html[data-theme]:not([data-theme="default"]) .el-table { --el-table-bg-color:var(--theme-surface); --el-table-tr-bg-color:var(--theme-surface); --el-table-header-bg-color:var(--theme-surface-soft); --el-table-row-hover-bg-color:var(--theme-surface-soft); --el-table-text-color:var(--theme-text); --el-table-header-text-color:var(--theme-muted); --el-table-border-color:var(--theme-border); color:var(--theme-text); background:transparent; }
html[data-theme]:not([data-theme="default"]) .el-pagination button,
html[data-theme]:not([data-theme="default"]) .el-pagination .el-pager li { color:var(--theme-text); background:var(--theme-surface-strong); border-radius:var(--theme-control-radius); }
html[data-theme]:not([data-theme="default"]) .dashboard-hero { color:var(--theme-text); background:var(--theme-sidebar); border:1px solid var(--theme-border); border-radius:var(--theme-card-radius); box-shadow:var(--theme-shadow); }
html[data-theme]:not([data-theme="default"]) .dashboard-hero p,
html[data-theme]:not([data-theme="default"]) .dashboard-updated { color:var(--theme-muted); }
html[data-theme]:not([data-theme="default"]) .panel-heading,
html[data-theme]:not([data-theme="default"]) .recent-task,
html[data-theme]:not([data-theme="default"]) .health-row { border-color:var(--theme-border); }
html[data-theme]:not([data-theme="default"]) .panel-heading strong,
html[data-theme]:not([data-theme="default"]) .metric-card strong,
html[data-theme]:not([data-theme="default"]) .page-name,
html[data-theme]:not([data-theme="default"]) .admin-content .page-head h2 { color:var(--theme-text); }
html[data-theme]:not([data-theme="default"]) .admin-image-detail,
html[data-theme]:not([data-theme="default"]) .admin-task-detail,
html[data-theme]:not([data-theme="default"]) .admin-image-detail aside,
html[data-theme]:not([data-theme="default"]) .admin-task-info-panel,
html[data-theme]:not([data-theme="default"]) .template-library-panel,
html[data-theme]:not([data-theme="default"]) .template-category-row:hover,
html[data-theme]:not([data-theme="default"]) .template-category-row.active,
html[data-theme]:not([data-theme="default"]) .template-history-detail dl div,
html[data-theme]:not([data-theme="default"]) .template-cover-preview { color:var(--theme-text); background:var(--theme-surface-strong); border-color:var(--theme-border); }
html[data-theme]:not([data-theme="default"]) .template-dialog-intro,
html[data-theme]:not([data-theme="default"]) .admin-task-prompt,
html[data-theme]:not([data-theme="default"]) .admin-image-prompt { color:var(--theme-text); background:var(--theme-surface-soft); border-color:var(--theme-border); }
html[data-theme]:not([data-theme="default"]) .points-chip { color:var(--theme-button-text); background:var(--theme-button); box-shadow:none; }
html[data-theme]:not([data-theme="default"]) .announce-bar { color:var(--theme-primary); background:var(--theme-surface-soft); border-color:var(--theme-border); }
html[data-theme]:not([data-theme="default"]) .admin-icon-button:hover { color:var(--theme-text); background:var(--theme-surface-soft); border-color:var(--theme-border); }
html[data-theme]:not([data-theme="default"]) .el-divider { border-color:var(--theme-border); }
html[data-theme]:not([data-theme="default"]) .el-divider__text { color:var(--theme-muted); background:var(--theme-surface-strong); }
html[data-theme]:not([data-theme="default"]) .template-card,
html[data-theme]:not([data-theme="default"]) .admin-gallery-card { color:var(--theme-text); background:var(--theme-surface-strong); border-color:var(--theme-border); border-radius:var(--theme-control-radius); }
html[data-theme]:not([data-theme="default"]) :focus-visible { outline:3px solid color-mix(in srgb,var(--theme-primary) 55%,transparent); outline-offset:2px; }

/* 新拟态：组件与背景同色，输入区采用凹陷层次，关键状态仍有边框和主色。 */
html[data-theme="neumorphism"] .el-input__wrapper,
html[data-theme="neumorphism"] .el-textarea__inner,
html[data-theme="neumorphism"] .el-select__wrapper,
html[data-theme="neumorphism"] .json-editor { background:#e8edf4; box-shadow:inset 5px 5px 11px #c9cfd7,inset -5px -5px 11px #fff; }
html[data-theme="neumorphism"] .el-button:not(.el-button--primary),
html[data-theme="neumorphism"] .size-option { background:linear-gradient(145deg,#f0f5fb,#dce2ea); border-color:rgba(105,123,147,.2); box-shadow:4px 4px 9px #c7cdd5,-4px -4px 9px #fff; }
html[data-theme="neumorphism"] .el-button:active,
html[data-theme="neumorphism"] .size-option.active { box-shadow:inset 4px 4px 8px #c9cfd7,inset -4px -4px 8px #fff; }
html[data-theme="neumorphism"] .admin-brand-mark { color:#405573; background:#e8edf4; box-shadow:4px 4px 8px #c2c9d1,-4px -4px 8px #fff; }

/* Y2K：铬感短标题、塑料高光和气泡形态。 */
html[data-theme="y2k"] .brand,
html[data-theme="y2k"] .page-head h2,
html[data-theme="y2k"] .template-admin-head h2 { background:linear-gradient(180deg,#fff 0%,#a7edff 32%,#8f70c8 55%,#ff72ce 78%,#fff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 1px 0 rgba(76,33,104,.35)); }
html[data-theme="y2k"] .xlg-card,
html[data-theme="y2k"] .admin-panel,
html[data-theme="y2k"] .metric-card { position:relative; overflow:hidden; }
html[data-theme="y2k"] .xlg-card::before,
html[data-theme="y2k"] .metric-card::before { content:""; position:absolute; top:1px; left:12%; width:76%; height:2px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); pointer-events:none; }
html[data-theme="y2k"] .admin-brand-mark { color:#52146e; background:linear-gradient(145deg,#8bf2ff,#ff95dc); border-radius:50%; box-shadow:inset 0 2px 2px rgba(255,255,255,.8),0 4px 14px rgba(255,105,210,.4); }
html[data-theme="y2k"] .el-button--primary { box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 16px rgba(190,44,207,.22); }

/* 终端极客：等宽信息密度、网格背景与明确的命令状态。 */
html[data-theme="terminal"] body::before { content:""; position:fixed; inset:0; z-index:9999; pointer-events:none; background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.13) 4px); opacity:.35; }
html[data-theme="terminal"] .card-title::before,
html[data-theme="terminal"] .template-groups h3::before { width:10px; height:10px; border-radius:0; background:var(--theme-primary); box-shadow:0 0 10px rgba(45,255,143,.5); }
html[data-theme="terminal"] .card-title::after { content:"_"; color:var(--theme-primary); animation:terminal-caret 1s steps(1,end) infinite; }
html[data-theme="terminal"] .admin-menu-item.active { border:1px solid var(--theme-primary); }
html[data-theme="terminal"] .dashboard-hero::after { border-radius:0; border-color:rgba(45,255,143,.08); transform:rotate(45deg); }
html[data-theme="terminal"] .el-tag { border-radius:2px; }
@keyframes terminal-caret { 50% { opacity:0; } }

/* 玻璃拟态：所有主要层使用半透明与边缘高光，不支持滤镜时仍有深色实底。 */
html[data-theme="glass"] .xlg-card,
html[data-theme="glass"] .admin-panel,
html[data-theme="glass"] .metric-card,
html[data-theme="glass"] .site-header,
html[data-theme="glass"] .admin-topbar { border-top-color:rgba(255,255,255,.38); border-left-color:rgba(255,255,255,.28); }
html[data-theme="glass"] .admin-brand-mark { color:#fff; background:rgba(124,230,255,.2); border:1px solid rgba(255,255,255,.28); box-shadow:inset 0 1px 0 rgba(255,255,255,.35); }
html[data-theme="glass"] .announce-bar { color:#e9f7ff; background:rgba(16,26,48,.45); border-color:var(--theme-border); backdrop-filter:blur(18px); }
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))) {
  html[data-theme="glass"] .xlg-card,html[data-theme="glass"] .admin-panel,html[data-theme="glass"] .metric-card,html[data-theme="glass"] .site-header,html[data-theme="glass"] .admin-topbar { background:#24304d; }
}

/* 苹果风格：克制留白、圆润分组和轻量交互。 */
html[data-theme="apple"] .page-container { max-width:1280px; padding-top:30px; }
html[data-theme="apple"] .admin-content { padding:34px; }
html[data-theme="apple"] .admin-aside { border-right:1px solid rgba(0,0,0,.08); }
html[data-theme="apple"] .admin-menu-item.active { box-shadow:none; }
html[data-theme="apple"] .dashboard-hero { color:#1d1d1f; background:rgba(255,255,255,.8); }
html[data-theme="apple"] .dashboard-hero::after { border-color:rgba(0,113,227,.07); }
html[data-theme="apple"] .gradient-btn { box-shadow:0 7px 18px rgba(0,113,227,.2); }

/* Notion 风：内容优先、低装饰、清晰分隔。 */
html[data-theme="notion"] body { background:#fff; }
html[data-theme="notion"] .xlg-card,
html[data-theme="notion"] .admin-panel,
html[data-theme="notion"] .metric-card,
html[data-theme="notion"] .template-workspace { box-shadow:none; }
html[data-theme="notion"] .card-title::before { width:2px; background:#37352f; }
html[data-theme="notion"] .admin-brand-mark { color:#fff; background:#37352f; border-radius:4px; }
html[data-theme="notion"] .dashboard-hero { color:#37352f; background:#f7f6f3; box-shadow:none; }
html[data-theme="notion"] .dashboard-hero::after { display:none; }
html[data-theme="notion"] .admin-menu-item.active { box-shadow:none; }
html[data-theme="notion"] .img-cell:hover,
html[data-theme="notion"] .template-card:hover { transform:none; }

/* 后台主题选择器。 */
.theme-settings-card { grid-column:1 / -1; }
.theme-settings-copy { margin:-6px 0 18px; font-size:13px; line-height:1.7; }
.theme-choice-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:11px; }
.theme-choice { min-width:0; min-height:148px; padding:9px; position:relative; display:flex; flex-direction:column; gap:10px; overflow:hidden; color:var(--xlg-text); text-align:left; background:var(--xlg-card); border:1px solid var(--xlg-border); border-radius:12px; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.theme-choice:hover { transform:translateY(-2px); border-color:var(--xlg-primary); box-shadow:var(--xlg-shadow); }.theme-choice.active { border-color:var(--xlg-primary); box-shadow:0 0 0 2px color-mix(in srgb,var(--xlg-primary) 22%,transparent); }
.theme-choice-visual { height:62px; padding:9px; display:grid; grid-template-columns:30% 1fr; grid-template-rows:1fr 1fr; gap:6px; overflow:hidden; border-radius:8px; background:#f2f4fa; }
.theme-choice-visual i { display:block; border-radius:5px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.09); }.theme-choice-visual i:first-child { grid-row:1 / 3; }.theme-choice-copy,.theme-choice-copy b,.theme-choice-copy small { min-width:0; display:block; }.theme-choice-copy b { display:flex; align-items:center; gap:6px; font-size:13px; }.theme-choice-copy small { min-height:32px; margin-top:5px; color:var(--xlg-text-2); font-size:10px; line-height:1.55; }.theme-choice-check { position:absolute; top:7px; right:7px; color:var(--xlg-primary); background:var(--xlg-card); border-radius:50%; }
.theme-choice--neumorphism .theme-choice-visual { background:#e8edf4; box-shadow:inset 3px 3px 7px #c8ced6,inset -3px -3px 7px #fff; }.theme-choice--neumorphism .theme-choice-visual i { background:#e8edf4; box-shadow:3px 3px 6px #c5cbd3,-3px -3px 6px #fff; }
.theme-choice--y2k .theme-choice-visual { background:linear-gradient(135deg,#90f1ff,#ffc0e8 48%,#bfa9ff); }.theme-choice--y2k .theme-choice-visual i { border-radius:999px; background:linear-gradient(180deg,#fff,#c9c1ee 50%,#ff80d1); }
.theme-choice--terminal .theme-choice-visual { background:#06100b; border:1px solid #2dff8f; }.theme-choice--terminal .theme-choice-visual i { border-radius:1px; background:#102d20; box-shadow:none; border:1px solid #255c3d; }
.theme-choice--glass .theme-choice-visual { background:radial-gradient(circle at 20% 20%,#3dd7ff,transparent 45%),linear-gradient(135deg,#222c58,#7c4dc1); }.theme-choice--glass .theme-choice-visual i { background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.45); backdrop-filter:blur(6px); }
.theme-choice--apple .theme-choice-visual { background:linear-gradient(145deg,#f8f8fa,#e9e9ed); }.theme-choice--apple .theme-choice-visual i { border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,.08); }
.theme-choice--notion .theme-choice-visual { background:#fff; border:1px solid #e7e5e1; }.theme-choice--notion .theme-choice-visual i { border-radius:2px; background:#f7f6f3; box-shadow:none; border:1px solid #e7e5e1; }

@media (max-width:1200px) { .theme-choice-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:768px) {
  .theme-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .theme-choice { min-height:138px; }
  html[data-theme]:not([data-theme="default"]) .admin-content { padding:15px 12px 32px; }
  html[data-theme]:not([data-theme="default"]) .el-button:not(.el-button--small) { min-height:44px; }
  html[data-theme]:not([data-theme="default"]) .admin-aside { backdrop-filter:none; }
}
@media (max-width:420px) { .theme-choice-grid { grid-template-columns:1fr 1fr; }.theme-choice { padding:8px; }.theme-choice-copy small { font-size:10px; } }
@media (prefers-reduced-motion:reduce) {
  html[data-theme]:not([data-theme="default"]) *,html[data-theme]:not([data-theme="default"]) *::before,html[data-theme]:not([data-theme="default"]) *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}