:root{--gold:#f7d38b;--deep:#071526}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Georgia,'Times New Roman','Microsoft YaHei',serif}body{background:#101824;color:#f9e5b5;display:grid;place-items:center;padding:24px}.demo{width:min(95vw,900px);text-align:center}.eyebrow{font:600 11px system-ui;letter-spacing:.36em;color:#bfa878}.heading{font-size:clamp(22px,3vw,34px);margin:8px 0 5px;letter-spacing:.09em}.sub{font:13px system-ui;color:#a99b82;margin:0 0 20px}.wheel-wrap{width:min(83vw,710px);aspect-ratio:1;margin:auto;position:relative;filter:drop-shadow(0 28px 22px #0009)}.wheel{position:absolute;inset:0;transform:rotate(0deg);will-change:transform;transition:transform 10.5s cubic-bezier(.09,.76,.08,1)}svg{width:100%;height:100%;overflow:visible}.pointer{position:absolute;left:50%;top:-.7%;transform:translateX(-50%);width:9%;height:14%;z-index:5;filter:drop-shadow(0 5px 5px #0009)}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:19%;aspect-ratio:1;border-radius:50%;z-index:6;background:radial-gradient(circle at 33% 25%,#fff2c2 0%,#dfac57 17%,#684016 42%,#150f0d 66%,#a26b24 75%,#ffda82 81%,#4c280e 87%,#180f0d 100%);border:3px solid #fbe2a1;box-shadow:0 0 0 5px #49280c,0 0 0 8px #e6ac4c,0 0 0 11px #38200d,0 5px 18px #000a,inset 0 3px 12px #fff6;display:grid;place-items:center}.hub:before{content:'';position:absolute;inset:11%;border-radius:50%;border:1px solid #e8c4789e}.mark{font-family:Georgia,serif;font-weight:900;font-size:clamp(27px,6vw,62px);font-style:italic;line-height:1;color:#ffe5a0;text-shadow:0 2px 0 #68410e,0 0 12px #e6b45699;transform:skew(-10deg)}.controls{display:flex;justify-content:center;gap:12px;margin-top:23px;align-items:center;flex-wrap:wrap}.spin{cursor:pointer;border:1px solid #f9dca0;border-radius:50px;padding:14px 48px;background:linear-gradient(#fff0bd,#e6ae50 45%,#c8842a 54%,#ffe2a0);box-shadow:inset 0 2px 3px #fff8,0 6px 0 #7b4b1d,0 12px 20px #0007;color:#142338;font:800 17px system-ui;letter-spacing:.12em}.spin:disabled{opacity:.6;cursor:wait}.status{font:13px system-ui;color:#cdb98c}.note{font:12px system-ui;color:#918875;margin-top:15px} .prize-icon{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:54px;text-anchor:middle;dominant-baseline:middle;filter:drop-shadow(0px 3px 2px #0007)}.prize-label{font-size:23px;fill:#fff0cd;text-anchor:middle;font-weight:700;paint-order:stroke;stroke:#081524;stroke-width:2px}.prize-label.light{fill:#132036;stroke:#fff2cf;stroke-width:1px}.prize-small{font-size:11px;letter-spacing:1px;fill:#e7c68b;text-anchor:middle}.prize-small.light{fill:#755021}/* 32颗灯珠分组交替呼吸闪烁；只作用于灯珠，不影响转盘旋转 */
.bulb-halo{transform-box:fill-box;transform-origin:center;animation:haloPulse 0.8333s ease-in-out infinite alternate}
.glint{transform-box:fill-box;transform-origin:center;animation:bulbPulse 0.8333s ease-in-out infinite alternate}
@keyframes bulbPulse{0%{opacity:.45;filter:brightness(.65)}100%{opacity:1;filter:brightness(1.5) drop-shadow(0 0 5px #fff3ac)}}
@keyframes haloPulse{0%{opacity:.08}100%{opacity:.75}}
@media(prefers-reduced-motion:reduce){.glint,.bulb-halo{animation:none}}
@media(max-width:600px){.prize-icon{font-size:54px}.prize-label{font-size:23px}.prize-small{font-size:13px}.wheel-wrap{width:min(95vw,710px)}}

/* PHP integration */
body{display:block;background:radial-gradient(ellipse at 50% 15%,#23354b,#080e19 78%);min-height:100vh}.demo{margin:0 auto;padding:32px 0 48px}.account{font:14px system-ui;color:#ead7a5;margin:12px auto 20px}.account a{color:#e4bb68;margin-left:15px}.login{max-width:390px;margin:40px auto;padding:28px;background:#0d1b2bd9;border:1px solid #b58a49;border-radius:18px;display:grid;gap:15px;text-align:left}.login input{width:100%;padding:14px;border-radius:9px;border:1px solid #c4a46b;background:#f9f5eb;color:#132338;font:16px system-ui}.login button{border:0;padding:14px;border-radius:10px;background:linear-gradient(#ffe5a5,#bf8134);font-weight:800;cursor:pointer}.overlay[hidden]{display:none!important}.overlay{position:fixed;inset:0;background:#020711d9;z-index:99;display:grid;place-items:center;padding:20px}.modal{width:min(100%,470px);background:linear-gradient(140deg,#fff1c9,#d5a45e);border:5px double #88571b;color:#152338;padding:30px 22px;border-radius:18px;box-shadow:0 24px 90px #000b;text-align:center;font-family:system-ui}.modal h2{font-size:28px}.modal a{display:block;background:#102943;color:#fff4d0;text-decoration:none;border-radius:9px;padding:13px;margin:16px 0}.modal button{padding:11px 28px;border:1px solid #865b26;border-radius:9px;background:#fff6df;cursor:pointer}.status{min-width:180px}.spin:disabled{cursor:not-allowed}.wheel-wrap{max-width:710px}.note{line-height:1.7}

#contactPrize[hidden]{display:none!important}

/* V10: centered, enlarged gold draw button; no status label */
.controls{display:flex;justify-content:center;align-items:center;width:100%;margin:26px auto 35px;gap:0}
.controls .spin{position:static;display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:320px;max-width:90%;min-height:82px;padding:12px 28px;margin:0 auto;border-radius:999px;border:2px solid #e9bb62;background:linear-gradient(180deg,#fff0b6 0%,#f6d17b 25%,#d99332 58%,#f9cf79 83%,#9d591e 100%);color:#07162c;font:900 28px/1.25 system-ui,'Microsoft YaHei',sans-serif;letter-spacing:3px;box-shadow:inset 0 3px 5px #ffffffbf,inset 0 -5px 6px #622e0859,0 8px 18px #0006;transition:transform .2s ease,box-shadow .2s ease}
.controls .spin:hover:not(:disabled){transform:translateY(-3px);box-shadow:inset 0 3px 5px #ffffffbf,0 12px 25px #dea03866}
.controls .spin:active:not(:disabled){transform:scale(.97)}
@media(max-width:480px){.controls .spin{width:270px;min-height:74px;font-size:25px}}

/* V11: fit the entire logged-in draw experience into the visible viewport */
html{min-height:100%;}
body{padding:0;min-height:100vh;min-height:100dvh;}
.demo{width:min(96vw,900px);padding:clamp(8px,1.2vh,14px) 0 clamp(8px,1.2vh,14px);}
.demo:has(.wheel-wrap){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.demo:has(.wheel-wrap) .eyebrow{font-size:10px;line-height:1.15;}
.demo:has(.wheel-wrap) .heading{font-size:clamp(19px,2.6vh,29px);line-height:1.2;margin:3px 0;}
.demo:has(.wheel-wrap) .sub{font-size:12px;line-height:1.3;margin:2px 0 5px;}
.demo:has(.wheel-wrap) .account{font-size:13px;line-height:1.4;margin:4px auto 6px;}
.demo:has(.wheel-wrap) .wheel-wrap{width:min(86vw, 640px, max(220px, calc(100dvh - 235px)));max-width:100%;flex:0 1 auto;filter:drop-shadow(0 12px 12px #0008);}
.demo:has(.wheel-wrap) .controls{margin:9px auto 7px;flex:0 0 auto;}
.demo:has(.wheel-wrap) .controls .spin{width:clamp(190px,27vw,280px);min-height:clamp(48px,7vh,65px);padding:8px 20px;font-size:clamp(19px,2.6vh,25px);}
.demo:has(.wheel-wrap) .note{font-size:11px;line-height:1.3;margin:4px 0 0;}
@media(max-width:600px){
  .demo:has(.wheel-wrap) .wheel-wrap{width:min(95vw, max(185px, calc(100dvh - 222px)));}
  .demo:has(.wheel-wrap) .controls .spin{width:min(260px,76vw);min-height:56px;font-size:22px;}
  .demo:has(.wheel-wrap) .account{font-size:12px;}
  .demo:has(.wheel-wrap) .sub{font-size:11px;}
}
@media(max-height:650px){
  .demo:has(.wheel-wrap) .sub{display:none;}
  .demo:has(.wheel-wrap) .wheel-wrap{width:min(80vw,540px,max(180px,calc(100dvh - 175px)));}
  .demo:has(.wheel-wrap) .controls{margin:5px auto;}
  .demo:has(.wheel-wrap) .controls .spin{min-height:45px;font-size:19px;}
  .demo:has(.wheel-wrap) .note{margin:2px 0 0;}
}


/* V12 — 手机登录页专属优化，不影响已登录的转盘页面 */
body:has(.login){min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,36px);background:radial-gradient(ellipse 80% 50% at 50% 38%,#20354d 0%,#101d2e 52%,#080f1b 100%);}
.demo:has(.login){width:min(100%,460px);padding:20px 0 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.demo:has(.login) .eyebrow{font:700 11px/1.4 system-ui;letter-spacing:.42em;color:#dfbd7b;margin:0 0 13px;}
.demo:has(.login) .heading{font-size:clamp(27px,5.8vw,36px);line-height:1.25;letter-spacing:.1em;margin:0;color:#ffdf99;text-shadow:0 2px 16px #e6a74224;}
.demo:has(.login) .sub{font:13px/1.5 system-ui;color:#b9a78d;margin:10px 0 28px;}
.login{width:100%;max-width:100%;margin:0;padding:clamp(24px,6vw,36px);border-radius:22px;gap:12px;background:linear-gradient(155deg,#14263aef,#0b1727f7);border:1px solid #ae874c99;box-shadow:0 20px 65px #0006,inset 0 1px #ffe3a51c;}
.login-head{text-align:center;margin-bottom:12px;}
.login-kicker{font:700 10px/1.4 system-ui;letter-spacing:.27em;color:#c7a56d;}
.login-head h2{font:700 clamp(21px,4.5vw,26px)/1.3 'Microsoft YaHei',system-ui,sans-serif;letter-spacing:.04em;color:#ffdfa0;margin:9px 0 8px;}
.login-head p{font:13px/1.5 system-ui;color:#aeb9c6;margin:0;}
.login label{font:600 13px/1.5 system-ui;color:#e7d3aa;margin:2px 0 0;}
.login input{height:54px;padding:0 16px;border-radius:12px;background:#f9f6ee;border:1px solid #c5a56c;outline:none;font:16px system-ui;color:#162437;transition:border-color .2s,box-shadow .2s;}
.login input:focus{border-color:#f8d58a;box-shadow:0 0 0 3px #eec47b30;}
.login button{height:56px;margin-top:10px;padding:0 16px;border:1px solid #e9bd70;border-radius:13px;background:linear-gradient(180deg,#fff0bd,#efc576 42%,#ca8b3b 100%);color:#102139;font:800 17px system-ui;letter-spacing:.08em;box-shadow:inset 0 2px #fff9,0 7px 20px #0005;transition:filter .2s,transform .2s;}
.login button:hover{filter:brightness(1.08)}
.login button:active{transform:scale(.985)}
@media(max-width:600px){body:has(.login){padding:18px 20px;}.demo:has(.login){padding:0 0 4vh;}.demo:has(.login) .sub{margin:9px 0 24px;}.login{padding:26px 22px 28px;border-radius:20px;}}
@media(max-height:590px){body:has(.login){align-items:flex-start;}.demo:has(.login){padding:8px 0 20px;}.demo:has(.login) .sub{margin:6px 0 13px;}.login{padding-top:18px;padding-bottom:18px;}.login-head{margin-bottom:4px;}}

/* V13: prize modal close control at top-right */
.modal{position:relative;padding-top:38px;}
.modal #closeResult{position:absolute;top:10px;right:10px;width:38px;height:38px;min-width:38px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(20,35,56,.09);color:#142338;font:400 30px/1 Arial,sans-serif;cursor:pointer;box-shadow:none;transition:background .2s ease,transform .2s ease;}
.modal #closeResult:hover{background:rgba(20,35,56,.19);transform:rotate(90deg);}
.modal #closeResult:focus-visible{outline:2px solid #142338;outline-offset:2px;}


/* V15: in-page compact notification, no browser alert */
.draw-notice[hidden]{display:none!important}
.draw-notice{position:fixed;z-index:150;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 36px));display:flex;align-items:flex-start;gap:12px;padding:20px 16px;border:1px solid #e3b66a;border-radius:16px;background:linear-gradient(150deg,#172c44,#0b192b);color:#f9e7bc;box-shadow:0 20px 65px #000a,0 0 25px #e5b25922;font-family:system-ui,'Microsoft YaHei',sans-serif;text-align:left}
.draw-notice-icon{flex:0 0 32px;height:32px;border:1px solid #e8c580;border-radius:50%;display:grid;place-items:center;color:#17263a;background:linear-gradient(#fff0bc,#d9a34d);font-weight:900;font-size:19px}
.draw-notice-copy{flex:1;min-width:0;display:grid;gap:7px;padding-top:1px}
.draw-notice-copy strong{font-size:17px;color:#ffdc97}
.draw-notice-copy span{font-size:13px;line-height:1.65;color:#e3d6ba}
#drawNoticeClose{flex:0 0 26px;height:26px;border:0;background:transparent;color:#dec9a4;font:26px/1 Arial,sans-serif;cursor:pointer;padding:0}
#drawNoticeClose:hover{color:white}
@media(max-width:480px){.draw-notice{padding:17px 13px;gap:10px}}

/* V16: action button in insufficient-draws notification */
.draw-notice-assistant[hidden]{display:none!important}
.draw-notice-assistant{display:flex;justify-content:center;align-items:center;min-height:42px;width:100%;margin-top:8px;padding:9px 14px;border:1px solid #f8d992;border-radius:10px;background:linear-gradient(180deg,#ffefb7,#d59b43);color:#13243a!important;text-decoration:none;font:800 14px/1.3 system-ui,'Microsoft YaHei',sans-serif;box-shadow:inset 0 1px 2px #fff9,0 4px 12px #0005;transition:filter .2s,transform .2s}
.draw-notice-assistant:hover{filter:brightness(1.08)}
.draw-notice-assistant:active{transform:scale(.98)}
.draw-notice-assistant:focus-visible{outline:2px solid #ffe9b2;outline-offset:3px}


/* V18: balanced vertical spacing for mobile wheel screen */
@media (max-width: 600px) {
  .demo:has(.wheel-wrap) {
    min-height: 100vh;
    min-height: 100dvh;
    padding: 14px 0 18px;
    justify-content: center;
    gap: 0;
  }
  .demo:has(.wheel-wrap) .eyebrow { margin: 0 0 6px; }
  .demo:has(.wheel-wrap) .heading { margin: 0 0 4px; }
  .demo:has(.wheel-wrap) .sub { margin: 0 0 15px; }
  .demo:has(.wheel-wrap) .account { margin: 0 auto 24px; line-height: 1.5; }
  .demo:has(.wheel-wrap) .wheel-wrap {
    width: min(94vw, 440px, max(185px, calc(100dvh - 235px)));
    max-width: 100%;
    margin: 0 auto;
    flex: 0 0 auto;
  }
  .demo:has(.wheel-wrap) .controls { margin: 28px auto 10px; width: 100%; }
  .demo:has(.wheel-wrap) .controls .spin { width: min(76vw, 300px); min-height: 56px; font-size: 22px; }
  .demo:has(.wheel-wrap) .note { margin: 9px 0 0; }
}
@media (max-width: 600px) and (max-height: 740px) {
  .demo:has(.wheel-wrap) { padding: 8px 0 12px; }
  .demo:has(.wheel-wrap) .sub { margin-bottom: 5px; }
  .demo:has(.wheel-wrap) .account { margin-bottom: 13px; }
  .demo:has(.wheel-wrap) .wheel-wrap { width: min(90vw, max(175px, calc(100dvh - 210px))); }
  .demo:has(.wheel-wrap) .controls { margin: 17px auto 7px; }
}

/* V39.9: desktop matches mobile compact centered wheel layout */
@media(min-width:601px){
body:has(.wheel-wrap){padding:0 20px}
.demo:has(.wheel-wrap){width:min(100%,480px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:14px 0 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.demo:has(.wheel-wrap) .eyebrow{margin:0 0 6px}
.demo:has(.wheel-wrap) .heading{margin:0 0 4px;font-size:24px}
.demo:has(.wheel-wrap) .sub{margin:0 0 15px;font-size:12px}
.demo:has(.wheel-wrap) .account{margin:0 auto 24px;font-size:13px;line-height:1.5}
.demo:has(.wheel-wrap) .wheel-wrap{width:min(94vw,440px,max(185px,calc(100dvh - 235px)));max-width:100%;margin:0 auto;flex:0 0 auto}
.demo:has(.wheel-wrap) .controls{margin:28px auto 10px;width:100%}
.demo:has(.wheel-wrap) .controls .spin{width:min(76vw,300px);min-height:56px;font-size:22px}
.demo:has(.wheel-wrap) .note{margin:9px 0 0}
}
@media(min-width:601px) and (max-height:740px){
.demo:has(.wheel-wrap){padding:8px 0 12px}
.demo:has(.wheel-wrap) .sub{margin-bottom:5px}
.demo:has(.wheel-wrap) .account{margin-bottom:13px}
.demo:has(.wheel-wrap) .wheel-wrap{width:min(440px,90vw,max(175px,calc(100dvh - 210px)))}
.demo:has(.wheel-wrap) .controls{margin:17px auto 7px}
}

/* V39.11: result dialog always fits viewport on desktop and mobile */
.overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(12px,3vw,24px)!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  z-index:9999!important;
}
.overlay[hidden]{display:none!important}
.overlay .modal{
  position:relative;
  flex:0 1 470px;
  width:100%!important;
  max-width:min(470px,100%)!important;
  min-width:0!important;
  max-height:calc(100dvh - 24px);
  overflow-y:auto;
  overflow-x:hidden;
  margin:auto!important;
  padding:clamp(42px,9vw,52px) clamp(14px,4vw,24px) clamp(18px,4vw,28px)!important;
  overflow-wrap:anywhere;
  box-sizing:border-box;
}
.overlay .modal h2{font-size:clamp(22px,6vw,28px);line-height:1.3;margin:0 0 14px}
.overlay .modal p{font-size:clamp(14px,3.7vw,17px);line-height:1.55;margin:10px 0}
.overlay .modal a{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;margin:16px 0 0}
.overlay .modal #closeResult{top:8px;right:8px;z-index:2;flex:none}
@media(max-width:480px){.overlay{padding:12px!important}.overlay .modal{border-width:3px;border-radius:16px}}

/* V39.12: narrower winning-result modal */
.overlay .modal{flex-basis:410px!important;max-width:min(410px,100%)!important}
@media(max-width:480px){.overlay{padding:18px!important}.overlay .modal{max-width:100%!important}}

/* V39.13: equal widths for winning, losing, and no-attempts popups */
:root{--draw-popup-width:410px}
.overlay .modal{width:min(var(--draw-popup-width),calc(100vw - 36px))!important;max-width:min(var(--draw-popup-width),calc(100vw - 36px))!important;flex:0 1 var(--draw-popup-width)!important;box-sizing:border-box!important}
.draw-notice{width:min(var(--draw-popup-width),calc(100vw - 36px))!important;max-width:min(var(--draw-popup-width),calc(100vw - 36px))!important;box-sizing:border-box!important}

/* V39.26 brand and personal draw history */
.fifth-header{max-width:1100px;margin:16px auto 0;padding:0 22px;display:flex;justify-content:flex-start}
.fifth-brand{display:flex;align-items:center;gap:12px;color:#f5d99b;font:700 22px system-ui,sans-serif;letter-spacing:.4px}
.fifth-brand small{display:block;color:#c2cbd5;font:600 9px system-ui,sans-serif;letter-spacing:2px;margin-top:2px}
.fifth-symbol{width:45px;height:45px;border:2px solid #d6ac65;border-radius:11px;display:grid;place-items:center;color:#10243b;background:linear-gradient(135deg,#fff1c2,#c89642);font-weight:900;font-size:20px}
.fifth-login-brand{text-align:center;font:700 22px system-ui,sans-serif;color:#f4d99c;letter-spacing:1px;margin:18px 0}
.fifth-login-brand span{color:#d9ad64}
.fifth-history{max-width:730px;margin:24px auto 28px;padding:20px;border:1px solid rgba(219,171,95,.45);border-radius:16px;background:rgba(9,25,42,.88);color:#f8ebd0;text-align:left;box-shadow:0 10px 35px rgba(0,0,0,.18)}
.fifth-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.fifth-history-head h2{margin:0;font-size:19px;color:#f7d894}.fifth-history-head span{font-size:12px;color:#b5c3d3}
.fifth-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid rgba(255,255,255,.11)}
.fifth-history-row strong{font-size:14px;font-weight:600}.fifth-history-row time{font-size:12px;color:#b9c7d7;white-space:nowrap}
@media(max-width:600px){.fifth-header{padding:0 15px}.fifth-brand{font-size:18px}.fifth-history{margin:20px 10px;padding:14px}.fifth-history-row{align-items:flex-start;flex-direction:column;gap:3px}}

/* V39.27: original Fifth Third SVG proportions; champagne gold to match navy/gold wheel */
.fifth-header{max-width:1100px;margin:14px auto 0;padding:0 22px;display:flex;align-items:center;justify-content:flex-start}
.fifth-brand{display:flex;align-items:center;gap:16px;min-width:0}
.fifth-logo{display:block;width:auto;height:39px;max-width:min(55vw,220px);object-fit:contain}
.fifth-tagline{font:600 9px system-ui,sans-serif;letter-spacing:1.8px;color:#c6ad7a;white-space:nowrap;border-left:1px solid rgba(214,172,101,.45);padding-left:15px}
.fifth-login-brand{display:flex;justify-content:center;align-items:center;margin:18px 0 22px}
.fifth-login-logo{display:block;height:53px;width:auto;max-width:85%;object-fit:contain}
@media(max-width:600px){.fifth-header{padding:0 15px}.fifth-logo{height:32px;max-width:60vw}.fifth-tagline{font-size:7px;letter-spacing:1px;padding-left:9px}.fifth-brand{gap:9px}.fifth-login-logo{height:42px}}

/* V39.28: internal scroll for winning history, no visible scrollbar */
.fifth-history-scroll{max-height:340px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.fifth-history-scroll::-webkit-scrollbar{display:none;width:0;height:0;}
.fifth-history-scroll:focus-visible{outline:2px solid #d6ac65;outline-offset:3px;border-radius:5px;}
@media(max-width:600px){.fifth-history-scroll{max-height:300px;}}
/* V39.29：中奖记录容器加宽 */

.demo:has(.wheel-wrap) .fifth-history {
    width: min(600px, calc(100vw - 32px));
    max-width: none;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* 手机端自适应 */
@media (max-width: 600px) {
    .demo:has(.wheel-wrap) .fifth-history {
        width: calc(100vw - 24px);
        margin-left: auto;
        margin-right: auto;
    }
}

/* 中奖记录：只显示3条，其余滑动查看 */
#fifthHistoryList {
    height: 216px;
    max-height: 216px;
    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

#fifthHistoryList::-webkit-scrollbar {
    display: none;
}

/* 每条记录统一高度 */
#fifthHistoryList .fifth-history-row {
    height: 72px;
    min-height: 72px;
    padding: 10px 2px;
    box-sizing: border-box;
    justify-content: center;
}