.lottery-live{box-sizing:border-box;color:#fff3d2;background:radial-gradient(at 45% 40%,#8b1718,#30090f 70%);min-height:100vh;padding:24px 32px;font-family:Arial,Microsoft YaHei,sans-serif}.lottery-live:-webkit-full-screen{overflow:auto}.lottery-live:fullscreen{overflow:auto}.lottery-live *{box-sizing:border-box}.live-top{border-bottom:1px solid #dca65266;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.live-top h1{margin:8px 0;font-size:clamp(26px,3vw,52px)}.live-top span{color:#ebc986}.live-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:450px;font-size:13px;display:flex}.live-tools button,.live-tools a{color:#56120f;cursor:pointer;background:#fff0cc;border:1px solid #e5bd74;border-radius:9px;padding:9px 14px;text-decoration:none}.live-tools .live-connected{color:#a4efbf}.live-tools .live-offline{color:#ffd39d}.live-body{grid-template-columns:minmax(280px,1fr) minmax(360px,1.6fr) minmax(230px,.8fr);align-items:center;gap:26px;max-width:1900px;margin:22px auto;display:grid}.live-join,.live-history{background:#170a12aa;border:1px solid #dca65277;border-radius:20px;padding:22px}.live-join{text-align:center}.live-join h2,.live-history h2{margin:0 0 18px;font-size:clamp(20px,1.8vw,30px)}.live-join>div{margin-left:auto;margin-right:auto}.live-join p{line-height:1.65}.live-join strong{color:#ffdc87;font-size:30px}.live-count{background:#641b20;border-radius:12px;padding:12px}.live-count b{font-size:30px}.lottery-live .live-small{color:#e9cda8;font-size:14px;line-height:1.6}.live-stage{text-align:center;min-width:0}.live-eyebrow{min-height:35px;font-size:clamp(18px,2vw,28px)}.live-wheel-wrap{aspect-ratio:1;--live-radius:min(10.5vw,144px);width:min(32vw,440px);margin:24px auto;position:relative}.live-wheel{background:conic-gradient(#ffe9a8 0deg 90deg,#f7c97a 90deg 180deg,#fbe9ba 180deg 270deg,#efbdb0 270deg 360deg);border:12px solid #f5c65c;border-radius:50%;transition:transform 2.3s cubic-bezier(.12,.75,.15,1);position:absolute;inset:0;box-shadow:0 0 40px #ffb44755,inset 0 0 15px #8b441c}.live-wheel>span{color:#711e10;text-align:center;width:150px;font-size:clamp(14px,1.4vw,22px);line-height:1.45;position:absolute;top:calc(50% - 22px);left:calc(50% - 75px)}.live-pointer{z-index:3;filter:drop-shadow(0 2px 3px #44100d);border-top:47px solid #fff7d1;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;top:-9px;left:calc(50% - 18px)}.live-hub{color:#841e16;background:linear-gradient(#ffe8a4,#d89635);border:5px solid #fbe8a8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(16px,2vw,28px);font-weight:800;line-height:1.3;display:flex;position:absolute;inset:36%;box-shadow:0 3px 15px #571006}.live-result{min-height:110px}.live-result h2{color:#ffe39c;margin:10px 0;font-size:clamp(28px,3vw,50px)}.live-result p{margin:10px 0;font-size:clamp(18px,2vw,30px)}.live-history{align-self:stretch;max-height:690px;overflow:hidden}.live-history article{border-bottom:1px solid #e7bf7344;gap:5px;padding:12px 0;display:grid}.live-history b{color:#ffe19c;font-size:20px}.live-history small{color:#cbb2a0}.live-footer{border-top:1px solid #dca65266;flex-wrap:wrap;align-items:center;gap:24px;padding:18px 0;font-size:20px;display:flex}.live-footer b{color:#ffe29c}@media (max-width:1000px){.lottery-live{padding:18px}.live-body{grid-template-columns:280px 1fr}.live-history{grid-column:1/-1;align-items:center;gap:16px;max-height:160px;display:flex;overflow:auto}.live-history h2{white-space:nowrap;margin:0}.live-history article{min-width:155px}.live-wheel-wrap{--live-radius:110px;width:340px}.live-top{align-items:flex-start}.live-tools{max-width:280px}}@media (max-width:640px){.live-body{flex-direction:column;display:flex}.live-stage{order:-1;width:100%}.live-join{width:100%}.live-wheel-wrap{--live-radius:95px;width:300px}.live-history{width:100%}.live-top{display:block}.live-tools{justify-content:flex-start;max-width:none}.live-footer{font-size:16px}}