/* 管理后台增量层：仅后置加载；沿用原节点/事件。新增类词表：
   admin-description 页面说明；admin-quick-icon 操作图标；admin-nav-toggle 移动导航开关。 */
html[data-ui-refined] body.admin-page {
  --p-brand-50:#f5f0ff; --p-brand-600:#7042c1; --p-brand-700:#593197; --p-pink-500:#c45196;
  --bg-page:#f7f6fb; --bg-surface:#fff; --bg-surface-alt:#faf9fd; --bg-hover:#f3eefb;
  --text-primary:#292238; --text-secondary:#625970; --text-brand:var(--p-brand-600);
  --text-success:#15734e; --text-danger:#b33449; --text-warning:#915b12;
  --border-base:#e7e1ef; --border-strong:#d5cbe2;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;
  --fs-sm:13px; --fs-base:14px; --fs-md:16px; --fs-lg:18px; --fs-2xl:24px; --fs-stat:30px;
  --h-md:36px; --h-lg:40px; --radius-md:8px; --radius-lg:12px;
  --shadow-sm:0 4px 18px rgba(59,35,94,.045); --shadow-modal:0 24px 80px rgba(40,25,63,.2);
  --admin-text:var(--text-primary); --admin-muted:var(--text-secondary); --admin-dim:var(--text-secondary);
  --admin-brand:var(--p-brand-600); --admin-brand-2:var(--p-pink-500);
  --admin-border:var(--border-base); --admin-border-strong:var(--border-strong);
  --admin-surface:var(--bg-surface); --admin-surface-2:var(--bg-surface-alt);
  color-scheme:light; font-size:var(--fs-base); align-items:flex-start;
}
html[data-ui-refined] .admin-page .admin-sidebar { width:224px; padding:var(--sp-6) var(--sp-4); gap:var(--sp-2); }
html[data-ui-refined] .admin-page .admin-brand { padding:0 var(--sp-2) var(--sp-6); }
html[data-ui-refined] .admin-page .admin-brand-text strong { font-size:var(--fs-md); color:var(--text-primary); }
html[data-ui-refined] .admin-page .admin-brand-text small { font-size:var(--fs-sm); color:var(--text-secondary); }
html[data-ui-refined] .admin-page .admin-nav a { height:var(--h-lg); font-size:var(--fs-base); color:var(--text-secondary); }
html[data-ui-refined] .admin-page .admin-nav a:hover { background:var(--bg-hover); color:var(--text-brand); }
html[data-ui-refined] .admin-page .admin-nav a.is-active { background:var(--p-brand-50); color:var(--p-brand-700); box-shadow:inset 3px 0 var(--p-brand-600); font-weight:700; }
html[data-ui-refined] .admin-page .admin-nav a.is-active .admin-nav-dot { background:currentColor; }
html[data-ui-refined] .admin-page .admin-main { width:calc(100% - 224px); max-width:1600px; margin:0 auto; padding:var(--sp-6) var(--sp-8) var(--sp-8); }
html[data-ui-refined] .admin-page .admin-topbar { align-items:center; gap:var(--sp-4); margin:0 0 var(--sp-6); padding:0 0 var(--sp-5); }
html[data-ui-refined] .admin-page .admin-title h1 { color:var(--text-primary)!important; font-size:var(--fs-2xl); line-height:1.35; letter-spacing:0; }
html[data-ui-refined] .admin-page .admin-title > p { color:var(--text-brand); font-size:var(--fs-sm); letter-spacing:.08em; }
html[data-ui-refined] .admin-page .admin-title .admin-description { color:var(--text-secondary); font-size:var(--fs-sm); letter-spacing:0; font-weight:400; text-transform:none; margin:var(--sp-2) 0 0; }
html[data-ui-refined] .admin-page .admin-account { flex-wrap:wrap; justify-content:flex-end; color:var(--text-secondary); font-size:var(--fs-sm); }
html[data-ui-refined] .admin-page .admin-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-4); margin-bottom:var(--sp-6); }
html[data-ui-refined] .admin-page .admin-metric { background:var(--bg-surface); border:1px solid var(--border-base); box-shadow:var(--shadow-sm); padding:var(--sp-5); min-height:140px; border-radius:var(--radius-lg); gap:var(--sp-2); }
html[data-ui-refined] .admin-page .admin-metric::before { inset:0 0 auto; width:auto; height:3px; background:linear-gradient(90deg,var(--p-brand-600),var(--p-pink-500)); }
html[data-ui-refined] .admin-page .admin-metric span { font-size:var(--fs-base); color:var(--text-secondary); }
html[data-ui-refined] .admin-page .admin-metric strong { color:var(--text-primary); font-size:var(--fs-stat); line-height:1.25; overflow-wrap:anywhere; }
html[data-ui-refined] .admin-page .admin-metric small { font-size:var(--fs-sm); color:var(--text-secondary); }
html[data-ui-refined] .admin-page .admin-overview-grid { grid-template-columns:minmax(0,1fr); gap:var(--sp-6); }
html[data-ui-refined] .admin-page .admin-panel { background:var(--bg-surface); border:1px solid var(--border-base); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); }
html[data-ui-refined] .admin-page .admin-panel-head { padding:var(--sp-4) var(--sp-5); background:var(--bg-surface); }
html[data-ui-refined] .admin-page .admin-panel-head p { display:none; }
html[data-ui-refined] .admin-page .admin-panel-head h2 { color:var(--text-primary)!important; font-size:var(--fs-md); }
html[data-ui-refined] .admin-page .admin-quick { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-4); padding:var(--sp-5); }
html[data-ui-refined] .admin-page .admin-quick-item { display:grid; grid-template-columns:var(--h-lg) minmax(0,1fr); grid-template-rows:auto 1fr; align-items:start; align-content:start; column-gap:var(--sp-3); row-gap:var(--sp-2); height:auto!important; min-height:120px; padding:var(--sp-4); border:1px solid var(--border-base); border-radius:var(--radius-md); background:var(--bg-surface-alt); white-space:normal; text-align:left; box-shadow:none; color:var(--text-primary); }
html[data-ui-refined] .admin-page .admin-quick-item:hover { background:var(--bg-hover); border-color:var(--border-strong); }
html[data-ui-refined] .admin-page .admin-quick-item strong { grid-column:2; font-size:var(--fs-base); line-height:1.5; color:var(--text-primary); }
html[data-ui-refined] .admin-page .admin-quick-item small { grid-column:2; color:var(--text-secondary); font-size:var(--fs-sm); line-height:1.7; }
html[data-ui-refined] .admin-page .admin-quick-icon { grid-column:1; grid-row:1/3; display:grid; place-items:center; width:var(--h-lg); height:var(--h-lg); border-radius:var(--radius-md); background:var(--p-brand-50); color:var(--text-brand); font-size:var(--fs-2xl); }
html[data-ui-refined] .admin-page .admin-feed { padding:0; }
html[data-ui-refined] .admin-page .admin-feed li { padding:var(--sp-4) var(--sp-5); color:var(--text-secondary); font-size:var(--fs-sm); border-color:var(--border-base); }
html[data-ui-refined] .admin-page .admin-feed b { color:var(--text-primary); }
html[data-ui-refined] .admin-page .admin-feed li > span:last-child { color:var(--text-primary)!important; white-space:nowrap; }
html[data-ui-refined] .admin-page .admin-toolbar { padding:var(--sp-4); background:var(--bg-surface); border:1px solid var(--border-base); border-radius:var(--radius-lg); gap:var(--sp-2); margin-bottom:var(--sp-4); }
html[data-ui-refined] .admin-page :is(.admin-btn,.admin-toolbar input,.admin-toolbar select,.admin-account button) { height:var(--h-md); color:var(--text-primary); background:var(--bg-surface); border-color:var(--border-strong); border-radius:var(--radius-md); font-size:var(--fs-sm); }
html[data-ui-refined] .admin-page .admin-btn.is-primary { color:var(--bg-surface); background:linear-gradient(110deg,var(--p-brand-600),var(--p-pink-500)); box-shadow:none; }
html[data-ui-refined] .admin-page .admin-table-wrap { max-height:68vh; border-radius:var(--radius-lg); }
html[data-ui-refined] .admin-page .admin-table { min-width:760px; font-size:var(--fs-sm); }
html[data-ui-refined] .admin-page .admin-user-table { min-width:1400px; }
html[data-ui-refined] .admin-page .admin-table :is(th,td) { padding:var(--sp-3) var(--sp-4); border-color:var(--border-base); font-size:var(--fs-sm); color:var(--text-primary); }
html[data-ui-refined] .admin-page .admin-table th { background:var(--bg-surface-alt); color:var(--text-secondary); letter-spacing:0; }
html[data-ui-refined] .admin-page .admin-table td { background:var(--bg-surface); }
html[data-ui-refined] .admin-page .admin-table tbody tr:hover td { background:var(--bg-surface-alt); }
html[data-ui-refined] .admin-page .admin-table td small { font-size:var(--fs-sm); color:var(--text-secondary); }
html[data-ui-refined] .admin-page .admin-table .admin-actions { position:sticky; right:0; z-index:2; box-shadow:-3px 0 8px rgba(40,25,63,.04); }
html[data-ui-refined] .admin-page .admin-table th.admin-actions { z-index:3; }
html[data-ui-refined] .admin-page .admin-table :is(select,input,button) { color:var(--text-primary); background:var(--bg-surface); border-color:var(--border-strong); font-size:var(--fs-sm); }
html[data-ui-refined] .admin-page .admin-table .admin-actions button.danger { color:var(--text-danger); border-color:var(--border-base); }
html[data-ui-refined] .admin-page :is(.page-perm-pill,.state-pill,.page-perm-btn) { font-size:var(--fs-sm); color:var(--text-secondary); background:var(--bg-surface-alt); }
html[data-ui-refined] .admin-page .oss-toggle.is-on { color:var(--text-success); }
html[data-ui-refined] .admin-page :is(.admin-hint,.admin-warn) { color:var(--text-secondary); background:var(--bg-surface); font-size:var(--fs-sm); padding:var(--sp-4); }
html[data-ui-refined] .admin-page .admin-warn strong { color:var(--text-warning); }
html[data-ui-refined] .admin-page :is(.admin-drawer,.page-perm-dialog) { background:var(--bg-surface); color:var(--text-primary); box-shadow:var(--shadow-modal); }
html[data-ui-refined] .admin-page .admin-drawer { width:min(480px,100vw); height:100dvh; max-height:100dvh; }
html[data-ui-refined] .admin-page :is(.admin-drawer-head,.admin-drawer-foot) { padding:var(--sp-5) var(--sp-6); background:var(--bg-surface-alt); }
html[data-ui-refined] .admin-page .admin-drawer-fields { padding:var(--sp-6); gap:var(--sp-5); }
html[data-ui-refined] .admin-page .admin-drawer-fields label { font-size:var(--fs-base); color:var(--text-primary); }
html[data-ui-refined] .admin-page .admin-drawer-fields :is(input,select) { height:var(--h-lg); color:var(--text-primary); border-color:var(--border-strong); font-size:var(--fs-base); }
html[data-ui-refined] .admin-page #pagePermDialog :is(.page-perm-head h2,.page-perm-item) { color:var(--text-primary); }
html[data-ui-refined] .admin-page #pagePermDialog :is(.page-perm-hint,.page-perm-item small,.page-perm-count) { color:var(--text-secondary); font-size:var(--fs-sm); }
html[data-ui-refined] .admin-page :is(.admin-drawer-close,.page-perm-close) { min-width:var(--h-md); min-height:var(--h-md); color:var(--text-secondary); }
html[data-ui-refined] .admin-page :is(button,a,input,select):focus-visible { outline:2px solid var(--p-brand-600); outline-offset:2px; }
html[data-ui-refined] .admin-page #elseCopyright { position:static!important; max-width:none!important; margin:var(--sp-6) 0 0!important; padding:var(--sp-4) 0 0!important; border:0!important; border-top:1px solid var(--border-base)!important; border-radius:0!important; background:none!important; color:var(--text-secondary)!important; box-shadow:none!important; font-size:var(--fs-sm)!important; }
html[data-ui-refined] .admin-page .admin-nav-toggle { display:none; }
@media(max-width:1100px) {
  html[data-ui-refined] .admin-page .admin-sidebar { width:200px; }
  html[data-ui-refined] .admin-page .admin-main { width:calc(100% - 200px); padding:var(--sp-6); }
  html[data-ui-refined] .admin-page .admin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-ui-refined] .admin-page .admin-quick { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:721px) and (max-width:900px) {
  html[data-ui-refined] .admin-page { flex-direction:row; }
  html[data-ui-refined] .admin-page .admin-sidebar { position:sticky; height:100vh; flex-direction:column; align-items:stretch; }
  html[data-ui-refined] .admin-page .admin-nav { flex-direction:column; }
  html[data-ui-refined] .admin-page .admin-nav-quiet { display:flex; }
}
@media(max-width:720px) {
  html[data-ui-refined] .admin-page { flex-direction:column; }
  html[data-ui-refined] .admin-page .admin-sidebar { position:static; width:100%; height:auto; padding:var(--sp-4); flex-direction:row; flex-wrap:wrap; align-items:center; border-bottom:1px solid var(--border-base); }
  html[data-ui-refined] .admin-page .admin-brand { padding:0; flex:1; }
  html[data-ui-refined] .admin-page .admin-nav-toggle { display:block; }
  html[data-ui-refined] .admin-page .admin-nav { width:100%; flex-direction:row; flex-wrap:nowrap; gap:var(--sp-1); }
  html[data-ui-refined] .admin-page .admin-nav a { flex:1; justify-content:center; padding:0 var(--sp-2); font-size:var(--fs-sm); }
  html[data-ui-refined] .admin-page .admin-nav-dot { display:none; }
  html[data-ui-refined] .admin-page .admin-nav-quiet { display:flex; flex-wrap:wrap; }
  html[data-ui-refined] .admin-page[data-admin-enhanced] .admin-nav-quiet:not(.is-open) { display:none; }
  html[data-ui-refined] .admin-page .admin-main { width:100%; padding:var(--sp-5) var(--sp-4); }
  html[data-ui-refined] .admin-page .admin-topbar { flex-direction:column; align-items:stretch; gap:var(--sp-3); }
  html[data-ui-refined] .admin-page .admin-topbar-right { justify-content:flex-start; }
  html[data-ui-refined] .admin-page .admin-account { justify-content:flex-start; }
  html[data-ui-refined] .admin-page .admin-metrics { gap:var(--sp-3); }
  html[data-ui-refined] .admin-page .admin-metric { padding:var(--sp-4); min-height:132px; }
  html[data-ui-refined] .admin-page .admin-metric strong { font-size:var(--fs-2xl); }
  html[data-ui-refined] .admin-page .admin-quick { grid-template-columns:1fr; padding:var(--sp-4); gap:var(--sp-3); }
  html[data-ui-refined] .admin-page .admin-quick-item { min-height:0; }
  html[data-ui-refined] .admin-page .admin-toolbar { padding:var(--sp-3); }
  html[data-ui-refined] .admin-page .admin-toolbar input[type=search] { min-width:0; width:100%; max-width:none; flex-basis:100%; }
  html[data-ui-refined] .admin-page .admin-toolbar select { min-width:0; flex:1 1 42%; }
  html[data-ui-refined] .admin-page .admin-toolbar-spacer { display:none; }
  html[data-ui-refined] .admin-page .admin-table .admin-actions { position:static; box-shadow:none; }
  html[data-ui-refined] .admin-page .admin-feed li { flex-wrap:wrap; }
  html[data-ui-refined] .admin-page #pagePermDialog { width:calc(100vw - 24px); }
  html[data-ui-refined] .admin-page #pagePermDialog :is(.page-perm-actions,.page-perm-tools) { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { html[data-ui-refined] .admin-page * { animation:none!important; transition:none!important; } }