feat: 更新各组件样式，添加社交链接滚动功能，优化配置

app/styles.global.css

@@ -10,6 +10,9 @@
     color-scheme: light dark;
     background: #0f1629;
     color: #e8eefc;
+    --site-content-max-width: 960px;
+    --main-max-width: 890px;
+    --main-min-width: 85%;
   }
 
   body {
@@ -48,7 +51,7 @@
 @layer components {
   .info-card {
     @apply rounded-[14px] border border-white/10
-           bg-gradient-to-br from-white/5 to-white/0
+           bg-linear-to-br from-white/5 to-white/0
            px-4 py-3.5 transition-all duration-200;
   }
 }
@@ -158,7 +161,7 @@
   }
 
   .page {
-    max-width: 960px;
+    max-width: var(--site-content-max-width);
     margin: 0 auto;
     padding: 2rem 1rem 3rem;
     display: flex;
@@ -166,6 +169,11 @@
     gap: 1rem;
   }
 
+  .main-section {
+    max-width: var(--main-max-width);
+    /* min-width: var(--main-min-width); */
+  }
+
   .chips {
     display: flex;
     flex-wrap: wrap;