@rainbow-oh/yee-c 0.1.0

package/dist/cjs/style/variables.css

@@ -0,0 +1,1934 @@
+/*!
+ * @rainbow-oh/yee-c CSS Variables
+ * Auto-generated, do not edit manually
+ * Generated on 2026-06-05T07:34:02.169Z
+ */
+
+/* ========== color.css ========== */
+:root {
+  --yee-primary-color: #777af2;
+  --yee-primary-color-hover: #39364e;
+  --yee-primary-color-active: #39364e;
+  --yee-link-color: #777af2;
+  --yee-link-color-hover: #39364e;
+  --yee-link-color-active: #39364e;
+  --yee-info-color: #31708f;
+  --yee-info-color-hover: #295d78;
+  --yee-info-color-active: #295d78;
+  --yee-info-color-bg: #eff4f6;
+  --yee-info-color-border: #cedde4;
+  --yee-success-color: #00bda5;
+  --yee-success-color-hover: #009e8a;
+  --yee-success-color-active: #009e8a;
+  --yee-success-color-bg: #ebfaf8;
+  --yee-success-color-border: #c2efea;
+  --yee-warning-color: #ffb900;
+  --yee-warning-color-hover: #d69b00;
+  --yee-warning-color-active: #d69b00;
+  --yee-warning-color-bg: #fffaeb;
+  --yee-warning-color-border: #ffeec2;
+  --yee-error-color: #f2545b;
+  --yee-error-color-hover: #cb464c;
+  --yee-error-color-active: #cb464c;
+  --yee-error-color-bg: #fef2f2;
+  --yee-error-color-border: #fcd6d8;
+  --yee-text-color: #39364e;
+  --yee-text-color-secondary: #696969;
+  --yee-text-color-description: #7c7c7c;
+  --yee-text-color-disabled: #bfbfbf;
+  --yee-text-color-highlight: #f58220;
+  --yee-text-color-auxiliary: #bfbfbf;
+  --yee-color-split: #e7e7e7;
+  --yee-border-color: #cbd6e2;
+  --yee-border-color-hover-focus: #75b9f0;
+  --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
+  --yee-color-bg-disabled: #f5f8fa;
+  --yee-color-bg-head: #f8f8f8;
+  --yee-color-bg-rail: #f5f5f5;
+  --yee-color-bg-fill: #ededed;
+  --yee-color-bg-layout: #f9f9f9;
+  --yee-color-bg-elevated: #fff;
+  --yee-color-bg-container: #fff;
+  --yee-color-bg-mask-dark: rgba(0, 0, 0, 48%);
+  --yee-color-bg-mask-light: rgba(255, 255, 255, 64%);
+  --yee-color-option-active: #777af2;
+  --yee-color-option-active-bg: #f5f5fe;
+  --yee-color-option-hover: #39364e;
+  --yee-color-option-hover-bg: #f8f8f8;
+
+  /* 全局的弹出层box-shadow */
+  --yee-box-shadow-color: rgba(15, 15, 15, 16%);
+
+  /* --font-family-- */
+  --global-font-family: 'system-ui, -apple-system, BlinkMacSystemFont, Albert Sans,思源黑体,SourceHanSansSC,Roboto-Regular​';
+
+  /* --global-- */
+  --yee-global-font-color: var(--yee-text-color);
+  --yee-placeholder-color: var(--yee-text-color-auxiliary);
+  --yee-title-prefix-bg-color: var(--yee-primary-color);
+  --yee-remove-icon: var(--yee-text-color-auxiliary);
+  --yee-remove-icon-hover: var(--yee-text-color-auxiliary);
+  --yee-remove-icon-active: var(--yee-text-color-auxiliary);
+  --yee-global-body-bg-color: var(--yee-color-bg-layout);
+  --yee-placement-arrow-bg-color: var(--yee-color-bg-elevated);
+  --yee-close-icon-color: var(--yee-text-color-description);
+  --yee-close-icon-hover-color: var(--yee-text-color);
+  --yee-mask-bg-color: var(--yee-color-bg-mask-dark);
+  --yee-tab-active-border-color: #c9cafa;
+
+  /* --Button-- */
+  --yee-btn-primary-color: #fff;
+  --yee-btn-primary-bg-color: var(--yee-primary-color);
+  --yee-btn-primary-border-color: var(--yee-primary-color);
+  --yee-btn-primary-hover-color: #fff;
+  --yee-btn-primary-hover-bg-color: var(--yee-primary-color-hover);
+  --yee-btn-primary-hover-border-color: var(--yee-primary-color-hover);
+  --yee-btn-primary-active-color: #fff;
+  --yee-btn-primary-active-bg-color: var(--yee-primary-color-active);
+  --yee-btn-primary-active-border-color: var(--yee-primary-color-active);
+  --yee-btn-primary-disabled-color: var(--yee-text-color-disabled);
+  --yee-btn-primary-disabled-bg-color: var(--yee-color-bg-disabled);
+  --yee-btn-primary-disabled-border-color: var(--yee-border-color);
+  --yee-btn-default-color: var(--yee-primary-color);
+  --yee-btn-default-bg-color: #fff;
+  --yee-btn-default-border-color: var(--yee-primary-color);
+  --yee-btn-default-hover-color: var(--yee-primary-color-hover);
+  --yee-btn-default-hover-bg-color: #fff;
+  --yee-btn-default-hover-border-color: var(--yee-primary-color-hover);
+  --yee-btn-default-active-color: #7c7c7c;
+  --yee-btn-default-active-bg-color: #fff;
+  --yee-btn-default-active-border-color: var(--yee-primary-color-active);
+  --yee-btn-default-disabled-color: var(--yee-text-color-disabled);
+  --yee-btn-default-disabled-bg-color: var(--yee-color-bg-disabled);
+  --yee-btn-default-disabled-border-color: var(--yee-border-color);
+  --yee-btn-text-color: var(--yee-primary-color);
+  --yee-btn-text-hover-color: var(--yee-primary-color-hover);
+  --yee-btn-text-active-color: var(--yee-primary-color-active);
+  --yee-btn-text-disabled-color: var(--yee-text-color-disabled);
+  --yee-btn-link-color: var(--yee-link-color);
+  --yee-btn-link-hover-color: var(--yee-link-color-hover);
+  --yee-btn-link-active-color: var(--yee-link-color-active);
+  --yee-btn-link-disabled-color: var(--yee-text-color-disabled);
+  --yee-btn-info-color: #fff;
+  --yee-btn-info-bg-color: var(--yee-info-color);
+  --yee-btn-info-border-color: var(--yee-info-color);
+  --yee-btn-info-hover-color: #fff;
+  --yee-btn-info-hover-bg-color: var(--yee-info-color-hover);
+  --yee-btn-info-hover-border-color: var(--yee-info-color-hover);
+  --yee-btn-info-active-color: #fff;
+  --yee-btn-info-active-bg-color: var(--yee-info-color-active);
+  --yee-btn-info-active-border-color: var(--yee-info-color-active);
+  --yee-btn-info-not-primary-color: var(--yee-info-color);
+  --yee-btn-info-not-primary-bg-color: #fff;
+  --yee-btn-info-not-primary-hover-color: var(--yee-info-color-hover);
+  --yee-btn-info-not-primary-hover-bg-color: #fff;
+  --yee-btn-info-not-primary-active-color: var(--yee-info-color-active);
+  --yee-btn-info-not-primary-active-bg-color: #fff;
+  --yee-btn-success-color: #fff;
+  --yee-btn-success-bg-color: var(--yee-success-color);
+  --yee-btn-success-border-color: var(--yee-success-color);
+  --yee-btn-success-hover-color: #fff;
+  --yee-btn-success-hover-bg-color: var(--yee-success-color-hover);
+  --yee-btn-success-hover-border-color: var(--yee-success-color-hover);
+  --yee-btn-success-active-color: #fff;
+  --yee-btn-success-active-bg-color: var(--yee-success-color-active);
+  --yee-btn-success-active-border-color: var(--yee-success-color-active);
+  --yee-btn-success-not-primary-color: var(--yee-success-color);
+  --yee-btn-success-not-primary-bg-color: #fff;
+  --yee-btn-success-not-primary-hover-color: var(--yee-success-color-hover);
+  --yee-btn-success-not-primary-hover-bg-color: #fff;
+  --yee-btn-success-not-primary-active-color: var(--yee-success-color-active);
+  --yee-btn-success-not-primary-active-bg-color: #fff;
+  --yee-btn-warning-color: #fff;
+  --yee-btn-warning-bg-color: var(--yee-warning-color);
+  --yee-btn-warning-border-color: var(--yee-warning-color);
+  --yee-btn-warning-hover-color: #fff;
+  --yee-btn-warning-hover-bg-color: var(--yee-warning-color-hover);
+  --yee-btn-warning-hover-border-color: var(--yee-warning-color-hover);
+  --yee-btn-warning-active-color: #fff;
+  --yee-btn-warning-active-bg-color: var(--yee-warning-color-active);
+  --yee-btn-warning-active-border-color: var(--yee-warning-color-active);
+  --yee-btn-warning-not-primary-color: var(--yee-warning-color);
+  --yee-btn-warning-not-primary-bg-color: #fff;
+  --yee-btn-warning-not-primary-hover-color: var(--yee-warning-color-hover);
+  --yee-btn-warning-not-primary-hover-bg-color: #fff;
+  --yee-btn-warning-not-primary-active-color: var(--yee-warning-color-active);
+  --yee-btn-warning-not-primary-active-bg-color: #fff;
+  --yee-btn-danger-color: var(--yee-error-color);
+  --yee-btn-danger-bg-color: var(--yee-error-color);
+  --yee-btn-danger-border-color: var(--yee-error-color);
+  --yee-btn-danger-hover-color: #fff;
+  --yee-btn-danger-hover-bg-color: var(--yee-error-color-hover);
+  --yee-btn-danger-hover-border-color: var(--yee-error-color-hover);
+  --yee-btn-danger-active-color: #fff;
+  --yee-btn-danger-active-bg-color: var(--yee-error-color-active);
+  --yee-btn-danger-active-border-color: var(--yee-error-color-active);
+  --yee-btn-danger-not-primary-color: var(--yee-error-color);
+  --yee-btn-danger-not-primary-bg-color: #fff;
+  --yee-btn-danger-not-primary-hover-color: var(--yee-error-color-hover);
+  --yee-btn-danger-not-primary-hover-bg-color: #fff;
+  --yee-btn-danger-not-primary-active-color: var(--yee-error-color-active);
+  --yee-btn-danger-not-primary-active-bg-color: #fff;
+
+  /* ghost */
+  --yee-btn-ghost-disabled-color: var(--yee-text-color-disabled);
+  --yee-btn-ghost-disabled-border-color: var(--yee-border-color);
+  --yee-btn-primary-ghost-disabled-bg-color: rgba(245, 248, 250, 0%);
+  --yee-btn-default-ghost-disabled-bg-color: var(
+    --yee-btn-primary-ghost-disabled-bg-color
+  );
+  --yee-btn-primary-ghost-color: var(--yee-primary-color);
+  --yee-btn-primary-ghost-bg-color: rgba(119, 122, 242, 0%);
+  --yee-btn-primary-ghost-border-color: var(--yee-primary-color);
+  --yee-btn-primary-ghost-hover-color: #6366cb;
+  --yee-btn-primary-ghost-hover-bg-color: rgba(99, 102, 203, 4%);
+  --yee-btn-primary-ghost-hover-border-color: #6366cb;
+  --yee-btn-primary-ghost-active-color: #6366cb;
+  --yee-btn-primary-ghost-active-bg-color: rgba(99, 102, 203, 4%);
+  --yee-btn-primary-ghost-active-border-color: #6366cb;
+  --yee-btn-default-ghost-color: #fff;
+  --yee-btn-default-ghost-bg-color: rgba(255, 255, 255, 0%);
+  --yee-btn-default-ghost-border-color: #fff;
+  --yee-btn-default-ghost-hover-color: var(--yee-btn-primary-ghost-hover-color);
+  --yee-btn-default-ghost-hover-bg-color: var(
+    --yee-btn-primary-ghost-hover-bg-color
+  );
+  --yee-btn-default-ghost-hover-border-color: var(
+    --yee-btn-primary-ghost-hover-border-color
+  );
+  --yee-btn-default-ghost-active-color: var(
+    --yee-btn-primary-ghost-active-color
+  );
+  --yee-btn-default-ghost-active-bg-color: var(
+    --yee-btn-primary-ghost-active-bg-color
+  );
+  --yee-btn-default-ghost-active-border-color: var(
+    --yee-btn-primary-ghost-active-border-color
+  );
+  --yee-btn-text-ghost-color: #fff;
+  --yee-btn-text-ghost-hover-color: var(--yee-btn-primary-ghost-hover-color);
+  --yee-btn-text-ghost-active-color: var(--yee-btn-primary-ghost-active-color);
+  --yee-btn-link-ghost-color: var(--yee-link-color);
+  --yee-btn-link-ghost-hover-color: #6366cb;
+  --yee-btn-link-ghost-active-color: #6366cb;
+  --yee-btn-info-ghost-color: var(--yee-info-color);
+  --yee-btn-info-ghost-bg-color: rgba(49, 112, 143, 0%);
+  --yee-btn-info-ghost-border-color: var(--yee-info-color);
+  --yee-btn-info-ghost-hover-color: var(--yee-info-color-hover);
+  --yee-btn-info-ghost-hover-bg-color: rgba(41, 93, 120, 4%);
+  --yee-btn-info-ghost-hover-border-color: var(--yee-info-color-hover);
+  --yee-btn-info-ghost-active-color: var(--yee-info-color-active);
+  --yee-btn-info-ghost-active-bg-color: rgba(41, 93, 120, 4%);
+  --yee-btn-info-ghost-active-border-color: var(--yee-info-color-active);
+  --yee-btn-success-ghost-color: var(--yee-success-color);
+  --yee-btn-success-ghost-bg-color: rgba(0, 189, 165, 0%);
+  --yee-btn-success-ghost-border-color: var(--yee-success-color);
+  --yee-btn-success-ghost-hover-color: var(--yee-success-color-hover);
+  --yee-btn-success-ghost-hover-bg-color: rgba(0, 158, 138, 4%);
+  --yee-btn-success-ghost-hover-border-color: var(--yee-success-color-hover);
+  --yee-btn-success-ghost-active-color: var(--yee-success-color-active);
+  --yee-btn-success-ghost-active-bg-color: rgba(0, 158, 138, 4%);
+  --yee-btn-success-ghost-active-border-color: var(--yee-success-color-active);
+  --yee-btn-warning-ghost-color: var(--yee-warning-color);
+  --yee-btn-warning-ghost-bg-color: rgba(255, 185, 0, 0%);
+  --yee-btn-warning-ghost-border-color: var(--yee-warning-color);
+  --yee-btn-warning-ghost-hover-color: var(--yee-warning-color-hover);
+  --yee-btn-warning-ghost-hover-bg-color: rgba(214, 155, 0, 4%);
+  --yee-btn-warning-ghost-hover-border-color: var(--yee-warning-color-hover);
+  --yee-btn-warning-ghost-active-color: var(--yee-warning-color-active);
+  --yee-btn-warning-ghost-active-bg-color: rgba(214, 155, 0, 4%);
+  --yee-btn-warning-ghost-active-border-color: var(--yee-warning-color-active);
+  --yee-btn-danger-ghost-color: var(--yee-error-color);
+  --yee-btn-danger-ghost-bg-color: rgba(242, 84, 91, 0%);
+  --yee-btn-danger-ghost-border-color: var(--yee-error-color);
+  --yee-btn-danger-ghost-hover-color: var(--yee-error-color-hover);
+  --yee-btn-danger-ghost-hover-bg-color: rgba(203, 70, 76, 4%);
+  --yee-btn-danger-ghost-hover-border-color: var(--yee-error-color-hover);
+  --yee-btn-danger-ghost-active-color: var(--yee-error-color-active);
+  --yee-btn-danger-ghost-active-bg-color: rgba(203, 70, 76, 4%);
+  --yee-btn-danger-ghost-active-border-color: var(--yee-error-color-active);
+  --yee-btn-loading-spinner-color: var(--yee-text-color-disabled);
+  --yee-btn-primary-loading-spinner-color: var(--yee-text-color-disabled);
+
+  /* --FloatButton-- */
+  --yee-float-button-menu-bg-color: var(--yee-color-bg-elevated);
+  --yee-float-btn-color: #fff;
+  --yee-float-btn-default-bg-color: #425b76;
+  --yee-float-btn-default-hover-color: #fff;
+  --yee-float-btn-default-hover-bg-color: #39364e;
+  --yee-float-btn-primary-color: #fff;
+  --yee-float-btn-primary-bg-color: var(--yee-primary-color);
+  --yee-float-btn-primary-hover-color: #fff;
+  --yee-float-btn-primary-hover-bg-color: var(--yee-primary-color-hover);
+
+  /* --Field-- */
+  --yee-field-required-color: var(--yee-error-color);
+  --yee-field-error-message-color: var(--yee-error-color);
+
+  /* --Menu-- */
+  --yee-menu-bg-color: var(--yee-color-bg-elevated);
+  --yee-menu-item-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-menu-item-hover-color: var(--yee-color-option-hover);
+  --yee-menu-item-selected-color: var(--yee-color-option-active);
+  --yee-menu-item-selected-bg-color: var(--yee-color-option-active-bg);
+  --yee-menu-item-arrow-color: var(--yee-text-color-auxiliary);
+  --yee-menu-item-arrow-hover-color: var(--yee-text-color-auxiliary);
+  --yee-menu-item-arrow-selected-color: var(--yee-primary-color);
+  --yee-menu-item-bg-color: #fff;
+  --yee-menu-item-title-bg-color: #f0f0f0;
+  --yee-menu-item-title-hover-bg-color: #f0f0f0;
+  --yee-menu-item-focused-bg-color: #f0f0f0;
+  --yee-menu-submenu-selected-color: var(--yee-primary-color);
+
+  /* 暂时无用 */
+  --yee-menu-submenu-inline-open-color: var(--yee-primary-color);
+  --yee-menu-submenu-inline-open-bg-color: var(--yee-color-option-active-bg);
+  --yee-menu-vertical-border-color: var(--yee-border-color);
+  --yee-icon-success-color: var(--yee-success-color);
+  --yee-icon-info-color: var(--yee-info-color);
+  --yee-icon-warning-color: var(--yee-warning-color);
+  --yee-icon-danger-color: var(--yee-error-color);
+
+  /* --Divider-- */
+  --yee-divider-font-color: var(--yee-text-color);
+  --yee-divider-border-color: var(--yee-color-split);
+
+  /* --SplitPanel-- */
+  --yee-splitter-bg-color: var(--yee-color-bg-container);
+  --yee-splitter-border-color: var(--yee-color-split);
+  --yee-splitter-handler-color: var(--yee-color-split);
+  --yee-splitter-handler-hover-color: rgba(119, 122, 242, 32%);
+  --yee-splitter-handler-drag-color: rgba(119, 122, 242, 48%);
+  --yee-splitter-arrow-color: var(--yee-text-color);
+  --yee-splitter-arrow-bg-color: rgba(0, 0, 0, 4%);
+  --yee-splitter-arrow-hover-color: #777af2;
+  --yee-splitter-arrow-bg-hover-color: rgba(119, 122, 242, 8%);
+
+  /* --Anchor-- */
+  --yee-anchor-content-bg-color: var(--yee-color-bg-elevated);
+  --yee-anchor-nav-arrow-bg-color: #445781;
+  --yee-anchor-nav-arrow-span-font-color: #fff;
+  --yee-anchor-nav-arrow-before-borderbottom-color: var(
+    --yee-anchor-nav-arrow-bg-color
+  );
+  --yee-anchor-nav-arrow-before-borderright-color: var(
+    --yee-anchor-nav-arrow-bg-color
+  );
+  --yee-anchor-nav-arrow-after-bordertop-color: var(
+    --yee-anchor-nav-arrow-bg-color
+  );
+  --yee-anchor-nav-arrow-after-borderright-color: var(
+    --yee-anchor-nav-arrow-bg-color
+  );
+  --yee-anchor-nav-line-bg-color: var(--yee-color-bg-rail);
+  --yee-anchor-static-nav-line-bg-color: var(--yee-color-split);
+  --yee-anchor-item-font-color: var(--yee-text-color);
+  --yee-anchor-item-hover-font-color: var(--yee-primary-color);
+  --yee-anchor-item-before-bg-color: var(--yee-color-bg-rail);
+  --yee-anchor-item-before-border-color: var(--yee-primary-color);
+  --yee-anchor-item-before-active-bg-color: var(--yee-color-bg-elevated);
+  --yee-anchor-item-active-font-color: var(--yee-primary-color);
+
+  /* --Breadcrumb-- */
+  --yee-breadcrumb-font-color: var(--yee-text-color);
+  --yee-breadcrumb-previous-font-color: var(--yee-text-color-description);
+  --yee-breadcrumb-separator-color: var(--yee-text-color-description);
+  --yee-breadcrumb-item-link-hover-font-color: var(--yee-primary-color);
+  --yee-breadcrumb-item-link-active-font-color: var(--yee-primary-color);
+  --yee-breadcrumb-icon-color: var(--yee-text-color);
+  --yee-breadcrumb-hover-icon-color: var(--yee-primary-color);
+  --yee-breadcrumb-active-icon-color: var(--yee-primary-color);
+
+  /* --Dropdown-- */
+  --yee-dropdown-bg-color: var(--yee-color-bg-elevated);
+
+  /* --List-- */
+  --yee-list-item-color: var(--yee-text-color);
+  --yee-list-item-bg-color: transparent;
+  --yee-list-item-disabled: var(--yee-text-color-disabled);
+  --yee-list-item-disabled-bg-color: transparent;
+  --yee-list-item-hover-color: var(--yee-color-option-hover);
+  --yee-list-item-bg-hover-color: var(--yee-color-option-hover-bg);
+  --yee-list-item-active-color: var(--yee-color-option-active);
+  --yee-list-item-active-bg-color: var(--yee-color-option-active-bg);
+  --yee-list-bg-color: #fefefe;
+  --yee-list-bordered-border-color: #ccc;
+
+  /* --Pagination-- */
+  --yee-pagination-item-border-color: var(--yee-border-color);
+  --yee-pagination-item-bg-color: var(--yee-color-bg-container);
+  --yee-pagination-item-color: var(--yee-text-color);
+  --yee-pagination-itemnot-border-color: var(--yee-border-color);
+  --yee-pagination-itemnot-bg-color: var(--yee-color-bg-container);
+  --yee-pagination-itemnot-color: var(--yee-text-color-disabled);
+  --yee-pagination-item-hover-border-color: var(--yee-border-color);
+  --yee-pagination-item-hover-bg-color: var(--yee-color-bg-container);
+  --yee-pagination-item-hover-color: var(--yee-primary-color);
+  --yee-pagination-item-active-border-color: var(--yee-primary-color);
+  --yee-pagination-item-active-bg-color: var(--yee-color-bg-container);
+  --yee-pagination-item-active-color: var(--yee-primary-color);
+  --yee-pagination-disabled-color: var(--yee-text-color-disabled);
+  --yee-pagination-disabled-border-color: var(--yee-border-color);
+  --yee-pagination-disabled-bg-color: var(--yee-color-bg-container);
+  --yee-pagination-active-disabled-border-color: var(--yee-border-color);
+  --yee-pagination-active-disabled-bg-color: var(--yee-color-bg-disabled);
+  --yee-pagination-active-disabled-color: var(--yee-text-color-disabled);
+  --yee-pagination-turn-page-color: var(--yee-text-color);
+
+  /* --Steps-- */
+  --yee-steps-step-title-color: var(--yee-text-color);
+  --yee-steps-serial-undo-title-color: var(--yee-text-color-description);
+  --yee-steps-step-subtitle-color: var(--yee-text-color-description);
+  --yee-steps-step-description: var(--yee-text-color-description);
+  --yee-steps-step-doing-description-color: var(--yee-text-color);
+  --yee-steps-step-done-color: var(--yee-primary-color);
+  --yee-steps-serial-done-bg-color: #eaeafd;
+  --yee-steps-serial-done-border-color: var(--yee-steps-serial-done-bg-color);
+  --yee-steps-step-doing-color: #fff;
+  --yee-steps-serial-doing-bg-color: #9295f5;
+  --yee-steps-serial-doing-border-color: var(--yee-steps-serial-doing-bg-color);
+  --yee-steps-step-undo-color: var(--yee-text-color-description);
+  --yee-steps-serial-undo-bg-color: var(--yee-color-bg-fill);
+  --yee-steps-serial-undo-border-color: var(--yee-steps-serial-undo-bg-color);
+  --yee-steps-step-icon-done-color: var(--yee-steps-serial-doing-bg-color);
+  --yee-steps-step-doing-icon-color: var(--yee-steps-serial-doing-bg-color);
+  --yee-steps-step-icon-undo-color: var(--yee-text-color-disabled);
+  --yee-steps-step-done-dot-color: var(--yee-steps-serial-doing-bg-color);
+  --yee-steps-step-doing-dot-color: var(--yee-steps-serial-doing-bg-color);
+  --yee-steps-step-undo-dot-color: var(--yee-text-color-disabled);
+  --yee-steps-done-line-bg-color: var(--yee-steps-serial-doing-bg-color);
+  --yee-steps-line-bg-color: var(--yee-color-split);
+  --yee-steps-step-error-color: var(--yee-error-color);
+  --yee-steps-step-error-border-color: var(--yee-steps-step-error-bg-color);
+  --yee-steps-step-error-bg-color: var(--yee-error-color-bg);
+  --yee-steps-step-nav-arrow-color: var(--yee-text-color-auxiliary);
+  --yee-steps-step-nav-border-color: var(--yee-color-split);
+  --yee-steps-step-nav-doing-border-color: var(
+    --yee-steps-serial-doing-bg-color
+  );
+  --yee-steps-step-nav-click-hover-color: var(--yee-steps-step-done-color);
+  --yee-steps-step-ribbon-icon-bg-color: #fff;
+  --yee-steps-step-ribbon-icon-border-color: var(
+    --yee-steps-step-ribbon-icon-bg-color
+  );
+  --yee-steps-step-ribbon-done-icon-bg-color: #fff;
+  --yee-steps-step-ribbon-done-icon-border-color: var(
+    --yee-steps-step-ribbon-done-icon-bg-color
+  );
+  --yee-steps-step-ribbon-done-icon-color: var(--yee-steps-step-done-color);
+  --yee-steps-step-ribbon-undo-icon-bg-color: #fff;
+  --yee-steps-step-ribbon-undo-icon-border-color: var(
+    --yee-steps-step-ribbon-undo-icon-bg-color
+  );
+  --yee-steps-step-ribbon-undo-icon-color: var(
+    --yee-steps-step-ribbon-undo-color
+  );
+  --yee-steps-step-ribbon-done-color: var(--yee-steps-step-done-color);
+  --yee-steps-step-ribbon-done-bg-color: var(--yee-steps-serial-done-bg-color);
+  --yee-steps-step-ribbon-doing-color: var(--yee-steps-step-doing-color);
+  --yee-steps-step-ribbon-doing-bg-color: var(
+    --yee-steps-serial-doing-bg-color
+  );
+  --yee-steps-step-ribbon-undo-color: var(--yee-steps-step-undo-color);
+  --yee-steps-step-ribbon-undo-bg-color: var(--yee-color-bg-fill);
+
+  /* --Cascader-- */
+  --yee-cascader-bg-color: var(--yee-color-bg-elevated);
+  --yee-cascader-menu-item-border-color: var(--yee-color-split);
+  --yee-cascader-menu-font-color: var(--yee-text-color);
+  --yee-cascader-menu-disabled-color: var(--yee-text-color-disabled);
+  --yee-cascader-menu-disabled-bg-color: transparent;
+  --yee-cascader-menu-arrow-color: var(--yee-text-color-auxiliary);
+  --yee-cascader-menu-arrow-hover-color: var(--yee-cascader-menu-arrow-color);
+  --yee-cascader-menu-arrow-active-color: var(--yee-color-option-active);
+  --yee-cascader-menu-active-color: var(--yee-color-option-active-bg);
+  --yee-cascader-menu-active-font-color: var(--yee-color-option-active);
+  --yee-cascader-menu-hover-color: var(--yee-color-option-hover);
+  --yee-cascader-menu-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-filter-menu-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-high-light-font-color: var(--yee-text-color-highlight);
+
+  /* --Checkbox-- */
+  --yee-checkbox-bg-color: var(--yee-color-bg-container);
+  --yee-checkbox-border-color: var(--yee-border-color);
+  --yee-checkbox-hover-border-color: var(--yee-border-color-hover-focus);
+  --yee-checkbox-checked-bg-color: var(--yee-primary-color);
+  --yee-checkbox-checked-border-color: var(--yee-primary-color);
+  --yee-checkbox-checked-after-border-color: #fff;
+  --yee-checkbox-disabled-unchecked-bg-color: var(--yee-color-bg-disabled);
+  --yee-checkbox-disabled-checked-bg-color: var(--yee-color-bg-disabled);
+  --yee-checkbox-disabled-checked-border-color: var(--yee-border-color);
+  --yee-checkbox-disabled-checked-after-border-color: var(
+    --yee-text-color-disabled
+  );
+  --yee-checkbox-border-indeterminate-color: var(--yee-primary-color);
+  --yee-checkbox-bg-indeterminate-color: var(--yee-primary-color);
+
+  /* --Datepicker--  */
+  --yee-date-picker-panel-color: var(--yee-text-color);
+  --yee-date-picker-panel-bg-color: var(--yee-color-bg-elevated);
+  --yee-date-picker-header-color: var(--yee-text-color);
+  --yee-date-picker-header-font-color: var(--yee-date-picker-header-color);
+  --yee-picker-header-button-color: var(--yee-text-color-description);
+  --yee-date-picker-header-font-hover-color: var(--yee-primary-color);
+  --yee-picker-header-button-hover-color: var(--yee-text-color);
+  --yee-date-picker-header-bg-color: transparent;
+  --yee-date-picker-thead-color: var(--yee-text-color);
+  --yee-date-picker-thead-bg-color: var(--yee-color-bg-head);
+  --yee-picker-date-panel-border-color: var(--yee-color-split);
+  --yee-date-picker-not-in-view-color: var(--yee-text-color-disabled);
+  --yee-date-picker-current-bg-color: var(--yee-primary-color);
+  --yee-date-picker-hover-color: var(--yee-color-option-hover);
+  --yee-date-picker-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-date-picker-checked-active-bg-color: var(--yee-primary-color);
+  --yee-date-picker-checked-active-color: #fff;
+  --yee-date-picker-disabled-bg-color: var(--yee-color-bg-disabled);
+  --yee-date-picker-weekend-font-color: var(--yee-date-picker-panel-color);
+  --yee-date-picker-week-count-color: var(--yee-text-color-auxiliary);
+  --yee-date-picker-time-hover-color: var(--yee-color-option-hover);
+  --yee-date-picker-time-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-date-picker-time-checked-active-color: var(--yee-color-option-active);
+  --yee-date-picker-time-checked-active-bg-color: var(
+    --yee-color-option-active-bg
+  );
+  --yee-date-picker-time-disabled-color: var(--yee-text-color-disabled);
+  --yee-date-picker-time-disabled-bg-color: transparent;
+  --yee-rangepicker-trigger-border-color: var(--yee-border-color);
+  --yee-rangepicker-trigger-hover-border-color: var(
+    --yee-border-color-hover-focus
+  );
+  --yee-rangepicker-checked-bg-color: var(--yee-color-option-active-bg);
+  --yee-rangepicker-hover-border-color: var(--yee-primary-color);
+  --yee-rangepicker-panel-bg-color: #fff;
+
+  /* --Timepicker-- */
+  --yee-timepicker-bg-color: var(--yee-color-bg-elevated);
+  --yee-time-picker-header-color: var(--yee-text-color);
+  --yee-time-picker-header-bg-color: var(--yee-color-bg-head);
+  --yee-time-picker-container-hour-apm-active-bg-color: var(
+    --yee-color-option-active-bg
+  );
+  --yee-time-picker-container-hour-apm-active-font-color: var(
+    --yee-color-option-active
+  );
+
+  /* --Input-- */
+  --yee-input-hover-border-color: var(--yee-border-color-hover-focus);
+  --yee-input-content-focus-border-color: var(--yee-border-color-hover-focus);
+  --yee-input-focus-bs-color: rgba(117, 185, 240, 24%);
+  --yee-input-border-color: var(--yee-border-color);
+  --yee-input-content-bg-color: var(--yee-color-bg-container);
+  --yee-input-disabled-bg-color: var(--yee-color-bg-disabled);
+  --yee-input-fix-icon-color: var(--yee-text-color-auxiliary);
+  --yee-input-fix-icon-click-color: var(--yee-text-color);
+  --yee-input-fix-icon-click-hover-color: var(--yee-primary-color);
+  --yee-input-fix-icon-click-active-color: var(--yee-primary-color);
+  --yee-suffix-counter: var(--yee-text-color-description);
+  --yee-input-required-font-color: var(--yee-error-color);
+  --yee-input-helpfill-font-color: #f58220;
+  --yee-input-content-error-focus-bs-color: rgba(242, 84, 91, 24%);
+  --yee-input-content-warning-focus-bs-color: rgba(255, 185, 0, 24%);
+  --yee-input-error-border-color: var(--yee-error-color);
+  --yee-input-clear-color: #fff;
+  --yee-input-clear-bg-color: #bfbfbf;
+
+  /* --JsonViewer-- */
+  --yee-json-view-color: #333;
+  --yee-json-key-color: #92278f;
+  --yee-json-string-color: #3ab54a;
+  --yee-json-number-color: #25aae2;
+  --yee-json-boolean-color: #f98280;
+  --yee-json-null-color: #f1592a;
+  --yee-json-brace-color: #333;
+  --yee-json-comma-color: #333;
+  --yee-json-collapsed-color: #666;
+
+  /* --Textarea-- */
+  --yee-textarea-number-color: var(--yee-text-color-description);
+
+  /* --Inputnumber-- */
+  --yee-input-number-icon-color: var(--yee-text-color-description);
+  --yee-input-number-icon-hover-color: var(--yee-primary-color);
+  --yee-inputnumber-disabled-font-color: var(--yee-text-color-disabled);
+  --yee-inputnumber-controls-border-color: var(--yee-color-split);
+  --yee-inputnumber-handler-wrap-bg-color: #fafafa;
+  --yee-inputnumber-handler-hover-bg-color: #f0f0f0;
+  --yee-inputnumber-handler-active-bg-color: #e6e6e6;
+
+  /* --Radio-- */
+  --yee-radio-inner-border-color: var(--yee-border-color);
+  --yee-radio-inner-bg-color: var(--yee-color-bg-container);
+  --yee-radio-inner-checked-border-color: var(--yee-primary-color);
+  --yee-radio-inner-after-checked-bg-color: var(--yee-primary-color);
+  --yee-radio-inner-disabled-border-color: var(--yee-border-color);
+  --yee-radio-inner-disabled-after-checked-bg-color: var(
+    --yee-text-color-disabled
+  );
+  --yee-radio-inner-hover-border-color: var(--yee-border-color-hover-focus);
+  --yee-radio-label-button-border-color: var(--yee-border-color);
+  --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
+  --yee-radio-label-button-hover-color: var(--yee-primary-color);
+  --yee-radio-label-button-hover-border-color: var(--yee-border-color);
+  --yee-radio-label-button-hover-bg-color: var(--yee-color-bg-container);
+  --yee-radio-input-checked-button-color: var(--yee-primary-color);
+  --yee-radio-input-checked-button-border-color: var(--yee-primary-color);
+  --yee-radio-input-checked-button-bg-color: var(--yee-color-bg-container);
+  --yee-radio-button-arrow-color: var(--yee-primary-color);
+  --yee-radio-button-arrow-border-color: #fff;
+  --yee-radio-label-disabled-color: var(--yee-text-color-disabled);
+  --yee-radio-label-disabled-bg-color: var(--yee-color-bg-disabled);
+  --yee-radio-label-disabled-active-color: #fff;
+  --yee-radio-label-disabled-active-bg-color: var(--yee-border-color);
+  --yee-radio-label-button-disabled-border-color: var(--yee-border-color);
+  --yee-radio-button-disabled-arrow-color: var(--yee-border-color);
+  --yee-radio-button-disabled-arrow-border-color: #fff;
+  --yee-radio-group-solid-checked-color: #fff;
+
+  /* --Rate-- */
+  --yee-star-icon-color: var(--yee-color-bg-fill);
+  --yee-rate-star-full-icon-color: #ffc700;
+
+  /* --Select-- */
+  --yee-select-down-container-bg-color: var(--yee-color-bg-elevated);
+  --yee-select-group-name-font-color: var(--yee-text-color-description);
+  --yee-select-option-hover-color: var(--yee-color-option-hover);
+  --yee-select-option-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-select-option-active-color: var(--yee-color-option-active);
+  --yee-select-option-active-bg-color: var(--yee-color-option-active-bg);
+  --yee-select-multi-arrow-color: var(--yee-primary-color);
+  --yee-select-option-disabled-color: var(--yee-text-color-disabled);
+  --yee-select-no-data-color: var(--yee-text-color-description);
+  --yee-select-multi-tag-color: var(--yee-text-color);
+  --yee-select-multi-tag-border-color: var(--yee-color-split);
+  --yee-select-multi-tag-bg-color: var(--yee-color-bg-head);
+  --yee-select-multi-disabled-tag-color: var(--yee-text-color-disabled);
+  --yee-select-multi-disabled-tag-border-color: var(--yee-color-split);
+  --yee-select-multi-disabled-tag-bg-color: var(--yee-color-split);
+
+  /* --Slider-- */
+  --yee-slider-track-bg-color: var(--yee-primary-color);
+  --yee-slider-track-bg-hover-color: var(--yee-primary-color-hover);
+  --yee-slider-handle-border-color: var(--yee-primary-color);
+  --yee-slider-handle-bg-color: var(--yee-color-bg-container);
+  --yee-slider-handle-border-disabled-color: var(--yee-text-color-disabled);
+  --yee-slider-handle-bg-disabled-color: var(--yee-color-bg-container);
+  --yee-slider-handle-hover-border-color: var(--yee-primary-color-hover);
+  --yee-slider-handle-active-border-color: var(--yee-primary-color-active);
+  --yee-slider-track-disabled-bg-color: var(--yee-text-color-disabled);
+  --yee-slider-dot-border-color: var(--yee-color-bg-fill);
+  --yee-slider-dot-border-hover-color: var(--yee-slider-rail-bg-hover-color);
+  --yee-slider-dot-bg-color: var(--yee-color-bg-container);
+  --yee-slider-dot-active-border-color: var(--yee-primary-color);
+  --yee-slider-rail-bg-color: var(--yee-color-bg-fill);
+  --yee-slider-rail-bg-hover-color: #cbd6e2;
+  --yee-slider-handle-dragging-border-color: rgba(57, 54, 78, 16%);
+  --yee-slider-mark-color: var(--yee-text-color);
+  --yee-slider-mark-active-color: var(--yee-text-color);
+  --yee-slider-tooltip-color: #fff;
+  --yee-slider-tooltip-bg-color: rgba(0, 0, 0, 80%);
+  --yee-slider-disabled-rail-bg-color: #e9e9e9;
+  --yee-slider-disabled-handler-bg-color: #fff;
+  --yee-slider-disabled-handler-border-color: #bfbfbf;
+
+  /* --Switch-- */
+  --yee-switchbox-switch-color: #fff;
+  --yee-switchbox-switch-bg-color: #cbd6e2;
+  --yee-switchbox-switch-border-color: var(--yee-switchbox-switch-bg-color);
+  --yee-switchbox-switch-bg-hover-color: #bfbfbf;
+  --yee-switchbox-switch-border-hover-color: var(
+    --yee-switchbox-switch-bg-hover-color
+  );
+  --yee-switchbox-switch-handle-bg-color: #fff;
+  --yee-switchbox-switch-disabled-color: #fff;
+  --yee-switchbox-switch-disabled-bg-color: #dee5ed;
+  --yee-switchbox-switch-disabled-border-color: var(
+    --yee-switchbox-switch-disabled-bg-color
+  );
+  --yee-switchbox-switch-disabled-handle-bg-color: #fff;
+  --yee-switchbox-switch-checked-color: #fff;
+  --yee-switchbox-switch-checked-bg-color: var(--yee-primary-color);
+  --yee-switchbox-switch-checked-border-color: var(--yee-primary-color);
+  --yee-switchbox-switch-checked-bg-hover-color: var(--yee-primary-color-hover);
+  --yee-switchbox-switch-checked-border-hover-color: var(
+    --yee-primary-color-hover
+  );
+  --yee-switchbox-switch-checked-handle-bg-color: #fff;
+  --yee-switchbox-switch-checked-disabled-color: #fff;
+  --yee-switchbox-switch-checked-disabled-bg-color: #a9aaf7;
+  --yee-switchbox-switch-checked-disabled-border-color: var(
+    --yee-switchbox-switch-checked-disabled-bg-color
+  );
+  --yee-switchbox-switch-checked-disabled-handle-bg-color: #fff;
+
+  /* --TableSelect-- */
+  --yee-table-select-container-bg-color: var(--yee-color-bg-elevated);
+
+  /* --Transfer-- */
+  --yee-transfer-bg-color: transparent;
+  --yee-transfer-list-border-color: var(--yee-border-color);
+  --yee-transfer-list-bg-color: var(--yee-color-bg-container);
+  --yee-transfer-list-header-bg-color: var(--yee-color-bg-container);
+  --yee-transfer-list-content-item-hover-color: var(--yee-color-option-hover);
+  --yee-transfer-list-content-item-hover-bg-color: var(
+    --yee-color-option-hover-bg
+  );
+  --yee-transfer-list-body-disabled-color: var(--yee-text-color-disabled);
+  --yee-transfer-list-body-disabled-bg-color: var(--yee-color-bg-disabled);
+  --yee-transfer-list-delete-font-color: var(--yee-text-color-description);
+  --yee-transfer-list-delete-hover-font-color: var(--yee-text-color);
+  --yee-transfer-operation-disabled-color: var(--yee-text-color-disabled);
+  --yee-transfer-operation-disabled-border-color: var(--yee-border-color);
+  --yee-transfer-operation-disabled-bg-color: var(--yee-color-bg-disabled);
+
+  /* --TreeSelect-- */
+  --yee-treeselect-dropdown-bg-color: var(--yee-color-bg-elevated);
+
+  /* --Upload-- */
+  --yee-upload-dragger-trigger-icon-color: var(--yee-text-color);
+  --yee-upload-dragger-trigger-color: var(--yee-text-color);
+  --yee-upload-dragger-trigger-border-color: var(--yee-border-color);
+  --yee-upload-dragger-trigger-hover-color: var(--yee-primary-color-hover);
+  --yee-upload-dragger-trigger-des-color: var(--yee-text-color-description);
+  --yee-upload-dragger-trigger-disabled-color: var(--yee-text-color-disabled);
+  --yee-upload-dragger-trigger-disabled-bg-color: var(--yee-color-bg-disabled);
+  --yee-upload-dragger-trigger-disabled-border-color: var(--yee-border-color);
+  --yee-upload-error-color: var(--yee-error-color);
+  --yee-upload-error-hover-color: var(--yee-error-color-hover);
+  --yee-upload-list-item-color: var(--yee-link-color);
+  --yee-upload-list-item-icon-color: var(--yee-text-color-auxiliary);
+  --yee-upload-list-item-icon-hover-color: var(--yee-text-color-auxiliary);
+  --yee-upload-list-item-hover-color: var(--yee-link-color-hover);
+  --yee-upload-list-item-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-upload-list-item-custom-btn-text-color: var(
+    --yee-text-color-description
+  );
+  --yee-upload-list-item-custom-btn-text-hover-color: var(--yee-text-color);
+  --yee-upload-list-item-custom-btn-text-active-color: var(--yee-text-color);
+  --yee-upload-picture-list-item-border-color: var(--yee-border-color);
+  --yee-upload-picture-wall-item-border-color: var(--yee-border-color);
+  --yee-upload-picture-list-item-border-error-color: var(--yee-error-color);
+  --yee-upload-state-error-border-color: var(--yee-error-color);
+  --yee-upload-state-error-bg-color: var(--yee-error-color-bg);
+  --yee-upload-picture-wall-icon-color: #fff;
+  --yee-upload-picture-wall-mask-color: var(--yee-mask-bg-color);
+
+  /* --Search-- */
+  --yee-search-result-bg-color: var(--yee-color-bg-elevated);
+  --yee-search-no-result-color: var(--yee-text-color-description);
+
+  /* --Badge-- */
+  --yee-badge-default-color: var(--yee-error-color);
+  --yee-badge-default-font-color: #fff;
+  --yee-badge-state-info-color: var(--yee-info-color);
+  --yee-badge-state-success-color: var(--yee-success-color);
+  --yee-badge-state-warning-color: var(--yee-warning-color);
+  --yee-badge-state-error-color: var(--yee-error-color);
+  --yee-badge-state-disabled-color: var(--yee-text-color-disabled);
+  --yee-badge-state-default-color: var(--yee-text-color);
+  --yee-ribbon-content-color: #fff;
+  --yee-ribbon-content-bg-color: var(--yee-primary-color);
+  --yee-ribbon-anger-bg-color: var(--yee-ribbon-content-bg-color);
+  --yee-badge-count-border-color: #fff;
+
+  /* --Box-- */
+  --yee-box-bg: var(--yee-color-bg-container);
+  --yee-box-footer-bg: var(--yee-color-bg-elevated);
+  --yee-top-count-title: var(--yee-text-color-description);
+  --yee-top-count-after-bg-color: var(--yee-color-split);
+
+  /* --Calendar-- */
+  --yee-calendar-thead-color: var(--yee-text-color);
+  --yee-calendar-cell-bg-color: var(--yee-color-bg-container);
+  --yee-calendar-cell-border-color: var(--yee-color-split);
+  --yee-calendar-cell-hover-color: var(--yee-color-option-hover);
+  --yee-calendar-cell-bg-hover-color: var(--yee-color-option-hover-bg);
+  --yee-calendar-cell-border-hover-color: var(--yee-color-split);
+  --yee-calendar-cell-current-color: var(--yee-color-option-active);
+  --yee-calendar-cell-current-bg-color: var(--yee-color-option-active-bg);
+  --yee-calendar-cell-current-border-color: var(--yee-primary-color);
+  --yee-calendar-cell-selected-color: var(--yee-color-option-active);
+  --yee-calendar-cell-selected-bg-color: var(--yee-color-option-active-bg);
+  --yee-calendar-cell-selected-border-color: #d3d4fa;
+
+  /* --Card-- */
+  --yee-card-bg-color: var(--yee-color-bg-container);
+  --yee-card-border-color: var(--yee-color-split);
+  --yee-card-header-title-font-color: var(--yee-text-color);
+  --yee-card-title-prefix-color: var(--yee-primary-color);
+  --yee-card-group-bg-color: transparent;
+  --yee-card-header-custom-btn-text-color: var(--yee-link-color);
+  --yee-card-header-custom-btn-text-hover-color: var(--yee-link-color-hover);
+  --yee-card-header-custom-btn-text-active-color: var(--yee-link-color-active);
+  --yee-card-header-expand-icon-color: var(--yee-text-color);
+  --yee-card-header-expand-icon-hover-color: var(--yee-text-color);
+  --yee-card-header-expand-icon-active-color: var(--yee-text-color);
+  --yee-card-group-inner-bg-color: transparent;
+  --yee-card-header-clickable-bg-color: #efefef;
+
+  /* --Carousel-- */
+  --yee-carousel-bar-bg-color: rgba(119, 122, 242, 45%);
+  --yee-carousel-bar-hover-active-bg-color: var(--yee-primary-color);
+  --yee-carousel-arrow-color: var(--yee-primary-color);
+  --yee-carousel-arrow-bg-color: rgba(119, 122, 242, 7%);
+  --yee-carousel-arrow-border-color: rgba(119, 122, 242, 7%);
+  --yee-carousel-arrow-hover-color: #fff;
+  --yee-carousel-arrow-hover-bg-color: var(--yee-primary-color);
+  --yee-carousel-arrow-hover-border-color: var(--yee-primary-color);
+
+  /* --Collapse-- */
+  --yee-collapse-bg-color: var(--yee-color-bg-container);
+  --yee-collapse-item-bg-color: var(--yee-color-bg-container);
+  --yee-collapse-header-bg-color: var(--yee-color-bg-head);
+  --yee-collapse-border-color: var(--yee-color-split);
+  --yee-collapse-info-color: var(--yee-info-color);
+  --yee-collapse-success-color: var(--yee-success-color);
+  --yee-collapse-warning-color: var(--yee-warning-color);
+  --yee-collapse-error-color: var(--yee-error-color);
+  --yee-collapse-header-custom-btn-text-color: var(--yee-text-color);
+  --yee-collapse-header-custom-btn-text-hover-color: var(--yee-primary-color);
+  --yee-collapse-header-custom-btn-text-active-color: var(--yee-primary-color);
+
+  /* --Highlight-- */
+  --yee-highlight-color: var(--yee-primary-color);
+  --yee-highlight-hover-color: #39364e;
+  --yee-highlight-active-color: #39364e;
+
+  /* --ImagePreview-- */
+  --yee-image-preview-image-mask-bg-color: var(--yee-mask-bg-color);
+  --yee-image-preview-mask-color: #fff;
+  --yee-image-preview-mask-bg-color: var(--yee-mask-bg-color);
+  --yee-image-preview-close-icon-color: rgba(255, 255, 255, 88%);
+  --yee-image-preview-close-icon-bg-color: rgba(0, 0, 0, 16%);
+  --yee-image-preview-close-icon-hover-color: #fff;
+  --yee-image-preview-toolbar-bg-color: rgba(0, 0, 0, 32%);
+  --yee-image-preview-toolbar-color: rgba(255, 255, 255, 72%);
+  --yee-image-preview-toolbar-hover-color: #fff;
+  --yee-image-preview-toolbar-disabled-color: rgba(255, 255, 255, 32%);
+  --yee-image-preview-toolbar-zoom-color: #fff;
+  --yee-image-preview-toolbar-split-color: rgba(255, 255, 255, 16%);
+  --yee-image-preview-split-color: rgba(255, 255, 255, 8%);
+  --yee-image-preview-selected-border-color: rgba(0, 0, 0, 32%);
+  --yee-image-preview-arrow-color: #fff;
+  --yee-image-preview-arrow-hover-color: #fff;
+  --yee-image-preview-arrow-bg-color: rgba(255, 255, 255, 8%);
+  --yee-image-preview-arrow-bg-hover-color: rgba(255, 255, 255, 16%);
+  --yee-image-preview-viewer-bg-color: var(--yee-color-bg-layout);
+
+  /* --Popover-- */
+  --yee-popover-bg-color: var(--yee-color-bg-elevated);
+  --yee-popover-header-bg-color: transparent;
+  --yee-popover-confirm-icon-color: var(--yee-warning-color);
+
+  /* --QRCode-- */
+  --yee-qrcode-fill-color: var(--yee-text-color);
+  --yee-qrcode-border-color: var(--yee-color-split);
+  --yee-qrcode-bg-color: var(--yee-color-bg-container);
+  --yee-qrcode-mask-bg-color: rgba(255, 255, 255, 96%);
+  --yee-qrcode-mask-font-color: var(--yee-text-color);
+
+  /* --Table-- */
+  --yee-table-color: var(--yee-text-color);
+  --yee-table-thead-color: var(--yee-text-color-secondary);
+  --yee-table-bg-color: var(--yee-color-bg-container);
+  --yee-table-elevated-bg-color: var(--yee-table-bg-color);
+  --yee-table-thead-bg-color: var(--yee-color-bg-head);
+  --yee-table-elevated-thead-bg-color: var(--yee-table-thead-bg-color);
+  --yee-table-thead-borderbottom-color: var(--yee-color-split);
+  --yee-table-elevated-thead-borderbottom-color: var(
+    --yee-table-thead-borderbottom-color
+  );
+  --yee-table-tbody-td-borderbottom-color: var(--yee-color-split);
+  --yee-table-elevated-tbody-td-borderbottom-color: var(
+    --yee-table-tbody-td-borderbottom-color
+  );
+  --yee-table-thead-stripe-bg-color: var(--yee-color-bg-container);
+  --yee-table-thead-stripe-borderbottom-color: var(
+    --yee-table-thead-borderbottom-color
+  );
+  --yee-table-odd-row-bg-color: var(--yee-color-bg-container);
+  --yee-table-even-row-bg-color: var(--yee-color-bg-head);
+  --yee-table-elevated-thead-stripe-borderbottom-color: var(
+    --yee-table-thead-stripe-borderbottom-color
+  );
+  --yee-table-elevated-odd-row-bg-color: var(--yee-table-odd-row-bg-color);
+  --yee-table-elevated-even-row-bg-color: var(--yee-table-even-row-bg-color);
+  --yee-table-highlight-bg-color: var(--yee-color-option-hover-bg);
+  --yee-table-tbody-tr-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-table-elevated-tbody-tr-hover-bg-color: var(
+    --yee-table-tbody-tr-hover-bg-color
+  );
+  --yee-table-head-action-search-color: var(--yee-text-color-auxiliary);
+  --yee-table-head-action-filter-color: var(--yee-text-color-auxiliary);
+  --yee-table-head-action-sort-color: var(--yee-text-color-auxiliary);
+  --yee-table-head-action-hover-color: var(--yee-text-color-description);
+  --yee-table-head-action-active-color: var(--yee-primary-color);
+  --yee-table-head-filter-color: var(--yee-text-color);
+  --yee-table-head-filter-hover-color: var(--yee-primary-color);
+  --yee-table-head-filter-active-color: var(--yee-primary-color);
+  --yee-table-fixed-left-after-bs-color: var(--yee-box-shadow-color);
+  --yee-table-fixed-right-after-bs-color: var(--yee-box-shadow-color);
+  --yee-table-filter-list-bg-color: var(--yee-color-bg-elevated);
+  --yee-table-tbody-tr-expanded-bg-color: var(--yee-color-bg-container);
+  --yee-table-elevated-tbody-tr-expanded-bg-color: var(
+    --yee-table-tbody-tr-expanded-bg-color
+  );
+  --yee-table-summary-bg-color: var(--yee-color-bg-container);
+  --yee-table-no-record-color: var(--yee-text-color-description);
+
+  /* --Tabs-- */
+  --yee-tabs-bg-color: var(--yee-color-bg-container);
+  --yee-tabs-elevated-bg-color: var(--yee-color-bg-container);
+  --yee-tabs-fixed-bg-color: transparent;
+  --yee-tabs-before-border-color: var(--yee-color-split);
+  --yee-tabitem-title-active-hover-color: var(--yee-primary-color);
+  --yee-tabitem-title-disabled-color: var(--yee-text-color-disabled);
+  --yee-tabs-active-border-color: var(--yee-primary-color);
+  --yee-tabs-border-color: var(--yee-color-split);
+  --yee-tabs-badge-bg-color: var(--yee-color-bg-fill);
+  --yee-tabs-badge-font-color: var(--yee-text-color);
+  --yee-tabs-pills-border-color: var(--yee-border-color);
+  --yee-tabitem-active-hover-pills-color: var(--yee-primary-color);
+  --yee-tabitem-active-pills-border-color: var(--yee-primary-color);
+  --yee-tabitem-dropdown-title-hover-color: var(--yee-color-option-hover);
+  --yee-tabitem-dropdown-title-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-tabitem-dropdown-title-active-color: var(--yee-color-option-active);
+  --yee-tabitem-dropdown-title-active-bg-color: var(
+    --yee-color-option-active-bg
+  );
+  --yee-tabs-card-item-bg-color: rgba(255, 255, 255, 64%);
+  --yee-tabs-card-active-hover-color: var(--yee-primary-color);
+  --yee-tabs-card-border-color: var(--yee-color-split);
+  --yee-tabs-card-border-bg-color: var(--yee-color-bg-head);
+  --yee-tabs-card-active-bg-color: var(--yee-color-bg-container);
+  --yee-tabs-card-bg-color: transparent;
+  --yee-tabs-header-custom-btn-text-color: var(--yee-text-color);
+  --yee-tabs-header-custom-btn-text-hover-color: var(--yee-primary-color);
+  --yee-tabs-header-custom-btn-text-active-color: var(--yee-primary-color);
+
+  /* --Tag-- */
+  --yee-tag-color: var(--yee-text-color);
+  --yee-tag-border-color: var(--yee-color-split);
+  --yee-tag-item-bg-color: var(--yee-color-bg-head);
+  --yee-tag-hover-color: var(--yee-close-icon-hover-color);
+  --yee-tag-item-dashed-bg-color: var(--yee-color-bg-container);
+  --yee-tag-item-title-color: var(--yee-text-color-description);
+  --yee-tag-item-not-check-color: var(--yee-text-color);
+  --yee-tag-item-not-check-bg-color: transparent;
+  --yee-tag-item-not-check-border-color: transparent;
+  --yee-tag-item-check-hover-color: var(--yee-primary-color);
+  --yee-tag-item-check-hover-bg-color: var(--yee-color-option-active-bg);
+  --yee-tag-item-check-hover-border-color: var(--yee-color-option-active-bg);
+  --yee-tag-item-check-active-color: #fff;
+  --yee-tag-item-check-active-bg-color: var(--yee-primary-color);
+  --yee-tag-item-check-active-border-color: var(--yee-primary-color);
+  --yee-tag-info-color: var(--yee-info-color);
+  --yee-tag-info-border-color: var(--yee-info-color-border);
+  --yee-tag-info-bg-color: var(--yee-info-color-bg);
+  --yee-tag-success-color: var(--yee-success-color);
+  --yee-tag-success-border-color: var(--yee-success-color-border);
+  --yee-tag-success-bg-color: var(--yee-success-color-bg);
+  --yee-tag-warning-color: var(--yee-warning-color);
+  --yee-tag-warning-border-color: var(--yee-warning-color-border);
+  --yee-tag-warning-bg-color: var(--yee-warning-color-bg);
+  --yee-tag-error-color: var(--yee-error-color);
+  --yee-tag-error-border-color: var(--yee-error-color-border);
+  --yee-tag-error-bg-color: var(--yee-error-color-bg);
+  --yee-tag-disabled-color: var(--yee-text-color-disabled);
+  --yee-tag-disabled-border-color: var(--yee-tag-border-color);
+  --yee-tag-disabled-bg-color: var(--yee-tag-item-bg-color);
+
+  /* --Timeline-- */
+  --yee-timeline-item-tail-color: var(--yee-color-bg-rail);
+  --yee-timeline-item-head-color: var(--yee-primary-color);
+  --yee-timeline-item-head-bg-color: var(--yee-color-bg-container);
+  --yee-timeline-item-title-color: var(--yee-text-color);
+  --yee-timeline-item-content-color: var(--yee-text-color-description);
+  --yee-timeline-item-info: var(--yee-info-color);
+  --yee-timeline-item-success: var(--yee-success-color);
+  --yee-timeline-item-warning: var(--yee-warning-color);
+  --yee-timeline-item-error: var(--yee-error-color);
+  --yee-timeline-item-disabled: var(--yee-text-color-disabled);
+
+  /* --Tooltip-- */
+  --yee-tooltip-font-color: #fff;
+  --yee-tooltip-bg-color: rgba(0, 0, 0, 88%);
+  --yee-tooltip-info-color: #fff;
+  --yee-tooltip-info-bg-color: var(--yee-info-color);
+  --yee-tooltip-success-color: #fff;
+  --yee-tooltip-success-bg-color: var(--yee-success-color);
+  --yee-tooltip-warning-color: #fff;
+  --yee-tooltip-warning-bg-color: var(--yee-warning-color);
+  --yee-tooltip-error-color: #fff;
+  --yee-tooltip-error-bg-color: var(--yee-error-color);
+
+  /* --Tree-- */
+  --yee-tree-node-text-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-tree-node-text-hover-color: var(--yee-color-option-hover);
+  --yee-tree-node-text-active-bg-color: transparent;
+  --yee-tree-node-text-active-color: var(--yee-color-option-active);
+  --yee-tree-node-disabled-color: var(--yee-text-color-disabled);
+  --yee-tree-node-single-disabled-active-color: var(--yee-text-color-disabled);
+  --yee-tree-node-single-disabled-active-bg-color: var(--yee-color-bg-disabled);
+  --yee-tree-directory-node-hover-color: var(--yee-color-option-hover);
+  --yee-tree-directory-node-hover-bg-color: var(--yee-color-option-hover-bg);
+  --yee-tree-directory-node-active-color: var(--yee-color-option-active);
+  --yee-tree-directory-node-active-bg-color: var(--yee-color-option-active-bg);
+  --yee-tree-node-line-color: var(--yee-color-split);
+  --yee-tree-node-high-light-color: var(--yee-text-color-highlight);
+  --yee-tree-header-custom-btn-text-color: var(--yee-text-color-description);
+  --yee-tree-header-custom-btn-text-hover-color: var(--yee-primary-color);
+  --yee-tree-header-custom-btn-text-active-color: var(--yee-primary-color);
+
+  /* --Alert-- */
+  --yee-alert-font-color: var(--yee-text-color);
+  --yee-alert-border-color: var(--yee-color-split);
+  --yee-alert-info-icon-color: var(--yee-info-color);
+  --yee-alert-info-bg-color: var(--yee-info-color-bg);
+  --yee-alert-info-border-color: var(--yee-info-color-border);
+  --yee-alert-success-icon-color: var(--yee-success-color);
+  --yee-alert-success-bg-color: var(--yee-success-color-bg);
+  --yee-alert-success-border-color: var(--yee-success-color-border);
+  --yee-alert-warning-icon-color: var(--yee-warning-color);
+  --yee-alert-warning-bg-color: var(--yee-warning-color-bg);
+  --yee-alert-warning-border-color: var(--yee-warning-color-border);
+  --yee-alert-danger-icon-color: var(--yee-error-color);
+  --yee-alert-danger-bg-color: var(--yee-error-color-bg);
+  --yee-alert-danger-border-color: var(--yee-error-color-border);
+
+  /* --Dialog-- */
+  --yee-dialog-mask-bg-color: var(--yee-color-bg-mask-dark);
+  --yee-dialog-body-bg-color: var(--yee-color-bg-elevated);
+  --yee-dialog-title-color: var(--yee-text-color);
+  --yee-dialog-title-before-bg-color: var(--yee-title-prefix-bg-color);
+  --yee-dialog-confirm-info-color: var(--yee-info-color);
+  --yee-dialog-confirm-success-color: var(--yee-success-color);
+  --yee-dialog-confirm-warning-color: var(--yee-warning-color);
+  --yee-dialog-confirm-error-color: var(--yee-error-color);
+  --yee-dialog-content-bg-color: var(--yee-color-bg-elevated);
+  --yee-dialog-content-box-shadow-color: rgba(15, 15, 15, 8%);
+
+  /* --Drawer-- */
+  --yee-drawer-mask-bg-color: var(--yee-color-bg-mask-dark);
+  --yee-drawer-content-bg-color: var(--yee-color-bg-elevated);
+  --yee-drawer-title-before-bg-color: var(--yee-title-prefix-bg-color);
+  --yee-drawer-title-color: var(--yee-text-color);
+  --yee-drawer-footer-border-color: var(--yee-color-split);
+
+  /* --Message-- */
+  --yee-message-bg-color: var(--yee-color-bg-elevated);
+  --yee-message-info-color: var(--yee-info-color);
+  --yee-message-success-color: var(--yee-success-color);
+  --yee-message-warning-color: var(--yee-warning-color);
+  --yee-message-error-color: var(--yee-error-color);
+
+  /* --Notification-- */
+  --yee-notice-icon-color: var(--yee-text-color);
+  --yee-notice-header-title-color: var(--yee-text-color);
+  --yee-notice-info-icon-color: var(--yee-info-color);
+  --yee-notice-info-bg-color: var(--yee-info-color-bg);
+  --yee-notice-info-border-color: var(--yee-info-color-border);
+  --yee-notice-success-icon-color: var(--yee-success-color);
+  --yee-notice-success-bg-color: var(--yee-success-color-bg);
+  --yee-notice-success-border-color: var(--yee-success-color-border);
+  --yee-notice-warning-icon-color: var(--yee-warning-color);
+  --yee-notice-warning-bg-color: var(--yee-warning-color-bg);
+  --yee-notice-warning-border-color: var(--yee-warning-color-border);
+  --yee-notice-error-icon-color: var(--yee-error-color);
+  --yee-notice-error-bg-color: var(--yee-error-color-bg);
+  --yee-notice-error-border-color: var(--yee-error-color-border);
+  --yee-notice-description-color: rgba(0, 0, 0, 65%);
+  --yee-notice-close-color: rgba(0, 0, 0, 45%);
+  --yee-notice-close-hover-color: rgba(0, 0, 0, 75%);
+  --yee-notice-box-shadow-color-1: rgba(0, 0, 0, 8%);
+  --yee-notice-box-shadow-color-2: rgba(0, 0, 0, 12%);
+  --yee-notice-box-shadow-color-3: rgba(0, 0, 0, 5%);
+  --yee-notice-box-shadow-hover-color-1: rgba(0, 0, 0, 12%);
+  --yee-notice-box-shadow-hover-color-2: rgba(0, 0, 0, 16%);
+  --yee-notice-box-shadow-hover-color-3: rgba(0, 0, 0, 8%);
+  --yee-notice-bg-color: var(--yee-color-bg-elevated);
+
+  /* --Popconfirm-- */
+  --yee-popconfirm-bg-font-color: var(--yee-color-bg-elevated);
+
+  /* --Progress-- */
+  --yee-progress-text-color: var(--yee-text-color);
+  --yee-progress-not-bg-color: var(--yee-color-bg-fill);
+  --yee-progress-done-color: var(--yee-success-color);
+  --yee-progress-default-bg-color: var(--yee-info-color);
+  --yee-progress-info-color: var(--yee-info-color);
+  --yee-progress-success-color: var(--yee-success-color);
+  --yee-progress-warning-color: var(--yee-warning-color);
+  --yee-progress-error-color: var(--yee-error-color);
+  --yee-progress-circle-bg-color: transparent;
+  --yee-progress-circle-segment-progress-color: var(--yee-info-color);
+  --yee-progress-circle-segment-done-color: var(--yee-success-color);
+
+  /* --Skeleton-- */
+  --yee-skeleton-bg-color: rgba(0, 0, 0, 4%);
+  --yee-skeleton-border-color: transparent;
+  --yee-skeleton-bg-active-color: rgba(0, 0, 0, 8%);
+
+  /* --Spin-- */
+  --yee-spin-default-color: var(--yee-primary-color);
+  --yee-spin-info-color: var(--yee-info-color);
+  --yee-spin-success-color: var(--yee-success-color);
+  --yee-spin-warning-color: var(--yee-warning-color);
+  --yee-spin-danger-color: var(--yee-error-color);
+  --yee-full-loading-color: var(--yee-primary-color);
+  --yee-full-loading-item-bg-color: transparent;
+  --yee-full-loading-mask-bg-color: var(--yee-color-bg-mask-light);
+
+  /* --Selector-- */
+  --yee-selector-border-color: var(--yee-border-color);
+  --yee-selector-hover-border-color: var(--yee-border-color-hover-focus);
+  --yee-selector-focus-border-color: var(--yee-primary-color);
+  --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
+
+  /* --Watermark-- */
+  --yee-watermark-color: var(--yee-text-color);
+
+  /* --Descriptions-- */
+  --yee-descriptions-color: var(--yee-text-color);
+  --yee-descriptions-title-color: var(--yee-text-color);
+  --yee-descriptions-extra-color: var(--yee-text-color);
+  --yee-descriptions-label-color: var(--yee-text-color-description);
+  --yee-descriptions-content-color: var(--yee-text-color);
+  --yee-descriptions-border-color: var(--yee-color-split);
+  --yee-descriptions-bordered-label-bg: var(--yee-color-fill-quaternary);
+}
+
+
+/* ========== size.css ========== */
+:root {
+  /* ── z-index 基础层级 ── */
+  --yee-z-index-fixed: 990; /* L1 吸顶 */
+  --yee-z-index-mask: 1000; /* L2 遮罩背景 */
+  --yee-z-index-overlay: 1010; /* L3 遮罩内容 */
+  --yee-z-index-popup: 1050; /* L4 弹出面板 */
+  --yee-z-index-tooltip: 1060; /* L5 轻提示 */
+  --yee-z-index-message: 1100; /* L6 全局反馈 */
+  --yee-z-index-max: 1110; /* L7 最顶层 */
+
+  /* --Alert-- */
+  --yee-alert-close-top: 7px;
+  --yee-alert-close-right: 11px;
+  --yee-alert-icon-margin-right: 6px;
+  --yee-alert-title-font-size: 16px;
+  --yee-alert-message-font-size: 14px;
+  --yee-alert-banner-padding: 8px 12px;
+
+  /* --Anchor-- */
+  --yee-anchor-padding: 0 16px;
+  --yee-anchor-affix-right: 8px;
+  --yee-anchor-affix-z-index: var(--yee-z-index-fixed);
+  --yee-anchor-affix-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
+  --yee-anchor-affix-border-radius: 4px;
+  --yee-anchor-static-max-height: calc(100vh - 120px);
+  --yee-anchor-static-content-padding: 8px 0;
+  --yee-anchor-static-item-active-width: 2px;
+  --yee-anchor-static-item-active-height: 22px;
+  --yee-anchor-vertical-line-left: 4px;
+  --yee-anchor-horizontal-item-padding: 6px 12px;
+  --yee-anchor-nav-arrow-left: -8px;
+  --yee-anchor-nav-arrow-height: 80px;
+  --yee-anchor-nav-arrow-width: 16px;
+  --yee-anchor-nav-arrow-icon-font-size: 16px;
+  --yee-anchor-nav-arrow-icon-margin-top: -8px;
+  --yee-anchor-nav-arrow-before-top: -14px;
+  --yee-anchor-nav-arrow-after-bottom: -14px;
+  --yee-anchor-nav-arrow-border-width: 8px;
+  --yee-anchor-content-padding: 16px 0;
+  --yee-anchor-content-line-width: 2px;
+  --yee-anchor-item-padding: 4px 0;
+  --yee-anchor-item-dot-left: 2px;
+  --yee-anchor-item-dot-size: 6px;
+  --yee-anchor-item-active-border-width: 2px;
+
+  /* --Avatar-- */
+  --yee-avatar-square-border-radius: 4px;
+
+  /* --Badge-- */
+  --yee-badge-sup-z-index: 10;
+  --yee-badge-large-count-line-height: 28px;
+  --yee-badge-small-count-line-height: 18px;
+  --yee-badge-status-text-margin-left: 8px;
+  --yee-badge-status-text-font-size: 14px;
+  --yee-badge-status-text-line-height: 22px;
+  --yee-badge-count-min-width: 20px;
+  --yee-badge-count-height: 20px;
+  --yee-badge-count-font-size: 12px;
+  --yee-badge-count-line-height: 20px;
+  --yee-badge-count-border-radius: 10px;
+  --yee-badge-count-box-shadow: 0 0 0 1px var(--yee-badge-count-border-color);
+  --yee-badge-dot-width: 6px;
+  --yee-badge-dot-height: 6px;
+  --yee-badge-multi-padding: 0 8px;
+  --yee-ribbon-content-top: 8px;
+  --yee-ribbon-content-right: -8px;
+  --yee-ribbon-content-padding: 4px 12px;
+  --yee-ribbon-content-border-radius: 2px;
+  --yee-ribbon-anger-width: 8px;
+  --yee-ribbon-anger-height: 8px;
+  --yee-ribbon-anger-border-width: 4px;
+
+  /* --Box-- */
+  --yee-box-padding: 16px 24px;
+
+  /* --Breadcrumb-- */
+  --yee-breadcrumb-height: 22px;
+  --yee-breadcrumb-item-padding: 0 4px;
+  --yee-breadcrumb-item-dropdown-arrow-margin-left: 8px;
+  --yee-breadcrumb-item-split-padding: 0 8px;
+  --yee-breadcrumb-item-prefix-icon-margin-right: 8px;
+  --yee-breadcrumb-item-suffix-icon-margin-left: 8px;
+
+  /* --Button-- */
+  --yee-btn-height: 32px;
+  --yee-btn-padding: 4px 12px;
+  --yee-btn-font-size: 14px;
+  --yee-btn-line-height: 22px;
+  --yee-btn-border-radius: 4px;
+  --yee-btn-loading-margin-inline-end: 6px;
+  --yee-btn-border-width: 1px;
+  --yee-btn-solid-active-box-shadow: 0 0 2px 2px rgba(64, 169, 255, 30%);
+  --yee-btn-circle-min-width: 32px;
+  --yee-btn-icon-gap: 4px;
+  --yee-btn-disabled-opacity: 0.5;
+
+  /* --Card-- */
+  --yee-card-header-padding: 0 12px;
+  --yee-card-header-clickable-border-radius: 4px;
+  --yee-card-content-margin: 16px;
+  --yee-card-border-radius: 8px;
+
+  /* --Carousel-- */
+  --yee-carousel-vertical-prev-top: 10px;
+  --yee-carousel-vertical-next-bottom: 10px;
+  --yee-carousel-item-min-height: 168px;
+  --yee-carousel-arrow-width: 40px;
+  --yee-carousel-arrow-height: 40px;
+  --yee-carousel-arrow-border-width: 1px;
+  --yee-carousel-arrow-left-right: 8px;
+  --yee-carousel-bar-column-gap: 8px;
+  --yee-carousel-bar-item-border-radius: 2px;
+  --yee-carousel-bar-line-width: 16px;
+  --yee-carousel-bar-line-height: 4px;
+  --yee-carousel-bar-line-active-width: 24px;
+  --yee-carousel-bar-dot-size: 6px;
+  --yee-carousel-bar-dot-active-size: 8px;
+  --yee-carousel-bar-top-bottom: 20px;
+  --yee-carousel-bar-row-gap: 5px;
+  --yee-carousel-bar-vertical-line-width: 5px;
+  --yee-carousel-bar-vertical-line-height: 16px;
+  --yee-carousel-bar-vertical-line-active-height: 24px;
+  --yee-carousel-bar-left-right: 20px;
+
+  /* --Cascader-- */
+  --yee-cascader-menu-padding: 4px 0;
+  --yee-cascader-menu-border-width: 1px;
+  --yee-cascader-menu-item-text-margin-right: 8px;
+  --yee-cascader-menu-item-text-loaded-left: 6px;
+  --yee-cascader-menu-item-text-loaded-size: 4px;
+  --yee-cascader-menu-item-line-height: 32px;
+  --yee-cascader-filter-menu-p-padding: 5px 12px;
+  --yee-cascader-input-z-index: -1;
+  --yee-cascader-input-focus-z-index: 1;
+  --yee-cascader-popup-z-index: var(--yee-z-index-popup);
+  --yee-cascader-select-item-opacity: 0;
+
+  /* --Checkbox-- */
+  --yee-checkbox-inner-width: 16px;
+  --yee-checkbox-inner-height: 16px;
+  --yee-checkbox-inner-border-width: 1px;
+  --yee-checkbox-inner-border-radius: 4px;
+  --yee-checkbox-checked-after-width: calc(16px / 14 * 5);
+  --yee-checkbox-checked-after-height: calc(16px / 14 * 8);
+  --yee-checkbox-checked-after-border-width: 2px;
+  --yee-checkbox-checked-after-inset-inline-start: 25%;
+  --yee-checkbox-input-z-index: 1;
+  --yee-checkbox-label-padding: 0 8px;
+  --yee-checkbox-indeterminate-after-width: 80%;
+  --yee-checkbox-indeterminate-after-height: 80%;
+  --yee-checkbox-indeterminate-after-border-radius: 4px;
+
+  /* --Collapse-- */
+  --yee-collapse-border-width: 1px;
+
+  /* --PickerPanel-- */
+  --yee-picker-popup-z-index: var(--yee-z-index-popup);
+  --yee-picker-cell-inner-height: 24px;
+  --yee-picker-cell-inner-line-height: 24px;
+  --yee-picker-header-height: 40px;
+  --yee-picker-header-padding: 8px 4px;
+  --yee-picker-header-prev-next-margin: 8px;
+  --yee-picker-content-tr-padding: 4px 0;
+  --yee-picker-content-thead-height: 32px;
+  --yee-picker-content-thead-padding: 4px 12px;
+  --yee-picker-content-tbody-padding: 4px 12px;
+  --yee-picker-content-th-width: 48px;
+  --yee-picker-content-th-font-size: 14px;
+  --yee-picker-content-th-line-height: 22px;
+  --yee-picker-cell-disabled-after-height: 24px;
+  --yee-picker-cell-current-before-bottom: 4px;
+  --yee-picker-cell-current-before-size: 4px;
+  --yee-picker-cell-current-before-margin-left: -2px;
+  --yee-picker-cell-current-before-border-radius: 4px;
+  --yee-picker-cell-selected-border-radius: 2px;
+  --yee-picker-decade-cell-width: 100px;
+  --yee-picker-decade-cell-padding: 4px 12px;
+  --yee-picker-year-cell-width: 112px;
+  --yee-picker-year-cell-padding: 4px 24px;
+  --yee-picker-quarter-cell-width: 84px;
+  --yee-picker-quarter-cell-padding: 4px 10px;
+  --yee-picker-month-cell-width: 112px;
+  --yee-picker-month-cell-padding: 4px 24px;
+  --yee-picker-week-cell-width: 42px;
+  --yee-picker-week-cell-padding: 4px 9px;
+  --yee-picker-date-cell-width: 48px;
+  --yee-picker-date-cell-padding: 4px 12px;
+  --yee-picker-datetime-border-width: 1px;
+  --yee-picker-time-panel-content-height: 208px;
+  --yee-picker-time-panel-content-padding: 4px 0;
+  --yee-picker-time-panel-title-cell-width: 72px;
+  --yee-picker-time-panel-title-cell-height: 32px;
+  --yee-picker-time-panel-title-cell-line-height: 32px;
+  --yee-picker-time-panel-title-cell-border-width: 1px;
+  --yee-picker-time-panel-column-width: 72px;
+  --yee-picker-time-panel-column-padding-bottom: 168px;
+  --yee-picker-time-panel-column-border-width: 1px;
+  --yee-picker-time-panel-cell-padding: 4px 0;
+  --yee-picker-time-panel-cell-inner-height: 24px;
+  --yee-picker-time-panel-cell-inner-line-height: 24px;
+  --yee-picker-footer-padding: 12px;
+  --yee-picker-footer-border-width: 1px;
+  --yee-picker-footer-preset-gap: 8px;
+  --yee-picker-range-hover-after-height: 22px;
+  --yee-picker-range-hover-after-border-width: 1px;
+  --yee-picker-range-hover-after-border-radius: 2px;
+  --yee-picker-range-hover-start-after-width: calc(100% - 10px);
+  --yee-picker-range-start-before-left: 9px;
+  --yee-picker-range-start-before-width: calc(100% - 18px);
+  --yee-picker-range-start-in-range-before-width: calc(100% - 9px);
+  --yee-picker-range-end-before-width: calc(100% - 18px);
+  --yee-picker-in-range-before-height: 24px;
+  --yee-picker-in-range-before-border-radius: 2px;
+
+  /* --Dialog-- */
+  --yee-dialog-z-index: var(--yee-z-index-overlay);
+  --yee-dialog-mask-z-index: var(--yee-z-index-mask);
+  --yee-dialog-content-wrapper-z-index: var(--yee-z-index-overlay);
+  --yee-dialog-header-margin-bottom: 12px;
+  --yee-dialog-content-margin-top: 10%;
+  --yee-dialog-content-padding: 24px;
+  --yee-dialog-content-border-radius: 6px;
+  --yee-dialog-content-box-shadow: var(--yee-dialog-content-box-shadow-color) 0
+    2px 40px 0;
+  --yee-dialog-close-top: 12px;
+  --yee-dialog-close-right: 12px;
+  --yee-dialog-footer-gap: 16px;
+
+  /* --Divider-- */
+  --yee-divider-border-width: 1px;
+  --yee-divider-with-text-margin: 16px 0;
+  --yee-divider-vertical-margin: 0 8px;
+  --yee-divider-inner-text-font-size: 16px;
+  --yee-divider-inner-text-line-height: 24px;
+
+  /* --Drawer-- */
+  --yee-drawer-z-index: var(--yee-z-index-overlay);
+  --yee-drawer-header-padding: 20px 42px 16px 24px;
+  --yee-drawer-body-padding: 20px 24px;
+  --yee-drawer-close-top: 20px;
+  --yee-drawer-close-right: 20px;
+
+  /* --Field-- */
+  --yee-field-gap: 8px;
+  --yee-field-content-padding-bottom: 24px;
+
+  /* --FloatButton-- */
+  --yee-float-btn-right: 8px;
+  --yee-float-btn-bottom: 68px;
+  --yee-float-btn-min-width: 42px;
+  --yee-float-btn-min-height: 42px;
+  --yee-float-btn-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
+  --yee-float-btn-description-margin-left: 4px;
+  --yee-float-btn-description-font-size: 14px;
+  --yee-float-btn-description-line-height: 22px;
+  --yee-float-btn-square-border-radius: 4px;
+  --yee-float-btn-group-gap: 8px;
+
+  /* --Form-- */
+  --yee-form-item-padding-bottom: 24px;
+  --yee-form-item-label-line-height: 24px;
+  --yee-form-item-required-margin-inline-start: 4px;
+  --yee-form-item-additional-bottom: 2px;
+
+  /* --Grid-- */
+  --yee-grid-column-min-width: 50px;
+
+  /* --Input-- */
+  --yee-input-font-size: 14px;
+  --yee-input-line-height: 22px;
+  --yee-input-border-width: 1px;
+  --yee-input-suffix-gap: 4px;
+  --yee-input-clear-padding: 1px;
+
+  /* --JsonViewer-- */
+  --yee-json-view-font-size: 14px;
+  --yee-json-view-line-height: 1.4;
+  --yee-json-value-margin-left: 8px;
+  --yee-json-comma-font-size: 16px;
+  --yee-json-collapsed-padding: 0 2px;
+  --yee-json-collapsed-letter-spacing: 2px;
+  --yee-json-leaf-margin-left: 8px;
+  --yee-json-items-margin-left: 16px;
+  --yee-json-item-line-height: 24px;
+
+  /* --List-- */
+  --yee-list-item-padding: 8px 16px;
+  --yee-list-bordered-border-width: 1px;
+
+  /* --Menu-- */
+  --yee-menu-padding-short: 4px;
+  --yee-menu-item-padding: 0 12px;
+  --yee-menu-item-border-radius: 6px;
+  --yee-menu-item-icon-margin-right: 8px;
+  --yee-menu-sub-border-radius: 4px;
+  --yee-menu-item-icon-size: 16px;
+  --yee-menu-item-label-margin-inline-start: 8px;
+  --yee-menu-item-switch-margin-left: 8px;
+  --yee-menu-vertical-width: 129px;
+  --yee-menu-submenu-vertical-top: -4px;
+
+  /* --Message-- */
+  --yee-message-gap: 8px;
+  --yee-message-padding: 12px 16px;
+  --yee-message-border-radius: 4px;
+  --yee-message-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
+  --yee-message-icon-size: 20px;
+  --yee-message-list-top: 24px;
+  --yee-message-list-z-index: var(--yee-z-index-message);
+  --yee-message-list-gap: 12px;
+
+  /* --Notice-- */
+  --yee-notice-width: 320px;
+  --yee-notice-min-height: 64px;
+  --yee-notice-padding: 16px 20px;
+  --yee-notice-margin-bottom: 16px;
+  --yee-notice-border-radius: 8px;
+  --yee-notice-box-shadow:
+    0 6px 16px 0 var(--yee-notice-box-shadow-color-1),
+    0 3px 6px -4px var(--yee-notice-box-shadow-color-2),
+    0 9px 28px 8px var(--yee-notice-box-shadow-color-3);
+  --yee-notice-box-shadow-hover:
+    0 8px 20px 0 var(--yee-notice-box-shadow-hover-color-1),
+    0 4px 8px -4px var(--yee-notice-box-shadow-hover-color-2),
+    0 12px 32px 8px var(--yee-notice-box-shadow-hover-color-3);
+  --yee-notice-border-width: 1px;
+  --yee-notice-content-gap: 12px;
+  --yee-notice-icon-size: 20px;
+  --yee-notice-icon-margin-top: 2px;
+  --yee-notice-title-margin: 0 0 8px 0;
+  --yee-notice-title-font-size: 16px;
+  --yee-notice-title-font-weight: 600;
+  --yee-notice-title-line-height: 1.4;
+  --yee-notice-description-font-size: 14px;
+  --yee-notice-description-line-height: 1.5;
+  --yee-notice-close-top: 16px;
+  --yee-notice-close-right: 16px;
+  --yee-notice-close-size: 20px;
+  --yee-notice-list-z-index: var(--yee-z-index-message);
+  --yee-notice-list-position-offset: 24px;
+  --yee-notice-mobile-width: calc(100vw - 48px);
+
+  /* --Pagination-- */
+  --yee-pagination-item-height: 32px;
+  --yee-pagination-item-margin: 0 4px;
+  --yee-pagination-prev-next-padding: 4px 11px;
+  --yee-pagination-item-width: 32px;
+  --yee-pagination-item-border-width: 1px;
+  --yee-pagination-item-border-radius: 4px;
+  --yee-pagination-size-change-width: 80px;
+  --yee-pagination-size-changer-margin-left: 12px;
+  --yee-pagination-quick-jumper-span-margin-right: 8px;
+  --yee-pagination-quick-jumper-margin-left: 12px;
+  --yee-pagination-mini-height: 24px;
+  --yee-pagination-item-mini-width: 16px;
+  --yee-pagination-item-mini-height: 16px;
+  --yee-pagination-simple-split-width: 32px;
+  --yee-pagination-simple-input-width: 60px;
+  --yee-pagination-simple-size-changer-margin-left: 16px;
+
+  /* --Popconfirm-- */
+  --yee-popconfirm-z-index: var(--yee-z-index-tooltip);
+  --yee-popconfirm-padding: 16px;
+  --yee-popconfirm-border-radius: 4px;
+  --yee-popconfirm-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
+  --yee-popconfirm-header-gap: 16px;
+  --yee-popconfirm-title-margin: 0;
+  --yee-popconfirm-footer-margin-top: 16px;
+
+  /* --Popover-- */
+  --yee-popover-z-index: var(--yee-z-index-tooltip);
+  --yee-popover-max-width: 704px;
+  --yee-popover-padding: 16px;
+  --yee-popover-border-radius: 4px;
+  --yee-popover-header-margin-bottom: 16px;
+  --yee-popover-header-font-weight: 500;
+  --yee-popover-header-font-size: 16px;
+  --yee-popover-header-line-height: 24px;
+
+  /* --Progress-- */
+  --yee-progress-text-width: 48px;
+  --yee-progress-text-margin-left: 8px;
+  --yee-progress-text-font-size: 14px;
+  --yee-progress-text-line-height: 22px;
+  --yee-progress-outer-height: 32px;
+  --yee-progress-inner-border-radius: 4px;
+  --yee-progress-bg-border-radius: 4px;
+  --yee-progress-steps-gap: 4px;
+  --yee-progress-steps-height: 32px;
+  --yee-progress-steps-text-margin-left: 4px;
+  --yee-progress-step-min-width: 20px;
+  --yee-progress-circle-text-font-size: 16px;
+  --yee-progress-circle-text-line-height: 24px;
+  --yee-progress-success-icon-circle-font-size: 40px;
+  --yee-progress-done-bg-border-radius: 4px;
+  --yee-progress-error-icon-circle-font-size: 40px;
+  --yee-progress-gradient-conic-stroke-dasharray: 351.86px, 351.86;
+
+  /* --Radio-- */
+  --yee-radio-group-gap: 8px;
+  --yee-radio-cornermark-border-width: 16px;
+  --yee-radio-wrapper-gap: 4px;
+  --yee-radio-label-margin-inline-start: 4px;
+  --yee-radio-button-wrapper-padding: 4px 8px;
+  --yee-radio-button-wrapper-border-width: 1px;
+  --yee-radio-button-wrapper-border-radius: 4px;
+  --yee-radio-inner-width: 16px;
+  --yee-radio-inner-height: 16px;
+  --yee-radio-inner-border-width: 1px;
+  --yee-radio-inner-after-width: 10px;
+  --yee-radio-inner-after-height: 10px;
+
+  /* --Rate-- */
+  --yee-rate-star-width: 24px;
+  --yee-rate-star-height: 24px;
+  --yee-rate-margin-right: 4px;
+  --yee-rate-star-font-size: 20px;
+  --yee-rate-star-hover-font-size: 24px;
+  --yee-rate-star-first-hover-width: 10px;
+  --yee-rate-star-first-width: 12px;
+  --yee-rate-star-icon-size: 20px;
+
+  /* --Search-- */
+  --yee-search-padding: 4px 11px;
+  --yee-search-font-size: 14px;
+  --yee-search-border-width: 1px;
+  --yee-search-border-radius: 6px;
+  --yee-search-focus-box-shadow: 0 0 0 2px var(--yee-input-focus-bs-color);
+  --yee-search-small-padding: 1px 7px;
+  --yee-search-small-font-size: 12px;
+  --yee-search-small-border-radius: 4px;
+  --yee-search-large-padding: 7px 11px;
+  --yee-search-large-font-size: 16px;
+  --yee-search-large-border-radius: 8px;
+  --yee-search-prefix-margin-right: 8px;
+  --yee-search-suffix-margin-left: 8px;
+  --yee-search-button-margin-left: 8px;
+  --yee-search-button-padding: 0 8px;
+  --yee-search-button-font-weight: 500;
+  --yee-search-button-border-radius: 4px;
+
+  /* --Select-- */
+  --yee-select-popup-z-index: var(--yee-z-index-popup);
+  --yee-select-popup-padding: 4px 0;
+  --yee-select-option-padding: 4px 6px;
+
+  /* --Selector-- */
+  --yee-selector-padding: 2px 6px;
+  --yee-selector-border-width: 1px;
+  --yee-selector-border-radius: 4px;
+  --yee-selector-height: 32px;
+  --yee-selector-input-font-size: 14px;
+  --yee-selector-input-line-height: 22px;
+  --yee-selector-input-focus-opacity: 0.6;
+  --yee-selector-selection-item-focus-opacity: 0.6;
+  --yee-selector-content-gap: 4px;
+  --yee-selector-content-min-height: 22px;
+  --yee-selector-placeholder-font-size: 14px;
+  --yee-selector-selection-item-font-size: 14px;
+  --yee-selector-arrow-right: 8px;
+  --yee-selector-clear-right: 8px;
+  --yee-selector-clear-padding: 1px;
+  --yee-tags-height: 32px;
+  --yee-tags-input-font-size: 14px;
+  --yee-tags-input-line-height: 22px;
+  --yee-tags-input-focus-opacity: 0.6;
+  --yee-tags-single-option-focus-opacity: 0.6;
+  --yee-tags-multi-min-height: 32px;
+  --yee-tags-multi-tag-max-width: calc(100% - 8px);
+  --yee-tags-multi-tag-height: 24px;
+  --yee-tags-multi-input-height: 26px;
+  --yee-tags-multi-input-after-min-width: 2px;
+  --yee-tags-multi-input-min-width: 2px;
+
+  /* --Skeleton-- */
+  --yee-skeleton-avatar-width: 32px;
+  --yee-skeleton-avatar-height: 32px;
+  --yee-skeleton-title-height: 16px;
+  --yee-skeleton-paragraph-li-height: 22px;
+  --yee-skeleton-paragraph-li-margin-bottom: 12px;
+  --yee-skeleton-active-after-inset: 0 -150%;
+  --yee-skeleton-active-animation-duration: 1.4s;
+  --yee-skeleton-active-animation-delay: 0.1s;
+  --yee-skeleton-active-translate-start: -37.5%;
+  --yee-skeleton-active-translate-end: 37.5%;
+
+  /* --Slider-- */
+  --yee-slider-height: 12px;
+  --yee-slider-padding: 4px 0;
+  --yee-slider-rail-height: 4px;
+  --yee-slider-rail-border-radius: 2px;
+  --yee-slider-track-height: 4px;
+  --yee-slider-track-border-radius: 2px;
+  --yee-slider-handler-width: 12px;
+  --yee-slider-handler-height: 12px;
+  --yee-slider-handler-margin-left: -6px;
+  --yee-slider-handler-border-width: 2px;
+  --yee-slider-handler-hover-scale: 1.2;
+  --yee-slider-handler-active-box-shadow: 0 0 5px var(--yee-primary-color);
+  --yee-slider-tooltip-margin-bottom: 10px;
+  --yee-slider-tooltip-padding: 4px 8px;
+  --yee-slider-tooltip-font-size: 12px;
+  --yee-slider-tooltip-border-radius: 4px;
+  --yee-slider-tooltip-arrow-border-width: 4px;
+
+  /* --Spin-- */
+  --yee-spin-tip-margin-top: 4px;
+  --yee-spin-fullscreen-z-index: var(--yee-z-index-max);
+  --yee-full-loading-width: 40px;
+  --yee-spin-loading-rotate-50: 180deg;
+  --yee-spin-loading-opacity-50: 0.5;
+  --yee-spin-loading-rotate-100: 360deg;
+
+  /* --Splitter-- */
+  --yee-splitter-border-radius: 4px;
+  --yee-splitter-border-width: 1px;
+  --yee-splitter-handler-line-size: 2px;
+  --yee-splitter-expand-width: 16px;
+  --yee-splitter-expand-height: 32px;
+  --yee-splitter-expand-font-size: 12px;
+  --yee-splitter-vertical-dragger-width: calc(100% - 48px);
+  --yee-splitter-vertical-dragger-height: 6px;
+  --yee-splitter-vertical-expand-start-top: -27px;
+  --yee-splitter-vertical-expand-end-bottom: -27px;
+  --yee-splitter-horizontal-dragger-top: 16px;
+  --yee-splitter-horizontal-dragger-width: 6px;
+  --yee-splitter-horizontal-dragger-height: calc(100% - 40px);
+  --yee-splitter-horizontal-expand-transform-y: calc(-50% - 4px);
+  --yee-splitter-horizontal-expand-start-left: -19px;
+  --yee-splitter-horizontal-expand-end-right: -19px;
+
+  /* --Steps-- */
+  --yee-steps-line-width: 999px;
+  --yee-steps-line-height: 1px;
+  --yee-steps-item-padding-left: 12px;
+  --yee-steps-item-icon-font-size: 16px;
+  --yee-steps-item-content-margin-left: 8px;
+  --yee-steps-item-content-min-width: 70px;
+  --yee-steps-item-dot-width: 8px;
+  --yee-steps-item-dot-height: 8px;
+  --yee-steps-item-serial-width: 32px;
+  --yee-steps-item-serial-height: 32px;
+  --yee-steps-item-serial-font-size: 14px;
+  --yee-steps-item-serial-line-height: 22px;
+  --yee-steps-item-serial-border-width: 1px;
+  --yee-steps-item-title-height: 32px;
+  --yee-steps-item-title-padding-right: 12px;
+  --yee-steps-item-title-font-size: 16px;
+  --yee-steps-item-title-line-height: 24px;
+  --yee-steps-item-sub-title-height: 32px;
+  --yee-steps-item-sub-title-margin-left: 8px;
+  --yee-steps-item-sub-title-line-height: 32px;
+  --yee-steps-item-description-font-size: 14px;
+  --yee-steps-horizontal-margin-bottom: 16px;
+  --yee-steps-small-title-height: 24px;
+  --yee-steps-small-title-font-size: 14px;
+  --yee-steps-small-title-line-height: 22px;
+  --yee-steps-small-icon-width: 24px;
+  --yee-steps-small-icon-font-size: 12px;
+  --yee-steps-small-serial-width: 24px;
+  --yee-steps-small-serial-height: 24px;
+  --yee-steps-small-serial-font-size: 12px;
+  --yee-steps-small-serial-line-height: 20px;
+  --yee-steps-small-cus-icon-height: 24px;
+  --yee-steps-small-cus-icon-font-size: 24px;
+  --yee-steps-vertical-margin-right: 16px;
+  --yee-steps-vertical-item-min-height: 64px;
+  --yee-steps-vertical-item-margin-bottom: 8px;
+  --yee-steps-vertical-item-content-margin-left: 8px;
+  --yee-steps-vertical-icon-width: 32px;
+  --yee-steps-vertical-dot-after-top: calc(100% + 8px);
+  --yee-steps-vertical-dot-after-left: 3px;
+  --yee-steps-vertical-dot-after-width: 2px;
+  --yee-steps-vertical-span-after-top: calc(100% + 8px);
+  --yee-steps-vertical-span-after-width: 1px;
+  --yee-steps-vertical-span-after-height: 999px;
+  --yee-steps-dot-item-icon-height: 32px;
+  --yee-steps-dot-before-right: calc(100% + 8px);
+  --yee-steps-dot-before-height: 2px;
+  --yee-steps-dot-after-left: calc(100% + 8px);
+  --yee-steps-dot-after-height: 2px;
+  --yee-steps-navigation-after-height: 1px;
+  --yee-steps-navigation-item-padding-bottom: 12px;
+  --yee-steps-navigation-item-padding-left: 32px;
+  --yee-steps-navigation-arrow-padding-bottom: 12px;
+  --yee-steps-navigation-arrow-font-size: 16px;
+  --yee-steps-navigation-active-after-height: 2px;
+  --yee-steps-ribbon-item-height: 32px;
+  --yee-steps-ribbon-item-line-height: 32px;
+  --yee-steps-ribbon-end-margin-left: -6px;
+  --yee-steps-ribbon-end-border-top: 16px;
+  --yee-steps-ribbon-end-border-bottom: 16px;
+  --yee-steps-ribbon-end-border-left: 10px;
+  --yee-steps-ribbon-head-border-top: 16px;
+  --yee-steps-ribbon-head-border-bottom: 16px;
+  --yee-steps-ribbon-head-border-left: 10px;
+  --yee-steps-ribbon-title-padding-right: 24px;
+  --yee-steps-ribbon-title-line-height: 32px;
+  --yee-steps-ribbon-serial-width: 20px;
+  --yee-steps-ribbon-serial-height: 20px;
+  --yee-steps-ribbon-serial-margin-top: 6px;
+  --yee-steps-ribbon-serial-font-size: 12px;
+  --yee-steps-ribbon-icon-margin-left: 24px;
+  --yee-steps-ribbon-icon-font-size: 12px;
+
+  /* --Switch-- */
+  --yee-switch-border-radius-offset: 4px;
+  --yee-switch-handle-top: 2px;
+  --yee-switch-handle-left: 2px;
+  --yee-switch-inner-height: 22px;
+  --yee-switch-inner-line-height: 22px;
+  --yee-switch-handle-large-size: 24px;
+  --yee-switch-large-height: 28px;
+  --yee-switch-handle-small-size: 14px;
+  --yee-switch-small-width: 32px;
+  --yee-switch-small-height: 18px;
+  --yee-switch-handle-offset: 2px;
+  --yee-switch-inner-padding-offset: 2px;
+  --yee-switch-handle-size: 18px;
+  --yee-switch-width: 44px;
+  --yee-switch-height: 22px;
+
+  /* --Table-- */
+  --yee-table-bordered-cell-border-width: 1px;
+  --yee-table-bordered-thead-border-width: 1px;
+  --yee-table-thead-action-gap: 8px;
+  --yee-table-filter-popup-padding: 16px;
+  --yee-table-content-border-radius: 6px 6px 0 0;
+  --yee-table-cell-padding: 13px 16px;
+  --yee-table-cell-line-height: 22px;
+  --yee-table-cell-border-bottom-width: 1px;
+  --yee-table-no-record-padding: 32px 0;
+  --yee-table-footer-margin-top: 16px;
+  --yee-table-td-height: 47px;
+  --yee-table-td-padding: 0 8px;
+  --yee-table-summary-td-border-bottom-width: 1px;
+  --yee-table-summary-fixed-z-index: 5;
+  --yee-table-small-size-height: 40px;
+  --yee-table-small-size-padding: 0 4px;
+
+  /* --Tabs-- */
+  --yee-tabs-border-width: 1px;
+  --yee-tabs-border-radius: 4px;
+  --yee-tabs-active-bar-height: 2px;
+  --yee-tabs-active-bar-width: 2px;
+  --yee-tabs-vertical-padding: 8px 0;
+  --yee-tabs-vertical-nav-wrap-padding: 8px 0;
+  --yee-tabs-vertical-container-padding: 0 20px;
+  --yee-tabs-vertical-active-bar-height: 32px;
+  --yee-tabs-nav-wrapper-height: 46px;
+  --yee-tabs-nav-wrapper-margin: 0 16px;
+  --yee-tabs-nav-wrapper-left-right-height: 250px;
+  --yee-tabs-nav-wrapper-left-right-padding: 0 10px;
+  --yee-tabs-nav-wrapper-left-right-tab-height: 40px;
+  --yee-tabs-nav-wrapper-left-right-tab-margin-bottom: 4px;
+  --yee-tabs-tab-with-prefix-margin-right: 8px;
+  --yee-tabs-tab-badge-min-width: 16px;
+  --yee-tabs-tab-badge-height: 16px;
+  --yee-tabs-tab-badge-margin-left: 8px;
+  --yee-tabs-tab-badge-padding: 0 4px;
+  --yee-tabs-tab-badge-font-size: 10px;
+  --yee-tabs-tab-badge-line-height: 16px;
+  --yee-tabs-tab-badge-border-radius: 8px;
+  --yee-tabs-tab-title-font-weight: 500;
+  --yee-tabs-tab-title-font-size: 16px;
+  --yee-tabs-tab-title-line-height: 24px;
+  --yee-tabs-pills-margin-bottom: 16px;
+  --yee-tabs-pills-tab-height: 32px;
+  --yee-tabs-pills-tab-padding: 0 16px;
+  --yee-tabs-pills-tab-border-width: 1px;
+  --yee-tabs-pills-tab-border-radius: 4px;
+  --yee-tabs-pills-tab-margin-left: -1px;
+  --yee-tabs-pills-tab-title-font-weight: 400;
+  --yee-tabs-pills-tab-title-font-size: 14px;
+  --yee-tabs-pills-tab-title-line-height: 22px;
+  --yee-tabs-pills-container-padding-top: 16px;
+  --yee-tabs-card-border-bottom: -1px;
+  --yee-tabs-card-tab-height: 40px;
+  --yee-tabs-card-tab-margin-right: 8px;
+  --yee-tabs-card-tab-padding: 0 24px;
+  --yee-tabs-card-tab-border-width: 1px;
+  --yee-tabs-card-tab-border-radius: 4px;
+  --yee-tabs-card-tab-not-active-height: 39px;
+  --yee-tabs-nav-wrap-scroll-width: calc(100% - 64px);
+  --yee-tabs-nav-wrap-scroll-margin-left: 32px;
+  --yee-tabs-nav-wrapper-shadow-width: 8px;
+  --yee-tabs-nav-wrapper-shadow-inset: 4px;
+  --yee-tabs-nav-wrapper-top-z-index: var(--yee-z-index-fixed);
+  --yee-tabs-nav-wrapper-border-bottom-width: 1px;
+  --yee-tabs-nav-operations-width: 56px;
+  --yee-tabs-nav-operations-height: 46px;
+  --yee-tabs-operation-container-max-height: 192px;
+  --yee-tabs-operation-container-margin-top: -8px;
+  --yee-tabs-operation-container-padding: 4px 0;
+  --yee-tabs-operation-tab-height: 32px;
+  --yee-tabs-operation-tab-padding: 5px 12px;
+  --yee-tabs-tab-group-margin-left: 4px;
+  --yee-tabs-tab-group-container-padding: 8px;
+  --yee-tabs-tab-group-container-line-height: 32px;
+  --yee-tabs-fixed-top-nav-wrapper-height: 56px;
+  --yee-tabs-fixed-top-nav-wrapper-padding: 0 40px 8px;
+  --yee-tabs-fixed-top-nav-wrapper-box-shadow: 0 8px 24px 0
+    var(--yee-box-shadow-color);
+  --yee-tabs-nav-add-height: 38px;
+  --yee-tabs-nav-add-padding: 0 12px;
+  --yee-tabs-nav-add-font-size: 16px;
+  --yee-tabs-border-card-nav-add-border-width: 1px;
+  --yee-tabs-border-card-nav-add-border-radius: 4px;
+
+  /* --Tag-- */
+  --yee-tag-height: 22px;
+  --yee-tag-padding: 0 7px;
+  --yee-tag-font-size: 12px;
+  --yee-tag-line-height: 22px;
+  --yee-tag-border-width: 1px;
+  --yee-tag-border-radius: 2px;
+  --yee-tag-icon-margin-left: 4px;
+  --yee-tag-small-height: 16px;
+  --yee-tag-large-height: 28px;
+  --yee-tag-close-margin-left: 8px;
+  --yee-tag-checkable-margin: 5px 0;
+
+  /* --TextArea-- */
+  --yee-textarea-padding: 4px 35px 4px 11px;
+  --yee-textarea-font-size: 14px;
+  --yee-textarea-line-height: 22px;
+  --yee-textarea-border-radius: 4px;
+  --yee-textarea-clear-top: 8px;
+  --yee-textarea-clear-right: 12px;
+  --yee-textarea-number-margin-top: 4px;
+  --yee-textarea-number-font-size: 14px;
+  --yee-textarea-number-line-height: 22px;
+  --yee-textarea-border-width: 1px;
+
+  /* --Timeline-- */
+  --yee-timeline-item-margin-bottom: 16px;
+  --yee-timeline-item-last-padding-top: 16px;
+  --yee-timeline-item-last-head-top: 19px;
+  --yee-timeline-item-last-reverse-padding-bottom: 16px;
+  --yee-timeline-item-last-reverse-head-top: 3px;
+  --yee-timeline-item-tail-top: 14px;
+  --yee-timeline-item-tail-left: 2px;
+  --yee-timeline-item-tail-width: 2px;
+  --yee-timeline-item-tail-height: calc(100% + 10px);
+  --yee-timeline-item-tail-margin: 0 4px;
+  --yee-timeline-item-tail-border-width: 2px;
+  --yee-timeline-item-head-top: 6px;
+  --yee-timeline-item-head-left: 0;
+  --yee-timeline-item-head-width: 10px;
+  --yee-timeline-item-head-height: 10px;
+  --yee-timeline-item-head-border-width: 2px;
+  --yee-timeline-item-title-wrapper-gap: 8px;
+  --yee-timeline-item-body-padding-left: 26px;
+  --yee-timeline-item-body-padding-right: 26px;
+  --yee-timeline-item-left-right-transform-x: -5px;
+  --yee-timeline-item-left-right-tail-margin-left: 6px;
+  --yee-timeline-item-head-custom-margin-left: -2px;
+  --yee-timeline-item-head-custom-top: 11px;
+  --yee-timeline-item-head-custom-left: 5px;
+  --yee-timeline-item-head-pending-width: 16px;
+  --yee-timeline-item-head-pending-height: 16px;
+  --yee-timeline-item-head-pending-margin-left: -3px;
+  --yee-timeline-item-pending-tail-height: calc(100% + 21px);
+  --yee-timeline-right-transform-x: -10px;
+  --yee-timeline-cross-date-body-padding: 21px;
+
+  /* --Tooltip-- */
+  --yee-tooltip-z-index: var(--yee-z-index-tooltip);
+  --yee-tooltip-padding: 8px 12px;
+  --yee-tooltip-border-radius: 4px;
+  --yee-tooltip-arrow-width: 8px;
+  --yee-tooltip-arrow-height: 8px;
+  --yee-tooltip-arrow-border-radius: 0 0 2px 0;
+  --yee-tooltip-arrow-translate-y: 50%;
+  --yee-tooltip-arrow-rotate: -135deg;
+
+  /* --Tree-- */
+  --yee-tree-node-height: 32px;
+  --yee-tree-node-expand-icon-margin-left: 4px;
+  --yee-tree-node-checkbox-margin-left: 4px;
+  --yee-tree-node-label-margin-left: 4px;
+
+  /* --Trigger-- */
+  --yee-trigger-z-index: var(--yee-z-index-popup);
+  --yee-trigger-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
+  --yee-trigger-arrow-margin-left: -4px;
+  --yee-trigger-animation-duration: 0.2s;
+  --yee-trigger-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
+  --yee-trigger-scale-start: 0.8;
+  --yee-trigger-scale-end: 1;
+  --yee-trigger-opacity-start: 0.8;
+  --yee-trigger-opacity-end: 1;
+
+  /* --ImageViewer-- */
+  --yee-image-preview-popup-zindex: var(--yee-z-index-overlay);
+
+  /* --VerificationCode-- */
+  --yee-verification-code-gap: 8px;
+  --yee-verification-code-item-width: 32px;
+  --yee-verification-code-item-height: 32px;
+  --yee-verification-code-item-border-width: 1px;
+  --yee-verification-code-item-border-radius: 4px;
+  --yee-verification-code-item-focus-box-shadow: 0 0 0 2px
+    var(--yee-input-focus-bs-color);
+
+  /* --Descriptions-- */
+  --yee-descriptions-font-size: 14px;
+  --yee-descriptions-line-height: 1.5714;
+  --yee-descriptions-header-margin-bottom: 12px;
+  --yee-descriptions-title-font-size: 16px;
+  --yee-descriptions-label-width: 30%;
+  --yee-descriptions-label-padding: 12px 16px 12px 0;
+  --yee-descriptions-content-padding: 12px 0;
+  --yee-descriptions-bordered-label-padding: 12px 16px;
+  --yee-descriptions-bordered-content-padding: 12px 16px;
+  --yee-descriptions-vertical-label-padding: 8px 0;
+  --yee-descriptions-vertical-content-padding: 4px 0 16px;
+  --yee-descriptions-border-radius: 8px;
+  --yee-descriptions-small-font-size: 13px;
+  --yee-descriptions-small-label-padding: 8px 12px 8px 0;
+  --yee-descriptions-small-content-padding: 8px 0;
+  --yee-descriptions-small-padding: 8px 12px;
+  --yee-descriptions-large-font-size: 16px;
+  --yee-descriptions-large-label-padding: 16px 16px 16px 0;
+  --yee-descriptions-large-content-padding: 16px 0;
+  --yee-descriptions-large-padding: 16px 24px;
+}
+
+
+/* ========== zindex.css ========== */
+.yee-range-picker-panel {
+  z-index: 990;
+}