/* The picker stays neutral so every theme preview can be compared side by side. */
.admin-theme-trigger {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:0 0 auto;
  min-height:40px; margin:0 0 0 16px; padding:9px 12px;
  border:1px solid var(--theme-line,#e7e7f0); border-radius:var(--theme-control-radius,10px);
  background:var(--theme-surface,#fff); color:var(--theme-ink,#202238);
  font:600 13px/1.4 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  white-space:nowrap; cursor:pointer; transition:border-color .16s,background .16s;
}
.admin-theme-trigger:hover { border-color:var(--theme-primary,#7356ef); background:var(--theme-soft,#f3f0ff); }
.admin-theme-trigger:focus-visible { outline:3px solid var(--theme-primary,#7356ef); outline-offset:3px; }
.admin-theme-trigger-icon { display:grid; grid-template-columns:repeat(2,6px); gap:2px; transform:rotate(-8deg); }
.admin-theme-trigger-icon i { display:block; width:6px; height:6px; border-radius:2px; background:var(--theme-primary,#7356ef); }
.admin-theme-trigger-icon i:nth-child(2),.admin-theme-trigger-icon i:nth-child(3) { background:var(--theme-accent,#d5ff63); }
.admin-theme-trigger-current { padding-left:8px; border-left:1px solid var(--theme-line,#e7e7f0); color:var(--theme-muted,#76798e); font-size:11px; font-weight:400; }
#userLayout .top > .admin-theme-trigger--login { margin:0 0 0 auto; align-self:center; }
.admin-theme-trigger--login .admin-theme-trigger-current { display:none; }
body.admin-theme-open { overflow:hidden!important; }
.admin-theme-backdrop {
  position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(13,18,35,.55); color:#242838;
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.admin-theme-backdrop * { box-sizing:border-box; }
.admin-theme-dialog {
  display:flex; flex-direction:column; width:min(100%,1000px); max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px);
  margin:0; border:1px solid #ffffff8c; border-radius:22px; background:#fff; color:#242838;
  box-shadow:0 28px 100px #0d122345; overflow:hidden; text-align:left;
}
.admin-theme-dialog button { font-family:inherit; cursor:pointer; }
.admin-theme-dialog button:focus-visible { outline:3px solid #7863ed; outline-offset:3px; }
.admin-theme-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:26px 28px 22px; flex:0 0 auto; }
.admin-theme-dialog-head h2 { margin:0; color:#242838; font-size:23px; font-weight:650; line-height:1.5; letter-spacing:-.6px; }
.admin-theme-dialog-head p { margin:7px 0 0; color:#737787; font-size:13px; line-height:1.7; }
.admin-theme-close {
  display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:38px; height:38px;
  margin:0; padding:0; border:0; border-radius:10px; background:#f1f2f6; color:#666c7d; font-size:26px; font-weight:400; line-height:1;
}
.admin-theme-close:hover { background:#e7e9f0; color:#242838; }
.admin-theme-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:4px 28px 26px; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.admin-theme-option {
  --sample-bg:#f4f5fb; --sample-nav:#101325; --sample-nav-text:#adb5d1; --sample-primary:#7356ef; --sample-accent:#d5ff63;
  --sample-hero:linear-gradient(110deg,#191c31 30%,#30304f); --sample-hero-ink:#fafaff; --sample-hero-muted:#b6b7cf;
  --sample-ink:#202238; --sample-radius:9px; --sample-paper:#fff;
  position:relative; display:block; min-width:0; margin:0; padding:5px; text-align:left;
  border:2px solid #e9ebf1; border-radius:15px; background:#fff; color:#242838;
  box-shadow:none; transition:border-color .16s,box-shadow .16s,transform .16s;
}
.admin-theme-option:hover { border-color:#b5afcf; transform:translateY(-2px); box-shadow:0 6px 16px #2723430b; }
.admin-theme-option[aria-pressed=true] { border-color:#6b57da; box-shadow:0 0 0 1px #6b57da; }
.admin-theme-option-info { display:block; padding:13px 7px 10px; }
.admin-theme-option-heading { display:flex; align-items:center; justify-content:space-between; gap:5px; }
.admin-theme-option-heading strong { color:#272b3a; font-size:14px; font-weight:650; line-height:1.5; }
.admin-theme-selected { padding:3px 6px; border-radius:5px; background:#f2f3f7; color:#7c8090; font-size:10px; line-height:1.2; white-space:nowrap; }
.admin-theme-option[aria-pressed=true] .admin-theme-selected { background:#eeeafa; color:#5c46c7; font-weight:650; }
.admin-theme-option-description { display:block; margin-top:7px; color:#7b7f8e; font-size:11px; line-height:1.6; }
.admin-theme-preview { display:grid; grid-template-columns:23px minmax(0,1fr); min-height:136px; background:var(--sample-bg); border-radius:10px; overflow:hidden; pointer-events:none; }
.admin-theme-preview-rail { display:flex; flex-direction:column; align-items:center; gap:9px; padding:12px 5px; background:var(--sample-nav); }
.admin-theme-preview-rail b { width:11px; height:11px; margin-bottom:4px; border-radius:4px; background:var(--sample-accent); }
.admin-theme-preview-rail i { display:block; width:9px; height:5px; border-radius:2px; background:var(--sample-nav-text); }
.admin-theme-preview-rail i:first-of-type { height:9px; background:var(--sample-primary); }
.admin-theme-preview-workspace { display:flex; flex-direction:column; min-width:0; gap:8px; padding:10px; }
.admin-theme-preview-top { display:flex; align-items:center; justify-content:space-between; height:8px; }
.admin-theme-preview-top b { width:32%; height:4px; border-radius:2px; background:var(--sample-ink); opacity:.6; }
.admin-theme-preview-top i { width:8px; height:8px; border-radius:50%; background:var(--sample-primary); }
.admin-theme-preview-hero { display:flex; align-items:center; justify-content:space-between; min-height:48px; gap:7px; padding:10px; border-radius:var(--sample-radius); background:var(--sample-hero); overflow:hidden; }
.admin-theme-preview-copy { display:flex; flex:1; flex-direction:column; gap:5px; }
.admin-theme-preview-copy b { display:block; width:85%; height:5px; border-radius:3px; background:var(--sample-hero-ink); }
.admin-theme-preview-copy i { display:block; width:65%; height:3px; border-radius:2px; background:var(--sample-hero-muted); }
.admin-theme-preview-copy i:last-child { width:45%; }
.admin-theme-preview-orb { flex:0 0 auto; width:31px; height:31px; border:5px solid var(--sample-accent); border-radius:50%; box-shadow:inset 0 0 0 4px #ffffff1f; transform:rotate(-15deg); }
.admin-theme-preview-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.admin-theme-preview-tiles i { display:block; height:19px; border-radius:5px; background:var(--sample-paper); border-top:3px solid var(--sample-primary); }
.admin-theme-preview-rows { display:flex; flex-direction:column; gap:4px; padding:4px 5px; border-radius:4px; background:var(--sample-paper); }
.admin-theme-preview-rows i { display:block; height:2px; border-radius:2px; background:var(--sample-ink); opacity:.13; }
.admin-theme-preview-rows i:last-child { width:75%; }
.admin-theme-option[data-admin-theme-option=arctic] { --sample-bg:#edf4fa; --sample-nav:#fff; --sample-nav-text:#647d90; --sample-primary:#1264d6; --sample-accent:#c8e9ff; --sample-hero:linear-gradient(115deg,#e3f1ff 5%,#f6fdff 56%,#b9dce9); --sample-hero-ink:#153958; --sample-hero-muted:#56758c; --sample-ink:#19374e; --sample-radius:11px; }
.admin-theme-option[data-admin-theme-option=arctic] .admin-theme-preview-orb { border-radius:8px; border-width:3px; transform:rotate(30deg); }
.admin-theme-option[data-admin-theme-option=cyber] { --sample-bg:#0b1118; --sample-nav:#080e15; --sample-nav-text:#91afb7; --sample-primary:#52f5d1; --sample-accent:#52f5d1; --sample-hero:linear-gradient(110deg,#101c26 30%,#17443f); --sample-hero-ink:#e4fff6; --sample-hero-muted:#a4c7c4; --sample-ink:#e0f2f3; --sample-radius:2px; --sample-paper:#131e28; }
.admin-theme-option[data-admin-theme-option=cyber] .admin-theme-preview-hero { border:1px solid #2a404b; }
.admin-theme-option[data-admin-theme-option=cyber] .admin-theme-preview-orb { border-radius:0; border-width:3px; transform:rotate(45deg); }
.admin-theme-option[data-admin-theme-option=sakura] { --sample-bg:#fcf3f7; --sample-nav:#fff8fc; --sample-nav-text:#967486; --sample-primary:#bd376b; --sample-accent:#f6d3e3; --sample-hero:radial-gradient(ellipse at 85% 30%,#f8aecd,transparent 55%),linear-gradient(105deg,#fce3ef,#fff2f7); --sample-hero-ink:#78314f; --sample-hero-muted:#97627a; --sample-ink:#4f2e42; --sample-radius:15px; }
.admin-theme-option[data-admin-theme-option=sakura] .admin-theme-preview-hero { min-height:51px; }
.admin-theme-option[data-admin-theme-option=sakura] .admin-theme-preview-orb { border-radius:12px 12px 17px 17px; transform:rotate(12deg); }
.admin-theme-option[data-admin-theme-option=mint] { --sample-bg:#f0f7f2; --sample-nav:#143f34; --sample-nav-text:#b0d2c1; --sample-primary:#147b61; --sample-accent:#c6f386; --sample-hero:linear-gradient(110deg,#d7ecd9,#f4f9e4 65%,#d9e8b6); --sample-hero-ink:#264c35; --sample-hero-muted:#607d62; --sample-ink:#244a3c; --sample-radius:8px; }
.admin-theme-option[data-admin-theme-option=mint] .admin-theme-preview-orb { border-radius:50% 50% 7px 50%; transform:rotate(-25deg); }
.admin-theme-option[data-admin-theme-option=sunset] { --sample-bg:#fbf4ed; --sample-nav:#382820; --sample-nav-text:#cfb7a4; --sample-primary:#c25424; --sample-accent:#ffcb82; --sample-hero:linear-gradient(110deg,#5b3020 5%,#a6532d 78%,#bd753c); --sample-hero-ink:#fff6e6; --sample-hero-muted:#f1ccb1; --sample-ink:#593927; --sample-radius:11px; --sample-paper:#fffdfa; }
.admin-theme-option[data-admin-theme-option=sunset] .admin-theme-preview-orb { border-width:0; background:var(--sample-accent); box-shadow:0 7px 0 #ffcb8242; }
.admin-theme-option[data-admin-theme-option=mono] { --sample-bg:#f1f2f3; --sample-nav:#fdfdfd; --sample-nav-text:#69727b; --sample-primary:#26292d; --sample-accent:#e3e6e9; --sample-hero:linear-gradient(110deg,#e6e9ed,#fafafa 55%,#c8cdd4); --sample-hero-ink:#272e35; --sample-hero-muted:#646d77; --sample-ink:#252b31; --sample-radius:2px; }
.admin-theme-option[data-admin-theme-option=mono] .admin-theme-preview-orb { border-radius:2px; border-width:2px; transform:rotate(0); }
.admin-theme-option[data-admin-theme-option=mono] .admin-theme-preview-tiles i { border-radius:1px; border-top-width:2px; }
.admin-theme-option[data-admin-theme-option=aurora] { --sample-bg:#eff3fb; --sample-nav:#0c2445; --sample-nav-text:#a5bedb; --sample-primary:#295fe6; --sample-accent:#94dff3; --sample-hero:radial-gradient(ellipse at 82% 115%,#1688ad,transparent 64%),linear-gradient(115deg,#112849,#253d84); --sample-hero-ink:#edf7ff; --sample-hero-muted:#aac9e7; --sample-ink:#25375c; --sample-radius:10px; }
.admin-theme-option[data-admin-theme-option=aurora] .admin-theme-preview-orb { width:33px; height:24px; border-width:3px; border-radius:50%; transform:rotate(-40deg); }
.admin-theme-dialog-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; flex:0 0 auto; padding:17px 28px; border-top:1px solid #ebeaf1; background:#fafafe; }
.admin-theme-status { color:#727788; font-size:13px; line-height:1.6; }
.admin-theme-done { min-width:96px; min-height:40px; padding:9px 23px; border:0; border-radius:9px; background:#292e43; color:#fff; font-size:13px; font-weight:600; line-height:1.5; }
.admin-theme-done:hover { background:#45415e; }
@media(max-width:1150px) { .admin-theme-trigger-current { display:none; } }
@media(max-width:780px) {
  .admin-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-theme-preview { min-height:126px; }
  .admin-theme-dialog { width:min(100%,610px); }
}
@media(max-width:680px) {
  .admin-theme-trigger { min-width:48px; min-height:40px; margin-left:6px; padding:9px 10px; }
  .container-23234 .admin-theme-trigger-icon { display:none; }
}
@media(max-width:480px) {
  .admin-theme-backdrop { padding:12px; }
  .admin-theme-dialog { max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); border-radius:17px; }
  .admin-theme-dialog-head { padding:19px 17px 16px; gap:10px; }
  .admin-theme-dialog-head h2 { font-size:18px; letter-spacing:-.5px; }
  .admin-theme-dialog-head p { max-width:250px; font-size:12px; }
  .admin-theme-close { width:32px; height:32px; font-size:23px; }
  .admin-theme-grid { gap:11px; padding:4px 16px 18px; }
  .admin-theme-option { padding:4px; border-radius:12px; }
  .admin-theme-option-info { padding:10px 4px 7px; }
  .admin-theme-option-heading strong { font-size:12px; }
  .admin-theme-selected { padding:3px 4px; font-size:9px; }
  .admin-theme-option-description { margin-top:6px; font-size:10px; line-height:1.55; }
  .admin-theme-preview { min-height:111px; grid-template-columns:19px minmax(0,1fr); border-radius:7px; }
  .admin-theme-preview-workspace { gap:6px; padding:8px 6px; }
  .admin-theme-preview-rail { gap:8px; padding:10px 4px; }
  .admin-theme-preview-hero { min-height:40px; padding:7px; }
  .admin-theme-preview-orb { width:24px; height:24px; border-width:4px; }
  .admin-theme-preview-tiles i { height:16px; }
  .admin-theme-option[data-admin-theme-option=sakura] .admin-theme-preview-hero { min-height:43px; }
  .admin-theme-option[data-admin-theme-option=aurora] .admin-theme-preview-orb { width:26px; height:19px; }
  .admin-theme-dialog-foot { gap:12px; padding:14px 17px; }
  .admin-theme-status { font-size:12px; }
  .admin-theme-done { min-width:78px; }
}
@media(prefers-reduced-motion:reduce) {
  .admin-theme-trigger,.admin-theme-option { transition:none; }
  .admin-theme-option:hover { transform:none; }
}