/* ==========================================================================
   分割线组件 (Divider)
   ========================================================================== */

.zuoekai-divider {
  display: flex;
  align-items: center;
  margin: 16px 0;
  border-top: 1px solid var(--zuoekai-color-border);
  width: 100%;
  color: var(--zuoekai-color-text-muted);
  font-size: 13px;
  font-weight: 500;
}

/* 带文本的分割线 */
.zuoekai-divider--text {
  border-top: none; /* Reset */
}

.zuoekai-divider--text::before,
.zuoekai-divider--text::after {
  content: '';
  flex: 1;
  border-top: 1px solid var(--zuoekai-color-border);
}

.zuoekai-divider--text::before {
  margin-right: 12px;
}

.zuoekai-divider--text::after {
  margin-left: 12px;
}

/* 仅左侧对齐文本 */
.zuoekai-divider--left::before {
  flex: 0 0 24px; /* Fixed small width */
}

/* 仅右侧对齐文本 */
.zuoekai-divider--right::after {
  flex: 0 0 24px; /* Fixed small width */
}

/* --- 垂直分割线 (Vertical) --- */
.zuoekai-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  background-color: var(--zuoekai-color-border);
  vertical-align: middle;
  border: none;
}