body { font-family: 'Microsoft JhengHei', sans-serif; text-align: center; background: #FFF8E1; margin: 0; padding: 20px; }
.container { background: white; border-radius: 20px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); max-width: 400px; margin: 0 auto; min-height: 600px; }
.hidden { display: none !important; }

/* 圖片樣式 */
.logo-img { width: 150px; margin-bottom: 20px; }

h1, h2 { color: #E65100; }
.btn { background: #FF6F00; color: white; border: none; padding: 15px 30px; border-radius: 50px; font-size: 18px; margin-top: 20px; cursor: pointer; width: 80%; }
.btn:disabled { background: #ccc; }

/* 轉盤樣式 */
.wheel-container { position: relative; width: 250px; height: 250px; margin: 20px auto; }
.wheel { width: 100%; height: 100%; background: conic-gradient(#FFCC80 0% 16%, #FFE0B2 16% 33%, #FFCC80 33% 50%, #FFE0B2 50% 66%, #FFCC80 66% 83%, #FFE0B2 83% 100%); border-radius: 50%; border: 5px solid #E65100; transition: transform 3s cubic-bezier(0.17, 0.67, 0.83, 0.67); display: flex; align-items: center; justify-content: center; font-weight: bold; color: #E65100; }
.pointer { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 30px solid red; z-index: 10; }

/* 集章格 */
.stamp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px; }
.stamp { width: 70px; height: 70px; background: #eee; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; margin: 0 auto; color: #ccc; }
.stamp.active { background: #FF6F00; color: white; animation: pop 0.5s; }

@keyframes pop { 0% { transform: scale(0.5); } 100% { transform: scale(1); } }

/* Debug 區域 */
.debug-area { margin-top: 50px; border-top: 1px dashed #ccc; padding-top: 10px; font-size: 12px; color: #999; }
.debug-btn { background: #555; font-size: 12px; padding: 5px 10px; margin: 2px; }