/* assets/css/eat.css - V9.0 修正版 */
body {
    background-color: #E3F2FD;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E3F2FD 100%);
    --nav-active: #007AFF;
}
.large-title { color: #007AFF; }

/* 扭蛋机 - 缩放防遮挡 */
.gb-scale-wrapper { 
    transform: scale(0.72); 
    transform-origin: top center; 
    margin-bottom: -100px; 
    display: flex; justify-content: center; 
}
.gb-stage { position: relative; width: 300px; height: 480px; }

/* 玻璃罩 */
.gb-dome {
    position: absolute; top: 0; left: 10px; width: 280px; height: 280px; border-radius: 50%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 15%),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 50%, rgba(33,150,243,0.1) 100%),
        linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 100%);
    border: 2px solid rgba(255,255,255,0.5); 
    border-bottom: 2px solid rgba(255,255,255,0.2);
    box-shadow: inset 10px 10px 30px rgba(255,255,255,0.5), inset -10px -10px 30px rgba(0,122,255,0.1), 0 10px 30px rgba(0,122,255,0.2);
    z-index: 10; overflow: hidden; pointer-events: none;
}
.gb-dome::before {
    content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);
    width: 160px; height: 60px; border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, #2196F3 0%, #0D47A1 100%);
    opacity: 0.8; filter: blur(10px); z-index: 1;
}

.gb-balls-container { position: absolute; width: 100%; height: 100%; top:0; left:0; z-index: 2; }

.gb-ball {
    width: 42px; height: 42px; border-radius: 50%; position: absolute;
    box-shadow: inset -5px -5px 10px rgba(0,0,0,0.2), 2px 2px 5px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.05);
}
.gb-ball::after { content:''; position:absolute; top:6px; left:6px; width:10px; height:5px; background:rgba(255,255,255,0.6); border-radius:50%; transform:rotate(-45deg); }

/* 底座 */
.gb-base {
    position: absolute; bottom: 0; left: 0; width: 300px; height: 240px;
    background: linear-gradient(to right, #1976D2, #42A5F5 20%, #42A5F5 50%, #1976D2 100%);
    border-radius: 40px 40px 50px 50px; z-index: 5;
    box-shadow: 0 10px 30px rgba(0,50,150,0.3), inset 0 5px 15px rgba(0,0,0,0.1);
}

.gb-knob {
    width: 90px; height: 90px; background: #FFF; border-radius: 50%;
    position: absolute; top: 65px; left: 105px; 
    box-shadow: 0 6px 0 #B0BEC5, 0 10px 20px rgba(0,0,0,0.1);
    display: flex; align-items: center; justify-content: center;
    border: 4px solid #ECEFF1; transition: transform 0.5s; z-index: 20; cursor: pointer;
}
.gb-bar { width: 20px; height: 70px; background: #CFD8DC; border-radius: 10px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); }

.gb-exit {
    position: absolute; bottom: 20px; left: 100px; width: 100px; height: 60px;
    background: #0D47A1; border-radius: 10px 10px 30px 30px; overflow: hidden;
    box-shadow: inset 0 5px 15px rgba(0,0,0,0.6);
    border: 2px solid #1565C0;
}

/* [V9.0 核心修复] 居中出口球 */
.gb-out {
    width: 50px; height: 50px; border-radius: 50%; position: absolute;
    top: -60px; 
    left: 50%; /* 居中 */
    transform: translateX(-50%); /* 居中修正 */
    z-index: 15; box-shadow: 0 5px 15px rgba(0,0,0,0.3); cursor: pointer;
}

.btn-primary { background: #007AFF; box-shadow: 0 4px 10px rgba(0,122,255,0.3); }