/* Kole UI FixedColumnTable 样式 — 左右列固定 + 横向滚动 */ .kole-fixtable-wrap { position: relative; max-width: 100%; overflow-x: auto; border: 1px solid var(--kole-color-border); border-radius: 8px; background: var(--kole-color-card-bg); } .kole-fixtable { width: 100%; border-collapse: collapse; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); font-size: 14px; min-width: 760px; } .kole-fixtable th { text-align: start; padding: 12px 14px; background: var(--kole-color-table-header-bg); color: var(--kole-color-text-title); font-weight: 600; border-bottom: 1px solid var(--kole-color-border); white-space: nowrap; } .kole-fixtable td { padding: 11px 14px; color: var(--kole-color-text-body); border-bottom: 1px solid var(--kole-color-border); white-space: nowrap; } .kole-fixtable tbody tr:hover td { background: var(--kole-color-page-bg); } .kole-fixtable .kole-fixed { position: sticky; background: var(--kole-color-card-bg); z-index: 1; } .kole-fixtable thead .kole-fixed { z-index: 3; } .kole-fixtable .kole-fixed-left { left: 0; box-shadow: 6px 0 8px -6px rgba(0,0,0,0.12); } .kole-fixtable .kole-fixed-right { right: 0; box-shadow: -6px 0 8px -6px rgba(0,0,0,0.12); } .kole-fixtable tbody tr:hover .kole-fixed { background: var(--kole-color-page-bg); } .kole-fixtable .is-muted { color: var(--kole-color-text-secondary); } .kole-fixtable-wrap .kole-hint { padding: 8px 12px; font-size: 12px; color: var(--kole-color-text-secondary); border-top: 1px solid var(--kole-color-border); }