feat: 展開加滑入動畫，info 滑到頂部，detail 從下滑入

variety/bangxiao.html

@@ -86,19 +86,23 @@
             pointer-events: none;
         }
 
-        /* name + role：預設 flex 置中，選取後釘頂 */
+        /* name + role：absolute 置中，選取後滑到頂部 */
         .bangxiao-page .member-check__info {
+            position: absolute;
+            top: 50%;
+            left: 0;
+            width: 100%;
+            transform: translateY(-50%);
             display: flex;
             flex-direction: column;
             align-items: center;
             gap: 4px;
-            width: 100%;
+            transition: top 0.3s ease, transform 0.3s ease;
         }
 
         .bangxiao-page .member-check:has(input:checked) .member-check__info {
-            position: absolute;
             top: 14px;
-            left: 0;
+            transform: translateY(0);
         }
 
         .bangxiao-page .member-check__name {
@@ -163,12 +167,14 @@
             visibility: hidden;
             opacity: 0;
             text-align: center;
-            transition: opacity 0.25s ease, visibility 0.25s ease;
+            transform: translateY(12px);
+            transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
         }
 
         .bangxiao-page .member-check:has(input:checked) .member-detail {
             visibility: visible;
             opacity: 1;
+            transform: translateY(0);
         }
 
         .bangxiao-page .member-detail__count {