💄 调整页面布局

Author: wling-art

package.json

@@ -52,12 +52,16 @@
     },
     "devDependencies": {
         "@docusaurus/module-type-aliases": "^3.9.2",
+        "@docusaurus/tsconfig": "^3.9.2",
         "@docusaurus/types": "^3.9.2",
         "@tailwindcss/postcss": "^4.1.17",
         "@tailwindcss/typography": "^0.5.19",
+        "@types/react": "^19.2.6",
+        "@types/react-dom": "^19.2.3",
         "autocorrect-node": "^2.14.0",
         "markdownlint-cli2": "^0.18.1",
-        "swc-loader": "^0.2.6"
+        "swc-loader": "^0.2.6",
+        "typescript": "^5.9.3"
     },
     "browserslist": {
         "production": [

pnpm-lock.yaml

@@ -78,8 +78,8 @@ html[data-theme="dark"] .extern-item:hover {
 /* 暗色模式 PC端 */
 @media screen and (min-width: 996px) {
     html[data-theme="dark"] .extern-item {
-        background-color: rgba(54, 192, 133, 0.1);
-        border: 1px solid var(--primary);
+        background-color: var(--primary-alpha-bg);
+        border: 1px solid var(--primary-alpha-border);
     }
 
     html[data-theme="dark"] .extern-item:hover {

src/css/ad.css

@@ -2,9 +2,6 @@
     --primary: #36c085;
     --primary-dark: #30b77c;
     --primary-light: #4fd197;
-    --primary-alpha-light: rgba(54, 192, 133, 0.04);
-    --primary-alpha-medium: rgba(54, 192, 133, 0.08);
-    --primary-alpha-strong: rgba(54, 192, 133, 0.1);
     --text-primary: #f7fafc;
     --text-secondary: #e2e8f0;
     --bg-light: #1e242c;

src/css/base/theme.css

@@ -4,7 +4,9 @@
     --primary-light: #36c085;
     --primary-alpha-light: rgba(37, 160, 110, 0.04);
     --primary-alpha-medium: rgba(37, 160, 110, 0.08);
-    --primary-alpha-strong: rgba(37, 160, 110, 0.1);
+    --primary-alpha-strong: rgba(37, 160, 110, 0.14);
+    --primary-alpha-border: rgba(37, 160, 110, 0.6);
+    --primary-alpha-bg: rgba(37, 160, 110, 0.1);
 
     --text-primary: #1a202c;
     --text-secondary: #4a5568;
@@ -27,8 +29,8 @@
     --transition-fast: 0.2s ease;
     --transition-base: 0.3s ease;
 
-    --font-base:
-        -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+    --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+        sans-serif;
     --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
 
     --ifm-color-primary: var(--primary);