:root { /* ===== 极小语义设计令牌（2026-07-20 收敛自 121 token） ===== */ /* 品牌主色（teal） */ --c-primary:#2563EB; --c-primary-soft:#DBEAFE; --c-primary-deep:#1E40AF; /* 语义状态色 */ --c-success:#15803D; --c-success-soft:#E6F4EA; --c-warning:#D97706; --c-warning-soft:#FEF3C7; --c-danger:#DC2626; --c-danger-soft:#FBE7E7; --c-danger-deep:#7A1A1F; --c-info:#1D6FB8; --c-info-soft:#E6F1FB; --c-info-deep:#0B4F8A; --c-brown-deep:#5C3D00; /* 盈亏五档色（盈亏仓环形图 conic-gradient 用） */ --tier-profit:#15803D; --tier-even:#2563EB; --tier-loss:#D97706; --tier-warn:#DC2626; --tier-severe:#7A1A1F; /* 中性色（文字/边框/表面） */ --c-ink:#0F172A; --c-body:#334155; --c-muted:#64748B; --c-line:#E2E8F0; --c-line-soft:#F1F5F9; --c-surface:#FFFFFF; --c-surface-2:#F8FAFC; --c-bg:#F4F6F9; --c-row-hover:#F8FAFC; /* 向后兼容别名（旧 JS 引用 --card / --gray-*） */ --card:var(--c-surface); --gray-50:#F8FAFC; --gray-150:#E2E8F0; --gray-400:#94A3B8; /* 工具类令牌 — 保留原名（字号阶梯/圆角/阴影/间距/动画/控件尺寸/页头） */ --space-4:1rem; --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --radius-lg:.9rem; --radius-md:.65rem; --radius-sm:.4rem; --radius-xl:1.2rem; --ring:rgba(37,99,235,.18); --shadow-lg:0 14px 30px rgba(15,23,42,.10), 0 4px 12px rgba(15,23,42,.05); --shadow-md:0 6px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04); --shadow-sm:0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04); --shadow-xl:0 24px 48px rgba(15,23,42,.12),0 8px 24px rgba(15,23,42,.08); --shadow-xs:0 1px 2px rgba(15,23,42,.05); --transition:all .22s cubic-bezier(.4,0,.2,1); --transition-bounce:all .28s cubic-bezier(.34,1.4,.64,1); --h-control:2.6rem; --h-control-sm:2.1rem; --control-py:.5rem; --control-px:1rem; --control-sm-py:.3rem; --control-sm-px:.7rem; --fs-xs:.72rem; --fs-sm:.8rem; --fs-base:.9rem; --fs-md:.95rem; --fs-lg:1.05rem; --fs-xl:1.25rem; --fs-2xl:1.6rem; --header-py:.6rem; --header-px:1rem; --fs-3xl:2.2rem; /* 大标题档（新增，覆盖 2.2rem 级标题，避免被压扁） */; } body, .keyboard-btn, .admin-tabs .nav-item, .admin-page-header h4, .admin-page-header p, .search-hero p, .cockpit-risk { margin:0 } body, .navbar>.container-fluid, .keyboard-btn, .admin-card-header.p-0 { padding:0 } h3, h5, h6, .btn, .card-header, .progress-bar, .form-label, .modal-title, .stat-title, .stat-sub-label, .toolbar .btn, #caseTable thead th, #caseTable .combined-cell .main-value, .double-cell .cell-top, .combined-cell .main-value, .keyboard-btn, #candidateList thead th, #candidateList .combined-cell .main-value, .candidate-card .main-value, .param-group .pg-label, .form-label-xs, .admin-tabs .nav-link.active, .admin-card-header, .admin-action-card .action-title, .admin-table th, .mode-tab, .dip-result-table th, .dip-result-table .type-badge, .tree-node .node-code, .path-breadcrumb .crumb.current, .detail-panel .detail-label, .admin-nav-item.active, #catalogTable tbody td:nth-child(5), #catalogTable tbody td:nth-child(6), #catalogTable tbody td:nth-child(7), .cockpit-kpi .ck-value, .cockpit-panel-head .ch, .cockpit-table thead th, .cockpit-name, .cockpit-risk .rr-name, .cockpit-pl { font-weight:600 } h5, .navbar-brand, .toast-notification .toast-icon, .admin-action-card .action-icon { font-size:var(--fs-xl) } a, .btn, .page-link, .navbar-brand, .nav-link, .admin-nav-item { text-decoration:none } a:hover, code, .page-link, .dip-result-table .score-cell, .tree-node .node-code, .path-breadcrumb .crumb.current, .detail-panel .detail-value.score, .stat-tile .stat-tile-num, .admin-action-card .action-icon { color:var(--c-primary) } code, .mode-tab:hover, .tree-node:hover, .admin-action-card .action-icon, .cockpit-tag.mix { background:var(--c-primary-soft) } button, .btn, .btn-close, .navbar-toggler, .stat-card, .stat-subcard, .keyboard-btn, .candidate-row, .toast-notification .toast-close, .admin-tabs .nav-link, .admin-nav-item, .admin-action-card, .mode-tab, .tree-node, .quick-tag, .cockpit-select { cursor:pointer } .container, .container-fluid, .row>*, .col-12, .table, .form-control, .form-select, .input-group, .modal, .modal-content, .stat-subgrid, .toolbar .row, .param-group .pg-input input, .admin-table, .dip-result-table, .admin-form-row .form-control-sm, .cockpit-table, .cockpit-bar .col { width:100% } .row, .card, .progress, .progress-bar, .pagination, .navbar, .navbar>.container-fluid, .navbar-brand, .navbar-nav, .input-group, .modal-content, .modal-header, .modal-footer, .stat-card, .stat-split-left, .stat-split-right, .stat-subcard, .toolbar, .search-section, .search-row, .admin-toolbar, .admin-toolbar-meta, .toast-container, .toast-notification, .action-btns, .param-group .pg-row, .save-bar, .nav-tabs, .admin-layout, .admin-sidebar, .admin-sidebar-brand, .admin-nav-item, .admin-sidebar-footer, .admin-card-header, .admin-login-page, .admin-loading, #caseTable .action-btns, .search-box-wrap, .mode-tabs, .tree-node, .path-breadcrumb, .detail-panel .detail-row, .quick-tags, .stats-mini-row, .stat-tile, .admin-form-row, .admin-form-field, .admin-form-action, .cockpit-header, .cockpit-filter, .cockpit-panel-head, .cockpit-tools, .cockpit-side, .cockpit-bars, .cockpit-bar, .cockpit-risk li { display:flex } .row, .btn-group, .navbar, .modal-footer, .toolbar, .admin-toolbar, .admin-toolbar-meta, .nav-tabs, .path-breadcrumb, .quick-tags, .stats-mini-row, .admin-form-row, .cockpit-header { flex-wrap:wrap } .row>*, .stat-split-left, .search-section, .search-row .btn, .toast-notification .toast-icon, .param-group .pg-label, .param-group .pg-unit, .admin-sidebar, .admin-nav-item .nav-icon, .tree-node .toggle-icon { flex-shrink:0 } .col-6, .col-12, .admin-form-field-sm, .admin-form-action { flex:0 0 auto } .fw-bold, .stat-amt, #caseTable thead th, #caseTable .combined-cell .main-value { font-weight:700!important } .text-white, .navbar-brand, .nav-link:hover, .nav-link.active { color:var(--c-surface)!important } .text-primary, .text-success, .text-danger, .text-warning, .stat-title, .toolbar .btn { font-weight:600!important } .table, .admin-table, .dip-result-table, .cockpit-table { border-collapse:collapse } .table th, .table td, #caseTable tbody td, .param-group .pg-row, .admin-table td, .dip-result-table td, .detail-panel .detail-row { border-bottom:1px solid var(--c-line-soft) } .btn, .btn-group, .brand-icon, .keyboard-btn, .admin-nav-item .nav-icon, .admin-action-card .action-icon, .empty-state .empty-icon { display:inline-flex } .btn, .navbar, .navbar>.container-fluid, .navbar-brand, .brand-icon, .navbar-collapse, .modal-header, .modal-footer, .stat-split-right, .stat-subcard, .toolbar, .toolbar .row, .search-section, .search-row, .admin-toolbar, .admin-toolbar-meta, .keyboard-btn, .toast-notification, .action-btns, .param-group .pg-row, .save-bar, .admin-sidebar-brand, .admin-nav-item, .admin-card-header, .admin-login-page, .admin-loading, #caseTable .action-btns, .search-box-wrap, .tree-node, .path-breadcrumb, .stat-tile, .case-th-grid, .admin-progress-overlay, .admin-nav-item .nav-icon, .admin-action-card .action-icon, .empty-state .empty-icon, .cockpit-filter, .cockpit-panel-head, .cockpit-bar, .cockpit-risk li { align-items:center } .btn, .progress-bar, .brand-icon, .stat-subcard, .keyboard-btn, .action-btns, .admin-login-page, .admin-loading, .admin-progress-overlay, .admin-nav-item .nav-icon, .admin-action-card .action-icon, .empty-state .empty-icon { justify-content:center } .btn, .search-section, .search-row, .admin-stat-row, .stats-mini-row { gap:.35rem } .btn, .badge, .progress-bar, .stat-subcard, #caseTable thead th, #caseTable tbody td, .col-seq, .col-act, .col-rate, .empty-state, .param-group .pg-hd, .admin-nav-item .nav-icon, .admin-login-box, .admin-login-box h4, .dip-result-table .score-cell, .tree-node .toggle-icon, #catalogTable thead th.col-score, #catalogTable thead th.col-rate, #catalogTable tbody td:nth-child(5), #catalogTable tbody td:nth-child(6), #catalogTable tbody td:nth-child(7), .cockpit-loading { text-align:center } .btn, .navbar-toggler-icon, #caseTable thead th, #caseTable tbody td, #candidateList th, #candidateList td, .admin-table td, .dip-result-table td, .admin-table-compact td { vertical-align:middle } .btn, .card-header, .form-control, .form-select, #caseTable .combined-cell .main-value, .keyboard-btn, .toast-notification { font-size:var(--fs-md) } .btn, .progress, .brand-icon, .nav-link, .navbar-toggler, .form-control, .form-select, .candidate-card, .param-group, .admin-login-box .brand-icon, .admin-action-card, .search-box-wrap, .detail-panel, .cockpit-kpi, .cockpit-panel { border-radius:var(--radius-md) } .btn, .card, .page-link, .nav-link, .navbar-toggler, .form-control, .form-select, .candidate-card, .admin-tabs .nav-link, .admin-nav-item, .admin-action-card, .mode-tab, .quick-tag, .admin-nav-item .nav-icon, .admin-action-card .action-icon, .cockpit-select, .cockpit-kpi { transition:var(--transition) } .btn, .form-control, .form-select, #caseTable .combined-cell .main-value, .double-cell .cell-top, .combined-cell .main-value, #candidateList .combined-cell .main-value, .candidate-card .main-value, .param-group .pg-input input, .admin-action-card .action-title, .detail-panel .detail-value, #catalogTable tbody td:nth-child(5), #catalogTable tbody td:nth-child(6), #catalogTable tbody td:nth-child(7) { color:var(--c-ink) } .btn, .card, .stat-card, .toolbar, .keyboard-btn, #candidateList, .admin-card, .mode-tab.active { box-shadow:var(--shadow-sm) } .btn, .alert, .page-link, .brand-icon, .modal-dialog, .modal-content, .stat-card, .keyboard-container, .admin-sidebar-brand, .admin-page-header { position:relative } .btn, .progress, .progress-bar, .modal-content, .stat-card, .keyboard-container, .param-group, .admin-card, .cockpit-panel { overflow:hidden } .btn:hover, .card:hover, .navbar, .admin-action-card:hover, .search-hero { box-shadow:var(--shadow-md) } .btn:disabled, .page-item.disabled .page-link, .modal-dialog, .stat-card::after, .toast-container { pointer-events:none } .btn-sm, .progress, .progress-bar, .form-text, .input-group-sm .form-control, .input-group-sm .btn, #candidateList table, #candidateList .combined-cell .main-value, .candidate-card .main-value, .cockpit-filter, .cockpit-select { font-size:var(--fs-sm) } .btn-sm, .badge, .page-link, .form-control-sm, .form-select-sm, .toolbar .btn, #caseTable .badge, .admin-sidebar-brand .brand-icon, .admin-nav-item, .mode-tab, .dip-result-table .type-badge, .tree-node, .path-breadcrumb .crumb, .quick-tag, .stat-tile, .cockpit-select { border-radius:var(--radius-sm) } .btn-primary, .btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-danger:hover, .btn-outline-warning:hover, .badge, .progress-bar, .page-item.active .page-link, .modal-header.bg-primary, .modal-header.bg-info, .modal-header.bg-success, .stat-card, .param-group .pg-hd, .admin-sidebar-brand, .admin-nav-item:hover, .admin-nav-item.active, .search-hero, .search-hero h3, .mode-tab.active { color:var(--c-surface) } .btn-primary:hover, .btn-outline-primary:hover, .page-item.active .page-link, .cockpit-select:focus { border-color:var(--c-primary-deep) } .btn-outline-primary, .keyboard-btn:hover, .candidate-card:hover, .admin-action-card:hover, .mode-tab:hover { border-color:var(--c-primary-soft) } .btn-outline-primary:hover, .page-item.active .page-link, .nav-link.active::after, .param-group .pg-hd { background:var(--c-primary) } .btn-outline-secondary, #caseTable thead th, .double-cell .cell-sub, .match-log-detail, #candidateList thead th, .param-group .pg-label, .form-label-xs, .admin-table th, .mode-tab, .dip-result-table th { color:var(--c-body) } .btn-outline-danger, .admin-action-card.danger .action-title, .admin-action-card.danger .action-icon, .stat-tile.danger .stat-tile-num, .cockpit-chip.over { color:var(--c-danger) } .btn-close, .modal-backdrop.show, .stat-amt-placeholder, .toast-notification .toast-close, .empty-state .empty-icon { opacity:.5 } .btn-close:hover, .form-control::placeholder, .toast-notification .toast-close:hover, .admin-nav-item.active .nav-icon, .empty-state .empty-icon { opacity:1 } .card, .progress-bar, .navbar-nav, .modal-content, .stat-card, .stat-split-left, .stat-subcard, .toast-container, .admin-sidebar, .admin-sidebar-footer, #caseTable .action-btns, .admin-form-field, .cockpit-side, .cockpit-bar { flex-direction:column } .card, .progress, .page-link, .toolbar, .keyboard-btn, #candidateList, .candidate-card, .param-group, .param-group .pg-input input, .admin-card, .admin-action-card, .mode-tab, .detail-panel, .stat-tile { border:1px solid var(--c-line) } .card, .modal-content, .toolbar, .keyboard-container, .admin-login-box, .search-hero { border-radius:var(--radius-xl) } .card, .page-link, .form-control, .form-select, .form-control:focus, .form-select:focus, .modal-content, .toolbar, #caseTable, #candidateList, .candidate-card, .param-group, .param-group .pg-input input:focus, .admin-tabs .nav-link.active, .admin-card, .admin-login-box, .admin-action-card, .mode-tab, .stat-tile, .admin-progress-box, .cockpit-kpi, .cockpit-panel { background:var(--c-surface) } .card-body, .stat-split-right, .param-group .pg-input, .admin-nav, .admin-content, .tree-node .node-name, .ig-w320, .cockpit-bar { flex:1 } .card-body, .modal-header, .modal-footer, .admin-sidebar-brand { padding:1rem 1.25rem } .card-header, .modal-header, .nav-tabs, .admin-card-header.p-0 .admin-tabs, .admin-page-header, .admin-card-header { border-bottom:1px solid var(--c-line) } .badge, .navbar-brand, .stat-amt, .keyboard-btn.dot-lg, .param-group .pg-hd, .admin-sidebar-brand, .admin-nav-section-title, .admin-page-header h4, .admin-login-box h4, .page-header h5, .dip-result-table .score-cell, .case-th-grid .th-label { font-weight:700 } .badge, .toolbar .btn, #caseTable thead th, .admin-tabs .nav-link, .admin-table th, #caseTable .action-btns .btn, .search-box-wrap .btn, .dip-result-table th, .cockpit-chip, .cockpit-table thead th { white-space:nowrap } .badge:empty, .collapse:not(.show), .tab-pane:not(.show), .admin-module, .modal, .tree-children, .admin-progress-overlay { display:none } .alert, .modal-content, .toast-notification .toast-close, .search-box-wrap .form-control, .search-box-wrap .form-select { border:none } .alert, .stat-card, #caseTable, #candidateList, .toast-notification, .admin-card { border-radius:var(--radius-lg) } .alert, .nav-link, .empty-state .empty-text, .admin-nav-item .nav-icon { font-size:var(--fs-md) } .alert-dismissible .btn-close, .nav-link.active::after, .stat-card::after, .keyboard-container::before, .admin-sidebar-brand::after, .admin-page-header::after { position:absolute } .alert-dismissible .btn-close, .navbar, .modal, .modal-backdrop, #caseTable thead th, .keyboard-container::before, .admin-sidebar, .admin-progress-overlay, .cockpit-table thead th { top:0 } .alert-dismissible .btn-close, .stat-card::after, .keyboard-container::before, .admin-progress-overlay { right:0 } .progress, #candidateList thead th, .admin-tabs .nav-link:hover, .admin-table th, .path-breadcrumb .crumb, .empty-state .empty-icon, .cockpit-table thead th { background:var(--c-line-soft) } .pagination, .navbar-nav, .nav-tabs, .cockpit-risk { list-style:none } .page-link, .nav-link, .form-control, .form-select, #caseTable thead th .sub-header, #caseTable .combined-cell .main-value, #caseTable .combined-cell .sub-value, .combined-cell .main-value, .combined-cell .sub-value, .admin-module.active, .admin-table th small, .tree-children.show { display:block } .page-link:hover, .candidate-card:hover, .path-breadcrumb .crumb.current, .admin-action-card:hover .action-icon { background:var(--c-primary-soft) } .page-item.disabled .page-link, .form-text, #caseTable thead th .sub-header, #caseTable .combined-cell .sub-value, .combined-cell .sub-value, #candidateList .combined-cell .sub-value, .case-th-grid .th-sub, .empty-state, .param-group .pg-unit, .admin-page-header p, .admin-card-header .card-badge, .admin-action-card .action-desc, .admin-table th small, .admin-loading, .tree-node .toggle-icon, .tree-node .node-meta, .tree-loading, .path-breadcrumb, .detail-panel .detail-label, .stat-tile .stat-tile-label { color:var(--c-muted) } .page-item.disabled .page-link, .keyboard-btn:disabled, .param-group .pg-input input, .admin-layout, .detail-panel { background:var(--c-surface-2) } .pagination-sm .page-link, .admin-card-header, .admin-action-card .action-title, .search-box-wrap .form-select, .mode-tab, .dip-result-table, .tree-node .node-code, .case-th-grid, .admin-table-compact { font-size:var(--fs-sm) } .navbar, .navbar>.container-fluid, .modal-header, .stat-card, .stat-split-left, .toolbar, .toolbar .row, .admin-toolbar, .admin-card-header, .cockpit-header, .cockpit-panel-head, .cockpit-risk li { justify-content:space-between } .navbar, #caseTable thead th, .admin-sidebar, .cockpit-table thead th { position:sticky } .navbar-brand, .modal-footer, .toast-container, .save-bar, .admin-sidebar-brand, .admin-nav-item, .admin-action-grid, .toolbar, .admin-form-row, .cockpit-filter { gap:.5rem } .navbar-brand, .modal-title, .stat-title, .stat-sub-label, .keyboard-btn, .admin-sidebar-brand, .admin-table-compact th { letter-spacing:.02em } .brand-icon::after, .nav-link.active::after, .stat-card::after, .keyboard-container::before, .admin-sidebar-brand::after, .admin-page-header::after { content:'' } .navbar-nav, #caseTable, #candidateList table, .nav-tabs, .admin-card-header.p-0 .admin-tabs { margin-bottom:0 } /* 顶部导航：