new html design

static/styles2.css

@@ -247,27 +247,6 @@ footer{
   }
 
 
-  .toplist-group{
-  display:grid;grid-template-columns:80px 1fr;gap:1.2rem;
-  background:var(--surface);border:1px solid var(--border);
-  border-radius:6px;padding:1.2rem 1.4rem;
-  transition:border-color 0.2s,box-shadow 0.2s;
-}
-
-.toplist-body { display: none; }
-.collapsed .toplist-body { display: block; }
-.collapsed .toplist-toggle-icon { transform: rotate(-90deg); }
-.toplist-toggle-icon { display: inline-block; transition: transform 0.2s; }
-
-.toplist-ranked {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
 .toplist-ranked li {
   display: flex;
   align-items: center;
@@ -294,4 +273,39 @@ footer{
   object-fit: cover;
   border-radius: 4px;
   flex-shrink: 0;
+}
+
+.toplist-toggle {
+  display: block;
+  width: 100%;
+  text-align: center;
+}
+
+.poster-grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 1.5rem;
+  padding: 1rem 0;
+}
+
+.poster-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 120px;
+}
+
+.poster-item img {
+  width: 120px;
+  height: 180px;
+  object-fit: cover;
+  border-radius: 6px;
+}
+
+.poster-item p {
+  margin-top: 8px;
+  font-size: 12px;
+  text-align: center;
+  line-height: 1.4;
 }