/* 星夜紫用户中心：仅由后台启用该主题时加载，沿用账户原有业务与日夜偏好。 */
html[data-ui-theme="midnight"]{
  color-scheme:dark;--bg:#101117;--bg2:#1c1d28;--card:#1d1e29;--panel:#232430;--line:#373744;
  --ink:#f5f5f8;--ink2:#c0bfcb;--ink3:#92919e;--muted:#b2b0c1;--faint:#9995aa;
  --accent:#8b5cf6;--accent2:#ad8bff;--orange:#8b5cf6;--gold:#c4acff;--red:#ffabae;--green:#8edbab;
  --focus-ring:#a78bfa44;--control-hover:#ffffff0b;--surface-shadow:0 12px 40px #0002;
  --account-gradient:linear-gradient(135deg,#252530,#1a1b24);--account-accent-bg:#8874ff20;
}
html[data-ui-theme="midnight"][data-theme="light"]{
  color-scheme:light;--bg:#f6f5fb;--bg2:#fff;--card:#fff;--panel:#f1eef8;--line:#e1ddea;
  --ink:#292436;--ink2:#5b536a;--ink3:#776d86;--muted:#675e75;--faint:#776d86;
  --accent:#7750d6;--accent2:#6940c6;--orange:#7750d6;--gold:#6940c6;--red:#b52e42;--green:#247346;
  --focus-ring:#7750d62b;--control-hover:#eee8fa;--surface-shadow:0 5px 20px #40325508;
  --account-gradient:linear-gradient(135deg,#fff,#faf8ff);--account-accent-bg:#e9dffb;
}
html[data-ui-theme="midnight"] body{min-height:100vh;background:radial-gradient(ellipse at 85% 0,#8861e612,transparent 55%),var(--bg)}
html[data-ui-theme="midnight"] .layout{max-width:1176px;padding:0 28px 64px}
html[data-ui-theme="midnight"] .header{min-height:86px;margin-bottom:36px;padding:18px 0;border-color:var(--line);gap:20px}
html[data-ui-theme="midnight"] .brand{display:flex;align-items:center;gap:22px;min-width:0;letter-spacing:0}
html[data-ui-theme="midnight"] .brand small{display:block;border-left:1px solid var(--line);padding-left:22px;margin:0;font-size:12px;font-weight:500;letter-spacing:.05em;white-space:nowrap;color:var(--muted)}
html[data-ui-theme="midnight"] .midnight-brand-logo{display:block;width:220px;height:auto;object-fit:contain}
html[data-ui-theme="midnight"] .midnight-brand-day{display:none}
html[data-ui-theme="midnight"][data-theme="light"] .midnight-brand-day{display:block}
html[data-ui-theme="midnight"][data-theme="light"] .midnight-brand-night{display:none}
html[data-ui-theme="midnight"] .header-actions{gap:14px}
html[data-ui-theme="midnight"] .header-actions>a{padding:8px 16px;border:1px solid var(--line);border-radius:24px;background:var(--bg2);color:var(--ink2);font-size:12px}
html[data-ui-theme="midnight"] .header-actions .theme-toggle{width:38px;min-height:38px;padding:8px;border-radius:50%;background:var(--bg2);color:var(--ink2)}
html[data-ui-theme="midnight"] a:hover{color:var(--accent2)}
html[data-ui-theme="midnight"] .header-actions>a:hover{background:var(--control-hover)}
html[data-ui-theme="midnight"] .eyebrow{color:var(--gold)}
html[data-ui-theme="midnight"] .layout h1{font-size:30px;font-weight:750;line-height:1.4;margin-bottom:10px}
html[data-ui-theme="midnight"] .panel{border-radius:16px;background:var(--account-gradient);box-shadow:var(--surface-shadow);padding:28px}
html[data-ui-theme="midnight"] .auth-card{max-width:440px;margin:64px auto 24px;padding:34px}
html[data-ui-theme="midnight"] .auth-card h1{font-size:27px;margin-bottom:26px}
html[data-ui-theme="midnight"] .auth-card .field{margin:18px 0}
html[data-ui-theme="midnight"] .field input,
html[data-ui-theme="midnight"] .field select,
html[data-ui-theme="midnight"] .field textarea{background:var(--bg);border-color:var(--line);border-radius:10px;min-height:46px;color:var(--ink)}
html[data-ui-theme="midnight"] input::placeholder,
html[data-ui-theme="midnight"] textarea::placeholder{color:var(--ink3);opacity:1}
html[data-ui-theme="midnight"] .btn{border-radius:10px;min-height:42px;background:linear-gradient(110deg,#6853ee,#9745df);color:#fff}
html[data-ui-theme="midnight"] .btn:hover:not(:disabled){filter:brightness(1.08)}
html[data-ui-theme="midnight"] .btn.secondary{background:var(--bg2);color:var(--ink2);border-color:var(--line)}
html[data-ui-theme="midnight"] .btn.secondary:hover:not(:disabled){background:var(--control-hover);filter:none;border-color:var(--accent)}
html[data-ui-theme="midnight"] .tabs{gap:8px;border-color:var(--line);padding-bottom:16px;margin:28px 0 24px}
html[data-ui-theme="midnight"] .tab{border-radius:10px;border-color:transparent;padding:10px 17px;min-height:42px;color:var(--muted)}
html[data-ui-theme="midnight"] .tab.on{background:var(--account-accent-bg);color:var(--gold);border-color:var(--accent);box-shadow:0 2px 12px #7750d60c}
html[data-ui-theme="midnight"] .metric{border-radius:12px;background:var(--bg);padding:22px;box-shadow:none}
html[data-ui-theme="midnight"] .metric b{color:var(--gold);font-weight:700}
html[data-ui-theme="midnight"] .project{border-radius:12px;background:var(--bg2);border-color:var(--line)}
html[data-ui-theme="midnight"] .badge{border-radius:6px;background:var(--account-accent-bg);color:var(--gold)}
html[data-ui-theme="midnight"] .status-published,
html[data-ui-theme="midnight"] .positive{color:var(--green)}
html[data-ui-theme="midnight"] .status-rejected,
html[data-ui-theme="midnight"] .status-hidden,
html[data-ui-theme="midnight"] .negative{color:var(--red)}
html[data-ui-theme="midnight"] th{background:var(--panel);color:var(--muted)}
html[data-ui-theme="midnight"] .notice{background:var(--account-accent-bg);border-color:var(--line);color:var(--ink2)}
html[data-ui-theme="midnight"] .recharge-balance,
html[data-ui-theme="midnight"] .recharge-summary{background:var(--bg);border-radius:12px}
html[data-ui-theme="midnight"] #recharge-form .recharge-options .btn.selected{background:var(--account-accent-bg);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink)}
html[data-ui-theme="midnight"] #recharge-form .recharge-options .selected b{color:var(--gold)}
html[data-ui-theme="midnight"] #recharge-form .recharge-options .btn:hover{border-color:var(--accent)}
html[data-ui-theme="midnight"] #recharge-form .recharge-options .btn:focus-visible{outline-color:var(--accent2)}
html[data-ui-theme="midnight"] .toast{z-index:10;box-shadow:var(--surface-shadow)}
@media(max-width:650px){
  html[data-ui-theme="midnight"] .layout{padding:0 16px 44px}
  html[data-ui-theme="midnight"] .header{min-height:76px;padding:16px 0;margin-bottom:26px;flex-wrap:nowrap;gap:10px}
  html[data-ui-theme="midnight"] .brand{gap:0}
  html[data-ui-theme="midnight"] .brand small{display:none}
  html[data-ui-theme="midnight"] .midnight-brand-logo{width:clamp(120px,40vw,190px)}
  html[data-ui-theme="midnight"] .header-actions{flex-wrap:nowrap;gap:8px;margin-left:auto}
  html[data-ui-theme="midnight"] .header-actions>a{padding:8px 10px;font-size:11px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
  html[data-ui-theme="midnight"] .header-actions .theme-toggle{width:40px;min-height:44px}
  html[data-ui-theme="midnight"] .panel{padding:20px}
  html[data-ui-theme="midnight"] .auth-card{margin:32px auto 24px;padding:26px 22px}
  html[data-ui-theme="midnight"] .layout h1{font-size:26px}
  html[data-ui-theme="midnight"] .metric{padding:16px 10px}
  html[data-ui-theme="midnight"] .metric b{font-size:23px}
  html[data-ui-theme="midnight"] .tabs{gap:6px;margin:22px 0;padding-bottom:14px}
  html[data-ui-theme="midnight"] .tab{padding:9px 12px;min-height:44px}
  html[data-ui-theme="midnight"] .btn{min-height:44px}
}
@media(prefers-reduced-motion:reduce){html[data-ui-theme="midnight"] *{transition:none!important}}