💄 Build basic page framework

frontend/src/assets/styles/font.css

@@ -0,0 +1 @@
+

frontend/src/assets/styles/index.css

@@ -0,0 +1,3 @@
+/* 导入所有CSS文件 */
+@import 'normalize.css';
+@import 'variables.css';

frontend/src/assets/styles/normalize.css

@@ -346,3 +346,18 @@ template {
 [hidden] {
     display: none;
 }
+
+/* 添加全局样式，确保编辑器可以全屏显示 */
+html, body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+/* 确保所有容器都能继承高度 */
+#app {
+  width: 100%;
+  height: 100%;
+}

frontend/src/assets/styles/style.css

@@ -1,26 +0,0 @@
-html {
-    background-color: rgba(27, 38, 54, 1);
-    text-align: center;
-    color: white;
-}
-
-body {
-    margin: 0;
-    color: white;
-    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
-    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-}
-
-@font-face {
-    font-family: "Nunito";
-    font-style: normal;
-    font-weight: 400;
-    src: local(""),
-    url("../fonts/nunito-v16-latin-regular.woff2") format("woff2");
-}
-
-#app {
-    height: 100vh;
-    text-align: center;
-}

frontend/src/assets/styles/variables.css

@@ -0,0 +1,12 @@
+:root {
+  /* 主题颜色 */
+  --bg-secondary: #0E1217; /* 工具栏背景 */
+
+  /* 文本颜色 */
+  --text-primary: #9BB586; /* 内容区域字体颜色 */
+  --text-secondary: #a0aec0;
+  --text-muted: #666;
+
+  /* 边框颜色 */
+  --border-color: #2d3748;
+}