body[data-cc-zhaoui="complex"] {
 --primary:var(--zh-color-primary); --primary-color:var(--zh-color-primary); --primary-dark:var(--zh-color-primary);
 --brand-primary:var(--zh-color-primary); --brand-primary-dark:var(--zh-color-primary);
 --bg-color:var(--zh-bg-subtle); --text-color:var(--zh-text); --card-bg:var(--zh-bg-elevated);
 background:var(--zh-bg-subtle); color:var(--zh-text); font-family:var(--zh-font-sans);
}
body[data-cc-zhaoui="complex"] :is(.card,.layui-card,.login-card,.login-container,.form-container,.admin-container,.category-section,.quote-card,.panel,.modal-content) {
 border-color:var(--zh-border); border-radius:var(--zh-radius-lg); box-shadow:none;
}
body[data-cc-zhaoui="complex"] :is(.btn-primary,.layui-btn,.search-btn,.submit-button,.category-button.active) {
 background:var(--zh-color-primary); border-color:var(--zh-color-primary); color:var(--zh-on-primary); border-radius:var(--zh-radius-md); box-shadow:none;
}
body[data-cc-zhaoui="complex"] :is(.form-control,.form-select,.form-control-modern,input[type="text"],input[type="password"],input[type="email"],textarea,select) {
 border-color:var(--zh-border); border-radius:var(--zh-radius-md);
}
body[data-cc-zhaoui="complex"] :is(td,th) { vertical-align:middle; border-color:var(--zh-border); }
body[data-cc-zhaoui="complex"] :is(.site-title,.admin-title) { color:var(--zh-text); text-shadow:none; }
body:is([data-cc-tool="home"],[data-cc-tool="nav"]) .nav-item { background:var(--zh-bg-elevated); color:var(--zh-text); border:1px solid var(--zh-border); border-radius:var(--zh-radius-lg); box-shadow:none; }
body:is([data-cc-tool="home"],[data-cc-tool="nav"]) .nav-item:hover { border-color:var(--zh-color-primary); }
body[data-cc-tool="home"] .sidebar { background:var(--zh-bg-elevated); border-right:1px solid var(--zh-border); }
body[data-cc-tool="app"] .custom-navbar,body[data-cc-tool="mmg"] .modern-nav { background:var(--zh-bg-elevated); border-bottom:1px solid var(--zh-border); box-shadow:none; }
body[data-cc-tool="app"] {
 --admin-accent:var(--zh-color-primary); --admin-accent-hover:var(--zh-color-primary-hover); --admin-accent-soft:var(--zh-color-primary-subtle); --admin-accent-glow:transparent;
 --admin-bg:var(--zh-bg-subtle); --admin-card-bg:var(--zh-bg-elevated); --admin-text:var(--zh-text); --admin-text-dim:var(--zh-text-secondary); --admin-border:var(--zh-border); --admin-font-main:var(--zh-font-sans);
}
body[data-cc-tool="mmg"] {
 --login-primary:var(--zh-color-primary); --login-primary-dark:var(--zh-color-primary-hover); --login-primary-glow:transparent;
 --login-bg:var(--zh-bg-subtle); --login-input-bg:var(--zh-bg-subtle); --login-text:var(--zh-text); --login-text-muted:var(--zh-text-secondary); --login-border:var(--zh-border);
}
body[data-cc-tool="app"] :is(.login-box,.login-brand-icon),body[data-cc-tool="mmg"] :is(.btn-login,.login-logo) { box-shadow:none; }
body[data-cc-tool="kf"] .login-box button { background:var(--zh-color-primary); color:var(--zh-on-primary); }
/* Keep the switch outside centered login layouts and reserve its measured height. */
body:is([data-cc-zhaoui="complex"],[data-legacy-tool="home"],[data-legacy-tool="nav"],[data-legacy-tool="ps"],[data-legacy-tool="app"],[data-legacy-tool="jinju"],[data-legacy-tool="kf"],[data-legacy-tool="mmg"],[data-legacy-tool="threads"],[data-legacy-tool="study"],[data-legacy-tool="muyu"],[data-legacy-tool="yanhua"],[data-legacy-tool="pkname2"],[data-legacy-tool="running"],[data-legacy-tool="monkeyking"],[data-legacy-tool="sunwukong"]) #cc-ui-switch { position:fixed; top:0; left:0; right:0; margin:0; box-sizing:border-box; z-index:1040; }
body:is([data-cc-tool="app"],[data-legacy-tool="app"]) .custom-navbar.fixed-top { top:var(--cc-switch-height,52px); }
body:is([data-cc-tool="study"],[data-legacy-tool="study"]) .appbar { top:var(--cc-switch-height,52px) !important; }
body:is([data-cc-tool="home"],[data-legacy-tool="home"]) .sidebar { top:var(--cc-switch-height,52px); height:calc(100dvh - var(--cc-switch-height,52px)); }
body:is([data-cc-tool="ps"],[data-legacy-tool="ps"]) { min-height:0; }
body:is([data-cc-tool="ps"],[data-legacy-tool="ps"]) .editor { height:calc(100dvh - var(--cc-switch-height,52px)); min-height:480px; }
body[data-cc-tool="ps"] .editor { --settings-text:var(--zh-text); --settings-raised:var(--zh-bg-elevated); --settings-border:var(--zh-border); --settings-hover:var(--zh-bg-subtle); font-family:var(--zh-font-sans); }
body[data-cc-tool="ps"] :is(.topbar,.toolbar,.inspector) { background:var(--zh-bg-elevated); border-color:var(--zh-border); }
body[data-cc-tool="ps"] .brand { color:var(--zh-color-primary-text); }
body[data-cc-tool="ps"] :is(button,input,select) { border-radius:var(--zh-radius-sm); }
body[data-cc-tool="jinju"] :is(.quote-card,.category-button,.quote-text,.quote-author,.tag,.action-item) { color:var(--zh-text); }
body[data-cc-tool="jinju"] :is(.quote-card,.category-button,.tag,.action-item.change-one) { background:var(--zh-bg-elevated); border-color:var(--zh-border); box-shadow:none; }
body[data-cc-tool="jinju"] .category-button.active,body[data-cc-tool="jinju"] .action-item.change-one { background:var(--zh-color-primary); color:var(--zh-on-primary); }
body[data-cc-tool="jinju"] .quote-author { color:var(--zh-text-secondary); }
body:is([data-cc-tool="nav"],[data-legacy-tool="nav"]) #cc-ui-switch ~ .theme-toggle { top:auto; }
body[data-cc-tool="study"] #app {
 --bg:var(--zh-bg-subtle) !important; --paper:var(--zh-bg-elevated) !important;
 --ink:var(--zh-text) !important; --ink-soft:var(--zh-text-secondary) !important; --ink-faint:var(--zh-text-secondary) !important;
 --line:var(--zh-border) !important; --accent:var(--zh-color-primary) !important; --accent-deep:var(--zh-color-primary-text) !important;
 --accent-soft:var(--zh-bg-subtle) !important; --shadow:none !important;
 background:var(--zh-bg-subtle) !important; color:var(--zh-text) !important; font-family:var(--zh-font-sans) !important;
}
table[data-cc-numbered] tr[data-cc-row]::before { content:attr(data-cc-row); display:table-cell; padding:8px; text-align:right; color:#64748b; font-variant-numeric:tabular-nums; vertical-align:middle; white-space:nowrap; }
table[data-cc-numbered] thead tr:first-child::before { content:"序号"; display:table-cell; padding:8px; font-weight:600; white-space:nowrap; }
@media(max-width:700px) {
 body[data-cc-zhaoui="complex"] :is(.container,.admin-container,.login-container) { max-width:100%; box-sizing:border-box; }
 body:is([data-cc-tool="nav"],[data-legacy-tool="nav"]) .admin-nav { display:flex; flex-wrap:wrap; gap:8px; }
 body[data-cc-zhaoui="complex"] :is(input,textarea,select) { max-width:100%; box-sizing:border-box; }
 body[data-cc-tool="mmg"] .modern-nav { flex-wrap:wrap; height:auto; }
 body[data-cc-tool="mmg"] .nav-center { flex-wrap:wrap; }
 body:is([data-cc-tool="app"],[data-legacy-tool="app"]) .login-container { align-items:flex-start; padding-top:28px; }
}

body:is([data-cc-tool="kf"],[data-legacy-tool="kf"]) .top-nav { top:var(--cc-switch-height,52px); }
@media(max-width:980px) { body:is([data-cc-tool="study"],[data-legacy-tool="study"]) .side { top:var(--cc-switch-height,52px) !important; height:calc(100dvh - var(--cc-switch-height,52px)) !important; } }

/* 小游戏（running / monkeyking / sunwukong）：版本条是固定定位，body 被 tables.js 加了同样高度的 padding-top，
   所以游戏可用高度要扣掉条高；body 明确用 content-box，避免 zhaoUI 的 border-box 把 padding 算进去后又多扣一次 */
body:is([data-cc-tool="running"],[data-legacy-tool="running"],[data-cc-tool="monkeyking"],[data-legacy-tool="monkeyking"],[data-cc-tool="sunwukong"],[data-legacy-tool="sunwukong"]) { box-sizing:content-box; }
body:is([data-cc-tool="running"],[data-legacy-tool="running"]) { height:calc(100dvh - var(--cc-switch-height,52px)); min-height:calc(100dvh - var(--cc-switch-height,52px)); }
body:is([data-cc-tool="running"],[data-legacy-tool="running"]) :is(#app,#gameScreen) { min-height:calc(100dvh - var(--cc-switch-height,52px)); }
body:is([data-cc-tool="running"],[data-legacy-tool="running"]) #gameCanvas { width:min(100%,800px,calc((100dvh - var(--cc-switch-height,52px) - 132px) * 8 / 3)); }
@media (orientation:landscape) and (max-height:560px) { body:is([data-cc-tool="running"],[data-legacy-tool="running"]) #gameCanvas { width:min(100%,800px,calc((100dvh - var(--cc-switch-height,52px) - 76px) * 8 / 3)); } }
body:is([data-cc-tool="sunwukong"],[data-legacy-tool="sunwukong"]) { height:calc(100dvh - var(--cc-switch-height,52px)); }
body:is([data-cc-tool="sunwukong"],[data-legacy-tool="sunwukong"]) .app { height:calc(100dvh - var(--cc-switch-height,52px)); }
body:is([data-cc-tool="monkeyking"],[data-legacy-tool="monkeyking"]) { height:calc(100dvh - var(--cc-switch-height,52px)); }