gpttemp

code/public/static/css/modules/rank/rank_home.css

@@ -0,0 +1,49 @@
+.__PFX__-rank-home{
+    display:grid;
+    grid-template-columns:repeat(4,1fr);
+    gap:16px;
+}
+
+@media (max-width:1200px){
+    .__PFX__-rank-home{
+        grid-template-columns:repeat(2,1fr);
+    }
+}
+
+@media (max-width:640px){
+    .__PFX__-rank-home{
+        grid-template-columns:1fr;
+    }
+}
+.__PFX__-rank-block{
+    border:1px solid var(--border-color);
+    background:var(--bg-color);
+    border-radius:10px;
+    padding:12px;
+}
+.__PFX__-rank-head{
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+    margin-bottom:8px;
+}
+
+.__PFX__-rank-title{
+    font-size:16px;
+    font-weight:700;
+}
+
+.__PFX__-rank-more{
+    font-size:12px;
+    color:var(--text-muted-color);
+    text-decoration:none;
+}
+.rank-list{
+    list-style:none;
+    margin:0;
+    padding:0;
+}
+
+.rank-list > li{
+    margin-bottom:6px;
+}