*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0a0a12;--bg-panel:#12121f;--gold:#ffd700;--gold-dark:#b8860b;--gold-light:#ffe566;--neon-red:#ff3366;--neon-green:#33ff99;--neon-blue:#4488ff;--frame:linear-gradient(135deg,#c9a227,#8b6914 50%,#ffd700);--text:#f0e6d3;--text-dim:#8a7a6a}body,html{background:var(--bg-deep);background-image:radial-gradient(ellipse at 50% 0,rgba(255,215,0,.08) 0,transparent 60%),radial-gradient(circle at 20% 80%,rgba(255,51,102,.05) 0,transparent 40%),radial-gradient(circle at 80% 80%,rgba(51,255,153,.05) 0,transparent 40%);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body,html,main{min-height:100vh}main{display:flex;align-items:center;justify-content:center;padding:16px}.fruit-machine{width:100%;max-width:720px}.machine-loading{text-align:center;color:var(--gold);font-size:1.2rem;animation:pulse 1s ease infinite}.machine-header{text-align:center;margin-bottom:16px}.machine-title{font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.title-glow{-webkit-text-fill-color:initial;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.machine-stats{display:flex;gap:12px;justify-content:center;margin-top:12px}.stat-box{background:var(--bg-panel);border:2px solid var(--gold-dark);border-radius:10px;padding:8px 20px;min-width:120px}.stat-label{display:block;font-size:.75rem;color:var(--text-dim);text-transform:uppercase}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-box--win .stat-value{color:var(--neon-green)}.machine-body{display:flex;flex-direction:column;gap:16px}.machine-frame{position:relative;background:var(--bg-panel);border:4px solid transparent;border-image:var(--frame) 1;border-radius:16px;padding:12px;box-shadow:0 0 30px rgba(255,215,0,.15),inset 0 0 40px rgba(0,0,0,.5)}.frame-corner{position:absolute;width:20px;height:20px;border:3px solid var(--gold)}.frame-corner--tl{top:4px;left:4px;border-right:none;border-bottom:none}.frame-corner--tr{top:4px;right:4px;border-left:none;border-bottom:none}.frame-corner--bl{bottom:4px;left:4px;border-right:none;border-top:none}.frame-corner--br{bottom:4px;right:4px;border-left:none;border-top:none}.machine-screen{position:relative;width:100%;aspect-ratio:1;max-height:420px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);grid-gap:2px;gap:2px;padding:3px;background:radial-gradient(circle at center,#1a1a2e 0,#0d0d1a 70%);border-radius:12px;border:2px solid #2a2a40;overflow:hidden}.light-ring{display:contents}.light-cell,.light-panel{min-width:0;min-height:0;display:flex}.light-panel{flex:1 1;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#222238,#14141f 45%,#0a0a12);border:2px solid #3a3a52;border-radius:3px;box-shadow:inset 0 2px 8px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,255,255,.04),0 1px 0 rgba(255,255,255,.06);transition:background .1s ease,border-color .1s ease,box-shadow .1s ease}.light-panel .fruit-icon{width:22px!important;height:22px!important;flex-shrink:0}.light-cell--lit{z-index:2}.light-cell--lit .light-panel{background:linear-gradient(160deg,#fff8a8,#ffd700 35%,#e6a800 70%,#b8860b);border-color:#fffacd;box-shadow:0 0 8px rgba(255,215,0,.85),0 0 16px rgba(255,215,0,.4),inset 0 0 12px rgba(255,255,220,.5),inset 0 -2px 4px rgba(180,120,0,.35);animation:lamp-glow .28s ease infinite alternate}.center-display{grid-row:2/7;grid-column:2/7;z-index:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,215,0,.05) 0,transparent 70%);border:2px dashed rgba(255,215,0,.2);border-radius:50%;min-width:0;min-height:0}.center-idle{text-align:center}.center-logo{font-size:2rem;font-weight:900;color:var(--gold-dark);letter-spacing:6px;text-shadow:0 0 20px rgba(255,215,0,.3)}.center-sub{font-size:.7rem;color:var(--text-dim);letter-spacing:4px;margin-top:4px}.result-show{display:flex;flex-direction:column;align-items:center;gap:6px;animation:result-pop .4s ease}.result-label{font-size:1rem;font-weight:700;color:var(--gold)}.result-win{font-size:1.4rem;font-weight:800;color:var(--neon-green);animation:win-glow .5s ease infinite alternate}.message-bar{text-align:center;padding:10px 8px 4px;font-size:.9rem;color:var(--text-dim)}.bet-panel{background:var(--bg-panel);border:2px solid #2a2a40;border-radius:12px;padding:12px}.bet-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bet-panel__title{font-weight:700;color:var(--gold)}.bet-panel__total{font-size:.85rem;color:var(--neon-red);font-weight:600}.bet-unit-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.85rem;color:var(--text-dim)}.bet-unit-btn{padding:4px 12px;border:2px solid #3a3a50;border-radius:6px;background:#1a1a2e;color:var(--text);cursor:pointer;font-weight:600;transition:all .15s}.bet-unit-btn:hover:not(:disabled){border-color:var(--gold-dark)}.bet-unit-btn--active{border-color:var(--gold);background:rgba(255,215,0,.15);color:var(--gold)}.bet-unit-btn:disabled{opacity:.5;cursor:not-allowed}.bet-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.bet-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:2px solid #2a2a40;border-radius:8px;background:#16162a;cursor:pointer;transition:all .15s;position:relative}.bet-item:hover:not(:disabled){border-color:var(--gold-dark);background:#1e1e35}.bet-item--active{border-color:var(--gold);background:rgba(255,215,0,.1);box-shadow:0 0 10px rgba(255,215,0,.2)}.bet-item:disabled{opacity:.6;cursor:not-allowed}.bet-item__label{font-size:.65rem;color:var(--text-dim)}.bet-item__mult{font-size:.6rem;color:var(--neon-green);font-weight:600}.bet-item__amount{position:absolute;top:-6px;right:-6px;background:var(--neon-red);color:white;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:8px;min-width:18px;text-align:center}.clear-bets-btn{margin-top:10px;width:100%;padding:6px;border:1px solid #3a3a50;border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.8rem;transition:all .15s}.clear-bets-btn:hover:not(:disabled){border-color:var(--neon-red);color:var(--neon-red)}.clear-bets-btn:disabled{opacity:.4;cursor:not-allowed}.control-bar{display:flex;justify-content:center;margin-top:8px}.start-btn{padding:14px 48px;font-size:1.2rem;font-weight:800;letter-spacing:2px;border:none;border-radius:12px;cursor:pointer;color:#1a0a00;background:linear-gradient(180deg,var(--gold-light) 0,var(--gold) 50%,var(--gold-dark) 100%);box-shadow:0 4px 0 var(--gold-dark),0 0 20px rgba(255,215,0,.3);transition:all .15s;text-transform:uppercase}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--gold-dark),0 0 30px rgba(255,215,0,.5)}.start-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--gold-dark)}.start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.machine-footer{text-align:center;margin-top:16px;font-size:.75rem;color:var(--text-dim);line-height:1.6}.footer-note{color:#4a4a60}.fruit-icon{position:relative;border-radius:50%;flex-shrink:0}.fruit-icon--active{filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.fruit-icon--apple{background:radial-gradient(circle at 35% 30%,#ff6b4a 0,#cc2200 60%,#8b0000 100%);border-radius:45% 45% 50% 50%}.fruit-icon--apple:before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:3px;height:8px;background:#5a3a1a;border-radius:2px}.fruit-icon--apple:after{content:"";position:absolute;top:-2px;right:20%;width:10px;height:6px;background:#2d8a2d;border-radius:50% 50% 0 50%;transform:rotate(30deg)}.fruit-icon--orange{background:radial-gradient(circle at 35% 30%,#ffb347 0,#ff8c00 50%,#cc6600 100%);border:2px solid #e07000}.fruit-icon--orange:after{content:"";position:absolute;inset:20%;border-radius:50%;border:1px dashed rgba(255,255,255,.2)}.fruit-icon--lemon{background:radial-gradient(circle at 35% 30%,#fff566 0,#ffd700 50%,#cca300 100%);border-radius:50% 50% 45% 45%;transform:rotate(-15deg)}.fruit-icon--lemon:before{content:"";position:absolute;left:5%;top:50%;width:8px;height:3px;background:rgba(255,255,255,.3);border-radius:2px;transform:translateY(-50%)}.fruit-icon--cherry{background:radial-gradient(circle at 35% 30%,#ff4466 0,#cc0033 60%,#990022 100%);border-radius:50%}.fruit-icon--cherry:before{content:"";position:absolute;top:-6px;left:60%;width:2px;height:10px;background:#5a3a1a;transform:rotate(-20deg)}.fruit-icon--cherry:after{content:"";position:absolute;bottom:-2px;left:10%;width:60%;height:60%;background:radial-gradient(circle at 35% 30%,#ff4466 0,#cc0033 60%,#990022 100%);border-radius:50%}.fruit-icon--watermelon{background:radial-gradient(circle at 50% 30%,#ff6b6b 0,#e03030 40%,#1a8a1a 41%,#0d5a0d 100%);border-radius:50% 50% 45% 45%}.fruit-icon--watermelon:before{content:"";position:absolute;top:15%;left:20%;width:4px;height:4px;background:#1a1a1a;border-radius:50%;box-shadow:8px 4px 0 #1a1a1a,4px 10px 0 #1a1a1a}.fruit-icon--grapes{background:transparent;border-radius:0}.fruit-icon--grapes:before{content:"";position:absolute;top:10%;left:25%;width:35%;height:35%;background:radial-gradient(circle,#9b59b6 0,#6a2c8a 100%);border-radius:50%;box-shadow:30% 20% 0 0 #8e44ad,10% 45% 0 0 #7d3c98,35% 50% 0 0 #9b59b6,55% 35% 0 0 #8e44ad}.fruit-icon--grapes:after{content:"";position:absolute;top:0;left:45%;width:3px;height:12px;background:#5a8a2a;border-radius:2px}.fruit-icon--banana{background:transparent;border-radius:0}.fruit-icon--banana:before{top:15%;left:10%;width:80%;height:60%;background:radial-gradient(ellipse,#ffe135 0,#f0c000 50%,#c9a000 100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.fruit-icon--banana:after,.fruit-icon--banana:before{content:"";position:absolute;transform:rotate(-30deg)}.fruit-icon--banana:after{top:20%;right:15%;width:6px;height:4px;background:#8b6914;border-radius:2px}.fruit-icon--bell{background:transparent;border-radius:0}.fruit-icon--bell:before{content:"";position:absolute;top:15%;left:15%;width:70%;height:55%;background:radial-gradient(ellipse at 50% 20%,#ffe566 0,#ffd700 40%,#b8860b 100%);border-radius:50% 50% 10% 10%}.fruit-icon--bell:after{content:"";position:absolute;bottom:15%;left:40%;width:20%;height:15%;background:#8b6914;border-radius:50%}.fruit-icon--star{background:transparent;border-radius:0}.fruit-icon--star:before{content:"★";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.6em;color:#ffd700;text-shadow:0 0 6px rgba(255,215,0,.8);line-height:1}.fruit-icon--bar{background:linear-gradient(180deg,#ff4444,#cc0000 50%,#990000);border-radius:4px;border:2px solid #ff6666}.fruit-icon--bar:before{content:"BAR";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.45em;font-weight:900;color:white;letter-spacing:-1px;text-shadow:1px 1px 0 #660000}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes lamp-glow{0%{box-shadow:0 0 8px rgba(255,215,0,.75),0 0 18px rgba(255,215,0,.35),inset 0 0 12px rgba(255,255,220,.45)}to{box-shadow:0 0 14px rgba(255,215,0,1),0 0 28px rgba(255,215,0,.55),inset 0 0 18px rgba(255,255,255,.65)}}@keyframes result-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes win-glow{0%{text-shadow:0 0 4px var(--neon-green)}to{text-shadow:0 0 16px var(--neon-green),0 0 32px rgba(51,255,153,.5)}}@media (max-width:500px){.machine-title{font-size:1.4rem}.bet-grid{grid-template-columns:repeat(5,1fr);gap:4px}.bet-item__label{font-size:.55rem}.start-btn{padding:12px 32px;font-size:1rem}.machine-screen{max-height:320px;gap:2px;padding:3px}.light-panel .fruit-icon{width:18px!important;height:18px!important}}