@opentiny/tiny-toolkit-docs/template/ng/demos/scripts/assets/themes/theme-blue.css

这里对你的套件进行简单描述, 比如适用哪些场景,使用了什么技术, 有什么特点

/*注意：css var变量，以最后一次出现的生效。*/
/*基础变量定义*/
:root {
  /* 一.颜色*/
  /* 1.基础色:此处的颜色变量为所有组件应用到的颜色，此处颜色仅在公共色中使用，具体组件不可使用*/
  --ti-base-color-white: #FFFFFF;
  /* 纯白*/
  /* 1.1品牌色*/
  /* 品牌主色*/
  --ti-base-color-brand-6: #5E7CE0;
  /* 主色蓝*/
  /* 主色衍生色*/
  --ti-base-color-brand-8: #344899;
  /* 品牌色-8*/
  --ti-base-color-brand-7: #526ECC;
  /* 品牌色-7*/
  --ti-base-color-brand-5: #7693F5;
  /* 品牌色-5*/
  --ti-base-color-brand-4: #96ADFA;
  /* 品牌色-4*/
  --ti-base-color-brand-3: #BECCFA;
  /* 品牌色-3*/
  --ti-base-color-brand-2: #E9EDFA;
  /* 品牌色-2*/
  --ti-base-color-brand-1: #F2F5FC;
  /* 品牌色-1*/
  /* 1.2中立色*/
  /* 公用灰色系，用于文本、图标、线条、背景色*/
  --ti-base-color-common-9: #181818;
  /* 中立色-9*/
  --ti-base-color-common-8: #282B33;
  /* 中立色-8*/
  --ti-base-color-common-7: #252B3A;
  /* 中立色-7*/
  --ti-base-color-common-6: #464C59;
  /* 中立色-6*/
  --ti-base-color-common-5: #575D6C;
  /* 中立色-5*/
  --ti-base-color-common-4: #5C6173;
  /* 中立色-4*/
  --ti-base-color-common-3: #8A8E99;
  /* 中立色-3*/
  --ti-base-color-common-2: #ADB0B8;
  /* 中立色-2*/
  --ti-base-color-common-1: #DFE1E6;
  /* 中立色-1*/
  /* 1.3背景色*/
  --ti-base-color-bg-9: #B12220;
  /* 背景-9*/
  --ti-base-color-bg-8: #C7000B;
  /* 背景-8*/
  --ti-base-color-bg-7: #D64A52;
  /* 背景-7*/
  --ti-base-color-bg-6: #EEF0F5;
  /* 背景-6*/
  --ti-base-color-bg-5: #F5F5F6;
  /* 背景-5*/
  --ti-base-color-bg-4: #FAFAFA;
  /* 背景-4*/
  --ti-base-color-bg-3: #FFFFFF;
  /* 背景-3*/
  --ti-base-color-bg-2: #FFFFFF;
  /* 背景-2*/
  --ti-base-color-bg-1: #FFFFFF;
  /* 背景-1*/
  /* 1.4功能色*/
  --ti-base-color-error-4: #DE504E;
  /* 错误-4*/
  --ti-base-color-error-3: #F66F6A;
  /* 错误-3*/
  --ti-base-color-error-2: #FFBCBA;
  /* 错误-2*/
  --ti-base-color-error-1: #FFEEED;
  /* 错误-1*/
  --ti-base-color-success-4: #3AC295;
  /* 成功-4*/
  --ti-base-color-success-3: #50D4AB;
  /* 成功-3*/
  --ti-base-color-success-2: #ACF2DC;
  /* 成功-2*/
  --ti-base-color-success-1: #EDFFF9;
  /* 成功-1*/
  --ti-base-color-warn-5: #E37D29;
  /* 告警-5*/
  --ti-base-color-warn-4: #FA9841;
  /* 告警-4*/
  --ti-base-color-warn-3: #FAC20A;
  /* 告警-3*/
  --ti-base-color-warn-2: #FFD0A6;
  /*  告警-2*/
  --ti-base-color-warn-1: #FFF3E8;
  /* 告警-1*/
  --ti-base-color-prompt-4: var(--ti-base-color-brand-7);
  /* 提示-4*/
  --ti-base-color-prompt-3: var(--ti-base-color-brand-6);
  /* 提示-3*/
  --ti-base-color-prompt-2: var(--ti-base-color-brand-3);
  /* 提示-2*/
  --ti-base-color-prompt-1: #EBF6FF;
  /* 提示-1*/
  --ti-base-color-prompt-icon-from: #7769E8;
  /* 渐变图标-提示-起始色*/
  --ti-base-color-prompt-icon-to: #58BBFF;
  /* 渐变图标-提示-终止色*/
  /* 状态图标色*/
  --ti-base-color-icon-info: #6CBFFF;
  /* 状态图标-常规*/
  /* 图表色*/
  --ti-base-color-data-3: #A6DD82;
  /* 图表数据色-3*/
  --ti-base-color-data-4: #F3689A;
  /* 图表数据色-4*/
  --ti-base-color-data-5: #A97AF8;
  /* 图表数据色-5*/
  /* 透明色*/
  --ti-base-color-transparent: transparent;
  /* 2.公共色：此处颜色为组件场景色，根据使用场景分为以下几大类，具体组件引用以下颜色，如在使用过程中有问题，请自行按类别添加*/
  /* 2.1提示类型颜色，用于alert组件、涉及功能提示的背景、文字、图标等的颜色使用*/
  --ti-common-color-success: var(--ti-base-color-success-3);
  /* 成功-图标色/状态图标-成功*/
  --ti-common-color-text-success: var(--ti-base-color-success-4);
  /* 成功-文字色*/
  --ti-common-color-success-bg: var(--ti-base-color-success-1);
  /* 成功-背景色*/
  --ti-common-color-success-border: var(--ti-base-color-success-2);
  /* 成功-边框色*/
  --ti-common-color-error: var(--ti-base-color-error-3);
  /* 错误-图标色/状态图标-危险、错误、失败/深色Tip中的价格文本*/
  --ti-common-color-error-text: var(--ti-base-color-error-4);
  /* 错误-文字色*/
  --ti-common-color-error-bg: var(--ti-base-color-error-1);
  /* 错误-背景色/校验背景色*/
  --ti-common-color-error-border: var(--ti-base-color-error-3);
  /* 错误-校验边框色*/
  --ti-common-color-error-border-secondary: var(--ti-base-color-error-2);
  /* 错误-alert边框色*/
  --ti-common-color-warn: var(--ti-base-color-warn-4);
  /* 告警-图标色/状态图标-警告*/
  --ti-common-color-warn-text: var(--ti-base-color-warn-5);
  /* 告警-文字色*/
  --ti-common-color-warn-bg: var(--ti-base-color-warn-1);
  /* 告警-背景色*/
  --ti-common-color-warn-border: var(--ti-base-color-warn-2);
  /* 告警-边框色*/
  --ti-common-color-warn-secondary: var(--ti-base-color-warn-3);
  /* 次要告警-图标色/状态图标-异常*/
  --ti-common-color-prompt: var(--ti-base-color-prompt-3);
  /* 提示-图标色*/
  --ti-common-color-prompt-text: var(--ti-base-color-prompt-4);
  /* 提示-图标色*/
  --ti-common-color-prompt-bg: var(--ti-base-color-prompt-1);
  /* 提示-背景色*/
  --ti-common-color-prompt-border: var(--ti-base-color-prompt-2);
  /* 提示-边框色*/
  --ti-common-color-prompt-icon-from: var(--ti-base-color-prompt-icon-from);
  /* 渐变图标-提示-起始色*/
  --ti-common-color-prompt-icon-to: var(--ti-base-color-prompt-icon-to);
  /* 渐变图标-提示-终止色*/
  /* 2.2文本色*/
  --ti-common-color-text-primary: var(--ti-base-color-common-7);
  /* 一级文本色-重要信息/标题颜色/输入类文本颜色*/
  --ti-common-color-text-secondary: var(--ti-base-color-common-5);
  /* 二级文本色-次要信息*/
  --ti-common-color-text-weaken: var(--ti-base-color-common-3);
  /* 三级文本色-弱化信息/说明文字*/
  --ti-common-color-text-disabled: var(--ti-base-color-common-2);
  /* 文本禁用信息*/
  --ti-common-color-text-darkbg: var(--ti-base-color-common-2);
  /* 深色背景下文本信息*/
  --ti-common-color-text-darkbg-disabled: var(--ti-base-color-common-5);
  /* 深色背景下文本信息禁用色*/
  --ti-common-color-text-link: var(--ti-base-color-brand-7);
  /* 链接色*/
  --ti-common-color-text-link-hover: var(--ti-base-color-brand-8);
  /* 链接悬浮色*/
  --ti-common-color-text-link-darkbg: var(--ti-base-color-brand-4);
  /* 深色背景链接色*/
  --ti-common-color-text-link-darkbg-hover: var(--ti-base-color-brand-3);
  /* 深色背景链接悬浮色*/
  --ti-common-color-text-highlight: var(--ti-base-color-brand-7);
  /* 文本高亮色*/
  --ti-common-color-text-white: var(--ti-base-color-white);
  /* 深色背景或图标上文字色*/
  --ti-common-color-text-gray: var(--ti-base-color-white);
  /* 深色背景下的文本色，用于tip*/
  --ti-common-color-text-gray-disabled: var(--ti-base-color-common-4);
  /* 深色背景下的灰色文本禁用色，用于tab页签中*/
  --ti-common-color-text-important: var(--ti-base-color-error-4);
  /* 文本_金额*/
  /* 2.3图标色*/
  /* 浅底背景图标色*/
  --ti-common-color-icon-normal: var(--ti-base-color-common-5);
  --ti-common-color-icon-hover: var(--ti-base-color-brand-6);
  --ti-common-color-icon-active: var(--ti-base-color-brand-6);
  --ti-common-color-icon-disabled: var(--ti-base-color-common-2);
  /* 图标禁用色/状态图标-禁用、停止*/
  --ti-common-color-icon-white: var(--ti-base-color-white);
  /* 灰色背景下图标色*/
  --ti-common-color-icon-graybg-normal: var(--ti-base-color-common-2);
  --ti-common-color-icon-graybg-hover: var(--ti-base-color-brand-6);
  --ti-common-color-icon-graybg-active: var(--ti-base-color-brand-6);
  --ti-common-color-icon-graybg-disabled: var(--ti-base-color-common-1);
  /* 深底背景图标色*/
  --ti-common-color-icon-darkbg-normal: var(--ti-base-color-common-2);
  --ti-common-color-icon-darkbg-hover: var(--ti-base-color-brand-5);
  --ti-common-color-icon-darkbg-active: var(--ti-base-color-brand-5);
  --ti-common-color-icon-darkbg-disabled: var(--ti-base-color-common-5);
  /* 状态图标背景色*/
  --ti-common-color-icon-info: var(--ti-base-color-icon-info);
  /* 状态图标-常规、信息提示*/
  /* 2.4线颜色，用于边框，线条等的颜色使用*/
  --ti-common-color-line-normal: var(--ti-base-color-common-2);
  --ti-common-color-line-hover: var(--ti-base-color-common-5);
  --ti-common-color-line-active: var(--ti-base-color-brand-6);
  --ti-common-color-line-disabled: var(--ti-base-color-common-1);
  /* 分割线颜色*/
  --ti-common-color-line-dividing: var(--ti-base-color-common-1);
  /* 虚线*/
  --ti-common-color-dash-line-normal: var(--ti-base-color-common-5);
  --ti-common-color-dash-line-hover: var(--ti-base-color-brand-7);
  /* 2.5背景色*/
  /* 背景基础色各状态色*/
  --ti-common-color-bg-normal: var(--ti-base-color-bg-6);
  /* 通用背景-页面背景色/下拉搜索框背景色/标签背景色*/
  --ti-common-color-bg-emphasize: var(--ti-base-color-brand-6);
  /* 背景高亮色*/
  --ti-common-color-bg-disabled: var(--ti-base-color-bg-5);
  /* 禁用背景色*/
  --ti-common-color-bg-hover: var(--ti-base-color-brand-8);
  /* 主色背景悬浮色*/
  --ti-common-color-bg-gray: var(--ti-base-color-bg-4);
  /* 新区域组件-悬浮背景色*/
  --ti-common-color-bg-secondary: var(--ti-base-color-common-2);
  /* 开关组件-关闭状态-背景色*/
  /* 重要背景色，主要用于重要按钮场景*/
  --ti-common-bg-primary: var(--ti-base-color-bg-8);
  /* 重要按钮背景色*/
  --ti-common-bg-primary-hover: var(--ti-base-color-bg-7);
  /* 重要按钮背景悬浮、focus色*/
  --ti-common-bg-primary-active: var(--ti-base-color-bg-9);
  /* 重要按钮背景色按下色*/
  /* 次要背景色，主要用于次要按钮场景*/
  --ti-common-bg-minor: var(--ti-base-color-bg-2);
  /* 次要按钮背景色*/
  --ti-common-bg-minor-hover: var(--ti-base-color-bg-1);
  /* 次要按钮背景悬浮、focus色*/
  --ti-common-bg-minor-active: var(--ti-base-color-bg-3);
  /* 次要按钮背景色按下色*/
  /* 白底背景状态色*/
  --ti-common-color-bg-white-normal: var(--ti-base-color-white);
  /* 白色背景，用于输入框背景*/
  --ti-common-color-bg-white-emphasize: var(--ti-base-color-brand-1);
  /* 白色hover或强调色，如表头背景、表格悬浮、下拉选项悬浮背景*/
  /* 浅底背景状态色*/
  --ti-common-color-bg-light-normal: var(--ti-base-color-brand-2);
  /* 滑块slider-背景色/多选快buttongroup-默认背景色/树组件选中背景色*/
  --ti-common-color-bg-light-emphasize: var(--ti-base-color-brand-3);
  /* 浅背景hover或强调色，开关组件“开”禁用背景色*/
  /* 深色底背景状态色*/
  --ti-common-color-bg-dark-normal: var(--ti-base-color-common-6);
  /* 一级tab页签背景色*/
  --ti-common-color-bg-dark-emphasize: var(--ti-base-color-common-4);
  /* 一级tab页签背景-悬浮色*/
  --ti-common-color-bg-dark-active: var(--ti-common-color-bg-normal);
  /* 一级tab页签背景-激活/focus状态背景色*/
  --ti-common-color-bg-dark-deep: var(--ti-base-color-common-6);
  /* tip、alert提示背景色*/
  --ti-common-color-bg-dark-disabled: var(--ti-base-color-common-1);
  /* 深色背景禁用色，开关组件“关”禁用背景色*/
  /* 顶部导航*/
  --ti-common-color-bg-navigation: var(--ti-base-color-common-8);
  /* 顶部导航背景色/顶部导航下拉悬浮背景色*/
  --ti-common-color-bg-dark-select: var(--ti-base-color-common-9);
  /* 顶部导航下拉背景色 */
  /* 2.6 图表色*/
  --ti-common-color-data-1: var(--ti-base-color-success-3);
  /* 图表数据色-1*/
  --ti-common-color-data-2: var(--ti-base-color-icon-info);
  /* 图表数据色-2*/
  --ti-common-color-data-3: var(--ti-base-color-data-3);
  /* 图表数据色-3*/
  --ti-common-color-data-4: var(--ti-base-color-data-4);
  /* 图表数据色-4*/
  --ti-common-color-data-5: var(--ti-base-color-data-5);
  /* 图表数据色-5*/
  --ti-common-color-data-6: var(--ti-base-color-warn-3);
  /* 图表数据色-6*/
  --ti-common-color-data-7: var(--ti-base-color-warn-4);
  /* 图表数据色-7*/
  --ti-common-color-data-8: var(--ti-base-color-error-3);
  /* 图表数据色-8*/
  /* 2.7 透明色*/
  --ti-common-color-transparent: var(--ti-base-color-transparent);
  /* 二.其他变量*/
  /* 边框圆角*/
  --ti-common-border-radius-normal: 2px;
  /* 常规*/
  --ti-common-border-radius-0: 0px;
  /* 直角*/
  --ti-common-border-radius-1: 4px;
  /* 圆角-1*/
  --ti-common-border-radius-2: 8px;
  /* 圆角-2*/
  --ti-common-border-radius-3: 50%;
  /* 圆形*/
  /* 字号*/
  --ti-common-font-size-base: 12px;
  /* 正文-常规*/
  --ti-common-font-size-1: 14px;
  /* 标题-小*/
  --ti-common-font-size-2: 16px;
  /* 标题-中*/
  --ti-common-font-size-3: 18px;
  /* 标题-大*/
  --ti-common-font-size-4: 20px;
  /* 字号-4*/
  --ti-common-font-size-5: 24px;
  /* 字号-5*/
  --ti-common-font-size-6: 32px;
  /* 字号-6*/
  --ti-common-font-size-7: 36px;
  /* 字号-7*/
  /* 行高*/
  --ti-common-line-height-number: 1.5;
  /* 文字行高倍数，建议组件中设置行高使用该变量，如有特殊情况，请自行定义*/
  /* 间距：适用于组件中的margin、padding*/
  --ti-common-space-base: 4px;
  /* 基础间距*/
  --ti-common-space-2x: calc(var(--ti-common-space-base) * 2);
  /* 间距-2*/
  --ti-common-space-3x: calc(var(--ti-common-space-base) * 3);
  /* 间距-3*/
  --ti-common-space-4x: calc(var(--ti-common-space-base) * 4);
  /* 间距-4*/
  --ti-common-space-5x: calc(var(--ti-common-space-base) * 5);
  /* 间距-5*/
  --ti-common-space-6x: calc(var(--ti-common-space-base) * 6);
  /* 间距-6*/
  --ti-common-space-7x: calc(var(--ti-common-space-base) * 7);
  /* 间距-7*/
  --ti-common-space-8x: calc(var(--ti-common-space-base) * 8);
  /* 间距-8*/
  --ti-common-space-9x: calc(var(--ti-common-space-base) * 9);
  /* 间距-9*/
  --ti-common-space-10x: calc(var(--ti-common-space-base) * 10);
  /* 间距-10*/
  /* 其他间距*/
  --ti-common-space-0: 0px;
  /* 其他间距-1*/
  --ti-common-space-1: 1px;
  /* 其他间距-2*/
  --ti-common-space-6: 6px;
  /* 其他间距-3*/
  --ti-common-space-10: 10px;
  /* 其他间距-4*/
  /* 阴影*/
  --ti-common-shadow-1-up: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
  /* 阴影-1 上*/
  --ti-common-shadow-1-down: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  /* 阴影-1 下*/
  --ti-common-shadow-1-left: -1px 0px 4px 0 rgba(0, 0, 0, 0.1);
  /* 阴影-1 左*/
  --ti-common-shadow-1-right: 1px 0px 4px 0 rgba(0, 0, 0, 0.1);
  /* 阴影-1 右*/
  --ti-common-shadow-2-up: 0 -2px 8px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-2 上*/
  --ti-common-shadow-2-down: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-2 下*/
  --ti-common-shadow-2-left: -2px 0 8px 0 rgba(238, 10, 10, 0.2);
  /* 阴影-2 左*/
  --ti-common-shadow-2-right: 2px 0 8px 0 rgba(252, 5, 5, 0.2);
  /* 阴影-2 右*/
  --ti-common-shadow-3-up: 0 -4px 16px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-3 上*/
  --ti-common-shadow-3-down: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-3 下*/
  --ti-common-shadow-3-left: -4px 0 16px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-3 左*/
  --ti-common-shadow-3-right: 4px 0 16px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-3 右*/
  --ti-common-shadow-4-up: 0 -8px 40px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-4 上*/
  --ti-common-shadow-4-down: 0 8px 40px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-4 下*/
  --ti-common-shadow-4-left: -8px 0 40px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-4 左*/
  --ti-common-shadow-4-right: 8px 0 40px 0 rgba(0, 0, 0, 0.2);
  /* 阴影-4 右*/
  /* 提示类阴影*/
  --ti-common-shadow-error: 0 1px 3px 0 rgba(199, 54, 54, 0.25);
  /* 错误*/
  --ti-common-shadow-warn: 0 1px 3px 0 rgba(204, 100, 20, 0.25);
  /* 告警*/
  --ti-common-shadow-prompt: 0 1px 3px 0 rgba(70, 94, 184, 0.25);
  /* 提示*/
  --ti-common-shadow-success: 0 1px 3px 0 rgba(39, 176, 128, 0.25);
  /* 成功*/
  /* 字体*/
  --ti-common-font-family: "Helvetica", "Arial", "PingFangSC-Regular", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
  /* 字重*/
  --ti-common-font-weight-1: 100;
  /* 极细*/
  --ti-common-font-weight-2: 200;
  /* 纤细*/
  --ti-common-font-weight-3: 300;
  /* 细体*/
  --ti-common-font-weight-4: normal;
  /* 常规*/
  --ti-common-font-weight-5: 500;
  /* 中等*/
  --ti-common-font-weight-6: 600;
  /* 半粗*/
  --ti-common-font-weight-7: bold;
  /* 粗体*/
  --ti-common-font-weight-8: 800;
  /* 中黑*/
  --ti-common-font-weight-9: 900;
  /* 黑体*/
  /* 边框粗细*/
  --ti-common-border-weight-normal: 1px;
  /* 常规*/
  --ti-common-border-weight-1: 2px;
  /* 较粗*/
  --ti-common-border-weight-2: 3px;
  /* 粗*/
  /* 边框样式*/
  --ti-common-border-style-dashed: dashed;
  /* 虚线*/
  --ti-common-border-style-dotted: dotted;
  /* 点线*/
  --ti-common-border-style-solid: solid;
  /* 实线*/
  /* 尺寸*/
  --ti-common-size-base: 4px;
  /* 基础尺寸*/
  --ti-common-size-2x: calc(var(--ti-common-size-base) * 2);
  /* 尺寸-2*/
  --ti-common-size-3x: calc(var(--ti-common-size-base) * 3);
  /* 尺寸-3*/
  --ti-common-size-4x: calc(var(--ti-common-size-base) * 4);
  /* 尺寸-4*/
  --ti-common-size-5x: calc(var(--ti-common-size-base) * 5);
  /* 尺寸-5*/
  --ti-common-size-6x: calc(var(--ti-common-size-base) * 6);
  /* 尺寸-6*/
  --ti-common-size-7x: calc(var(--ti-common-size-base) * 7);
  /* 尺寸-7*/
  --ti-common-size-8x: calc(var(--ti-common-size-base) * 8);
  /* 尺寸-8*/
  --ti-common-size-9x: calc(var(--ti-common-size-base) * 9);
  /* 尺寸-9*/
  --ti-common-size-10x: calc(var(--ti-common-size-base) * 10);
  /* 尺寸-10*/
  --ti-common-size-11x: calc(var(--ti-common-size-base) * 11);
  /* 尺寸-11*/
  --ti-common-size-12x: calc(var(--ti-common-size-base) * 12);
  /* 尺寸-12*/
  --ti-common-size-13x: calc(var(--ti-common-size-base) * 13);
  /* 尺寸-13*/
  --ti-common-size-14x: calc(var(--ti-common-size-base) * 14);
  /* 尺寸-14*/
  --ti-common-size-15x: calc(var(--ti-common-size-base) * 15);
  /* 尺寸-15*/
  --ti-common-size-16x: calc(var(--ti-common-size-base) * 16);
  /* 尺寸-16*/
  --ti-common-size-17x: calc(var(--ti-common-size-base) * 17);
  /* 尺寸-17*/
  --ti-common-size-18x: calc(var(--ti-common-size-base) * 18);
  /* 尺寸-18*/
  --ti-common-size-19x: calc(var(--ti-common-size-base) * 19);
  /* 尺寸-19*/
  --ti-common-size-20x: calc(var(--ti-common-size-base) * 20);
  /* 尺寸-20*/
  --ti-common-size-21x: calc(var(--ti-common-size-base) * 21);
  /* 尺寸-21*/
  --ti-common-size-22x: calc(var(--ti-common-size-base) * 22);
  /* 尺寸-22*/
  --ti-common-size-23x: calc(var(--ti-common-size-base) * 23);
  /* 尺寸-23*/
  --ti-common-size-24x: calc(var(--ti-common-size-base) * 24);
  /* 尺寸-24*/
  --ti-common-size-25x: calc(var(--ti-common-size-base) * 25);
  /* 尺寸-25*/
  --ti-common-size-26x: calc(var(--ti-common-size-base) * 26);
  /* 尺寸-26*/
  --ti-common-size-27x: calc(var(--ti-common-size-base) * 27);
  /* 尺寸-27*/
  --ti-common-size-28x: calc(var(--ti-common-size-base) * 28);
  /* 尺寸-28*/
  --ti-common-size-29x: calc(var(--ti-common-size-base) * 29);
  /* 尺寸-29*/
  --ti-common-size-30x: calc(var(--ti-common-size-base) * 30);
  /* 尺寸-30*/
  --ti-common-size-31x: calc(var(--ti-common-size-base) * 31);
  /* 尺寸-31*/
  --ti-common-size-32x: calc(var(--ti-common-size-base) * 32);
  /* 尺寸-32*/
  --ti-common-size-33x: calc(var(--ti-common-size-base) * 33);
  /* 尺寸-33*/
  --ti-common-size-34x: calc(var(--ti-common-size-base) * 34);
  /* 尺寸-34*/
  --ti-common-size-35x: calc(var(--ti-common-size-base) * 35);
  /* 尺寸-35*/
  --ti-common-size-36x: calc(var(--ti-common-size-base) * 36);
  /* 尺寸-36*/
  --ti-common-size-37x: calc(var(--ti-common-size-base) * 37);
  /* 尺寸-37*/
  --ti-common-size-38x: calc(var(--ti-common-size-base) * 38);
  /* 尺寸-38*/
  --ti-common-size-39x: calc(var(--ti-common-size-base) * 39);
  /* 尺寸-39*/
  --ti-common-size-40x: calc(var(--ti-common-size-base) * 40);
  /* 尺寸-40*/
  --ti-common-size-41x: calc(var(--ti-common-size-base) * 41);
  /* 尺寸-41*/
  --ti-common-size-42x: calc(var(--ti-common-size-base) * 42);
  /* 尺寸-42*/
  --ti-common-size-43x: calc(var(--ti-common-size-base) * 43);
  /* 尺寸-43*/
  --ti-common-size-44x: calc(var(--ti-common-size-base) * 44);
  /* 尺寸-44*/
  --ti-common-size-45x: calc(var(--ti-common-size-base) * 45);
  /* 尺寸-45*/
  --ti-common-size-46x: calc(var(--ti-common-size-base) * 46);
  /* 尺寸-46*/
  --ti-common-size-47x: calc(var(--ti-common-size-base) * 47);
  /* 尺寸-47*/
  --ti-common-size-48x: calc(var(--ti-common-size-base) * 48);
  /* 尺寸-48*/
  --ti-common-size-49x: calc(var(--ti-common-size-base) * 49);
  /* 尺寸-49*/
  --ti-common-size-50x: calc(var(--ti-common-size-base) * 50);
  /* 尺寸-50*/
  /* 其他尺寸*/
  --ti-common-size-0: 0px;
  /* 其他尺寸-1*/
  --ti-common-size-auto: auto;
  /* 其他尺寸-2*/
}
/*基础变量定义*/
:root {
  /* 一.颜色*/
  /* 1.基础色:此处的颜色变量为所有组件应用到的颜色，此处颜色仅在公共色中使用，具体组件不可使用*/
  /* 1.1品牌色*/
  /* 品牌主色*/
  --ti-base-color-brand-6: #6cbfff;
  /* 主色蓝*/
  /* 主色衍生色*/
  --ti-base-color-brand-8: #0f6999;
  /* 品牌色-8*/
  --ti-base-color-brand-7: #4ea6e6;
  /* 品牌色-7*/
  --ti-base-color-brand-5: #85caff;
  /* 品牌色-5*/
  --ti-base-color-brand-4: #9ed5ff;
  /* 品牌色-4*/
  --ti-base-color-brand-3: #b8e0ff;
  /* 品牌色-3*/
  --ti-base-color-brand-2: #d1ebff;
  /* 品牌色-2*/
  --ti-base-color-brand-1: #ebf6ff;
  /* 品牌色-1*/
}