feat: Architecture initialization

src/assets/styles/index.less

@@ -0,0 +1,57 @@
+// ===== 全局样式入口 =====
+
+// CSS Reset 已由 ant-design-vue 的 reset.css 提供,这里补充全局变量与基础样式
+
+// 全局 less 变量
+@primary-color: #1677ff;
+@text-color: rgba(0, 0, 0, 0.88);
+@border-color: #f0f0f0;
+@bg-color: #f5f5f5;
+
+// 基础重置
+* {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#app {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC',
+    'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+  font-size: 14px;
+  color: @text-color;
+  background-color: @bg-color;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  color: @primary-color;
+  text-decoration: none;
+
+  &:hover {
+    opacity: 0.85;
+  }
+}
+
+// 滚动条美化
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}

src/assets/styles/variables.less

@@ -0,0 +1,19 @@
+// ===== 主题变量 =====
+// 可在组件中通过 @import 引入复用
+
+@primary-color: #1677ff;
+@success-color: #52c41a;
+@warning-color: #faad14;
+@error-color: #ff4d4f;
+
+@text-color: rgba(0, 0, 0, 0.88);
+@text-color-secondary: rgba(0, 0, 0, 0.65);
+@text-color-disabled: rgba(0, 0, 0, 0.35);
+
+@border-radius-base: 6px;
+@border-color: #f0f0f0;
+@bg-color: #f5f5f5;
+
+@layout-header-height: 48px;
+@layout-sider-width: 200px;
+@layout-sider-width-collapsed: 80px;