generator-mico-cli 0.1.18

package/generators/micro-react/templates/packages/shared-styles/themes/normal/custom-var.less

@@ -0,0 +1,195 @@
+// ==================== CSS 自定义变量定义 - 正常主题 ====================
+// 所有颜色变量都定义为 CSS 自定义变量，支持运行时动态修改
+// 使用方式：在 Less 中使用 var(--variable-name) 引用
+// 使用属性选择器，只在 data-theme="normal" 或没有 data-theme 时生效
+body:not([data-theme]),
+body[data-theme='normal'] {
+  // ==================== brand color ====================
+  --Brand1-1: 242 235 255; // 浅色/白底悬浮
+  --Brand1-2: 220 198 255; // 文字禁用
+  --Brand1-3: 195 163 255; // 一般禁用
+  --Brand1-4: 169 129 255; // 特殊场景
+  --Brand1-5: 140 94 255; // 悬浮
+  --Brand1-6: 110 60 255; // 点击
+  --Brand1-7: 75 37 210; // 常规
+
+  // ==================== brand2 color ====================
+  --Brand2-1: 232 248 255; // 浅色/白底悬浮
+  --Brand2-2: 190 232 255; // 文字禁用
+  --Brand2-3: 149 214 255; // 一般禁用
+  --Brand2-4: 107 193 255; // 特殊场景
+  --Brand2-5: 66 170 255; // 悬浮
+  --Brand2-6: 24 144 255; // 点击
+  --Brand2-7: 15 109 210; // 常规
+
+  // ==================== neutral color ====================
+  // 边框颜色
+  --color-border-1: rgb(242 243 245); // 浅
+  --color-border-2: rgb(229 230 235); // 一般
+  --color-border-3: rgb(201 205 212); // 深/悬浮
+  --color-border-4: rgb(134 144 156); // 重/按钮描边
+  --line-1: var(--color-border-1);
+  --line-2: var(--color-border-2);
+  --line-3: var(--color-border-3);
+  --line-4: var(--color-border-4);
+
+  // 填充颜色
+  --color-fill-1: rgb(247 248 250); // 浅/禁用
+  --color-fill-2: rgb(242 243 245); // 一般/常规/白底悬浮
+  --color-fill-3: rgb(229 230 235); // 深/灰底悬浮
+  --color-fill-4: rgb(201 205 212); // 重/特殊场景
+  --color-fill-5: rgb(78 89 105); // 强调/图标/特殊场景
+
+  // 文字颜色
+  --color-text-1: rgb(29 33 41); // 强调/正文标题
+  --color-text-2: rgb(78 89 105); // 次强调/正文标题
+  --color-text-3: rgb(134 144 156); // 次要信息
+  --color-text-4: rgb(201 205 212); // 置灰信息
+  --color-text-5: rgb(255 255 255); // 纯白文字
+
+  // ==================== functional color ====================
+  --Success-1: 232 255 234; // 浅色背景
+  --Success-2: 175 240 181; // 特殊场景
+  --Success-3: 123 225 136; // 禁用
+  --Success-5: 35 195 67; // 悬浮
+  --Success-6: 0 180 42; // 常规
+  --Success-7: 0 154 41; // 点击
+  --Warning-1: 255 247 232; // 浅色背景
+  --Warning-2: 255 228 186; // 特殊场景
+  --Warning-3: 255 207 139; // 禁用
+  --Warning-5: 255 154 46; // 悬浮
+  --Warning-6: 255 125 0; // 常规
+  --Warning-7: 255 154 46; // 点击
+  --Danger-1: 255 236 232; // 浅色背景
+  --Danger-2: 253 205 197; // 特殊场景
+  --Danger-3: 251 172 163; // 禁用
+  --Danger-5: 247 101 96; // 悬浮
+  --Danger-6: 245 63 63; // 常规
+  --Danger-7: 203 38 52; // 点击
+
+  // ==================== other color ====================
+  // 其他系统色 / 辅助色 (System Success / Auxiliary Color)
+  --cyan-1: 232 255 251; // 浅色背景 (Light Background)
+  --cyan-2: 187 248 240; // 特殊场景 (Special Scene)
+  --cyan-3: 145 241 231; // 禁用 (Disabled)
+  --cyan-5: 66 227 222; // 悬浮 (Hover)
+  --cyan-6: 30 220 220; // 常规 (Regular)
+  --cyan-7: 19 179 184; // 点击 (Click)
+
+  // 晚秋红 (Orange Red)
+  --Orange-Red-1: 255 243 232; // 浅色背景 (Light Background)
+  --Orange-Red-2: 253 221 195; // 特殊场景 (Special Scene)
+  --Orange-Red-3: 252 197 159; // 禁用 (Disabled)
+  --Orange-Red-5: 249 144 87; // 悬浮 (Hover)
+  --Orange-Red-6: 247 114 52; // 常规 (Regular)
+  --Orange-Red-7: 204 81 32; // 点击 (Click)
+
+  // 黄昏 (Gold)
+  --Gold-1: 255 252 232; // 浅色背景 (Light Background)
+  --Gold-2: 253 244 191; // 特殊场景 (Special Scene)
+  --Gold-3: 252 233 150; // 禁用 (Disabled)
+  --Gold-5: 249 204 69; // 悬浮 (Hover)
+  --Gold-6: 247 186 30; // 常规 (Regular)
+  --Gold-7: 204 146 19; // 点击 (Click)
+
+  // 海蔚蓝 (Blue)
+  --Blue-1: 232 247 255; // 浅色背景 (Light Background)
+  --Blue-2: 195 231 254; // 特殊场景 (Special Scene)
+  --Blue-3: 158 212 253; // 禁用 (Disabled)
+  --Blue-5: 86 168 251; // 悬浮 (Hover)
+  --Blue-6: 50 145 250; // 常规 (Regular)
+  --Blue-7: 31 107 207; // 点击 (Click)
+
+  // 深蓝 (Dark Blue)
+  --Dark-Blue-1: 232 242 255; // 浅色背景 (Light Background)
+  --Dark-Blue-2: 183 206 242; // 特殊场景 (Special Scene)
+  --Dark-Blue-3: 137 171 229; // 禁用 (Disabled)
+  --Dark-Blue-5: 58 102 203; // 悬浮 (Hover)
+  --Dark-Blue-6: 25 70 190; // 常规 (Regular)
+  --Dark-Blue-7: 16 50 162; // 点击 (Click)
+
+  // 黄色 (Yellow)
+  --Yellow-1: 254 255 232; // 浅色背景 (Light Background)
+  --Yellow-2: 254 254 190; // 特殊场景 (Special Scene)
+  --Yellow-3: 253 250 148; // 禁用 (Disabled)
+  --Yellow-5: 251 232 66; // 悬浮 (Hover)
+  --Yellow-6: 250 220 25; // 常规 (Regular)
+  --Yellow-7: 207 175 15; // 点击 (Click)
+
+  // 新生绿 (Lime)
+  --Lime-1: 252 255 232; // 浅色背景 (Light Background)
+  --Lime-2: 237 248 187; // 特殊场景 (Special Scene)
+  --Lime-3: 220 241 144; // 禁用 (Disabled)
+  --Lime-5: 181 226 65; // 悬浮 (Hover)
+  --Lime-6: 159 219 29; // 常规 (Regular)
+  --Lime-7: 126 183 18; // 点击 (Click)
+
+  // 青春紫 (Pink Purple)
+  --Pink-Purple-1: 255 232 251; // 浅色背景 (Light Background)
+  --Pink-Purple-2: 247 186 239; // 特殊场景 (Special Scene)
+  --Pink-Purple-3: 240 142 230; // 禁用 (Disabled)
+  --Pink-Purple-5: 225 62 219; // 悬浮 (Hover)
+  --Pink-Purple-6: 217 26 217; // 常规 (Regular)
+  --Pink-Purple-7: 176 16 182; // 点击 (Click)
+
+  // 品红 (Magenta)
+  --Magenta-1: 255 232 241; // 浅色背景 (Light Background)
+  --Magenta-2: 253 194 219; // 特殊场景 (Special Scene)
+  --Magenta-3: 251 157 199; // 禁用 (Disabled)
+  --Magenta-5: 247 84 168; // 悬浮 (Hover)
+  --Magenta-6: 245 49 157; // 常规 (Regular)
+  --Magenta-7: 203 30 131; // 点击 (Click)
+
+  // ==================== 品牌色 (Brand Colors) ====================
+  // Dramabite
+  --Dramabite: 40 255 70;
+  --Dramabite-1: 233 255 232;
+  --Dramabite-2: 194 255 194;
+  --Dramabite-7: 25 210 56;
+
+  // Soulstar
+  --Soulstar: 168 81 255;
+  --Soulstar-1: 247 232 255;
+  --Soulstar-2: 236 202 255;
+
+  // Mico
+  --Mico: 110 60 255;
+  --Mico-1: 242 232 255;
+  --Mico-2: 220 198 255;
+
+  // Somatch
+  --Somatch: 59 230 247;
+  --Somatch-1: 232 255 253;
+  --Somatch-2: 197 253 251;
+  --Somatch-7: 37 185 204;
+
+  // Sugo
+  --Sugo: 100 60 255;
+  --Sugo-1: 240 232 255;
+  --Sugo-2: 217 198 255;
+
+  // Top Top
+  --Toptop: 20 220 200;
+  --Toptop-1: 232 255 249;
+  --Toptop-2: 185 248 233;
+
+  // Xena
+  --Xena: 0 110 255;
+  --Xena-1: 232 246 255;
+  --Xena-2: 186 225 255;
+
+  // Yoho
+  --Yoho: 0 200 60;
+  --Yoho-1: 232 255 235;
+  --Yoho-2: 178 244 189;
+
+  // Zili
+  --Zili: 9 110 249;
+  --Zili-1: 232 245 255;
+  --Zili-2: 187 224 254;
+
+  // WhatsApp
+  --Whatsapp: 36 211 102;
+  --Whatsapp-1: 232 255 237;
+  --Whatsapp-2: 188 246 202;
+}

