Update app.py

app.py

@@ -8,6 +8,7 @@ import qrcode
 from PIL import Image
 import io
 
+# 自訂 CSS 確保標題不換行、調整圖片大小、優化按鈕布局、右下角資訊並添加頒獎台樣式
 # 自訂 CSS 確保標題不換行、調整圖片大小、優化按鈕布局、右下角資訊並添加頒獎台樣式
 st.markdown("""
     <style>
@@ -62,19 +63,22 @@ st.markdown("""
         text-align: center;
         font-weight: bold;
         color: #333;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
     .podium-step.first {
-        width: 100px;
+        width: 120px;
         height: 150px; /* 第一名台子最高 */
         background-color: #ffd700; /* 金色 */
     }
     .podium-step.second {
-        width: 100px;
+        width: 120px;
         height: 120px; /* 第二名次之 */
         background-color: #c0c0c0; /* 銀色 */
     }
     .podium-step.third {
-        width: 100px;
+        width: 120px;
         height: 90px; /* 第三名最低 */
         background-color: #cd7f32; /* 銅色 */
     }
@@ -83,6 +87,10 @@ st.markdown("""
         font-size: 1rem;
         text-align: center;
         color: #333;
+        line-height: 1.5; /* 控制行距以實現換行效果 */
+    }
+    .podium-label div {
+        margin-bottom: 3px; /* 姓名和幸運號碼之間的間距 */
     }
     </style>
 """, unsafe_allow_html=True)