.draw-history-box{box-sizing:border-box;width:100%;max-width:1024px;margin:0 auto 5px;background:#fff;border:1px solid #ddd;font-family:Arial,"Microsoft YaHei",sans-serif}.draw-history-box *{box-sizing:border-box}.draw-history-header{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;background:#222;border-bottom:3px solid #eff500;color:#fff}.draw-history-header strong{font-size:16px;color:#fff000}.draw-history-header a,.draw-history-header button{border:0;background:#d90000;color:#fff;padding:2px 7px;text-decoration:none;font-size:12px;cursor:pointer}.draw-history-rows{background:#fff}.draw-history-row{display:flex;align-items:center;min-height:48px;padding:5px 7px;border-bottom:1px solid #ddd}.draw-history-row:last-child{border-bottom:0}.draw-history-meta{flex:0 0 112px;width:112px;color:#222}.draw-history-meta b{display:block;font-size:13px}.draw-history-meta small{display:block;color:#888;font-size:10px}.draw-history-balls{display:grid;flex:1;grid-template-columns:repeat(7,minmax(30px,1fr));gap:4px}.draw-history-ball{position:relative;text-align:center}.draw-history-ball:nth-child(7):before{content:"+";position:absolute;left:-5px;top:2px;font-weight:800}.draw-history-ball b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto;border:2px solid #e62924;border-radius:50%;font-size:14px}.draw-history-ball.green b{border-color:#20ad39}.draw-history-ball.blue b{border-color:#2686df}.draw-history-ball small{display:block;color:#555;font-size:10px;line-height:14px}.draw-history-loading,.draw-history-empty{padding:22px 10px;color:#777;text-align:center}.history-page{max-width:760px;margin:0 auto;background:#f2f2f2;min-height:100vh;font-family:Arial,"Microsoft YaHei",sans-serif}.history-page .history-top{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#202020;color:#ffef00}.history-page .history-top a{color:#fff;text-decoration:none}.history-page .history-tabs{display:flex;background:#333;border-bottom:3px solid #eff500}.history-page .history-tab{flex:1;padding:9px 3px;border:0;border-right:1px solid #555;background:#333;color:#fff;font-weight:800;cursor:pointer}.history-page .history-tab.active{background:#d80000;color:#fff000}.history-page .draw-history-box{margin:0 auto;border-top:0}.history-page-note{margin:0;padding:7px;background:#fff7bd;color:#a90000;font-size:12px;text-align:center}@media(max-width:600px){.draw-history-row{padding:4px 2px}.draw-history-meta{flex-basis:78px;width:78px}.draw-history-meta b{font-size:11px}.draw-history-meta small{font-size:9px}.draw-history-balls{gap:1px}.draw-history-ball b{width:25px;height:25px;font-size:12px}.draw-history-ball small{font-size:9px}.draw-history-ball:nth-child(7):before{left:-3px}.draw-history-header strong{font-size:14px}}