diff --git a/assets/css/routes/user-center/shell.css b/assets/css/routes/user-center/shell.css index efc5ba49..249c34d9 100644 --- a/assets/css/routes/user-center/shell.css +++ b/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;