generator-mico-cli 0.2.12 → 0.2.14

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

@@ -1,433 +0,0 @@
-// ==================== 仅 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;
-
-// 由于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(--Green-1, 255 247 232)); // 浅色背景
-@Success-2: rgb(var(--Green-2, 255 228 186)); // 特殊场景
-@Success-3: rgb(var(--Green-3, 255 207 139)); // 禁用
-@Success-5: rgb(var(--Green-5, 255 154 46)); // 悬浮
-@Success-6: rgb(var(--Green-6, 0 180 42)); // 常规
-@Success-7: rgb(var(--Green-7, 0 154 41)); // 点击
-
-// 警告色
-@Warning-1: rgb(var(--Green-1, 255 247 232)); // 浅色背景
-@Warning-2: rgb(var(--Green-2, 255 228 186)); // 特殊场景
-@Warning-3: rgb(var(--Green-3, 255 207 139)); // 禁用
-@Warning-5: rgb(var(--Green-5, 255 154 46)); // 悬浮
-@Warning-6: rgb(var(--Green-6, 255 125 0)); // 常规
-@Warning-7: rgb(var(--Green-7, 255 154 46)); // 点击
-
-// 危险色
-@Danger-1: rgb(var(--Red-1, 255 236 232)); // 浅色背景
-@Danger-2: rgb(var(--Red-2, 253 205 197)); // 特殊场景
-@Danger-3: rgb(var(--Red-3, 251 172 163)); // 禁用
-@Danger-5: rgb(var(--Red-5, 247 101 96)); // 悬浮
-@Danger-6: rgb(var(--Red-6, 245 63 63)); // 常规
-@Danger-7: rgb(var(--Red-7, 203 38 52)); // 点击
-
-// 成功色 (Green) - 新变量，对应 Success-x
-@Green-1: rgb(var(--Green-1, 232 255 234)); // 浅色背景
-@Green-2: rgb(var(--Green-2, 175 240 181)); // 特殊场景
-@Green-3: rgb(var(--Green-3, 123 225 136)); // 禁用
-@Green-5: rgb(var(--Green-5, 35 195 67)); // 悬浮
-@Green-6: rgb(var(--Green-6, 0 180 42)); // 常规
-@Green-7: rgb(var(--Green-7, 0 154 41)); // 点击
-
-// 警告色 (Orange) - 新变量，对应 Warning-x
-@Orange-1: rgb(var(--Orange-1, 255 247 232)); // 浅色背景
-@Orange-2: rgb(var(--Orange-2, 255 228 186)); // 特殊场景
-@Orange-3: rgb(var(--Orange-3, 255 207 139)); // 禁用
-@Orange-5: rgb(var(--Orange-5, 255 154 46)); // 悬浮
-@Orange-6: rgb(var(--Orange-6, 255 125 0)); // 常规
-@Orange-7: rgb(var(--Orange-7, 210 95 0)); // 点击
-
-// 危险色 (Red) - 新变量，对应 Danger-x
-@Red-1: rgb(var(--Red-1, 255 236 232)); // 浅色背景
-@Red-2: rgb(var(--Red-2, 253 205 197)); // 特殊场景
-@Red-3: rgb(var(--Red-3, 251 172 163)); // 禁用
-@Red-5: rgb(var(--Red-5, 247 101 96)); // 悬浮
-@Red-6: rgb(var(--Red-6, 245 63 63)); // 常规
-@Red-7: rgb(var(--Red-7, 203 38 52)); // 点击
-
-// ==================== 其他系统色 ====================
-// 其他系统色 / 辅助色 (System Success / Auxiliary Color)
-@cyan-1: rgb(var(--cyan-1, 232 255 251));  // 浅色背景 (Light Background)
-@cyan-2: rgb(var(--cyan-2, 187 248 240));  // 特殊场景 (Special Scene)
-@cyan-3: rgb(var(--cyan-3, 145 241 231));  // 禁用 (Disabled)
-@cyan-5: rgb(var(--cyan-5, 66 227 222));  // 悬浮 (Hover)
-@cyan-6: rgb(var(--cyan-6, 30 220 220));  // 常规 (Regular)
-@cyan-7: rgb(var(--cyan-7, 19 179 184));  // 点击 (Click)
-
-
-// 晚秋红 (Orange Red)
-@Orange-Red-1: rgb(var(--Orange-Red-1, 255 243 232));  // 浅色背景 (Light Background)
-@Orange-Red-2: rgb(var(--Orange-Red-2, 253 221 195));  // 特殊场景 (Special Scene)
-@Orange-Red-3: rgb(var(--Orange-Red-3, 252 197 159));  // 禁用 (Disabled)
-@Orange-Red-5: rgb(var(--Orange-Red-5, 249 144 87));  // 悬浮 (Hover)
-@Orange-Red-6: rgb(var(--Orange-Red-6, 247 114 52));  // 常规 (Regular)
-@Orange-Red-7: rgb(var(--Orange-Red-7, 204 81 32));  // 点击 (Click)
-
-// 黄昏 (Gold)
-@Gold-1: rgb(var(--Gold-1, 255 252 232));  // 浅色背景 (Light Background)
-@Gold-2: rgb(var(--Gold-2, 253 244 191));  // 特殊场景 (Special Scene)
-@Gold-3: rgb(var(--Gold-3, 252 233 150));  // 禁用 (Disabled)
-@Gold-5: rgb(var(--Gold-5, 249 204 69));  // 悬浮 (Hover)
-@Gold-6: rgb(var(--Gold-6, 247 186 30));  // 常规 (Regular)
-@Gold-7: rgb(var(--Gold-7, 204 146 19));  // 点击 (Click)
-
-// 海蔚蓝 (Blue)
-@Blue-1: rgb(var(--Blue-1, 232 247 255));  // 浅色背景 (Light Background)
-@Blue-2: rgb(var(--Blue-2, 195 231 254));  // 特殊场景 (Special Scene)
-@Blue-3: rgb(var(--Blue-3, 158 212 253));  // 禁用 (Disabled)
-@Blue-5: rgb(var(--Blue-5, 86 168 251));  // 悬浮 (Hover)
-@Blue-6: rgb(var(--Blue-6, 50 145 250));  // 常规 (Regular)
-@Blue-7: rgb(var(--Blue-7, 31 107 207));  // 点击 (Click)
-
-// 深蓝 (Dark Blue)
-@Dark-Blue-1: rgb(var(--Dark-Blue-1, 232 242 255));  // 浅色背景 (Light Background)
-@Dark-Blue-2: rgb(var(--Dark-Blue-2, 183 206 242));  // 特殊场景 (Special Scene)
-@Dark-Blue-3: rgb(var(--Dark-Blue-3, 137 171 229));  // 禁用 (Disabled)
-@Dark-Blue-5: rgb(var(--Dark-Blue-5, 58 102 203));  // 悬浮 (Hover)
-@Dark-Blue-6: rgb(var(--Dark-Blue-6, 25 70 190));  // 常规 (Regular)
-@Dark-Blue-7: rgb(var(--Dark-Blue-7, 16 50 162));  // 点击 (Click)
-
-// 黄色 (Yellow)
-@Yellow-1: rgb(var(--Yellow-1, 254 255 232));  // 浅色背景 (Light Background)
-@Yellow-2: rgb(var(--Yellow-2, 254 254 190));  // 特殊场景 (Special Scene)
-@Yellow-3: rgb(var(--Yellow-3, 253 250 148));  // 禁用 (Disabled)
-@Yellow-5: rgb(var(--Yellow-5, 251 232 66));  // 悬浮 (Hover)
-@Yellow-6: rgb(var(--Yellow-6, 250 220 25));  // 常规 (Regular)
-@Yellow-7: rgb(var(--Yellow-7, 207 175 15));  // 点击 (Click)
-
-// 新生绿 (Lime)
-@Lime-1: rgb(var(--Lime-1, 252 255 232));  // 浅色背景 (Light Background)
-@Lime-2: rgb(var(--Lime-2, 237 248 187));  // 特殊场景 (Special Scene)
-@Lime-3: rgb(var(--Lime-3, 220 241 144));  // 禁用 (Disabled)
-@Lime-5: rgb(var(--Lime-5, 181 226 65));  // 悬浮 (Hover)
-@Lime-6: rgb(var(--Lime-6, 159 219 29));  // 常规 (Regular)
-@Lime-7: rgb(var(--Lime-7, 126 183 18));  // 点击 (Click)
-
-// 青春紫 (Pink Purple)
-@Pink-Purple-1: rgb(var(--Pink-Purple-1, 255 232 251));  // 浅色背景 (Light Background)
-@Pink-Purple-2: rgb(var(--Pink-Purple-2, 247 186 239));  // 特殊场景 (Special Scene)
-@Pink-Purple-3: rgb(var(--Pink-Purple-3, 240 142 230));  // 禁用 (Disabled)
-@Pink-Purple-5: rgb(var(--Pink-Purple-5, 225 62 219));  // 悬浮 (Hover)
-@Pink-Purple-6: rgb(var(--Pink-Purple-6, 217 26 217));  // 常规 (Regular)
-@Pink-Purple-7: rgb(var(--Pink-Purple-7, 176 16 182));  // 点击 (Click)
-
-// 品红 (Magenta)
-@Magenta-1: rgb(var(--Magenta-1, 255 232 241));  // 浅色背景 (Light Background)
-@Magenta-2: rgb(var(--Magenta-2, 253 194 219));  // 特殊场景 (Special Scene)
-@Magenta-3: rgb(var(--Magenta-3, 251 157 199));  // 禁用 (Disabled)
-@Magenta-5: rgb(var(--Magenta-5, 247 84 168));  // 悬浮 (Hover)
-@Magenta-6: rgb(var(--Magenta-6, 245 49 157));  // 常规 (Regular)
-@Magenta-7: rgb(var(--Magenta-7, 203 30 131));  // 点击 (Click)
-
-// ==================== 品牌色系统 ====================
-// Dramabite
-@Dramabite: rgb(var(--Dramabite, 85 198 97)); // 常规 #55C661
-@Dramabite-1: rgb(var(--Dramabite-1, 233 255 232)); // 浅色/白底悬浮 #E9FFE8
-@Dramabite-2: rgb(var(--Dramabite-2, 194 255 194)); // 文字禁用 #C2FFC2
-@Dramabite-3: rgb(var(--Dramabite-3, 142 230 150)); // 一般禁用 #8EE696
-@Dramabite-4: rgb(var(--Dramabite-4, 105 215 115)); // 特殊场景 #69D773
-@Dramabite-5: rgb(var(--Dramabite-5, 95 208 105)); // 悬浮 #5FD069
-@Dramabite-6: rgb(var(--Dramabite-6, 85 198 97)); // 常规 #55C661
-@Dramabite-7: rgb(var(--Dramabite-7, 25 210 56)); // 点击 #19D238
-
-// Soulstar
-@Soulstar: rgb(var(--Soulstar, 192 119 255)); // 常规 #C077FF
-@Soulstar-1: rgb(var(--Soulstar-1, 247 232 255)); // 浅色/白底悬浮 #F7E8FF
-@Soulstar-2: rgb(var(--Soulstar-2, 236 202 255)); // 文字禁用 #ECCAFF
-@Soulstar-3: rgb(var(--Soulstar-3, 220 170 255)); // 一般禁用 #DCAAFF
-@Soulstar-4: rgb(var(--Soulstar-4, 206 145 255)); // 特殊场景 #CE91FF
-@Soulstar-5: rgb(var(--Soulstar-5, 198 130 255)); // 悬浮 #C682FF
-@Soulstar-6: rgb(var(--Soulstar-6, 192 119 255)); // 常规 #C077FF
-@Soulstar-7: rgb(var(--Soulstar-7, 168 81 255)); // 点击 #A851FF
-
-// Mico
-@Mico: rgb(var(--Mico, 143 98 255)); // 常规 #8F62FF
-@Mico-1: rgb(var(--Mico-1, 242 232 255)); // 浅色/白底悬浮 #F2E8FF
-@Mico-2: rgb(var(--Mico-2, 220 198 255)); // 文字禁用 #DCC6FF
-@Mico-3: rgb(var(--Mico-3, 195 163 255)); // 一般禁用 #C3A3FF
-@Mico-4: rgb(var(--Mico-4, 169 129 255)); // 特殊场景 #A981FF
-@Mico-5: rgb(var(--Mico-5, 155 112 255)); // 悬浮 #9B70FF
-@Mico-6: rgb(var(--Mico-6, 143 98 255)); // 常规 #8F62FF
-@Mico-7: rgb(var(--Mico-7, 110 60 255)); // 点击 #6E3CFF
-
-// Somatch
-@Somatch: rgb(var(--Somatch, 178 123 255)); // 常规 #B27BFF
-@Somatch-1: rgb(var(--Somatch-1, 247 238 255)); // 浅色/白底悬浮 #F7EEFF
-@Somatch-2: rgb(var(--Somatch-2, 235 212 255)); // 文字禁用 #EBD4FF
-@Somatch-3: rgb(var(--Somatch-3, 218 180 255)); // 一般禁用 #DAB4FF
-@Somatch-4: rgb(var(--Somatch-4, 200 150 255)); // 特殊场景 #C896FF
-@Somatch-5: rgb(var(--Somatch-5, 188 135 255)); // 悬浮 #BC87FF
-@Somatch-6: rgb(var(--Somatch-6, 178 123 255)); // 常规 #B27BFF
-@Somatch-7: rgb(var(--Somatch-7, 155 90 255)); // 点击 #9B5AFF
-
-// Sugo
-@Sugo: rgb(var(--Sugo, 135 98 255)); // 常规 #8762FF
-@Sugo-1: rgb(var(--Sugo-1, 240 232 255)); // 浅色/白底悬浮 #F0E8FF
-@Sugo-2: rgb(var(--Sugo-2, 217 198 255)); // 文字禁用 #D9C6FF
-@Sugo-3: rgb(var(--Sugo-3, 190 163 255)); // 一般禁用 #BEA3FF
-@Sugo-4: rgb(var(--Sugo-4, 162 129 255)); // 特殊场景 #A281FF
-@Sugo-5: rgb(var(--Sugo-5, 148 112 255)); // 悬浮 #9470FF
-@Sugo-6: rgb(var(--Sugo-6, 135 98 255)); // 常规 #8762FF
-@Sugo-7: rgb(var(--Sugo-7, 100 60 255)); // 点击 #643CFF
-
-// Top Top
-@Toptop: rgb(var(--Toptop, 97 218 206)); // 常规 #61DACE
-@Toptop-1: rgb(var(--Toptop-1, 232 255 249)); // 浅色/白底悬浮 #E8FFF9
-@Toptop-2: rgb(var(--Toptop-2, 185 248 233)); // 文字禁用 #B9F8E9
-@Toptop-3: rgb(var(--Toptop-3, 150 238 220)); // 一般禁用 #96EEDC
-@Toptop-4: rgb(var(--Toptop-4, 120 228 212)); // 特殊场景 #78E4D4
-@Toptop-5: rgb(var(--Toptop-5, 108 222 208)); // 悬浮 #6CDED0
-@Toptop-6: rgb(var(--Toptop-6, 97 218 206)); // 常规 #61DACE
-@Toptop-7: rgb(var(--Toptop-7, 20 220 200)); // 点击 #14DCC8
-
-// Xena
-@Xena: rgb(var(--Xena, 248 131 231)); // 常规 #F883E7
-@Xena-1: rgb(var(--Xena-1, 255 238 252)); // 浅色/白底悬浮 #FFEEFC
-@Xena-2: rgb(var(--Xena-2, 254 205 245)); // 文字禁用 #FECDF5
-@Xena-3: rgb(var(--Xena-3, 252 175 238)); // 一般禁用 #FCAFEE
-@Xena-4: rgb(var(--Xena-4, 250 152 234)); // 特殊场景 #FA98EA
-@Xena-5: rgb(var(--Xena-5, 249 140 232)); // 悬浮 #F98CE8
-@Xena-6: rgb(var(--Xena-6, 248 131 231)); // 常规 #F883E7
-@Xena-7: rgb(var(--Xena-7, 245 100 220)); // 点击 #F564DC
-
-// Yoho
-@Yoho: rgb(var(--Yoho, 56 197 93)); // 常规 #38C55D
-@Yoho-1: rgb(var(--Yoho-1, 232 255 235)); // 浅色/白底悬浮 #E8FFEB
-@Yoho-2: rgb(var(--Yoho-2, 178 244 189)); // 文字禁用 #B2F4BD
-@Yoho-3: rgb(var(--Yoho-3, 135 230 150)); // 一般禁用 #87E696
-@Yoho-4: rgb(var(--Yoho-4, 95 215 115)); // 特殊场景 #5FD773
-@Yoho-5: rgb(var(--Yoho-5, 75 205 103)); // 悬浮 #4BCD67
-@Yoho-6: rgb(var(--Yoho-6, 56 197 93)); // 常规 #38C55D
-@Yoho-7: rgb(var(--Yoho-7, 0 200 60)); // 点击 #00C83C
-
-// Zili
-@Zili: rgb(var(--Zili, 47 138 250)); // 常规 #2F8AFA
-@Zili-1: rgb(var(--Zili-1, 232 245 255)); // 浅色/白底悬浮 #E8F5FF
-@Zili-2: rgb(var(--Zili-2, 187 224 254)); // 文字禁用 #BBE0FE
-@Zili-3: rgb(var(--Zili-3, 145 200 252)); // 一般禁用 #91C8FC
-@Zili-4: rgb(var(--Zili-4, 105 175 251)); // 特殊场景 #69AFFB
-@Zili-5: rgb(var(--Zili-5, 75 155 250)); // 悬浮 #4B9BFA
-@Zili-6: rgb(var(--Zili-6, 47 138 250)); // 常规 #2F8AFA
-@Zili-7: rgb(var(--Zili-7, 9 110 249)); // 点击 #096EF9
-
-// WhatsApp
-@Whatsapp: rgb(var(--Whatsapp, 82 220 130)); // 常规 #52DC82
-@Whatsapp-1: rgb(var(--Whatsapp-1, 232 255 237)); // 浅色/白底悬浮 #E8FFED
-@Whatsapp-2: rgb(var(--Whatsapp-2, 188 246 202)); // 文字禁用 #BCF6CA
-@Whatsapp-3: rgb(var(--Whatsapp-3, 150 238 175)); // 一般禁用 #96EEAF
-@Whatsapp-4: rgb(var(--Whatsapp-4, 115 230 150)); // 特殊场景 #73E696
-@Whatsapp-5: rgb(var(--Whatsapp-5, 98 225 140)); // 悬浮 #62E18C
-@Whatsapp-6: rgb(var(--Whatsapp-6, 82 220 130)); // 常规 #52DC82
-@Whatsapp-7: rgb(var(--Whatsapp-7, 36 211 102)); // 点击 #24D366
-
-// ==================== 遗留的颜色变量 ====================
-// 中性色
-@brand-neutral-1: #ffffff;         // 纯白
-@brand-neutral-2: #fafafa;         // 浅灰
-@brand-neutral-3: #f5f5f5;         // 中浅灰
-@brand-neutral-4: #e8e8e8;         // 中灰
-@brand-neutral-5: #d9d9d9;         // 深灰
-
-// ==================== 布局尺寸系统 ====================
-// 头部和导航
-@header-height: 56px;              // 头部高度
-@header-z-index: 1000;             // 头部层级
-
-// 侧边栏
-@sidebar-width: 200px;             // 侧边栏宽度
-@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 不支持 510 590，只能是 500 600
-// 参考 https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-weight#syntax
-@font-weight-medium: 500;          // 中等
-@font-weight-semibold: 600;        // 半粗
-@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;       // 信息状态
-
-// ==================== 业务特定变量 ====================
-// 客服相关
-@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);