*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#ffe9b5;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(ellipse at 50% 0,#a6242c 0,#570d1c 40%,#260711 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(45deg,transparent 0 28px,#f8cb6d 29px,transparent 30px)}main{max-width:550px;margin:auto;padding:20px 15px 40px;position:relative}.hero{text-align:center;padding:15px 0 10px}.eyebrow{font-size:10px;letter-spacing:2px;color:#f5cb80}.hero h1{font-size:clamp(28px,7vw,40px);margin:10px 0 4px;color:#ffe19a;text-shadow:0 2px 0 #753012,0 0 24px #ffbb5599}.hero p{margin:0;color:#f2c783;letter-spacing:5px;font-size:12px}.panel{background:linear-gradient(160deg,#751628ee,#410c1be8);border:1px solid #b98143;border-radius:20px;margin:16px 0;padding:19px 16px;box-shadow:0 10px 30px #1b000b88,inset 0 1px #f9c77c55;text-align:center}.panel h2{font-size:19px;color:#ffe3a5;margin:0 0 16px}.info{font-size:13px;color:#ffdfad}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 8px}.stats>div{padding:12px 3px;border:1px solid #a35d41;border-radius:12px;background:#390b18}.stats span{display:block;font-size:11px;color:#edc698}.stats strong{display:block;font-size:20px;color:#ffdf83;margin-top:4px}.wheel-stage{width:min(100%,335px);aspect-ratio:1;margin:22px auto 15px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 20px #f3a83b55)}#wheel{width:95%;height:95%;border-radius:50%;position:relative;border:12px solid #efb954;box-shadow:0 0 0 5px #86311b,0 0 0 8px #f4ce73,inset 0 0 18px #43101b;overflow:hidden;transition:transform 4.6s cubic-bezier(.12,.74,.12,1);background:#ba2738}#wheel:after{content:"";position:absolute;inset:0;border-radius:50%;border:6px dotted #fff2a5;pointer-events:none}#wheel-labels{position:absolute;inset:0}.wheel-label{position:absolute;left:50%;top:50%;font-size:clamp(10px,2.7vw,13px);font-weight:800;white-space:nowrap;color:#fff8d7;text-shadow:0 1px 3px #54131a;transform-origin:center center}.pointer{position:absolute;z-index:5;top:-11px;left:50%;transform:translateX(-50%);color:#ffdf7d;font-size:35px;text-shadow:0 2px 3px #3d0615}.wheel-center{position:absolute;z-index:4;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff1ad,#f2bd4c 55%,#9b4d18);border:5px solid #fff0af;box-shadow:0 4px 12px #3c0818;color:#8d1624;font-size:30px}.gold-btn{display:inline-block;width:85%;padding:15px;border:1px solid #ffe5a0;border-radius:999px;background:linear-gradient(#ffe9a3,#f7c34d 48%,#cf8b28);color:#6e1821;font-size:18px;font-weight:900;box-shadow:0 5px 0 #8c4c18,0 8px 20px #21020b;cursor:pointer}.gold-btn.small{width:auto;font-size:14px;padding:11px 20px;margin:10px 4px}.gold-btn:disabled{opacity:.48;cursor:not-allowed}.hint{color:#e8c9a5;font-size:12px;line-height:1.7}#result{color:#ffe29c;font-size:17px;font-weight:800;min-height:24px}.records{text-align:left}.record{padding:12px 0;border-top:1px solid #9b5d4a;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.record button{margin:7px 6px 0 0}.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:14px 0}.tab,.outline-btn{background:#3c0e1b;color:#ffe2a7;border:1px solid #c68c52;border-radius:10px;padding:10px;cursor:pointer}.tab.active{background:#e5a945;color:#541323;font-weight:800}.tab-content{text-align:left}.tab-content>button{display:block;margin:12px auto}.tab-content label{display:block;font-size:13px;margin-top:12px}input,textarea{display:block;width:100%;background:#fff7e8;color:#32121a;border:1px solid #d7ae70;border-radius:10px;padding:12px;margin:9px 0;font:inherit;font-size:14px}textarea{resize:vertical}.prize-row{background:#3a0d1a;border:1px solid #945039;border-radius:12px;padding:10px;margin:10px 0}.prize-row label{font-size:12px;color:#f5d9aa}.prize-fields{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:7px}.prize-fields input{min-width:0}.prize-row .remove{background:none;border:1px solid #c7866a;color:#ffdab3;border-radius:7px;padding:6px 10px}#prob-total{font-weight:800;text-align:center}footer{text-align:center;font-size:10px;letter-spacing:4px;color:#b77d61;padding:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2c0913;color:#ffe9b5;padding:12px 18px;border:1px solid #efbd67;border-radius:12px;max-width:90%;display:none;z-index:20}#celebrate[hidden],.tab-content[hidden],#admin[hidden]{display:none!important}#celebrate{position:fixed;inset:0;background:#17020cc9;display:grid;place-items:center;z-index:15;padding:20px}.celebrate-box{text-align:center;width:min(100%,370px);padding:30px 20px;border-radius:20px;border:2px solid #f6c663;background:radial-gradient(circle at top,#a82731,#4d0b1d);box-shadow:0 0 70px #ffc85b66}.celebrate-box h2{font-size:30px;color:#ffe59d}.sparkles{font-size:34px;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.15)}}@media(max-width:380px){main{padding:12px 9px}.panel{padding:14px 10px}.stats strong{font-size:17px}}

