fix(user-center): align sidebar card spacing with reference mb20/mb10-sm flow

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

assets/css/routes/user-center/shell.css

@@ -107,7 +107,7 @@ body.aksrt-user-center .aksrt-profile__aside,
   float: none;
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 0;
   flex: 0 0 320px;
   width: 320px;
   max-width: 320px;
@@ -171,7 +171,28 @@ body.aksrt-user-center .uc-content,
 .uc-sidebar {
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 0;
+}
+
+/* 侧栏卡片间距：1:1 参考主题。参考侧栏是普通块流，每张卡片自带 mb20
+   （zib-widget 默认也是 20px），≤640px 由 mb10-sm 收到 10px。
+   本站侧栏不用 gap，间距全部由卡片自己的 margin-bottom 承担。 */
+.uc-sidebar > .uc-sidebar-statistics,
+.uc-sidebar > .uc-sidebar-vip,
+.uc-sidebar > .uc-sidebar__pair,
+.uc-sidebar-centers > .zib-widget,
+.uc-sidebar > .uc-sidebar-iconbox {
+  margin-bottom: 20px;
+}
+
+@media (max-width: 640px) {
+  .uc-sidebar > .uc-sidebar-statistics,
+  .uc-sidebar > .uc-sidebar-vip,
+  .uc-sidebar > .uc-sidebar__pair,
+  .uc-sidebar-centers > .zib-widget,
+  .uc-sidebar > .uc-sidebar-iconbox {
+    margin-bottom: 10px;
+  }
 }
 
 .uc-sidebar__section {
@@ -402,11 +423,6 @@ body.aksrt-user-center .uc-content,
   color: var(--main-color);
 }
 
-/* 侧栏 gap:12px 与 mb20 叠加会翻倍，扣掉 gap 后与参考间距一致。 */
-.uc-sidebar > .uc-sidebar-statistics.mb20 {
-  margin-bottom: 8px;
-}
-
 .uc-sidebar-statistics > .user-statistics-item {
   color: var(--main-color);
   text-decoration: none;
@@ -420,12 +436,6 @@ body.aksrt-user-center .uc-content,
   text-decoration: none;
 }
 
-@media (max-width: 767px) {
-  .uc-sidebar > .uc-sidebar-statistics.mb20 {
-    margin-bottom: 0;
-  }
-}
-
 @media (max-width: 991.98px) {
   .uc-sidebar > .uc-sidebar-statistics {
     margin-right: 12px;
@@ -442,11 +452,6 @@ body.aksrt-user-center .uc-content,
   text-decoration: none;
 }
 
-/* 侧栏是 gap:12px 的纵向 flex，mb20 / mb10-sm 再叠加会翻倍，扣掉 gap 后与参考间距一致。 */
-.uc-sidebar > .uc-sidebar-vip.mb20 {
-  margin-bottom: 8px;
-}
-
 /* legacy-utilities 把 .abs-right 改成 top:0/right:0，恢复参考主题的垂直居中几何。 */
 .uc-sidebar-vip > .abs-right {
   top: 50%;
@@ -468,7 +473,6 @@ body.aksrt-user-center .uc-content,
   padding: 10px;
   box-shadow: 0 0 10px var(--main-shadow);
   border-radius: var(--main-radius);
-  margin-bottom: 8px;
   color: var(--main-color);
   text-decoration: none;
 }
@@ -478,15 +482,9 @@ body.aksrt-user-center .uc-content,
   color: var(--main-color);
 }
 
-@media (max-width: 767px) {
-  .uc-sidebar > .uc-sidebar-vip.mb20,
-  .uc-sidebar-centers > .zib-widget {
-    margin-bottom: 0;
-  }
-}
-
 @media (max-width: 991.98px) {
   .uc-sidebar > .uc-sidebar-vip,
+  .uc-sidebar > .uc-sidebar__pair,
   .uc-sidebar > .uc-sidebar-centers {
     margin-right: 12px;
     margin-left: 12px;
@@ -496,7 +494,8 @@ body.aksrt-user-center .uc-content,
 .uc-sidebar__pair {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 8px;
+  /* 参考主题余额 / 积分并排用 col-ml6，横向间距 6px。 */
+  gap: 6px;
 }
 
 .uc-summary-card {
@@ -556,7 +555,6 @@ body.aksrt-user-center .uc-content,
   background-color: var(--main-bg-color);
   box-shadow: 0 0 10px var(--main-shadow);
   border-radius: var(--main-radius);
-  margin-bottom: 8px;
   color: var(--main-color);
 }
 
@@ -575,12 +573,6 @@ body.aksrt-user-center .uc-content,
   color: inherit;
 }
 
-@media (max-width: 767px) {
-  .uc-sidebar-iconbox.zib-widget {
-    margin-bottom: 0;
-  }
-}
-
 @media (max-width: 991.98px) {
   .uc-sidebar > .uc-sidebar-iconbox {
     margin-right: 12px;