*{box-sizing:border-box}body{margin:0;background:#e8e8e8;font:14px Arial,"Microsoft YaHei",sans-serif;color:#333}a{text-decoration:none;color:inherit}button,select,textarea{font:inherit}button{cursor:pointer}.history-page{max-width:720px;margin:0 auto;background:#fff;min-height:100vh}.history-head{height:44px;background:#00f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 9px;gap:8px}.history-head b{font-size:20px}.history-head>a{font-size:12px}.history-head .picker-link{background:#ffffbc;color:red;padding:9px 14px;border-radius:4px}.filters{background:#ffffcc;padding:6px 5px}.filter-line{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:5px 0}.filter-line strong{width:65px;text-align:center;color:red}.filter-line a,.filter-line button{border:1px solid #d4caa7;border-radius:3px;background:#ffffdf;color:#222;min-width:32px;padding:5px;font-size:13px}.filter-line .active,.filter-line .reset{background:#00f;color:#fff;border-color:#00f}.years{display:flex;gap:5px;background:#e8e8e8;padding:7px 5px;flex-wrap:wrap}.years a{flex:1;min-width:70px;text-align:center;background:#ff9c00;border-radius:5px;color:#fff;padding:5px;font-weight:bold;font-size:13px}.years a.active{background:white;color:#111}.history-row{padding:3px 10px 1px}.row-caption{font-size:14px;color:#636d7c;margin-bottom:1px}.history-balls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.history-ball{text-align:center;min-width:0}.history-ball span{display:block;color:#fff;font:bold 16px/22px Arial;border-radius:2px}.history-ball b{display:block;font:13px/18px Arial;border:1px solid #ddd;border-top:0;color:#214569}.red{background:red}.blue{background:#00f}.green{background:green}.history-ball.dim{opacity:.18}.history-ball.match span{outline:2px solid #ffc400;outline-offset:-2px}#watermark{position:fixed;inset:0;pointer-events:none;z-index:9;background-repeat:repeat}.empty{padding:30px;text-align:center;color:#888}#update-message{margin:6px;font-size:12px;color:#a33}.pick-controls{padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pick-controls label{display:flex;flex-direction:column;gap:5px}.pick-controls select{padding:7px;max-width:100%;border:1px solid #ccc}.pick-actions{padding:0 15px;display:flex;gap:6px;flex-wrap:wrap}.picker button{border:1px solid #ddd;border-radius:4px;background:#f4f4f4;padding:8px}.picker #number-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:16px}.picker .number{background:white;border:1px solid #ddd;display:flex;flex-direction:column;align-items:center;padding:5px 2px;gap:4px}.number span{border-radius:50%;color:white;display:grid;place-items:center;width:36px;height:36px;font-weight:bold;font-size:19px}.number.selected{outline:3px solid #00f;background:#eaf0ff}.number.filtered{display:none}.number small{font-size:12px}.selected-label{display:block;margin:10px 16px}.selected-label textarea{width:100%;height:90px;padding:10px;margin-top:8px;border:1px solid #ccc}.picker #copy-selected{margin:0 16px 20px;background:#00f;color:#fff}@media(max-width:600px){.history-head b{font-size:18px}.filter-line{gap:5px}.filter-line strong{width:37px;font-size:13px}.filter-line a,.filter-line button{min-width:25px;padding:4px;font-size:12px}.history-row{padding:3px 5px 1px}.history-balls{gap:3px}.history-ball span{font-size:16px}.pick-controls{grid-template-columns:repeat(2,1fr)}.picker #number-grid{gap:5px;padding:10px}.number span{width:32px;height:32px}.history-head .picker-link{padding:8px}}

body[data-page="history"] .history-head{background:green}body[data-page="history"] .filter-line .active,body[data-page="history"] .filter-line .reset{background:green}.years{display:block;position:relative}.years-main{display:flex;gap:5px;width:100%}.years-main>*{flex:1 1 0;min-width:0;white-space:nowrap}.years-more{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding-top:8px}.years-more[hidden]{display:none}.years a,.years button{min-width:0;display:block;text-align:center;background:#ff9c00;color:#fff;font:13px/18px Arial,"Microsoft YaHei",sans-serif;border:0;border-radius:5px;padding:4px 1px}.years a.active{background:#fff;color:#111}.years button:focus-visible,.years a:focus-visible{outline:2px solid blue;outline-offset:2px}@media(max-width:420px){.years-main{gap:4px}.years a,.years button{font-size:12px}.years-more{grid-template-columns:repeat(5,minmax(0,1fr))}}