@charset "utf-8";
/* CSS Document */

body { background: #fdf2f2; font-family: "微軟正黑體"; }
.lucky-draw-section { padding: 50px 0; overflow: hidden; }

/* 轉盤外層 */
.wheel-container { position: relative; max-width: 500px; margin: 0 auto; padding: 20px; }
.wheel-main { position: relative; width: 100%; height: auto; }

/* 旋轉的底盤 */
.wheel-img {
    width: 100%;
    height: auto;
    transition: transform 5s cubic-bezier(0.15, 0, 0.15, 1); /* 平滑旋轉曲線 */
}

/* 固定的指針/按鈕 */
.wheel-pointer {
    position: absolute;
    width: 25%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    cursor: pointer;
    z-index: 10;
    transition: transform 0.2s;
}
.wheel-pointer:active { transform: translate(-50%, -60%) scale(0.9); }

/* 彈窗樣式 */
.custom-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.8); z-index: 999;
    display: flex; align-items: center; justify-content: center;
}
.modal-content {
    background: #fff; padding: 30px; border-radius: 20px;
    width: 80%; max-width: 400px; position: relative;
}
.btn-confirm {
    background: #13AA9B; color: #fff; border: none;
    padding: 10px 30px; border-radius: 50px; margin-top: 20px;
}