/* 后台 · 亮色主题：覆盖 site.css 的暗色变量（哥哥定调：后台用亮色） */
body.staff {
  color-scheme: light;
  --bg: #f6f4ee; --bg2: #ffffff; --bg3: #f0ece2; --bg4: #e8e3d6;
  --line: #e7e2d5; --line2: #d8d1bf;
  --tx: #29251d; --tx2: #59523f; --tx3: #8b8471; --tx4: #b6afa0;
  --acc: #a07a1f; --acc2: #86651a; --acc-deep: #86651a; --acc-ink: #fff;
  --acc-soft: rgba(160, 122, 31, .1);
  background: var(--bg); color: var(--tx);
}
body.staff .site-head { background: rgba(255, 255, 255, .92); }
body.staff .btn-primary { background: linear-gradient(160deg, #b8933f, #a07a1f); box-shadow: 0 2px 10px rgba(160, 122, 31, .18); }
body.staff .notice-ok { background: rgba(46, 125, 79, .1); color: #2e7d4f; }
body.staff .notice-err { background: rgba(179, 69, 47, .1); color: #b3452f; }
body.staff .pill-making { background: rgba(160, 122, 31, .12); color: #8a6a1f; }
body.staff .pill-online { background: rgba(46, 125, 79, .12); color: #2e7d4f; }
body.staff .dev-hint { color: #8a6a1f; }

/* 登录卡片（居中窄卡，登录布局无导航） */
body.staff .auth-box { max-width: 420px; margin: 4vh auto 0; background: var(--bg2); border: 1px solid var(--line); border-radius: 16px; padding: 32px 28px; box-shadow: 0 12px 40px rgba(70, 58, 25, .07); }
body.staff .auth-box .page-h1 { text-align: center; }
body.staff .auth-box .page-lead { text-align: center; }

/* 后台组件 */
.stat-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
@media (max-width: 900px) { .stat-grid { grid-template-columns: repeat(3, 1fr); } }
.stat-card { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg2); display: flex; flex-direction: column; gap: 6px; }
.stat-card span { font-size: 12px; color: var(--tx3); }
.stat-card b { font-size: 26px; }
.tbl { width: 100%; border-collapse: collapse; background: var(--bg2); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.tbl th, .tbl td { padding: 9px 12px; text-align: left; border-bottom: 1px solid var(--line); font-size: 13px; vertical-align: top; }
.tbl th { color: var(--tx3); font-weight: 500; font-size: 12px; background: #faf8f2; }
.tbl tr:last-child td { border-bottom: 0; }
.tbl tbody tr:hover td { background: #fbf9f4; }
.tbl a { color: var(--acc); }
.edit-form { display: flex; flex-direction: column; gap: 14px; max-width: 720px; }
.edit-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--tx2); }
.form-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.tag-set { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; display: flex; gap: 14px; flex-wrap: wrap; background: var(--bg2); }
.tag-set legend { font-size: 12px; color: var(--tx3); padding: 0 6px; }
.tag-check { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px !important; }
.seo-box { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; background: var(--bg2); }
.seo-box summary { cursor: pointer; font-size: 13px; color: var(--tx3); }
.seo-box label { margin-top: 10px; }
.upload-form { display: flex; gap: 14px; align-items: flex-end; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg2); flex-wrap: wrap; }
.upload-form label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--tx3); }
.bind-box { border: 1px solid var(--line); border-radius: 12px; background: var(--bg2); padding: 14px 16px; margin-bottom: 14px; font-size: 13px; color: var(--tx2); display: flex; flex-direction: column; gap: 8px; }
.bind-box .secret { display: block; padding: 10px 14px; border-radius: 8px; background: var(--bg3); font-size: 16px; letter-spacing: 2px; color: var(--acc2); word-break: break-all; }