:root,
:host,
page {
  --z-button-mini-height: 46rpx;
  --z-button-mini-padding: 0 var(--z-padding-xs);
  --z-button-mini-font-size: var(--z-font-size-xs);
  --z-button-small-height: 64rpx;
  --z-button-small-padding: 0 var(--z-padding-xs);
  --z-button-small-font-size: var(--z-font-size-sm);
  --z-button-normal-padding: 0 30rpx;
  --z-button-normal-font-size: var(--z-font-size-md);
  --z-button-large-height: 100rpx;
  --z-button-default-height: 88rpx;
  --z-button-default-line-height: 1.1;
  --z-button-default-font-size: var(--z-font-size-lg);
  --z-button-default-color: var(--z-text-color);
  --z-button-default-background: var(--z-background-2);
  --z-button-default-border-color: var(--z-gray-4);
  --z-button-primary-color: var(--z-white);
  --z-button-primary-background: var(--z-primary-color);
  --z-button-primary-border-color: var(--z-primary-color);
  --z-button-success-color: var(--z-white);
  --z-button-success-background: var(--z-success-color);
  --z-button-success-border-color: var(--z-success-color);
  --z-button-danger-color: var(--z-white);
  --z-button-danger-background: var(--z-danger-color);
  --z-button-danger-border-color: var(--z-danger-color);
  --z-button-warning-color: var(--z-white);
  --z-button-warning-background: var(--z-warning-color);
  --z-button-warning-border-color: var(--z-warning-color);
  --z-button-border-width: var(--z-border-width);
  --z-button-radius: var(--z-radius-md);
  --z-button-round-radius: var(--z-radius-max);
  --z-button-plain-background: var(--z-background-2);
  --z-button-disabled-opacity: var(--z-disabled-opacity);
  --z-button-icon-size: 1.2em;
  --z-button-loading-icon-size: 40rpx;

  // cell
  --z-cell-font-size: var(--z-font-size-md);
  --z-cell-line-height: 48rpx;
  --z-cell-vertical-padding: 20rpx;
  --z-cell-horizontal-padding: var(--z-padding-md);
  --z-cell-text-color: var(--z-text-color);
  --z-cell-background: var(--z-background-2);
  --z-cell-border-color: var(--z-border-color);
  --z-cell-active-color: var(--z-active-color);
  --z-cell-required-color: var(--z-danger-color);
  --z-cell-label-color: var(--z-text-color-2);
  --z-cell-label-font-size: var(--z-font-size-sm);
  --z-cell-label-line-height: var(--z-line-height-sm);
  --z-cell-label-margin-top: var(--z-padding-base);
  --z-cell-value-color: var(--z-text-color-2);
  --z-cell-value-font-size: inherit;
  --z-cell-icon-size: 32rpx;
  --z-cell-right-icon-color: var(--z-gray-6);
  --z-cell-large-vertical-padding: var(--z-padding-sm);
  --z-cell-large-title-font-size: var(--z-font-size-lg);
  --z-cell-large-label-font-size: var(--z-font-size-md);
  --z-cell-large-value-font-size: inherit;
  --z-cell-group-background: var(--z-background-2);
  --z-cell-group-title-color: var(--z-text-color-2);
  --z-cell-group-title-padding: var(--z-padding-md) var(--z-padding-md);
  --z-cell-group-title-font-size: var(--z-font-size-md);
  --z-cell-group-title-line-height: 32rpx;
  --z-cell-group-inset-padding: 0 var(--z-padding-md);
  --z-cell-group-inset-radius: var(--z-radius-lg);
  --z-cell-group-inset-title-padding: var(--z-padding-md) var(--z-padding-md);

  // popup
  --z-popup-background: var(--z-background-2);
  --z-popup-transition: transform var(--z-duration-base);
  --z-popup-round-radius: 32rpx;
  --z-popup-close-icon-size: 44rpx;
  --z-popup-close-icon-color: var(--z-gray-5);
  --z-popup-close-icon-margin: 32rpx;
  --z-popup-close-icon-z-index: 1;

  // toast
  --z-toast-max-width: 70%;
  --z-toast-font-size: var(--z-font-size-md);
  --z-toast-text-color: var(--z-white);
  --z-toast-loading-icon-color: var(--z-white);
  --z-toast-line-height: var(--z-line-height-md);
  --z-toast-radius: var(--z-radius-lg);
  --z-toast-background: rgb(0 0 0 / 70%);
  --z-toast-icon-size: 72rpx;
  --z-toast-text-min-width: 192rpx;
  --z-toast-text-padding: var(--z-padding-xs) var(--z-padding-sm);
  --z-toast-default-padding: var(--z-padding-md);
  --z-toast-default-width: 176rpx;
  --z-toast-default-min-height: 176rpx;
  --z-toast-position-top-distance: 20%;
  --z-toast-position-bottom-distance: 20%;

  // picker
  --z-picker-background: var(--z-background-2);
  --z-picker-title-font-size: var(--z-font-size-lg);
  --z-picker-title-line-height: var(--z-line-height-md);
  --z-picker-action-padding: 0 var(--z-padding-md);
  --z-picker-action-font-size: var(--z-font-size-md);
  --z-picker-confirm-action-color: var(--z-primary-color);
  --z-picker-cancel-action-color: var(--z-text-color-2);
  --z-picker-option-font-size: var(--z-font-size-lg);
  --z-picker-option-padding: 0 var(--z-padding-base);
  --z-picker-option-text-color: var(--z-text-color);
  --z-picker-option-disabled-opacity: 0.3;
  --z-picker-loading-icon-color: var(--z-primary-color);
  --z-picker-group-background: var(--z-background-2);
  --z-picker-loading-mask-color: rgb(255 255 255 / 90%);
  --z-picker-mask-color: linear-gradient(
      180deg,
      rgb(255 255 255 / 90%),
      rgb(255 255 255 / 40%)
    ),
    linear-gradient(0deg, rgb(255 255 255 / 90%), rgb(255 255 255 / 40%));

  // badge
  --z-badge-size: 32rpx;
  --z-badge-color: var(--z-white);
  --z-badge-padding: 0 6rpx;
  --z-badge-font-size: var(--z-font-size-sm);
  --z-badge-font-weight: var(--z-font-bold);
  --z-badge-border-width: var(--z-border-width);
  --z-badge-background: var(--z-danger-color);
  --z-badge-dot-color: var(--z-danger-color);
  --z-badge-dot-size: 16rpx;
  --z-badge-font: -apple-system-font, helvetica neue, arial, sans-serif;

  // actionSheet
  --z-action-sheet-max-height: 80%;
  --z-action-sheet-header-height: 96rpx;
  --z-action-sheet-header-font-size: var(--z-font-size-lg);
  --z-action-sheet-description-color: var(--z-text-color-2);
  --z-action-sheet-description-font-size: var(--z-font-size-md);
  --z-action-sheet-description-line-height: var(--z-line-height-md);
  --z-action-sheet-item-background: var(--z-background-2);
  --z-action-sheet-item-font-size: var(--z-font-size-lg);
  --z-action-sheet-item-line-height: var(--z-line-height-lg);
  --z-action-sheet-item-text-color: var(--z-text-color);
  --z-action-sheet-item-disabled-text-color: var(--z-text-color-3);
  --z-action-sheet-subname-color: var(--z-text-color-2);
  --z-action-sheet-subname-font-size: var(--z-font-size-sm);
  --z-action-sheet-subname-line-height: var(--z-line-height-sm);
  --z-action-sheet-close-icon-size: 44rpx;
  --z-action-sheet-close-icon-color: var(--z-gray-5);
  --z-action-sheet-close-icon-padding: 0 var(--z-padding-md);
  --z-action-sheet-cancel-text-color: var(--z-gray-7);
  --z-action-sheet-cancel-padding-top: var(--z-padding-xs);
  --z-action-sheet-cancel-padding-color: var(--z-background);
  --z-action-sheet-loading-icon-size: 44rpx;

  // barrage
  --z-barrage-font-size: 32rpx;
  --z-barrage-space: 20rpx;
  --z-barrage-font: inherit;
  --z-barrage-color: var(--z-white);
  --move-distance: 0;

  // calendar
  --z-calendar-background: var(--z-background-2);
  --z-calendar-header-shadow: 0 4rpx 20rpx rgb(125 126 128 / 16%);
  --z-calendar-header-title-height: 88rpx;
  --z-calendar-header-title-font-size: var(--z-font-size-lg);
  --z-calendar-header-subtitle-font-size: var(--z-font-size-md);
  --z-calendar-weekdays-height: 60rpx;
  --z-calendar-weekdays-font-size: var(--z-font-size-sm);
  --z-calendar-month-title-font-size: var(--z-font-size-md);
  --z-calendar-month-mark-font-size: 320rpx;
  --z-calendar-day-height: 128rpx;
  --z-calendar-day-font-size: var(--z-font-size-lg);
  --z-calendar-day-margin-bottom: 8rpx;
  --z-calendar-range-edge-color: var(--z-white);
  --z-calendar-range-edge-background: var(--z-primary-color);
  --z-calendar-range-middle-color: var(--z-primary-color);
  --z-calendar-range-middle-background-opacity: 0.1;
  --z-calendar-selected-day-size: 108rpx;
  --z-calendar-selected-day-color: var(--z-white);
  --z-calendar-info-font-size: var(--z-font-size-xs);
  --z-calendar-info-line-height: var(--z-line-height-xs);
  --z-calendar-selected-day-background: var(--z-primary-color);
  --z-calendar-confirm-button-height: 72rpx;
  --z-calendar-confirm-button-margin: 14rpx 0;

  // image
  --z-image-placeholder-text-color: var(--z-text-color-2);
  --z-image-placeholder-font-size: var(--z-font-size-md);
  --z-image-placeholder-background: var(--z-background);
  --z-image-loading-icon-size: 64rpx;
  --z-image-loading-icon-color: var(--z-gray-4);
  --z-image-error-icon-size: 64rpx;
  --z-image-error-icon-color: var(--z-gray-4);

  // card
  --card-border-radius: var(--z-radius-md);
  --card-body-padding: var(--z-padding-sm) var(--z-padding-md);
  --card-header-padding: var(--z-padding-sm) var(--z-padding-md);
  --card-footer-padding: var(--z-padding-md);
  --card-avatar-size: 50rpx;
  --card-border-color: var(--z-border-color);
  --card-background: var(--z-background-2);
  --card-color: var(--z-text-color);
  --card-subtitle-color: var(--z-text-color-2);
  --card-avatar-margin: var(--z-padding-xs);
  --card-description-margin: var(--z-padding-xs);
  --card-title-margin: var(--z-padding-xs);

  // cascader
  --z-cascader-header-height: 96rpx;
  --z-cascader-header-padding: 0 var(--z-padding-md);
  --z-cascader-title-font-size: var(--z-font-size-lg);
  --z-cascader-title-line-height: 40rpx;
  --z-cascader-close-icon-size: 44rpx;
  --z-cascader-close-icon-color: var(--z-gray-5);
  --z-cascader-selected-icon-size: 36rpx;
  --z-cascader-tabs-height: 96rpx;
  --z-cascader-active-color: var(--z-primary-color);
  --z-cascader-options-height: 768rpx;
  --z-cascader-option-disabled-color: var(--z-text-color-3);
  --z-cascader-tab-color: var(--z-text-color);
  --z-cascader-unselected-tab-color: var(--z-text-color-2);

  // checkbox
  --z-checkbox-size: 40rpx;
  --z-checkbox-border-color: var(--z-gray-5);
  --z-checkbox-duration: var(--z-duration-fast);
  --z-checkbox-label-margin: var(--z-padding-xs);
  --z-checkbox-label-color: var(--z-text-color);
  --z-checkbox-checked-icon-color: var(--z-primary-color);
  --z-checkbox-disabled-icon-color: var(--z-gray-5);
  --z-checkbox-disabled-label-color: var(--z-text-color-3);
  --z-checkbox-disabled-background: var(--z-border-color);

  // radio
  --z-radio-size: 40rpx;
  --z-radio-dot-size: 16rpx;
  --z-radio-border-color: var(--z-gray-5);
  --z-radio-duration: var(--z-duration-fast);
  --z-radio-label-margin: var(--z-padding-xs);
  --z-radio-label-color: var(--z-text-color);
  --z-radio-checked-icon-color: var(--z-primary-color);
  --z-radio-disabled-icon-color: var(--z-gray-5);
  --z-radio-disabled-label-color: var(--z-text-color-3);
  --z-radio-disabled-background: var(--z-border-color);

  // circle
  --z-circle-size: 200rpx;
  --z-circle-color: var(--z-primary-color);
  --z-circle-layer-color: var(--z-white);
  --z-circle-text-color: var(--z-text-color);
  --z-circle-text-font-weight: var(--z-font-bold);
  --z-circle-text-font-size: var(--z-font-size-md);
  --z-circle-text-line-height: var(--z-line-height-md);

  // collapse
  --z-collapse-item-duration: var(--z-duration-base);
  --z-collapse-item-content-padding: var(--z-padding-sm) var(--z-padding-md);
  --z-collapse-item-content-font-size: var(--z-font-size-md);
  --z-collapse-item-content-line-height: 1.5;
  --z-collapse-item-content-text-color: var(--z-text-color-2);
  --z-collapse-item-content-background: var(--z-background-2);
  --z-collapse-item-title-disabled-color: var(--z-text-color-3);

  // countDown
  --z-count-down-text-color: var(--z-text-color);
  --z-count-down-font-size: var(--z-font-size-md);
  --z-count-down-line-height: var(--z-line-height-md);

  // dialog
  --z-dialog-width: 640rpx;
  --z-dialog-small-screen-width: 90%;
  --z-dialog-font-size: var(--z-font-size-lg);
  --z-dialog-transition: var(--z-duration-base);
  --z-dialog-radius: 18rpx;
  --z-dialog-background: var(--z-background-2);
  --z-dialog-header-font-weight: var(--z-font-bold);
  --z-dialog-header-line-height: 48rpx;
  --z-dialog-header-padding-top: 52rpx;
  --z-dialog-header-isolated-padding: var(--z-padding-lg) 0;
  --z-dialog-message-padding: var(--z-padding-lg);
  --z-dialog-message-font-size: var(--z-font-size-md);
  --z-dialog-message-line-height: var(--z-line-height-md);
  --z-dialog-message-max-height: 60vh;
  --z-dialog-has-title-message-text-color: var(--z-gray-7);
  --z-dialog-has-title-message-padding-top: var(--z-padding-xs);
  --z-dialog-button-height: 96rpx;
  --z-dialog-round-button-height: 72rpx;
  --z-dialog-confirm-button-text-color: var(--z-primary-color);

  // divider
  --z-divider-margin: var(--z-padding-md) 0;
  --z-divider-vertical-margin: 0 var(--z-padding-xs);
  --z-divider-text-color: var(--z-text-color-2);
  --z-divider-font-size: var(--z-font-size-md);
  --z-divider-line-height: 48rpx;
  --z-divider-border-color: var(--z-border-color);
  --z-divider-content-padding: var(--z-padding-md);
  --z-divider-content-left-width: 10%;
  --z-divider-content-right-width: 10%;

  // dropDown
  --z-dropdown-item-z-index: 10;
  --z-dropdown-menu-height: 96rpx;
  --z-dropdown-menu-background: var(--z-background-2);
  --z-dropdown-menu-shadow: 0 4rpx 24rpx rgb(100 101 102 / 12%);
  --z-dropdown-menu-title-font-size: 30rpx;
  --z-dropdown-menu-title-text-color: var(--z-text-color);
  --z-dropdown-menu-title-active-text-color: var(--z-primary-color);
  --z-dropdown-menu-title-disabled-text-color: var(--z-text-color-2);
  --z-dropdown-menu-title-padding: 0 var(--z-padding-xs);
  --z-dropdown-menu-title-line-height: var(--z-line-height-lg);
  --z-dropdown-menu-option-active-color: var(--z-primary-color);
  --z-dropdown-menu-content-max-height: 80%;

  // empty
  --z-empty-padding: var(--z-padding-xl) 0;
  --z-empty-image-size: 360rpx;
  --z-empty-description-margin-top: var(--z-padding-md);
  --z-empty-description-padding: 0 120rpx;
  --z-empty-description-color: var(--z-text-color-2);
  --z-empty-description-font-size: var(--z-font-size-md);
  --z-empty-description-line-height: var(--z-line-height-md);
  --z-empty-bottom-margin-top: 48rpx;

  // input
  --z-field-label-width: 6.2em;
  --z-field-label-color: var(--z-text-color);
  --z-field-label-margin-right: var(--z-padding-sm);
  --z-field-input-text-color: var(--z-text-color);
  --z-field-input-error-text-color: var(--z-danger-color);
  --z-field-input-disabled-text-color: var(--z-text-color-3);
  --z-field-placeholder-text-color: var(--z-text-color-3);
  --z-field-icon-size: 36rpx;
  --z-field-clear-icon-size: 36rpx;
  --z-field-clear-icon-color: var(--z-gray-5);
  --z-field-right-icon-color: var(--z-gray-6);
  --z-field-error-message-color: var(--z-danger-color);
  --z-field-error-message-font-size: 24rpx;
  --z-field-text-area-min-height: 120rpx;
  --z-field-word-limit-color: var(--z-gray-7);
  --z-field-word-limit-font-size: var(--z-font-size-sm);
  --z-field-word-limit-line-height: 32rpx;
  --z-field-disabled-text-color: var(--z-text-color-3);
  --z-field-required-mark-color: var(--z-red);

  // floatingBubble
  --z-floating-bubble-size: 96rpx;
  --z-floating-bubble-initial-gap: 48rpx;
  --z-floating-bubble-icon-size: 56rpx;
  --z-floating-bubble-background: var(--z-primary-color);
  --z-floating-bubble-color: var(--z-background-2);
  --z-floating-bubble-z-index: 999;
  --z-floating-bubble-border-radius: var(--z-radius-max);

  // floatingPanel
  --z-floating-panel-border-radius: 32rpx;
  --z-floating-panel-header-height: 60rpx;
  --z-floating-panel-z-index: 999;
  --z-floating-panel-background: var(--z-background-2);
  --z-floating-panel-bar-width: 40rpx;
  --z-floating-panel-bar-height: 6rpx;
  --z-floating-panel-bar-color: var(--z-gray-5);

  // grid
  --z-grid-item-content-padding: var(--z-padding-md) var(--z-padding-xs);
  --z-grid-item-content-background: var(--z-background-2);
  --z-grid-item-content-active-color: var(--z-active-color);
  --z-grid-item-icon-size: 56rpx;
  --z-grid-item-text-color: var(--z-text-color);
  --z-grid-item-text-font-size: var(--z-font-size-sm);

  // highlight
  --z-highlight-tag-color: var(--z-primary-color);

  // list
  --z-list-text-color: var(--z-text-color-2);
  --z-list-text-font-size: var(--z-font-size-md);
  --z-list-text-line-height: 100rpx;
  --z-list-loading-icon-size: 38rpx;

  // loading
  --z-loading-text-color: var(--z-text-color-2);
  --z-loading-text-font-size: var(--z-font-size-md);
  --z-loading-spinner-color: var(--z-gray-5);
  --z-loading-spinner-size: 60rpx;
  --z-loading-spinner-duration: 0.8s;

  // navbar
  --z-nav-bar-height: 88rpx;
  --z-nav-bar-background: var(--z-background-2);
  --z-nav-bar-arrow-size: 38rpx;
  --z-nav-bar-icon-color: var(--z-primary-color);
  --z-nav-bar-text-color: var(--z-primary-color);
  --z-nav-bar-title-font-size: var(--z-font-size-lg);
  --z-nav-bar-title-text-color: var(--z-text-color);
  --z-nav-bar-z-index: 100;
  --z-nav-bar-disabled-opacity: var(--z-disabled-opacity);

  // noticeBar
  --z-notice-bar-height: 80rpx;
  --z-notice-bar-padding: 0 var(--z-padding-md);
  --z-notice-bar-wrapable-padding: var(--z-padding-xs) var(--z-padding-md);
  --z-notice-bar-text-color: var(--z-orange-dark);
  --z-notice-bar-font-size: var(--z-font-size-md);
  --z-notice-bar-line-height: 48rpx;
  --z-notice-bar-background: var(--z-orange-light);
  --z-notice-bar-icon-size: 32rpx;
  --z-notice-bar-icon-min-width: 48rpx;

  // notify
  --z-notify-text-color: var(--z-white);
  --z-notify-padding: var(--z-padding-xs) var(--z-padding-md);
  --z-notify-font-size: var(--z-font-size-md);
  --z-notify-line-height: var(--z-line-height-md);
  --z-notify-primary-background: var(--z-primary-color);
  --z-notify-success-background: var(--z-success-color);
  --z-notify-danger-background: var(--z-danger-color);
  --z-notify-warning-background: var(--z-warning-color);

  // numberkeyBoard
  --z-number-keyboard-key-height: 96rpx;
  --z-number-keyboard-key-font-size: 56rpx;
  --z-number-keyboard-delete-font-size: var(--z-font-size-lg);
  --z-number-keyboard-title-color: var(--z-gray-7);
  --z-number-keyboard-title-height: 68rpx;
  --z-number-keyboard-title-font-size: var(--z-font-size-lg);
  --z-number-keyboard-close-padding: 0 var(--z-padding-md);
  --z-number-keyboard-close-color: var(--z-primary-color);
  --z-number-keyboard-close-font-size: var(--z-font-size-md);
  --z-number-keyboard-button-text-color: var(--z-white);
  --z-number-keyboard-button-background: var(--z-primary-color);
  --z-number-keyboard-z-index: 100;
  --z-number-keyboard-background: var(--z-gray-2);
  --z-number-keyboard-key-active-color: var(--z-gray-3);
  --z-number-keyboard-key-background: var(--z-background-2);

  // overlay
  --z-overlay-z-index: 1;
  --z-overlay-background: rgb(0 0 0 / 70%);

  // passwordInput
  --z-password-input-height: 100rpx;
  --z-password-input-margin: 0 var(--z-padding-md);
  --z-password-input-font-size: 40rpx;
  --z-password-input-radius: 12rpx;
  --z-password-input-background: var(--z-background-2);
  --z-password-input-info-color: var(--z-text-color-2);
  --z-password-input-info-font-size: var(--z-font-size-md);
  --z-password-input-error-info-color: var(--z-danger-color);
  --z-password-input-dot-size: 20rpx;
  --z-password-input-dot-color: var(--z-text-color);
  --z-password-input-text-color: var(--z-text-color);
  --z-password-input-cursor-color: var(--z-text-color);
  --z-password-input-cursor-width: 2rpx;
  --z-password-input-cursor-height: 40%;
  --z-password-input-cursor-duration: 1s;

  // sticky
  --z-sticky-z-index: 99;

  // popover
  --z-popover-arrow-size: 12rpx;
  --z-popover-radius: var(--z-radius-lg);
  --z-popover-action-width: 256rpx;
  --z-popover-action-height: 88rpx;
  --z-popover-action-font-size: var(--z-font-size-md);
  --z-popover-action-line-height: var(--z-line-height-md);
  --z-popover-action-icon-size: 40rpx;
  --z-popover-horizontal-action-height: 68rpx;
  --z-popover-horizontal-action-icon-size: 32rpx;
  --z-popover-light-text-color: var(--z-text-color);
  --z-popover-light-background: var(--z-background-2);
  --z-popover-light-action-disabled-text-color: var(--z-text-color-3);
  --z-popover-dark-text-color: var(--z-white);
  --z-popover-dark-background: #4a4a4a;
  --z-popover-dark-action-disabled-text-color: var(--z-text-color-2);

  // progress
  --z-progress-height: 8rpx;
  --z-progress-color: var(--z-primary-color);
  --z-progress-inactive-color: var(--z-gray-5);
  --z-progress-background: var(--z-gray-3);
  --z-progress-pivot-padding: 0 10rpx;
  --z-progress-pivot-text-color: var(--z-white);
  --z-progress-pivot-font-size: var(--z-font-size-xs);
  --z-progress-pivot-line-height: 1.6;
  --z-progress-pivot-background: var(--z-primary-color);

  // pullrefresh
  --z-pull-refresh-head-height: 100rpx;
  --z-pull-refresh-head-font-size: var(--z-font-size-md);
  --z-pull-refresh-head-text-color: var(--z-text-color-2);
  --z-pull-refresh-loading-icon-size: 42rpx;

  // rate
  --z-rate-icon-size: 40rpx;
  --z-rate-icon-gutter: var(--z-padding-base);
  --z-rate-icon-void-color: var(--z-gray-5);
  --z-rate-icon-full-color: var(--z-danger-color);
  --z-rate-icon-disabled-color: var(--z-gray-5);

  // rollingText
  --z-rolling-text-background: inherit;
  --z-rolling-text-color: var(--z-text-color);
  --z-rolling-text-font-size: var(--z-font-size-md);
  --z-rolling-text-gap: 0rpx;
  --z-rolling-text-item-width: 30rpx;
  --z-rolling-text-item-border-radius: 0rpx;

  // search
  --z-search-padding: 20rpx var(--z-padding-sm);
  --z-search-background: var(--z-background-2);
  --z-search-content-background: var(--z-background);
  --z-search-input-height: 68rpx;
  --z-search-label-padding: 0 10rpx;
  --z-search-label-color: var(--z-text-color);
  --z-search-label-font-size: var(--z-font-size-md);
  --z-search-left-icon-color: var(--z-gray-6);
  --z-search-action-padding: 0 var(--z-padding-xs);
  --z-search-action-text-color: var(--z-text-color);
  --z-search-action-font-size: var(--z-font-size-md);

  // shareSheet
  --z-share-sheet-header-padding: var(--z-padding-sm) var(--z-padding-md);
  --z-share-sheet-title-color: var(--z-text-color);
  --z-share-sheet-title-font-size: var(--z-font-size-md);
  --z-share-sheet-title-line-height: var(--z-line-height-md);
  --z-share-sheet-description-color: var(--z-text-color-2);
  --z-share-sheet-description-font-size: var(--z-font-size-sm);
  --z-share-sheet-description-line-height: 32rpx;
  --z-share-sheet-icon-size: 96rpx;
  --z-share-sheet-option-name-color: var(--z-gray-7);
  --z-share-sheet-option-name-font-size: var(--z-font-size-sm);
  --z-share-sheet-option-description-color: var(--z-text-color-3);
  --z-share-sheet-option-description-font-size: var(--z-font-size-sm);
  --z-share-sheet-cancel-button-font-size: var(--z-font-size-lg);
  --z-share-sheet-cancel-button-height: 96rpx;
  --z-share-sheet-cancel-button-background: var(--z-background-2);

  // signature
  --z-signature-padding: var(--z-padding-xs);
  --z-signature-content-height: 400rpx;
  --z-signature-content-background: var(--z-background-2);
  --z-signature-content-border: 2rpx dotted #dadada;

  // slider
  --z-slider-active-background: var(--z-primary-color);
  --z-slider-disabled-opacity: var(--z-disabled-opacity);
  --z-slider-bar-height: 4rpx;
  --z-slider-button-width: 48rpx;
  --z-slider-button-height: 48rpx;
  --z-slider-button-radius: 50%;
  --z-slider-button-background: var(--z-white);
  --z-slider-button-shadow: 0 2rpx 4rpx rgb(0 0 0 / 50%);

  // stepper
  --z-stepper-background: var(--z-active-color);
  --z-stepper-button-icon-color: var(--z-text-color);
  --z-stepper-button-disabled-color: var(--z-background);
  --z-stepper-button-disabled-icon-color: var(--z-gray-5);
  --z-stepper-button-round-theme-color: var(--z-primary-color);
  --z-stepper-input-width: 64rpx;
  --z-stepper-input-height: 56rpx;
  --z-stepper-input-font-size: var(--z-font-size-md);
  --z-stepper-input-line-height: normal;
  --z-stepper-input-text-color: var(--z-text-color);
  --z-stepper-input-disabled-text-color: var(--z-text-color-3);
  --z-stepper-input-disabled-background: var(--z-active-color);
  --z-stepper-radius: var(--z-radius-md);

  // swipe
  --z-swipe-indicator-size: 12rpx;
  --z-swipe-indicator-margin: var(--z-padding-sm);
  --z-swipe-indicator-active-opacity: 1;
  --z-swipe-indicator-inactive-opacity: 0.3;
  --z-swipe-indicator-active-background: var(--z-primary-color);
  --z-swipe-indicator-inactive-background: var(--z-border-color);

  // Skeleton
  --z-skeleton-duration: 1.2s;
  --z-skeleton-avatar-size: 64rpx;
  --z-skeleton-avatar-background: var(--z-active-color);
  --z-skeleton-image-size: 192rpx;
  --z-skeleton-image-radius: 48rpx;
  --z-skeleton-paragraph-height: 32rpx;
  --z-skeleton-paragraph-background: var(--z-active-color);
  --z-skeleton-paragraph-margin-top: var(--z-padding-sm);
  --z-skeleton-title-width: 40%;

  // Steps
  --z-steps-background: var(--z-background-2);
  --z-step-text-color: var(--z-text-color-2);
  --z-step-active-color: var(--z-primary-color);
  --z-step-process-text-color: var(--z-text-color);
  --z-step-font-size: var(--z-font-size-md);
  --z-step-line-color: var(--z-border-color);
  --z-step-finish-line-color: var(--z-primary-color);
  --z-step-finish-text-color: var(--z-text-color);
  --z-step-icon-size: 24rpx;
  --z-step-circle-size: 10rpx;
  --z-step-circle-color: var(--z-gray-6);
  --z-step-horizontal-title-font-size: var(--z-font-size-sm);

  // switch
  --z-switch-size: 52rpx;
  --z-switch-width: calc(1.8em + 8rpx);
  --z-switch-height: calc(1em + 8rpx);
  --z-switch-node-size: 1em;
  --z-switch-node-background: var(--z-white);
  --z-switch-node-shadow: 0 6rpx 2rpx 0 rgb(0 0 0 / 5%);
  --z-switch-on-background: var(--z-primary-color);
  --z-switch-duration: var(--z-duration-base);
  --z-switch-disabled-opacity: var(--z-disabled-opacity);

  // tabs
  --z-tab-text-color: var(--z-gray-7);
  --z-tab-active-text-color: var(--z-text-color);
  --z-tab-disabled-text-color: var(--z-text-color-3);
  --z-tab-font-size: var(--z-font-size-md);
  --z-tab-line-height: var(--z-line-height-md);
  --z-tabs-default-color: var(--z-primary-color);
  --z-tabs-line-height: 88rpx;
  --z-tabs-card-height: 60rpx;
  --z-tabs-nav-background: var(--z-background-2);
  --z-tabs-bottom-bar-width: 80rpx;
  --z-tabs-bottom-bar-height: 6rpx;
  --z-tabs-bottom-bar-color: var(--z-primary-color);

  // Tag
  --z-tag-padding: 0 var(--z-padding-base);
  --z-tag-text-color: var(--z-white);
  --z-tag-font-size: var(--z-font-size-sm);
  --z-tag-radius: 4rpx;
  --z-tag-line-height: 32rpx;
  --z-tag-medium-padding: 4rpx 12rpx;
  --z-tag-large-padding: var(--z-padding-base) var(--z-padding-xs);
  --z-tag-large-radius: var(--z-radius-md);
  --z-tag-large-font-size: var(--z-font-size-md);
  --z-tag-round-radius: var(--z-radius-max);
  --z-tag-danger-color: var(--z-danger-color);
  --z-tag-primary-color: var(--z-primary-color);
  --z-tag-success-color: var(--z-success-color);
  --z-tag-warning-color: var(--z-warning-color);
  --z-tag-default-color: var(--z-gray-6);
  --z-tag-plain-background: var(--z-background-2);

  // TextEllipsis
  --z-text-ellipsis-line-height: 1.6;
  --z-text-ellipsis-action-color: var(--z-blue);

  // Waternark
  --z-watermark-z-index: 100;

  // Tabbar
  --z-tabbar-height: 110rpx;
  --z-tabbar-z-index: 1;
  --z-tabbar-background: var(--z-background-2);
  --z-tabbar-item-font-size: var(--z-font-size-sm);
  --z-tabbar-item-text-color: var(--z-text-color);
  --z-tabbar-item-active-color: var(--z-primary-color);
  --z-tabbar-item-active-background: #f2f3ff;
  --z-tabbar-item-line-height: 1;
  --z-tabbar-item-icon-size: 44rpx;
  --z-tabbar-item-icon-margin-bottom: var(--z-padding-base);

  // uploader
  --z-uploader-size: 160rpx;
  --z-uploader-icon-size: 48rpx;
  --z-uploader-icon-color: var(--z-gray-4);
  --z-uploader-text-color: var(--z-text-color-2);
  --z-uploader-text-font-size: var(--z-font-size-sm);
  --z-uploader-upload-background: var(--z-gray-1);
  --z-uploader-upload-active-color: var(--z-active-color);
  --z-uploader-delete-color: var(--z-white);
  --z-uploader-delete-icon-size: 24rpx;
  --z-uploader-delete-size: 36rpx;
  --z-uploader-delete-background: rgb(0 0 0 / 40%);
  --z-uploader-file-background: var(--z-background);
  --z-uploader-file-icon-size: 40rpx;
  --z-uploader-file-icon-color: var(--z-gray-7);
  --z-uploader-file-name-padding: 0 var(--z-padding-base);
  --z-uploader-file-name-margin-top: var(--z-padding-xs);
  --z-uploader-file-name-font-size: var(--z-font-size-sm);
  --z-uploader-file-name-text-color: var(--z-gray-7);
  --z-uploader-mask-text-color: var(--z-white);
  --z-uploader-mask-background: rgb(50 50 51 / 88%);
  --z-uploader-mask-icon-size: 44rpx;
  --z-uploader-mask-message-font-size: var(--z-font-size-sm);
  --z-uploader-mask-message-line-height: var(--z-line-height-xs);
  --z-uploader-loading-icon-size: 44rpx;
  --z-uploader-loading-icon-color: var(--z-white);
  --z-uploader-disabled-opacity: var(--z-disabled-opacity);
  --z-uploader-border-radius: 10rpx;

  // sidebar
  --z-sidebar-width: 160rpx;
  --z-sidebar-font-size: var(--z-font-size-md);
  --z-sidebar-line-height: var(--z-line-height-md);
  --z-sidebar-text-color: var(--z-text-color);
  --z-sidebar-disabled-text-color: var(--z-text-color-3);
  --z-sidebar-padding: 40rpx var(--z-padding-sm);
  --z-sidebar-active-color: var(--z-active-color);
  --z-sidebar-background: var(--z-background);
  --z-sidebar-selected-font-weight: var(--z-font-bold);
  --z-sidebar-selected-text-color: var(--z-text-color);
  --z-sidebar-selected-border-width: 8rpx;
  --z-sidebar-selected-border-height: 32rpx;
  --z-sidebar-selected-border-color: var(--z-primary-color);
  --z-sidebar-selected-background: var(--z-background-2);

  // tree select
  --z-tree-select-font-size: var(--z-font-size-md);
  --z-tree-select-nav-background: var(--z-background);
  --z-tree-select-content-background: var(--z-background-2);
  --z-tree-select-nav-item-padding: 28rpx var(--z-padding-sm);
  --z-tree-select-item-height: 96rpx;
  --z-tree-select-item-active-color: var(--z-primary-color);
  --z-tree-select-item-disabled-color: var(--z-gray-5);
  --z-tree-select-item-selected-size: 32rpx;
  --z-tree-select-item-color: var(--z-text-color);
}