fix(user-center): 1:1 port reference sidebar service/settings icon boxes

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

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

@@ -605,21 +605,44 @@ body.aksrt-user-center .uc-content,
 .uc-summary-card--wallet .uc-summary-card__body { color: #3978d6; }
 .uc-summary-card--points .uc-summary-card__body { color: #ba7a0a; }
 
-/* Services / settings grids, ported from the reference theme sidebar:
-   four per row, no tinted tile behind the icon. */
+/* 我的服务 / 功能设置：1:1 参考主题 zib_user_center_page_sidebar_button_1/2()。
+   外壳为 zib-widget padding-6，标题为普通字重的 padding-6 ml3；
+   网格项只继承正文色，参考主题没有 hover / 选中变色。 */
+.uc-sidebar-iconbox.zib-widget {
+  clear: both;
+  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);
+}
+
 .user-icon-but-box > a {
   width: calc(25% - 10px);
   margin: 5px;
   min-width: 50px;
   max-width: 100px;
-  color: var(--color-ink-3);
-  text-align: center;
+  cursor: pointer;
+  color: inherit;
   text-decoration: none;
 }
 
 .user-icon-but-box > a:hover,
-.user-icon-but-box > a.is-active {
-  color: var(--color-primary);
+.user-icon-but-box > a:focus {
+  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;
+    margin-left: 12px;
+  }
 }
 
 .uc-follow-management__list { display: grid; gap: 10px; margin-top: 16px; }