重做了 PC 首页

frontend/src/styles/base.css

@@ -651,12 +651,7 @@ h1 {
 /* PC public marketplace */
 .pc-app-shell {
   min-height: 100vh;
-  background: radial-gradient(
-      circle at 12% 0%,
-      rgba(255, 200, 87, 0.24),
-      transparent 32%
-    ),
-    linear-gradient(180deg, #fff9e8 0, #f6f8fb 300px, #f6f8fb 100%);
+  background: #f5f7fa;
 }
 
 .pc-topbar {
@@ -664,14 +659,14 @@ h1 {
   top: 0;
   z-index: 20;
   display: grid;
-  grid-template-columns: auto auto minmax(280px, 440px) auto;
+  grid-template-columns: auto auto minmax(260px, 420px) auto;
   align-items: center;
-  gap: 24px;
-  min-height: 72px;
-  border-bottom: 1px solid rgba(231, 183, 69, 0.32);
-  background: rgba(255, 255, 255, 0.92);
-  padding: 0 clamp(24px, 5vw, 72px);
-  backdrop-filter: blur(14px);
+  gap: 18px;
+  min-height: 66px;
+  border-bottom: 1px solid #e8edf3;
+  background: rgba(255, 255, 255, 0.94);
+  padding: 0 clamp(20px, 4vw, 56px);
+  backdrop-filter: blur(12px);
 }
 
 .pc-brand,
@@ -694,19 +689,18 @@ h1 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 44px;
-  height: 44px;
-  border-radius: 14px;
-  background: linear-gradient(135deg, #f59e0b, #111827);
-  color: #ffffff;
+  width: 38px;
+  height: 38px;
+  border-radius: 12px;
+  background: #fff3e8;
+  color: #ff6a00;
   font-size: 13px;
-  letter-spacing: 0.5px;
-  box-shadow: 0 14px 28px rgba(245, 158, 11, 0.26);
+  font-weight: 900;
 }
 
 .pc-brand-text {
   color: #111827;
-  font-size: 18px;
+  font-size: 17px;
 }
 
 .pc-nav {
@@ -727,18 +721,18 @@ h1 {
 
 .pc-nav-link.router-link-active,
 .pc-nav-link:hover {
-  background: #fff3c4;
-  color: #92400e;
+  background: #fff3e8;
+  color: #ff6a00;
 }
 
 .pc-search {
   gap: 10px;
-  height: 42px;
-  border: 1px solid #f1d38b;
+  height: 40px;
+  border: 1px solid #edf1f6;
   border-radius: 999px;
-  background: #fffaf0;
+  background: #f7f9fc;
   padding: 0 16px;
-  color: #b45309;
+  color: #7b8798;
 }
 
 .pc-search input {
@@ -766,14 +760,14 @@ h1 {
 
 .pc-icon-link {
   width: 40px;
-  border: 1px solid #e5e7eb;
+  border: 1px solid #e8edf3;
   background: #ffffff;
   color: #4b5563;
 }
 
 .pc-login-link {
   gap: 6px;
-  border: 1px solid #e5e7eb;
+  border: 1px solid #e8edf3;
   background: #ffffff;
   padding: 0 14px;
   color: #111827;
@@ -781,10 +775,10 @@ h1 {
 
 .pc-post-link {
   gap: 6px;
-  background: linear-gradient(135deg, #f59e0b, #f97316);
+  background: #ff6a00;
   padding: 0 16px;
   color: #ffffff;
-  box-shadow: 0 12px 24px rgba(249, 115, 22, 0.22);
+  box-shadow: 0 10px 22px rgba(255, 106, 0, 0.18);
 }
 
 .pc-post-link.large {
@@ -793,9 +787,9 @@ h1 {
 }
 
 .pc-main {
-  width: min(1240px, calc(100% - 48px));
+  width: min(1280px, calc(100% - 40px));
   margin: 0 auto;
-  padding: 28px 0 56px;
+  padding: 18px 0 56px;
 }
 
 .anti-fraud-strip {