/* 2026-11-14 手机端标题与转盘文字优化 */
.eyebrow{font-size:clamp(15px,4vw,19px);font-weight:800;letter-spacing:1.5px;line-height:1.6}
.hero h1{font-size:clamp(34px,9vw,48px);line-height:1.25;margin:12px 0 9px}
.hero p{font-size:clamp(15px,4vw,19px);font-weight:700;letter-spacing:2px;line-height:1.6}
.wheel-stage{width:min(100%,370px);margin:24px auto 18px}
.wheel-label{font-size:clamp(13px,3.8vw,17px);font-weight:900;letter-spacing:-.35px;text-shadow:0 2px 4px #450612,0 0 3px #450612}
@media(max-width:380px){.wheel-label{font-size:clamp(12px,3.7vw,14px)}.hero h1{font-size:clamp(32px,9vw,38px)}.hero p{letter-spacing:1px}}

/* 中奖记录、温馨提示与客服按钮 */
.turnover-notice{margin:12px auto 0;padding:10px 12px;text-align:center;color:#ffe6a4;font-size:14px;font-weight:700;line-height:1.65;background:#56101e;border:1px solid #c48b4b;border-radius:12px;overflow-wrap:anywhere}
.contact-btn{text-decoration:none;text-align:center;display:inline-block;max-width:100%;line-height:1.5}
.admin-spin-record{white-space:pre-line;line-height:1.9;padding:12px 10px;margin:8px 0;background:#380b18;border:1px solid #9b5d4a;border-radius:10px}
html,body{max-width:100%;overflow-x:hidden}

/* 集团 Logo、规则放大、频道入口 */
.group-logo{display:block;width:clamp(125px,38vw,160px);height:auto;margin:0 auto 12px;object-fit:contain;filter:drop-shadow(0 5px 12px #18020b88)}
#rule{font-size:16px;font-weight:800;line-height:1.8;color:#ffe6a4;overflow-wrap:anywhere;margin:16px auto 10px;text-align:center}
.channel-btn{display:block;width:fit-content;max-width:100%;margin:12px auto 8px!important;white-space:normal;overflow-wrap:anywhere}
@media(max-width:380px){#rule{font-size:15px}.group-logo{width:130px}}

/* Five-fix update: legible wheel labels and prominent footer */
.wheel-label{overflow:hidden;text-overflow:ellipsis;line-height:1.15;letter-spacing:-.3px}
footer{font-size:clamp(18px,5vw,22px);font-weight:900;letter-spacing:1px;line-height:1.65;color:#ffe19a;text-shadow:0 2px 5px #330610,0 0 12px #edb45466;padding:22px 6px 16px}