@border-radius-base: 4px;
@zaui-global-bg: var(--zaui-global-bg; #ffffff);
@zaui-base-bg: var(--zaui-base-bg; #ffffff);
@zaui-brand: var(--zaui-brand; #006aff);
@zaui-brand-hover: var(--zaui-brand-hover; #3387ff);
@zaui-brand-active: var(--zaui-brand-active; #005ad9);
@zaui-brand-disabled: var(--zaui-brand-disabled; #99c3ff);
@zaui-text: var(--zaui-text; #464646);
@zaui-text-weak: var(--zaui-text-weak; #616161);
@zaui-aide-text: var(--zaui-aide-text; #909090);
@zaui-placeholder: var(--zaui-placeholder; #a0a0a0);
@zaui-link: var(--zaui-link; #006aff);
@zaui-link-light-active: var(--zaui-link-light-active; #005ad9);
@zaui-line: var(--zaui-line; #dcdcdc);
@zaui-dividing-line: var(--zaui-dividing-line; #dcdcdc);
@zaui-area: var(--zaui-area; #fafafa);
@zaui-shadow: var(--zaui-shadow; rgba(56; 56; 56; 0.15));
@zaui-form-control-line: var(--zaui-form-control-line; #dcdcdc);
@zaui-form-control-line-hover: var(--zaui-form-control-line-hover; #3387ff);
@zaui-form-control-line-active: var(--zaui-form-control-line-active; #005ad9);
@zaui-list-item-active-bg: var(--zaui-list-item-active-bg; #006aff);
@zaui-list-item-active-hover-bg: var(--zaui-list-item-active-hover-bg; #006aff);
@zaui-list-item-selected-bg: var(--zaui-list-item-selected-bg; #006aff);
@zaui-list-item-selected-hover-bg: var(--zaui-list-item-selected-hover-bg; #006aff);
@zaui-disabled-bg: var(--zaui-disabled-bg; #f2f2f2);
@zaui-disabled-text: var(--zaui-disabled-text; #333333);
@zaui-feedback-overlay-bg: var(--zaui-feedback-overlay-bg; rgba(0; 0; 0; 0.7));
@zaui-feedback-overlay-text: var(--zaui-feedback-overlay-text; #343434);
@zaui-primary: var(--zaui-primary; #006aff);
@zaui-primary-hover: var(--zaui-primary-hover; #3387ff);
@zaui-primary-active: var(--zaui-primary-active; #005ad9);
@zaui-danger-line: var(--zaui-danger-line; #ddd);
@zaui-danger-bg: var(--zaui-danger-bg; #fff2f0);
@zaui-warning-line: var(--zaui-warning-line; #ddd);
@zaui-warning-bg: var(--zaui-warning-bg; #fffbe6);
@zaui-info-line: var(--zaui-info-line; #ddd);
@zaui-info-bg: var(--zaui-info-bg; #e6f7ff);
@zaui-success-line: var(--zaui-success-line; #ddd);
@zaui-success-bg: var(--zaui-success-bg; #f6ffed);
@zaui-danger: var(--zaui-danger; #ff5050);
@zaui-warning: var(--zaui-warning; #ec9131);
@zaui-success: var(--zaui-success; #00ae4d);
@zaui-menu-top-bg: var(--zaui-menu-top-bg; #ffffff);
@zaui-menu-left-bg: var(--zaui-menu-left-bg; #1a202d);
@zaui-menu-second-bg: var(--zaui-menu-second-bg; #ffffff);
@zaui-form-align: var(--zaui-form-align; left);
@zaui-table-header-bg: var(--zaui-table-header-bg; #f2f3f5);
@zaui-table-strip-bg: var(--zaui-table-strip-bg; #fafafa);
@zaui-table-hover-bg: var(--zaui-table-hover-bg; #fafafa);
@zaui-table-selected-bg: var(--zaui-table-hover-bg #fafafa);
@zaui-table-selected-hover-bg: var(--zaui-table-hover-bg #fafafa);
@zaui-table-nested-bg: var(--zaui-table-nested-bg #fafcfe);
@zaui-contract-bg: var(--zaui-contract-bg; #fffaa1); // 对比背景色
@zaui-contract-bg-add: var(--zaui-contract-bg-add; #d2fff4); // 新增对比背景色
@zaui-form-required-after: var(--zaui-form-required-after; inline);
@zaui-form-required-before: var(--zaui-form-required-before; none);
@zaui-form-label-width: var(--zaui-form-label-width; 130px);
@zaui-border-radius: var(--zaui-border-radius; 8px);
@zaui-border-radius-card: var(--zaui-border-radius-card; 4px);
@zaui-font-size-title: calc(var(--zaui-font-size-title; 16px) + var(--zaui-base-font-size; 0px));
@zaui-font-size-card-title: calc(
  var(--zaui-font-size-card-title; 16px) + var(--zaui-base-font-size; 0px)
);
@zaui-font-size: calc(var(--zaui-font-size; 14px) + var(--zaui-base-font-size; 0px));
@zaui-font-size-sm: calc(var(--zaui-font-size-sm; 12px) + var(--zaui-base-font-size; 0px));
@zaui-font-size-md: calc(var(--zaui-font-size-md; 14px) + var(--zaui-base-font-size; 0px));
@zaui-font-size-lg: calc(var(--zaui-font-size-lg; 16px) + var(--zaui-base-font-size; 0px));
@zaui-font-size-xl: calc(var(--zaui-font-size-xl; 18px) + var(--zaui-base-font-size; 0px));
@zaui-font-size-xxl: calc(var(--zaui-font-size-xxl; 20px) + var(--zaui-base-font-size; 0px));
@zaui-font-size-lg-title: calc(
  var(--zaui-font-size-lg-title; 24px) + var(--zaui-base-font-size; 0px)
);
@zaui-height-border: calc(var(--zaui-height-border; 16px) * var(--zaui-size; 1));
@zaui-height-card: calc(var(--zaui-height-card; 32px) * var(--zaui-size; 1));
@zaui-height-size-xs: calc(var(--zaui-height-size-xs; 4px) * var(--zaui-size; 1));
@zaui-height-size-sm: calc(var(--zaui-height-size-sm; 8px) * var(--zaui-size; 1));
@zaui-height-size-md: calc(var(--zaui-height-size-md; 16px) * var(--zaui-size; 1));
@zaui-height-size-lg: calc(var(--zaui-height-size-lg; 32px) * var(--zaui-size; 1));
@zaui-height-size-xl: calc(var(--zaui-height-size-xl; 64px) * var(--zaui-size; 1));

@zaui-space-border: calc(var(--zaui-space-border; 16px) * var(--zaui-size; 1));
@zaui-space-card: calc(var(--zaui-space-card; 32px) * var(--zaui-size; 1));
@zaui-space-size-xs: calc(var(--zaui-space-size-xs; 4px) * var(--zaui-size; 1));
@zaui-space-size-sm: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
@zaui-space-size-md: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
@zaui-space-size-lg: calc(var(--zaui-space-size-lg; 32px) * var(--zaui-size; 1));
@zaui-space-size-xl: calc(var(--zaui-space-size-xl; 64px) * var(--zaui-size; 1));

@zaui-line-height-base: var(--zaui-line-height-base; 1.5);