:root{--sky:#8dc7f5;--blue:#0b84e8;--deep:#004bbb;--red:#f21b12;--green:#13b629;--orange:#ff9800;--ink:#141414;--line:#9bcdf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf5fb;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}.site{width:min(100%,760px);min-height:100vh;margin:auto;background:#fff;box-shadow:0 0 25px rgba(20,83,132,.14)}a{color:inherit;text-decoration:none}.masthead{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--sky)}.logo{position:relative;display:flex;align-items:flex-end;line-height:.85;font-style:italic;filter:drop-shadow(1px 2px 0 #fff)}.logo strong{color:#002fff;font-size:50px;letter-spacing:-5px}.logo b{margin-left:3px;color:#f11313;font-size:27px}.logo span{position:absolute;left:145px;top:2px;color:#0753b8;font-size:16px;font-weight:900;writing-mode:vertical-rl;letter-spacing:3px}.logo-stamp{padding:2px 5px;border:3px solid #fff;background:#ef1717;color:#fff;font-size:16px;font-weight:900;line-height:1;text-align:center;box-shadow:0 0 0 2px #ef1717}.channel-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#fff}.channel{height:47px;border:0;border-radius:0 0 18px 18px;background:#eee;color:#111;font-size:20px;font-weight:900;cursor:pointer}.channel i{margin-right:4px;color:#167ee7;font-style:normal;font-size:15px}.channel:nth-child(3) i,.channel:nth-child(4) i{color:#f22}.channel.active{background:#55b7e9;color:#fff}.channel.active i{color:#0a9d50}.quick-draw{height:42px;display:grid;grid-template-columns:145px 1fr 30px;align-items:center;border-bottom:1px solid #b8d8ef}.quick-label{display:flex;flex-direction:column;align-items:center;font-size:13px;line-height:1}.quick-label a{margin-top:4px;color:#ff230f;font-weight:800}.quick-numbers{display:grid;grid-template-columns:repeat(7,1fr);height:42px}.quick-ball{display:grid;place-items:center;border-right:1px solid #d5d5d5;font-weight:900}.quick-ball b{align-self:end;width:100%;padding:2px 0;text-align:center;color:#fff;font-size:18px}.quick-ball small{align-self:start;font-size:15px}.quick-ball.red b{background:#f01914}.quick-ball.green b{background:#13b52a}.quick-ball.blue b{background:#268ae5}.mini-refresh{height:42px;padding:0;border:0;background:#ffeb00;color:#f30;font-weight:900;writing-mode:vertical-rl;cursor:pointer}.hero-banner{position:relative;height:238px;margin:0 10px;overflow:hidden;border:1px solid #72bffc;background:#c9e8ff}.hero-banner>img{width:100%;height:100%;object-fit:cover}.hero-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 22%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.48) 100%)}.hero-logo{position:absolute;z-index:2;right:38px;top:54px;text-align:center;text-shadow:0 2px 0 #fff}.hero-logo strong{color:#0789f4;font-size:76px;letter-spacing:-7px}.hero-logo b{color:#070707;font-size:50px}.hero-logo p{margin:-2px 0 0;color:#1557b7;font-size:24px;font-weight:800}.hero-logo p em{color:#047ce3;font-style:normal}.nav-pill{position:absolute;z-index:3;right:30px;top:26px;padding:7px 12px 7px 22px;border-radius:22px;background:linear-gradient(#27aaff,#0079e4);color:#fff;font-size:19px;font-weight:900;box-shadow:0 2px 4px #fff}.nav-pill i{font-style:normal}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:6px 10px;padding:6px 12px;border:2px solid #82c5f4;border-radius:12px}.shortcut{height:152px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;font-weight:900;overflow:hidden}.shortcut.refund{background:radial-gradient(circle at 50% 20%,#fff,#e3f4ff 65%,#8fc8f6);color:#052d5b}.shortcut.refund span{font-size:27px}.shortcut.refund strong{color:#f01414;font-size:49px}.shortcut.refund small{color:#1268d7}.shortcut.red{background:#ef0908;color:#fff}.shortcut.red strong{font-size:49px;line-height:.9}.shortcut.red span{font-size:28px}.shortcut.red.second strong{font-size:54px}.shortcut.red.second strong span{color:#ffea00}.shortcut.blue{background:linear-gradient(#7fb5ff,#0755e8 68%,#fff 69%);color:#fff}.shortcut.blue strong{font-size:83px;line-height:.85}.shortcut.blue span{margin-top:26px;color:#176ce5;font-size:31px}.tips{margin:0 10px;border:1px solid #fff;background:#00f51c}.tips a{display:block;padding:10px 4px;border-bottom:1px solid #fff;text-align:center;font-size:27px;font-weight:900}.draw-card{margin:2px 10px 0;border:1px solid #8cc8f2}.draw-alert{padding:3px;background:linear-gradient(#fff,#cfe8fa);text-align:center;font-size:25px;font-weight:900}.draw-alert em,.draw-alert strong{color:red;font-style:normal}.draw-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:4px 3px;font-size:20px}.draw-head em,.draw-head a{color:red;font-style:normal}.draw-head time{font-size:24px;font-weight:900}.draw-head a{text-align:right}.draw-balls{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}.draw-ball{width:calc((100% - 50px)/7);border-radius:5px;color:#fff;text-align:center;overflow:hidden}.draw-ball b{display:block;padding:4px 0 0;font-size:37px;line-height:1}.draw-ball small{display:block;margin:5px;background:#fff;color:#222;font-size:15px}.draw-ball.red{background:#f11b10}.draw-ball.green{background:#16b928}.draw-ball.blue{background:#2787df}.draw-plus{font-size:42px;font-weight:900}.next-draw{position:relative;padding:5px 2px;font-size:20px}.next-draw em{color:red;font-style:normal}.next-draw button{position:absolute;right:2px;bottom:3px;border:0;border-radius:5px;background:var(--orange);color:#fff;font-size:18px;cursor:pointer}.materials{padding:20px 10px;background:#f4f8fc}.materials-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px;padding:0 3px}.materials-head small{color:#187fd4;font-weight:900;letter-spacing:1px}.materials-head h1{margin:2px 0 0;font-size:27px}.materials-head>span{color:#5d6c7c;font-size:13px}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-card{min-width:0;overflow:hidden;border:1px solid #d7e4ee;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(31,76,110,.08)}.material-card button{width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}.material-card img{display:block;width:100%;aspect-ratio:1.36;object-fit:cover;background:#eef3f7}.material-copy{display:block;padding:9px}.material-copy h2{margin:0 0 4px;overflow:hidden;color:#172333;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.material-copy p{margin:0;color:#718091;font-size:12px}.empty{padding:40px;text-align:center;color:#777}footer{display:flex;justify-content:space-between;padding:20px 12px;color:#768697;font-size:12px}footer a{color:#087bd4}.viewer{width:min(94vw,720px);padding:12px;border:0;border-radius:12px}.viewer::backdrop{background:rgba(0,0,0,.76)}.viewer img{display:block;max-width:100%;max-height:75vh;margin:auto}.viewer h2{margin:10px 0 2px}.viewer p{margin:0;color:#687789}.viewer-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.66);color:#fff;font-size:25px;cursor:pointer}@media(max-width:620px){body{background:#fff}.masthead{height:54px}.logo strong{font-size:43px}.logo b{font-size:23px}.logo span{left:126px}.channel{height:43px;font-size:17px}.quick-draw{grid-template-columns:94px 1fr 27px}.quick-label{font-size:11px}.quick-ball b{font-size:15px}.quick-ball small{font-size:12px}.hero-banner{height:170px;margin:0}.hero-logo{right:16px;top:53px}.hero-logo strong{font-size:50px}.hero-logo b{font-size:32px}.hero-logo p{font-size:15px}.nav-pill{right:10px;top:12px;font-size:15px}.shortcut-grid{gap:8px;margin:5px 3px;padding:5px}.shortcut{height:100px;border-radius:16px}.shortcut.refund span{font-size:17px}.shortcut.refund strong{font-size:32px}.shortcut.red strong{font-size:30px}.shortcut.red span{font-size:18px}.shortcut.red.second strong{font-size:35px}.shortcut.blue strong{font-size:52px}.shortcut.blue span{margin-top:17px;font-size:20px}.tips{margin:0 3px}.tips a{padding:8px 2px;font-size:19px}.draw-card{margin:2px 3px}.draw-alert{font-size:18px}.draw-head{font-size:15px}.draw-head time{font-size:18px}.draw-ball b{font-size:25px}.draw-ball small{margin:3px 2px;font-size:11px}.draw-plus{font-size:28px}.next-draw{font-size:15px}.material-grid{gap:8px}.material-copy{padding:7px}.material-copy h2{font-size:13px}}