package/generators/micro-react/templates/packages/shared-styles/variables-only.less

@@ -0,0 +1,301 @@
+// ==================== 仅 Less 变量（无 CSS 变量定义）====================
+// 用于微前端子应用，避免重复打包 CSS 变量定义
+// CSS 变量由主应用（layout）注入到 body 上
+//
+// 使用方式：@import '<%= packageScope %>/shared-styles/variables-only';
+
+// 由于arco定义的原生css变量是rgb三分量格式，所以这边也只能定义成三分量
+// Less 变量用 rgb 函数包裹，可以直接使用在 color, background-color, border-color 等属性上
+// 例如：color: @Brand1-6;
+
+// ==================== 品牌色系统 ====================
+// Brand1
+@Brand1-1: rgb(var(--Brand1-1, 242 235 255)); // 浅色/白底悬浮
+@Brand1-2: rgb(var(--Brand1-2, 220 198 255)); // 文字禁用
+@Brand1-3: rgb(var(--Brand1-3, 195 163 255)); // 一般禁用
+@Brand1-4: rgb(var(--Brand1-4, 169 129 255)); // 特殊场景
+@Brand1-5: rgb(var(--Brand1-5, 140 94 255)); // 悬浮
+@Brand1-6: rgb(var(--Brand1-6, 110 60 255)); // 点击
+@Brand1-7: rgb(var(--Brand1-7, 75 37 210)); // 常规
+
+// Brand2
+@Brand2-1: rgb(var(--Brand2-1, 232 248 255));
+@Brand2-2: rgb(var(--Brand2-2, 190 232 255));
+@Brand2-3: rgb(var(--Brand2-3, 149 214 255));
+@Brand2-4: rgb(var(--Brand2-4, 107 193 255));
+@Brand2-5: rgb(var(--Brand2-5, 66 170 255));
+@Brand2-6: rgb(var(--Brand2-6, 24 144 255));
+@Brand2-7: rgb(var(--Brand2-7, 15 109 210));
+
+// ==================== 中性色系统 ====================
+// 边框颜色
+@color-border-1: var(--color-border-1, rgb(242 243 245));
+@color-border-2: var(--color-border-2, rgb(229 230 235));
+@color-border-3: var(--color-border-3, rgb(201 205 212));
+@color-border-4: var(--color-border-4, rgb(134 144 156));
+
+@color-line-1: var(--line-1, @color-border-1);
+@color-line-2: var(--line-2, @color-border-2);
+@color-line-3: var(--line-3, @color-border-3);
+@color-line-4: var(--line-4, @color-border-4);
+
+// 填充颜色
+@color-fill-1: var(--color-fill-1, rgb(247 248 250));
+@color-fill-2: var(--color-fill-2, rgb(242 243 245));
+@color-fill-3: var(--color-fill-3, rgb(229 230 235));
+@color-fill-4: var(--color-fill-4, rgb(201 205 212));
+@color-fill-5: var(--color-fill-5, rgb(78 89 105));
+
+// 文字颜色
+@color-text-1: var(--color-text-1, rgb(29 33 41));
+@color-text-2: var(--color-text-2, rgb(78 89 105));
+@color-text-3: var(--color-text-3, rgb(134 144 156));
+@color-text-4: var(--color-text-4, rgb(201 205 212));
+@color-text-5: var(--color-text-5, rgb(255 255 255));
+
+// ==================== 功能色系统 ====================
+// 成功色
+@Success-1: rgb(var(--Success-1, 232 255 234));
+@Success-2: rgb(var(--Success-2, 175 240 181));
+@Success-3: rgb(var(--Success-3, 123 225 136));
+@Success-5: rgb(var(--Success-5, 35 195 67));
+@Success-6: rgb(var(--Success-6, 0 180 42));
+@Success-7: rgb(var(--Success-7, 0 154 41));
+
+// 警告色
+@Warning-1: rgb(var(--Warning-1, 255 247 232));
+@Warning-2: rgb(var(--Warning-2, 255 228 186));
+@Warning-3: rgb(var(--Warning-3, 255 207 139));
+@Warning-5: rgb(var(--Warning-5, 255 154 46));
+@Warning-6: rgb(var(--Warning-6, 255 125 0));
+@Warning-7: rgb(var(--Warning-7, 255 154 46));
+
+// 危险色
+@Danger-1: rgb(var(--Danger-1, 255 236 232));
+@Danger-2: rgb(var(--Danger-2, 253 205 197));
+@Danger-3: rgb(var(--Danger-3, 251 172 163));
+@Danger-5: rgb(var(--Danger-5, 247 101 96));
+@Danger-6: rgb(var(--Danger-6, 245 63 63));
+@Danger-7: rgb(var(--Danger-7, 203 38 52));
+
+// ==================== 其他系统色 ====================
+@cyan-1: rgb(var(--cyan-1, 232 255 251));
+@cyan-2: rgb(var(--cyan-2, 187 248 240));
+@cyan-3: rgb(var(--cyan-3, 145 241 231));
+@cyan-5: rgb(var(--cyan-5, 66 227 222));
+@cyan-6: rgb(var(--cyan-6, 30 220 220));
+@cyan-7: rgb(var(--cyan-7, 19 179 184));
+
+@Orange-Red-1: rgb(var(--Orange-Red-1, 255 243 232));
+@Orange-Red-2: rgb(var(--Orange-Red-2, 253 221 195));
+@Orange-Red-3: rgb(var(--Orange-Red-3, 252 197 159));
+@Orange-Red-5: rgb(var(--Orange-Red-5, 249 144 87));
+@Orange-Red-6: rgb(var(--Orange-Red-6, 247 114 52));
+@Orange-Red-7: rgb(var(--Orange-Red-7, 204 81 32));
+
+@Gold-1: rgb(var(--Gold-1, 255 252 232));
+@Gold-2: rgb(var(--Gold-2, 253 244 191));
+@Gold-3: rgb(var(--Gold-3, 252 233 150));
+@Gold-5: rgb(var(--Gold-5, 249 204 69));
+@Gold-6: rgb(var(--Gold-6, 247 186 30));
+@Gold-7: rgb(var(--Gold-7, 204 146 19));
+
+@Blue-1: rgb(var(--Blue-1, 232 247 255));
+@Blue-2: rgb(var(--Blue-2, 195 231 254));
+@Blue-3: rgb(var(--Blue-3, 158 212 253));
+@Blue-5: rgb(var(--Blue-5, 86 168 251));
+@Blue-6: rgb(var(--Blue-6, 50 145 250));
+@Blue-7: rgb(var(--Blue-7, 31 107 207));
+
+@Dark-Blue-1: rgb(var(--Dark-Blue-1, 232 242 255));
+@Dark-Blue-2: rgb(var(--Dark-Blue-2, 183 206 242));
+@Dark-Blue-3: rgb(var(--Dark-Blue-3, 137 171 229));
+@Dark-Blue-5: rgb(var(--Dark-Blue-5, 58 102 203));
+@Dark-Blue-6: rgb(var(--Dark-Blue-6, 25 70 190));
+@Dark-Blue-7: rgb(var(--Dark-Blue-7, 16 50 162));
+
+@Yellow-1: rgb(var(--Yellow-1, 254 255 232));
+@Yellow-2: rgb(var(--Yellow-2, 254 254 190));
+@Yellow-3: rgb(var(--Yellow-3, 253 250 148));
+@Yellow-5: rgb(var(--Yellow-5, 251 232 66));
+@Yellow-6: rgb(var(--Yellow-6, 250 220 25));
+@Yellow-7: rgb(var(--Yellow-7, 207 175 15));
+
+@Lime-1: rgb(var(--Lime-1, 252 255 232));
+@Lime-2: rgb(var(--Lime-2, 237 248 187));
+@Lime-3: rgb(var(--Lime-3, 220 241 144));
+@Lime-5: rgb(var(--Lime-5, 181 226 65));
+@Lime-6: rgb(var(--Lime-6, 159 219 29));
+@Lime-7: rgb(var(--Lime-7, 126 183 18));
+
+@Pink-Purple-1: rgb(var(--Pink-Purple-1, 255 232 251));
+@Pink-Purple-2: rgb(var(--Pink-Purple-2, 247 186 239));
+@Pink-Purple-3: rgb(var(--Pink-Purple-3, 240 142 230));
+@Pink-Purple-5: rgb(var(--Pink-Purple-5, 225 62 219));
+@Pink-Purple-6: rgb(var(--Pink-Purple-6, 217 26 217));
+@Pink-Purple-7: rgb(var(--Pink-Purple-7, 176 16 182));
+
+@Magenta-1: rgb(var(--Magenta-1, 255 232 241));
+@Magenta-2: rgb(var(--Magenta-2, 253 194 219));
+@Magenta-3: rgb(var(--Magenta-3, 251 157 199));
+@Magenta-5: rgb(var(--Magenta-5, 247 84 168));
+@Magenta-6: rgb(var(--Magenta-6, 245 49 157));
+@Magenta-7: rgb(var(--Magenta-7, 203 30 131));
+
+// ==================== 品牌色系统 ====================
+@Dramabite: rgb(var(--Dramabite, 40 255 70));
+@Dramabite-1: rgb(var(--Dramabite-1, 233 255 232));
+@Dramabite-2: rgb(var(--Dramabite-2, 194 255 194));
+@Dramabite-7: rgb(var(--Dramabite-7, 25 210 56));
+
+@Soulstar: rgb(var(--Soulstar, 168 81 255));
+@Soulstar-1: rgb(var(--Soulstar-1, 247 232 255));
+@Soulstar-2: rgb(var(--Soulstar-2, 236 202 255));
+
+@Mico: rgb(var(--Mico, 110 60 255));
+@Mico-1: rgb(var(--Mico-1, 242 232 255));
+@Mico-2: rgb(var(--Mico-2, 220 198 255));
+
+@Somatch: rgb(var(--Somatch, 59 230 247));
+@Somatch-1: rgb(var(--Somatch-1, 232 255 253));
+@Somatch-2: rgb(var(--Somatch-2, 197 253 251));
+@Somatch-7: rgb(var(--Somatch-7, 37 185 204));
+
+@Sugo: rgb(var(--Sugo, 100 60 255));
+@Sugo-1: rgb(var(--Sugo-1, 240 232 255));
+@Sugo-2: rgb(var(--Sugo-2, 217 198 255));
+
+@Toptop: rgb(var(--Toptop, 20 220 200));
+@Toptop-1: rgb(var(--Toptop-1, 232 255 249));
+@Toptop-2: rgb(var(--Toptop-2, 185 248 233));
+
+@Xena: rgb(var(--Xena, 0 110 255));
+@Xena-1: rgb(var(--Xena-1, 232 246 255));
+@Xena-2: rgb(var(--Xena-2, 186 225 255));
+
+@Yoho: rgb(var(--Yoho, 0 200 60));
+@Yoho-1: rgb(var(--Yoho-1, 232 255 235));
+@Yoho-2: rgb(var(--Yoho-2, 178 244 189));
+
+@Zili: rgb(var(--Zili, 9 110 249));
+@Zili-1: rgb(var(--Zili-1, 232 245 255));
+@Zili-2: rgb(var(--Zili-2, 187 224 254));
+
+@Whatsapp: rgb(var(--Whatsapp, 36 211 102));
+@Whatsapp-1: rgb(var(--Whatsapp-1, 232 255 237));
+@Whatsapp-2: rgb(var(--Whatsapp-2, 188 246 202));
+
+// ==================== 布局尺寸系统 ====================
+@header-height: 56px;
+@header-z-index: 1000;
+@sidebar-width: 256px;
+@sidebar-collapsed-width: 80px;
+@sidebar-z-index: 999;
+@content-padding: 24px;
+@content-min-height: calc(100vh - @header-height);
+@size-base: 10px;
+
+// ==================== 间距系统 ====================
+@spacing-xs: 4px;
+@spacing-sm: 8px;
+@spacing-md: 16px;
+@spacing-lg: 24px;
+@spacing-xl: 32px;
+@spacing-xxl: 48px;
+@section-margin: @spacing-xl;
+@card-padding: 20px;
+@form-item-margin: @spacing-md;
+@button-margin: @spacing-sm;
+
+// ==================== 字体系统 ====================
+@font-size-xs: 10px;
+@font-size-sm: 12px;
+@font-size-base: 14px;
+@font-size-md: 16px;
+@font-size-lg: 18px;
+@font-size-xl: 20px;
+@font-size-xxl: 24px;
+@font-size-title: @font-size-xl;
+@font-size-subtitle: @font-size-md;
+@font-size-caption: @font-size-sm;
+@font-weight-light: 300;
+@font-weight-normal: 400;
+@font-weight-medium: 510;
+@font-weight-semibold: 590;
+@font-weight-bold: 700;
+@line-height-tight: 1.2;
+@line-height-normal: 1.5;
+@line-height-loose: 1.8;
+
+// ==================== 阴影系统 ====================
+@shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1);
+@shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15);
+@shadow-heavy: 0 8px 32px rgba(0, 0, 0, 0.2);
+@shadow-card: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+
+// ==================== 圆角系统 ====================
+@border-radius-xs: 2px;
+@border-radius-sm: 4px;
+@border-radius-md: 6px;
+@border-radius-lg: 8px;
+@border-radius-xl: 12px;
+@border-radius-round: 50%;
+@border-radius-button: @border-radius-lg;
+@border-radius-card: @border-radius-lg;
+@border-radius-input: @border-radius-lg;
+
+// ==================== 动画系统 ====================
+@animation-duration-fast: 0.2s;
+@animation-duration-normal: 0.3s;
+@animation-duration-slow: 0.5s;
+@animation-ease-in: cubic-bezier(0.4, 0, 1, 1);
+@animation-ease-out: cubic-bezier(0, 0, 0.2, 1);
+@animation-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+
+// ==================== 响应式断点 ====================
+@screen-xs: 480px;
+@screen-sm: 576px;
+@screen-md: 768px;
+@screen-lg: 992px;
+@screen-xl: 1200px;
+@screen-xxl: 1600px;
+
+// ==================== 层级系统 ====================
+@z-index-dropdown: 1000;
+@z-index-sticky: 1020;
+@z-index-fixed: 1030;
+@z-index-modal-backdrop: 1040;
+@z-index-modal: 1050;
+@z-index-popover: 1060;
+@z-index-tooltip: 1070;
+
+// ==================== 状态颜色 ====================
+@status-success: @Success-6;
+@status-warning: @Warning-6;
+@status-error: @Danger-6;
+@status-info: @cyan-6;
+
+// ==================== 遗留的颜色变量 ====================
+@brand-neutral-1: #ffffff;
+@brand-neutral-2: #fafafa;
+@brand-neutral-3: #f5f5f5;
+@brand-neutral-4: #e8e8e8;
+@brand-neutral-5: #d9d9d9;
+
+// ==================== 业务特定变量 ====================
+@chat-bubble-radius: @border-radius-md;
+@chat-input-height: 40px;
+@message-max-width: 70%;
+@table-header-bg: @brand-neutral-2;
+@table-row-hover-bg: @brand-neutral-2;
+@table-border-color: @brand-neutral-4;
+@form-label-color: @color-text-1;
+@form-help-color: @color-text-2;
+@form-error-color: @Danger-6;
+@form-gap: 8px;
+@form-padding: 8px;
+@button-size-base: 24px;
+@button-size-small: 16px;
+@button-size-mini: 14px;
+@mask-background-color: rgba(0, 0, 0, 0.4);
+