马一丁

Solving the problem of overlapping data blocks

@@ -3170,6 +3170,11 @@ body {{ /* 含义:全局排版与背景设置;设置:在本块内调整相 @@ -3170,6 +3170,11 @@ body {{ /* 含义:全局排版与背景设置;设置:在本块内调整相
3170 grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); /* 含义:网格列模板;设置:按需调整数值/颜色/变量 */ 3170 grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); /* 含义:网格列模板;设置:按需调整数值/颜色/变量 */
3171 gap: 12px; /* 含义:子元素间距;设置:按需调整数值/颜色/变量 */ 3171 gap: 12px; /* 含义:子元素间距;设置:按需调整数值/颜色/变量 */
3172 }} /* 结束 .hero-side */ 3172 }} /* 结束 .hero-side */
  3173 +@media screen {{
  3174 + .hero-side {{
  3175 + margin-top: 28px; /* 含义:仅在屏幕显示时下移,避免遮挡;设置:按需调整数值 */
  3176 + }}
  3177 +}}
3173 .hero-kpi {{ /* 含义:封面 KPI 卡片;设置:在本块内调整相关属性 */ 3178 .hero-kpi {{ /* 含义:封面 KPI 卡片;设置:在本块内调整相关属性 */
3174 background: var(--card-bg); /* 含义:背景色或渐变效果;设置:按需调整数值/颜色/变量 */ 3179 background: var(--card-bg); /* 含义:背景色或渐变效果;设置:按需调整数值/颜色/变量 */
3175 border-radius: 14px; /* 含义:圆角;设置:按需调整数值/颜色/变量 */ 3180 border-radius: 14px; /* 含义:圆角;设置:按需调整数值/颜色/变量 */