/* Kole UI EmptyPro 样式 — 对齐 组件7.txt EmptyPro:无数据/无权限/搜索无结果/网络错误 等空状态 */ .kole-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; text-align: center; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--kole-color-text-body); } .kole-empty-icon { font-size: 48px; margin-bottom: 12px; } .kole-empty-title { font-size: 16px; font-weight: 500; color: var(--kole-color-text-title); } .kole-empty-desc { font-size: 13px; color: var(--kole-color-text-secondary); margin-top: 8px; line-height: 1.5; max-width: 300px; } .kole-empty-actions { margin-top: 16px; display: flex; gap: 8px; } .kole-empty-btn { height: 32px; padding: 0 16px; border-radius: 6px; border: 1px solid var(--kole-color-border); background: var(--kole-color-card-bg); color: var(--kole-color-text-body); cursor: pointer; font-size: 14px; } .kole-empty-btn:hover { border-color: #C9D4F2; color: var(--kole-color-brand); } .kole-empty-btn.primary { background: var(--kole-color-brand); border-color: var(--kole-color-brand); color: var(--kole-color-text-inverse); } .kole-empty-btn.primary:hover { background: var(--kole-color-brand-hover); color: var(--kole-color-text-inverse); }