.lottery-page{--lottery-green:var(--primary-color);--lottery-muted:rgba(var(--muted-rgb),0.7);--lottery-surface:var(--sidebar);--lottery-surface-2:var(--deep);--lottery-border:var(--surface-2);width:100%;padding:16px 16px 40px}@media (min-width:768px){.lottery-page{padding:20px 24px 48px}}.lottery-header{height:332px;border-radius:20px;background-color:rgba(0,0,0,.3);background-image:url(/icons/banner.a6e03510.png);background-size:auto 100%;background-position:50%;background-repeat:no-repeat;overflow:hidden;margin-bottom:0}.lottery-header .lottery-green{color:var(--lottery-green);font-weight:800}.lottery-header .wrap{padding:15px;height:282px;position:relative;background-image:url(/icons/banner_1.838b0b15.png),url(/icons/banner_2.8d6d7d1c.png);background-position:0 100%,100% 100%;background-size:40% auto,40% auto;background-repeat:no-repeat}.lottery-header .period{display:flex;align-items:center;color:var(--lottery-muted);font-size:14px}.lottery-header .period span{color:#fff;font-weight:700;margin-left:4px}.lottery-header .fairness,.lottery-header .rule{position:absolute;top:15px;font-size:14px;line-height:1.6;color:var(--lottery-green);background:none;border:none;cursor:pointer;padding:0;text-decoration:none}.lottery-header .fairness:hover,.lottery-header .rule:hover{color:#6ace24}.lottery-header .rule{right:130px}.lottery-header .fairness{right:15px}.lottery-header .cont{text-align:center;color:#fff;position:absolute;top:175px;left:50%;width:270px;white-space:nowrap;margin-left:-135px}.lottery-header .next-time{width:216px;margin:0 auto}.lottery-header .next-time .txt{color:#ffbf39;height:20px;line-height:20px;font-size:14px}.lottery-header .next-time .time{display:flex;align-items:center;justify-content:center;font-size:24px;line-height:24px;margin-top:3px;font-weight:800;letter-spacing:2px;color:#fff}.lottery-header .next-time .time span{display:inline-block}.lottery-header .btn-buy{margin:8px auto 0;width:216px;height:48px;border:none;border-radius:24px;cursor:pointer;background:linear-gradient(90deg,#ffbf39,#ff8a00);color:#1a1200;box-shadow:0 2px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.35);transition:filter .15s ease}.lottery-header .btn-buy:hover:not(:disabled){filter:brightness(1.08)}.lottery-header .btn-buy:disabled{opacity:1;color:#f8d18a;cursor:not-allowed;filter:grayscale(.2) brightness(.75)}.lottery-header .btn-ticket .tit{font-size:15px;font-weight:800;line-height:1.1}.lottery-header .btn-ticket .sub-tit{font-size:12px;font-weight:400;opacity:.9}.lottery-header .desc{height:50px;display:flex;align-items:center;justify-content:space-between;padding:13px 18px 18px 15px;font-size:12px}.lottery-header .desc .sp{color:var(--lottery-muted)}.lottery-header .desc .buyer{color:var(--lottery-muted);display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lottery-header .desc .buyer:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lottery-green);flex-shrink:0}@media (max-width:767px){.lottery-header{background-image:url(/icons/banner_mobile.20561a0b.png);background-size:100% auto;background-position:top;height:435px}.lottery-header .wrap{background-image:none;height:330px}.lottery-header .cont{top:auto;bottom:10px}.lottery-header .btn-buy{width:200px}.lottery-header .desc{margin-top:10px;height:70px;padding:0 12px;text-align:center;flex-direction:column-reverse;justify-content:center;gap:6px}.lottery-header .rule{right:110px}}.lottery-tabs{margin-top:40px}.lottery-tabs-navs{position:relative;display:flex;width:min(100%,380px);margin-left:10px}.lottery-tabs-navs button{flex:1;border:none;background:transparent;color:var(--lottery-muted);font-size:14px;font-weight:600;padding:10px 8px 14px;cursor:pointer;position:relative;white-space:nowrap}.lottery-tabs-navs button.is-active{color:#fff}.lottery-tabs-navs .bg{position:absolute;bottom:0;height:2px;background:var(--lottery-green);transition:left .2s ease,right .2s ease;pointer-events:none}.lottery-tabs-view{background-color:var(--lottery-surface);margin-top:10px;border-radius:20px;overflow:hidden}.lottery-table-wrap{padding:18px}@media (max-width:767px){.lottery-table-wrap{padding:10px}}.lottery-gameno{display:flex;align-items:center;border-bottom:1px solid var(--lottery-border);min-height:64px;padding:0 18px;flex-wrap:wrap;gap:8px}.lottery-gameno .game-no{color:var(--lottery-muted);font-size:14px}.lottery-gameno-control{display:flex;align-items:center;margin-left:20px;gap:0;flex-wrap:wrap}.lottery-gameno-control .nav-btn{width:24px;height:24px;margin:0 5px;border:none;border-radius:6px;background-color:rgba(45,48,53,.8);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.lottery-gameno-control .nav-btn:disabled{opacity:.35;cursor:not-allowed}.lottery-gameno-control .nav-btn.pre{transform:scaleX(-1)}.lottery-gameno-control .select-trigger{min-width:140px;line-height:38px;height:40px;text-align:center;margin:0 6px;border-radius:10px;border:1px solid #2d3035;padding:0 36px 0 10px;background-color:rgba(45,48,53,.5);color:#fff;font-weight:700;font-size:14px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.lottery-gameno-control .select-trigger:focus{outline:none;border-color:rgba(67,179,9,.4)}.lottery-gameno-control .time{margin-left:36px;white-space:nowrap;color:var(--lottery-muted);font-size:13px}.lottery-gameno .fairness-icon{margin-left:auto;border:none;background:transparent;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .15s ease}.lottery-gameno .fairness-icon:hover{opacity:1}.lottery-gameno .fairness-icon img{width:22px;height:22px;object-fit:contain}@media (max-width:767px){.lottery-gameno{display:block;position:relative;padding:18px 16px 23px;height:auto}.lottery-gameno .game-no{color:#fff}.lottery-gameno-control{margin:16px 0 0}.lottery-gameno-control .select-trigger{min-width:auto;width:135px}.lottery-gameno-control .time{margin-left:auto}.lottery-gameno .fairness-icon{position:absolute;right:16px;top:18px}}.lottery-lucky{width:50%;max-width:532px;min-width:min(100%,320px);position:relative;margin:6px auto 24px}.lottery-lucky .jackpot-bg{width:100%;display:block}.lottery-lucky .nums{width:58%;left:26%;top:0;position:absolute}.lottery-lucky .nums,.lottery-lucky .nums .ball{display:flex;align-items:center;justify-content:center;height:100%}.lottery-lucky .nums .ball{flex:1;position:relative}.lottery-lucky .nums .ball img{height:70%;position:absolute;top:15%;left:50%;transform:translateX(-50%);width:auto}.lottery-lucky .nums .ball .num{color:#000;position:relative;z-index:1;font-weight:800;font-size:16px}.lottery-lucky .jackpot-num{position:absolute;height:70%;top:15%;right:4%}.lottery-lucky .jackpot-num img{display:block;height:100%;width:auto}.lottery-lucky .jackpot-num .num{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;color:#000;z-index:1;font-weight:800;font-size:16px}.lottery-lucky-pending{text-align:center;padding:24px 16px;color:var(--lottery-muted);font-size:14px}@media (max-width:767px){.lottery-lucky{width:100%;max-width:none;min-width:0;margin:6px 0 16px}.lottery-lucky .nums{width:80%;left:0;height:75px;top:auto;bottom:0;padding:0 10px}.lottery-lucky .nums .ball img{width:50px;height:50px;top:15%}.lottery-lucky .jackpot-num{height:75px;top:auto;bottom:0;right:35px;display:flex;align-items:center}.lottery-lucky .jackpot-num img{height:50px}}.lottery-winners{padding:0}.lottery-winners .wrap{background-color:var(--lottery-surface-2);border-radius:20px;padding-top:18px;margin:0}.lottery-winners .top{display:flex;align-items:center;justify-content:space-between;padding:0 24px 12px;gap:12px;flex-wrap:wrap}.lottery-winners .sub-tit{font-weight:700;color:#fff;font-size:15px}.lottery-winners .sub-txt{color:var(--lottery-muted);font-size:13px}.lottery-winners .sub-txt span{font-weight:700;color:#fff;margin-left:8px}.lottery-table{width:100%;border-collapse:collapse;table-layout:auto;background-color:var(--lottery-surface-2);border-radius:20px;padding:4px 12px 9px}.lottery-table thead tr th{color:var(--lottery-muted);white-space:nowrap;padding:0 12px 9px;font-size:12px;font-weight:500;text-align:left}.lottery-table tbody td{color:#fff;padding:12px;font-size:13px;border-top:1px solid hsla(0,0%,100%,.04);vertical-align:middle}.lottery-table .green-word{color:var(--lottery-green);font-weight:700}.lottery-user{display:flex;align-items:center;gap:12px}.lottery-user .avatar{width:42px;height:42px;border-radius:50%;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.lottery-draw-balls,.lottery-user .avatar{display:flex;align-items:center;justify-content:center}.lottery-draw-balls .ball{width:26px;height:26px;border-radius:50%;opacity:.5;background-color:#6e7883;margin:0 3.5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.lottery-draw-balls .ball.active{opacity:1}.lottery-draw-balls .ball.jackpot-ball{margin-left:12px;background-color:#43b309;color:#0a1a00}.lottery-draw-balls .ball.jackpot-ball:not(.active){opacity:.45;background-color:#6e7883;color:#fff}.lottery-empty{padding:48px 18px 56px;text-align:center;color:var(--lottery-muted);font-size:14px;min-height:200px;display:flex;align-items:center;justify-content:center}.lottery-panel-pad{padding:0}.lottery-nums-row{display:flex;align-items:center;justify-content:center;gap:8px}.lottery-nums-row .quantity{flex:none;margin-left:8px;color:#fff;font-size:13px;white-space:nowrap}.lottery-howto{margin-top:40px}.lottery-howto>.title{font-size:20px;line-height:36px;margin:0 0 10px 18px;color:#fff;font-weight:800;letter-spacing:.02em}.lottery-howto-grid{display:flex;gap:14px}.lottery-howto .item{flex:1;border-radius:20px;text-align:center;padding:15px 30px;height:258px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lottery-howto .item.col-1{background-image:linear-gradient(146deg,#931792 -80%,#18191c 30%)}.lottery-howto .item.col-2{background-image:linear-gradient(146deg,#0ae438 -80%,#18191c 30%)}.lottery-howto .item.col-3{background-image:linear-gradient(146deg,#ff6060 -80%,#18191c 30%)}.lottery-howto .item img{height:110px;width:auto;object-fit:contain;margin-bottom:8px}.lottery-howto .item .tit{font-size:18px;height:36px;line-height:36px;color:#fff;font-weight:800;white-space:nowrap}.lottery-howto .item .cont{color:var(--lottery-muted);line-height:20px;margin:7px auto;max-width:271px;font-size:13px}@media (max-width:767px){.lottery-howto-grid{flex-direction:column}.lottery-howto .item{height:auto;padding:20px 30px}.lottery-howto .item img{height:145px}}.lottery-rules{margin-top:40px}.lottery-rules>.title{font-size:20px;line-height:36px;margin:0 0 0 18px;color:#fff;font-weight:800}.lottery-rules .cont{border-top-left-radius:20px;border-top-right-radius:20px;padding:20px;background:#1e2023}.lottery-rules .table{width:100%;border-collapse:collapse;border-radius:10px;min-height:300px;background:#191b1e;overflow:hidden}.lottery-rules .table th{padding:12px 30px;text-align:left;color:var(--lottery-muted);font-size:12px;font-weight:500}.lottery-rules .table td{padding:12px 30px;border-top:1px solid var(--sidebar);vertical-align:middle}.lottery-rules .matches{color:#fff;position:relative;font-size:14px}.lottery-rules .big-prize .matches{color:var(--lottery-green);font-style:italic;line-height:15px;font-weight:800;padding-left:30px}.lottery-rules .big-prize .matches .crown{height:28px;width:28px;position:absolute;left:2px;top:50%;margin-top:-14px;animation:lottery-crown-spin 5s linear infinite}.lottery-rules .prize{font-size:14px;font-weight:700;color:#fff}.lottery-rules .big-prize .prize{color:var(--lottery-green);font-style:italic;font-weight:800}.lottery-rules .prize .bonus-icon{height:16px;width:auto;margin:3px 10px 0 0;display:inline-block;vertical-align:top}.lottery-rules .prize .star-img{display:inline-block;height:14px;width:14px;margin:4px 0 0 6px;vertical-align:top;background:radial-gradient(circle at 50% 50%,#ffe566 0,#f5c400 60%,transparent 70%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.lottery-rule-balls{display:flex;align-items:center;width:200px;height:40px;position:relative;padding:0 5px}.lottery-rule-balls .ball{width:23px;height:23px;margin:0 3.5px;opacity:.5;object-fit:contain}.lottery-rule-balls .ball.active{opacity:1}.lottery-rule-balls .ball.jackpot-ball{margin-left:12px}@keyframes lottery-crown-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lottery-instructions{padding:40px 30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;position:relative;background:#1e2023;overflow:hidden}.lottery-instructions #lottery_rule{position:absolute;top:-200px}.lottery-instructions .tit{color:#fff;margin-bottom:11px;font-weight:800;font-size:15px}.lottery-instructions .cont{margin-bottom:38px}.lottery-instructions .li{color:var(--lottery-muted);font-size:13px;line-height:1.6;margin-bottom:6px}.lottery-instructions .li:before{content:"• "}.lottery-instructions .btn{width:175px;height:48px;line-height:48px;background-color:#2e323a;color:var(--lottery-green);border:none;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px}.lottery-instructions .btn:hover{background-color:#3a404a}.lottery-ticket-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.04);padding:12px 16px}.lottery-ticket-row+.lottery-ticket-row{margin-top:8px}