feat 搭建架构骨架

src/styles/variables.less

@@ -0,0 +1,56 @@
+// ★ less 变量唯一来源（颜色/间距/字号/圆角）
+// 注：蓝湖设计稿到位前为原型近似值，到位后按标注精确校准
+
+// 品牌色
+@primary-color: #3370ff;
+@primary-hover: #598bff;
+@primary-light: #eaf1ff;
+
+// 功能色
+@success-color: #34c724;
+@warning-color: #ff8f1f;
+@danger-color: #f54a45;
+@info-color: #8a94a6;
+
+// 文字色
+@heading-color: #1f2733;
+@text-color: #525e71;
+@text-color-secondary: #8a94a6;
+@text-color-disabled: #b8c0cc;
+
+// 背景 / 边框
+@bg-color: #f5f6f8;
+@bg-color-light: #fafbfc;
+@border-color: #e4e7ec;
+@border-color-dark: #cdd3dd;
+@white: #ffffff;
+
+// 圆角
+@radius-sm: 4px;
+@radius-base: 8px;
+@radius-lg: 12px;
+@radius-round: 999px;
+
+// 间距
+@spacing-xs: 4px;
+@spacing-sm: 8px;
+@spacing-base: 16px;
+@spacing-lg: 24px;
+@spacing-xl: 32px;
+@spacing-xxl: 48px;
+
+// 字号
+@font-size-sm: 12px;
+@font-size-base: 14px;
+@font-size-lg: 16px;
+@font-size-xl: 20px;
+@font-size-xxl: 28px;
+
+// 布局
+@container-width: 1200px;
+@header-height: 64px;
+@footer-height: 240px;
+
+// 阴影
+@shadow-base: 0 2px 8px rgba(31, 39, 51, 0.08);
+@shadow-lg: 0 4px 16px rgba(31, 39, 51, 0.12);