/* ════════════════════════════════════════════════════════════════════════
 * ui-console-polish.css — 后台 UI 精修层（全局 · 安全 · 仅装饰）
 * 落实叨叨AI 第4集「高级后台排版」的"克制层级 / 留白 / 单强调色"：
 *   自定义滚动条、品牌选区、统一焦点环、平滑过渡。令牌化，零破坏性。
 * ════════════════════════════════════════════════════════════════════════ */
:root{scrollbar-color:var(--border) transparent;scrollbar-width:thin;}
*::-webkit-scrollbar{width:9px;height:9px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid transparent;background-clip:padding-box;}
*::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box;}
::selection{background:var(--accent-glow);color:var(--accent-text);}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius);}
a,button,input,textarea,select,[tabindex]{transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease;}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation-duration:.01ms!important;}}