Update app.py

app.py

@@ -8,7 +8,7 @@ import qrcode
 from PIL import Image
 import io
 
-# 自訂 CSS 確保標題不換行、調整圖片大小、優化按鈕布局、右下角資訊
+# 自訂 CSS 確保標題不換行、調整圖片大小、優化按鈕布局、右下角資訊並調整頒獎台樣式
 st.markdown("""
     <style>
     .stApp header h1 {
@@ -42,6 +42,13 @@ st.markdown("""
         padding: 5px;
     }
     /* 頒獎台樣式 */
+    .podium-container {
+        display: flex;
+        justify-content: center;
+        align-items: flex-end; /* 確保下緣對齊 */
+        margin-top: 20px;
+        margin-bottom: 20px;
+    }
     .podium {
         text-align: center;
         padding: 10px;
@@ -50,6 +57,9 @@ st.markdown("""
         border: 2px solid #000;
         color: #333;
         font-weight: bold;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end; /* 內容靠下對齊 */
     }
     .podium.first {
         height: 150px; /* 第一名最高 */
@@ -66,7 +76,11 @@ st.markdown("""
     .podium-label {
         margin-top: 5px;
         font-size: 1rem;
-        color: #333;
+        color: #fff; /* 文字改為白色 */
+        border: 2px solid #fff; /* 添加白色邊框 */
+        padding: 5px; /* 內距 */
+        background-color: rgba(0, 0, 0, 0.5); /* 半透明背景，提升可讀性 */
+        white-space: pre-line; /* 允許換行 */
     }
     </style>
 """, unsafe_allow_html=True)