初始化仓库

src/assets/styles/_ant-design.scss

@@ -0,0 +1,9 @@
+@use './variables' as *;
+
+// 解决外部图标无法居中问题
+.ant-btn:has(svg) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+}

src/assets/styles/_base.scss

@@ -0,0 +1,14 @@
+/* 整个滚动条 */
+::-webkit-scrollbar {
+	// display: none;
+	/* 对应纵向滚动条的宽度 */
+	width: 10px;
+	/* 对应横向滚动条的宽度 */
+	height: 10px;
+}
+
+/* 滚动条上的滚动滑块 */
+::-webkit-scrollbar-thumb {
+	background-color: #8B8B8B;
+	border-radius: 32px;
+}

src/assets/styles/_variables.scss

@@ -0,0 +1,110 @@
+$title-font-size: clamp(1.5rem, 2vw, 2.4rem);
+$content-font-size: clamp(1rem, 1.5vw, 1.2rem);
+$log-font-size: 1.1rem;
+
+
+$primary-color: #4a90e2;
+$primary-light: #5ba0f2;
+$primary-dark: #3a7bd5;
+$success-color: #52c41a;
+$success-light: #73d13d;
+$success-bg: rgba(82, 196, 26, 0.2);
+$success-bg-hover: rgba(82, 196, 26, 0.4);
+$warning-color: #faad14;
+$warning-light: #ffc53d;
+$warning-bg: rgba(250, 173, 20, 0.2);
+$warning-bg-hover: rgba(250, 173, 20, 0.4);
+$error-color: #ff4d4f;
+$error-light: #ff7875;
+$error-bg: rgba(255, 77, 79, 0.2);
+$error-bg-hover: rgba(255, 77, 79, 0.4);
+
+$white: #ffffff;
+$text-size: 14px;
+$text-light: #b8d4f0;
+$text-dark: #333333;
+$text-gray: #cccccc;
+$text-success: #b7eb8f;
+$text-warning: #ffd666;
+$text-error: #ffccc7;
+
+$bg-primary: rgba(74, 144, 226, 0.2);
+$bg-primary-hover: rgba(74, 144, 226, 0.4);
+$bg-overlay: rgba(255, 255, 255, 0.1);
+$bg-overlay-hover: rgba(255, 255, 255, 0.2);
+$bg-light: rgba(255, 255, 255, 0.1);
+$bg-light-hover: rgba(255, 255, 255, 0.2);
+$bg-dark: rgba(0, 0, 0, 0.3);
+$bg-input: rgba(255, 255, 255, 0.1);
+$bg-input-focus: rgba(255, 255, 255, 0.15);
+
+$border-primary: 1px solid $primary-color;
+$border-light: 1px solid rgba(255, 255, 255, 0.3);
+$border-light-hover: 1px solid rgba(255, 255, 255, 0.5);
+$border-transparent: 1px solid transparent;
+
+$spacing-xs: 4px;
+$spacing-sm: 8px;
+$spacing-md: 12px;
+$spacing-lg: 15px;
+$spacing-xl: 20px;
+$spacing-xxl: 30px;
+
+$border-radius: 4px;
+$border-radius-lg: 8px;
+
+$transition: all 0.3s ease;
+$font-family: 'Microsoft YaHei', sans-serif;
+
+// 混合器定义
+@mixin button-base {
+  border-radius: $border-radius;
+  cursor: pointer;
+  transition: $transition;
+  border: $border-transparent;
+  font-weight: 500;
+  white-space: nowrap;
+  line-height: 21px;
+}
+
+@mixin button-hover($bg-color, $border-color, $text-color) {
+  &:hover {
+    background: $bg-color;
+    border-color: $border-color;
+    color: $text-color;
+  }
+}
+
+@mixin status-button($bg, $bg-hover, $border, $border-hover, $text, $text-hover) {
+  background: $bg;
+  border-color: $border;
+  color: $text;
+
+  &:hover {
+    background: $bg-hover;
+    border-color: $border-hover;
+    color: $text-hover;
+    box-shadow: 0 0 12px rgba($border, 0.5);
+  }
+}
+
+@mixin flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@mixin flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+@mixin transition-ease {
+  transition: all 0.3s ease;
+}
+
+@mixin icon-base($size) {
+  width: $size;
+  height: $size;
+}

src/assets/styles/index.scss

@@ -0,0 +1,3 @@
+@forward './base';
+@forward './variables';
+@forward './ant-design';

src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>