/* 紅陽宇你購 H5 共用樣式（沿用 example.html） */

body {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.glass-modal {
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
}

/* 隱藏滾動條但保持滑動 */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 票券卡左右凹槽（背景色需與票券夾底色 gray-50 一致） */
.ticket-notch-left,
.ticket-notch-right {
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #f9fafb;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.ticket-notch-left { left: -9px; }
.ticket-notch-right { right: -9px; }

/* QR 防偽掃描光束 */
.scanner-beam {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, #FF5722, transparent);
    box-shadow: 0 0 15px #FF5722;
    animation: scan 2s infinite ease-in-out;
}

@keyframes scan {
    0%   { top: 0%; }
    50%  { top: 95%; }
    100% { top: 0%; }
}