*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#fff;min-height:100vh;padding:0}.container{width:100%;min-height:100vh;overflow:hidden}.site-header{background:#fff;padding:15px 20px;text-align:center;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.header-left,.header-right{display:flex;align-items:center}.site-logo{width:32px;height:32px;object-fit:contain}.customer-service{font-size:1em;color:#666;cursor:pointer}.site-title{color:#333;font-size:1.2em;font-weight:400;margin:0;flex:1;text-align:center}.banner-carousel{position:relative;width:100%;height:0;padding-bottom:33.33%;overflow:hidden;background:#f5f5f5}.banner-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.banner-item{flex:0 0 100%;width:100%;height:100%}.banner-img{width:100%;height:100%;object-fit:cover}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px}.banner-dots .dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.banner-dots .dot.active{background:#4caf50}.announcement{background:linear-gradient(90deg,#ff6b6b,#ee5a6f);color:#fff;padding:8px 15px;overflow:hidden;white-space:nowrap;font-size:14px}.announcement-content{display:flex;align-items:center;animation:scroll 20s linear infinite}.announcement-icon{margin-right:8px;font-size:14px}.announcement-text{font-size:14px;font-weight:500}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.lottery-nav{display:flex;justify-content:space-around;gap:1vw;padding:10px;flex-wrap:nowrap;overflow-x:auto;background:#f8f9fa}.nav-btn{flex:1;min-width:30vw;max-width:220px;padding:2.5vw 1.5vw;font-size:4vw;border:2px solid #4CAF50;background:#fff;color:#333;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;flex-direction:column;align-items:center;text-align:center;white-space:nowrap}.nav-btn:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.nav-btn:hover .nav-btn-date{color:#fff}.nav-btn.active{background:#4caf50;color:#fff;box-shadow:0 5px 15px #4caf5066}.nav-btn.active .nav-btn-date{color:#fff}.nav-btn-title{font-size:1.3em;font-weight:400;margin-bottom:5px}.nav-btn-date{font-size:1em;opacity:.9;color:red;font-weight:700}.main-content{padding:10px 5px 20px}.lottery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #4CAF50}.period-info{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;min-width:0}.period{font-size:.9em;font-weight:700;color:#333;white-space:nowrap}.next-draw{font-size:.8em;color:red;white-space:nowrap;font-weight:700}.history-btn{padding:6px 12px;background:#f8f9fa;border:1px solid #4CAF50;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:.8em;white-space:nowrap;color:#4caf50}.history-btn:hover{background:#4caf50;color:#fff}.lottery-numbers{display:flex;justify-content:space-between;gap:1px;flex-wrap:nowrap;margin:10px 0;padding:5px 2px;width:100%}.ball-item{width:auto;text-align:center;flex:0 0 auto;flex-shrink:0}.ball{width:clamp(32px,12vw,50px);height:clamp(32px,12vw,50px);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(14px,5vw,20px);margin:0 auto 6px;border:clamp(2px,1vw,4px) solid #999}.ball.plus-sign{font-size:clamp(12px,4vw,18px);margin-top:0}.zodiac{font-size:clamp(10px,3vw,14px);font-weight:700;color:#333;text-align:center;width:100%;padding:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ball:hover{transform:scale(1.05)}.ball.red{background:#fff;color:#f44336;border:clamp(2px,.9vw,4px) solid #f44336}.ball.green{background:#fff;color:#4caf50;border:clamp(2px,.9vw,4px) solid #4CAF50}.ball.blue{background:#fff;color:#2196f3;border:clamp(2px,.9vw,4px) solid #2196F3}.ball.plus{width:clamp(14px,4vw,20px);height:clamp(32px,12vw,50px);display:flex;align-items:center;justify-content:center;font-size:clamp(16px,6vw,24px);font-weight:900;color:#999;flex:0 0 auto;flex-shrink:0;background:transparent;border:none;margin:0 auto 6px}.history-numbers .ball.plus{width:clamp(12px,3vw,16px);height:clamp(26px,8vw,38px);display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4vw,20px);font-weight:900;color:#999;flex:0 0 auto;flex-shrink:0;background:transparent;border:none;margin:0 auto 4px}.history-numbers .ball.red{background:#fff;color:#f44336;border:clamp(2px,1vw,4px) solid #f44336}.history-numbers .ball.green{background:#fff;color:#4caf50;border:clamp(2px,1vw,4px) solid #4CAF50}.history-numbers .ball.blue{background:#fff;color:#2196f3;border:clamp(2px,1vw,4px) solid #2196F3}.next-period{text-align:center;font-size:.9em;color:red;margin-top:10px;padding-top:8px;border-top:1px solid #4CAF50;font-weight:700}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px;margin:10px 0;padding:15px;background:#fff;border-radius:5px;border:1px solid #e0e0e0;min-height:200px}.link-item{padding:15px;background:#fff;text-align:center;border-radius:5px;text-decoration:none;color:#333;font-size:14px;transition:all .3s ease;border:1px solid #ddd;min-height:50px;display:flex;align-items:center;justify-content:center}.link-item:hover{background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.picture-section{margin-top:20px;padding:10px;background:#fff;border-radius:5px}.picture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.picture-item{border:1px solid #e0e0e0;border-radius:5px;overflow:hidden;background:#fff;transition:all .3s ease}.picture-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.picture-link{display:block;text-decoration:none;color:inherit}.picture-container{width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.picture-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.picture-item:hover .picture-img{transform:scale(1.05)}.picture-name{padding:8px 5px;text-align:center;font-size:.85em;color:#333;background:#fff;border-top:1px solid #e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-more{text-align:center;padding:15px;font-size:.9em;color:#4caf50;background:#f8f9fa;border-top:1px solid #e0e0e0;margin-top:10px}.no-more{text-align:center;padding:15px;font-size:.9em;color:#999;background:#f8f9fa;border-top:1px solid #e0e0e0;margin-top:10px}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:0}.image-preview-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;box-sizing:border-box;overflow:auto}.image-preview-close{position:fixed;top:20px;right:20px;background:#00000080;border:none;color:#fff;font-size:36px;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:50%;z-index:2001}.image-preview-close:hover{color:#4caf50;transform:scale(1.1);background:#000c}.image-preview-img{max-width:100vw;max-height:100vh;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-preview-name{position:fixed;bottom:20px;left:0;right:0;color:#fff;font-size:1.1em;text-align:center;padding:10px;background:#00000080}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000001a;z-index:1000;border-top:1px solid #e0e0e0}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#666;transition:all .3s ease}.nav-item.active,.nav-item:hover{color:#4caf50}.nav-icon{font-size:20px;margin-bottom:4px}.nav-text{font-size:12px;font-weight:500}.main-content{padding-bottom:70px}.lottery-info{background:#fff;padding:10px 5px;border-radius:0;box-shadow:none;margin-bottom:15px;border:2px solid #4CAF50;width:100%;max-width:100%;overflow:hidden}.footer{background:#f8f9fa;padding:20px;text-align:center;color:#666;border-top:1px solid #e0e0e0;margin-top:20px}.footer p{font-size:.9em}.history-content{padding:2px;min-height:100vh;background:#fff;position:relative}.back-btn-fixed{position:fixed;top:10px;left:10px;padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:all .3s ease;z-index:1000;box-shadow:0 2px 5px #0003}.back-btn-fixed:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:2px solid #4CAF50;padding:40px 10px 5px}.history-header h2{margin:0;color:#333;font-size:1.3em}.year-select{padding:5px 10px;font-size:.9em;border:1px solid #4CAF50;border-radius:5px;background:#fff;color:#333;cursor:pointer}.back-btn{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.8em;transition:all .3s ease}.back-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.history-body{min-height:500px;background:#fff;border:1px solid #e0e0e0;border-radius:0;padding:2px 2px 80px;color:#666;overflow-y:visible}.loading{text-align:center;padding:50px;font-size:1.2em;color:#4caf50}.no-data{text-align:center;padding:50px;font-size:1.2em;color:#666}.history-list{display:flex;flex-direction:column;gap:5px;padding-bottom:60px}.history-item{border:2px solid #4CAF50;border-radius:0;padding:5px 2px;background:#fff;margin-bottom:0}.history-item-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:3px}.history-item-header h3{margin:0;font-size:.9em;color:#333;display:flex;justify-content:space-between;width:100%}.history-date{font-size:.8em;color:#666;font-weight:400}.history-numbers{display:flex;justify-content:space-between;gap:0;flex-wrap:nowrap;margin:3px 0;padding:0;overflow-x:visible;width:100%;box-sizing:border-box}.history-numbers .ball-item{width:auto;text-align:center;flex:0 0 auto;flex-shrink:0}.history-numbers .ball{width:clamp(26px,8vw,38px);height:clamp(26px,8vw,38px);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(12px,3.5vw,16px);margin:0 auto 4px;border:clamp(2px,.8vw,3px) solid #999}.history-numbers .ball.plus-sign{font-size:clamp(12px,4vw,18px);margin-top:0}.history-numbers .zodiac{font-size:clamp(9px,2.5vw,12px);font-weight:700;color:#333;text-align:center;width:100%;padding:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-more{text-align:center;padding:15px;font-size:.9em;color:#4caf50;background:#f8f9fa;border-top:1px solid #e0e0e0;margin:10px 0}.load-more-btn{display:block;width:calc(100% - 20px);padding:12px 20px;margin:10px auto;background:#4caf50;color:#fff;border:none;border-radius:5px;font-size:1em;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.no-more{text-align:center;padding:15px;font-size:.9em;color:#999;background:#f8f9fa;border-top:1px solid #e0e0e0;margin:10px 0}@media(max-width:768px){.lottery-nav{flex-direction:row;overflow-x:auto}.nav-btn{flex:1;min-width:120px}.section-header{flex-direction:column;gap:10px;align-items:flex-start}.history-item{padding:5px;margin-bottom:0}.history-item-header h3{font-size:.8em}.history-date{font-size:.7em}.history-numbers{gap:0;margin:3px 0;padding:0}.history-numbers .ball-item{width:auto;text-align:center;flex:0 0 auto;flex-shrink:0}.history-numbers .ball{width:clamp(26px,8vw,38px);height:clamp(26px,8vw,38px);font-size:clamp(12px,3.5vw,16px)}.history-numbers .zodiac{font-size:clamp(10px,3vw,14px);padding:2px}}@media(max-width:480px){.nav-btn{min-width:100px;font-size:2.5vw;padding:1vw .5vw}.ball-item{width:auto;text-align:center;flex:0 0 auto;flex-shrink:0}.ball{width:clamp(32px,12vw,50px);height:clamp(32px,12vw,50px);font-size:clamp(14px,5vw,20px)}.zodiac{font-size:clamp(10px,3vw,14px)}.link-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;padding:12px;min-height:180px}.link-item{font-size:13px;min-height:45px;padding:12px}.picture-section{padding:5px}.picture-grid{gap:5px}.picture-name{font-size:.75em;padding:5px 3px}.lottery-info{padding:8px 2px}.next-period{font-size:.8em;margin-top:10px;padding-top:8px}.history-item{padding:4px;margin-bottom:0}.history-item-header h3{font-size:.75em}.history-date{font-size:.65em}.history-numbers{gap:0;margin:2px 0;padding:0}.history-numbers .ball-item{width:auto;text-align:center;flex:0 0 auto;flex-shrink:0}.history-numbers .ball{width:clamp(32px,12vw,50px);height:clamp(32px,12vw,50px);font-size:clamp(14px,5vw,20px)}.history-numbers .zodiac{font-size:clamp(10px,3vw,14px);padding:1px}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.loading-container{background:#fff;padding:40px 30px;border-radius:10px;text-align:center;min-width:200px;box-shadow:0 4px 20px #0000004d}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.2em;color:#333;margin-bottom:20px;font-weight:500}.loading-back-btn{padding:10px 30px;background:#4caf50;color:#fff;border:none;border-radius:5px;font-size:1em;cursor:pointer;transition:all .3s ease}.loading-back-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.nav-item{cursor:pointer;transition:all .3s ease}.nav-item:hover{background:#4caf501a}.nav-item:active{transform:scale(.95)}.customer-service{cursor:pointer;transition:all .3s ease}.customer-service:hover{color:#4caf50}.draw-fast-text{font-size:clamp(14px,5vw,20px);font-weight:800;color:#4caf50;text-align:center;line-height:1.2;word-break:break-all;padding:2px}