feat: 样式调整

src/styles/global.css

@@ -7,7 +7,7 @@
   --shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.10);
   --card-bg: #ffffff;
-  --text: #2b2f36;
+  --text-color: #2b2f36;
   --text-secondary: #6b7280;
   --border: #e5e7eb;
   --primary: #2b2f36;
@@ -16,7 +16,7 @@
 .dark {
   --background: #0a0a0a;
   --card-bg: #161b22;
-  --text: #2b2f36;
+  --text-color: #ffffff;
   --text-secondary: #e5e7eb;
   --border: #e5e7eb;
   --primary: #3d414a;
@@ -24,18 +24,10 @@
 
 html,
 body {
-  width: 100%;
   min-height: 100vh;
   font-size: 16px;
-}
-
-html {
   background: var(--background);
-}
-
-html.dark {
-  background: var(--background);
-  color: #fff;
+  color: var(--text-color);
 }
 
 body {
@@ -43,18 +35,21 @@ body {
   flex-direction: column;
 }
 
-main {
-  max-width: var(--layout-width);
+.main {
   flex: 1;
-  width: 100%;
-  margin: 0 auto;
-  padding: 32px;
   display: flex;
   flex-direction: column;
 }
 
+.page-content {
+  width: 100%;
+  max-width: var(--layout-width);
+  margin: 0 auto;
+  padding: 32px;
+}
+
 @media (max-width: 768px) {
-  main {
+  .page-content {
     padding: 16px;
   }
 }