feat: 个人中心侧边栏显示、代表作滚动、图片工作台预览样式、首页轮播尺寸调整

src/styles/pages/home.css

@@ -278,8 +278,8 @@
 }
 
 .omni-home__carousel {
-  width: min(100%, 1280px);
-  min-height: clamp(340px, 34vw, 500px);
+  width: min(100%, 1440px);
+  min-height: clamp(400px, 38vw, 560px);
   aspect-ratio: auto;
   overflow: hidden;
   color: #f6f8f6;
@@ -287,8 +287,8 @@
 }
 
 .omni-home__carousel-stage {
-  width: min(100%, 1160px);
-  height: clamp(320px, 31vw, 450px);
+  width: min(100%, 1320px);
+  height: clamp(380px, 36vw, 520px);
   margin: 0 auto;
   overflow: visible;
   transform-style: preserve-3d;
@@ -315,12 +315,12 @@
   top: 50%;
   left: 50%;
   display: grid;
-  width: clamp(214px, 17vw, 286px);
-  height: clamp(122px, 9.8vw, 162px);
+  width: clamp(480px, 42vw, 720px);
+  height: clamp(270px, 23.6vw, 405px);
   place-items: center;
   overflow: hidden;
   border: 0;
-  border-radius: clamp(10px, 1.2vw, 16px);
+  border-radius: clamp(16px, 1.8vw, 24px);
   background: #0d1110;
   color: #101412;
   padding: 0;
@@ -374,7 +374,7 @@
     saturate(1.08)
     contrast(1.02)
     drop-shadow(0 18px 18px rgb(0 0 0 / 14%));
-  object-fit: cover;
+  object-fit: contain;
   transform: translateZ(12px);
   transition:
     filter 640ms cubic-bezier(0.22, 1, 0.36, 1),
@@ -387,9 +387,6 @@
 }
 
 .omni-home__carousel-card.is-active {
-  width: clamp(390px, 37vw, 620px);
-  height: clamp(220px, 20.8vw, 350px);
-  border-radius: clamp(16px, 1.8vw, 24px);
   box-shadow:
     0 18px 40px rgb(0 0 0 / 26%),
     inset 0 -1px 0 rgb(0 0 0 / 8%);