/* Kole UI Segmented 样式 — 对齐 组件2.txt Segmented 规范 */ .kole-segmented { display: inline-flex; align-items: center; background: var(--kole-color-page-bg); border-radius: 4px; padding: 2px; } .kole-segmented-item { height: 28px; padding: 0 16px; display: inline-flex; align-items: center; gap: 6px; border-radius: 4px; cursor: pointer; font-size: 14px; color: var(--kole-color-text-body); border: none; background: none; transition: background .15s, color .15s; } .kole-segmented-item:hover:not(.is-active):not(.is-disabled) { color: var(--kole-color-brand); } .kole-segmented-item.is-active { background: var(--kole-color-card-bg); color: var(--kole-color-text-body); box-shadow: 0 1px 2px rgba(0,0,0,0.08); font-weight: 500; } .kole-segmented-item.is-disabled { color: var(--kole-color-text-disabled); cursor: not-allowed; }