:root{color:#153d35;font-synthesis:none;letter-spacing:0;--green:#43a66d;--deep:#267a55;--mint:#b9e1cd;--cyan:#89d3dc;background:#dfe7e6;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.site-shell{background:#f7f9f8;width:min(100%,540px);min-height:100vh;margin:auto;box-shadow:0 0 20px #183c3426}.brand-header{color:#fff;background:linear-gradient(#4eae75,#3c9362);border:2px solid #9dd4b6;border-radius:40px;flex-direction:column;margin:20px 7px 12px;padding:12px 20px;display:flex;box-shadow:0 7px #dbe9e1}.brand-header strong{font-size:21px}.brand-header span{font-size:16px}.game-tabs{grid-template-columns:repeat(3,1fr);gap:7px;padding:4px 7px 14px;display:grid}.game-tabs button{color:#155d43;cursor:pointer;background:linear-gradient(#fff,#f1faf6);border:1px solid #a9ddbf;border-radius:18px;height:47px;font-size:17px;font-weight:800}.game-tabs button.active{color:#fff;background:#43a66d;border-color:#43a66d}.hero-carousel{background:#ddd;border-radius:20px;height:210px;margin:0 6px 16px;position:relative;overflow:hidden}.hero-carousel:after{content:"";background:linear-gradient(#0000,#47332db8);height:88px;position:absolute;inset:auto 0 0}.hero-carousel img{object-fit:cover;width:100%;height:100%}.hero-carousel>b{z-index:1;color:#fff;font-size:18px;position:absolute;bottom:17px;left:18px}.dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:18px;right:16px}.dots i{background:#ddd;border-radius:50%;width:9px;height:9px}.dots i.active{background:#fff;border-radius:8px;width:22px}.draw-panel,.site-nav,.history-card{border:2px solid var(--cyan);background:#fff;border-radius:24px;margin:0 6px 16px;padding:16px}.draw-title{justify-content:space-between;align-items:flex-start;display:flex}.draw-title b{color:#07839b;font-size:16px}.draw-title h1{color:#082c3d;margin:5px 0 0;font-size:25px}.draw-title>div:last-child{text-align:right}.draw-title time{color:#805500;background:#ffe7a4;border-radius:20px;padding:5px 13px;font-weight:800;display:block}.draw-title span{color:#4b7c8d;margin-top:7px;font-weight:700;display:block}.balls{justify-content:center;align-items:flex-start;gap:7px;margin:27px 0 15px;display:flex}.ball-wrap{text-align:center;flex:0 0 43px}.ball{color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:grid;box-shadow:0 3px 7px #163e3533,inset 0 -3px #0002}.ball-wrap small{color:#666;white-space:nowrap;margin-top:3px;font-size:13px;display:block}.red{background:#ef5350}.blue{background:#409bd8}.green{background:#3ab273}.plus{color:#888;place-items:center;height:42px;font-size:22px;font-weight:800;display:grid}.draw-meta{color:#477185;grid-template-columns:1fr 1.35fr 1.35fr;gap:9px;font-size:13px;font-weight:700;display:grid}.draw-meta span{min-width:0}.draw-meta b{color:#417988;display:block}.action-row{grid-template-columns:1fr 1fr;gap:10px;margin:0 6px 16px;display:grid}.action-row button{color:#165c43;cursor:pointer;background:#fff;border:2px solid #9bd4ae;border-radius:22px;height:64px;font-size:17px;font-weight:800}.action-row .primary{color:#fff;background:#42a76d;border-color:#42a76d}.site-nav{padding:17px}.nav-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.nav-head b{color:#087689;font-size:18px}.nav-head span{color:#658b98;font-size:13px}.nav-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.nav-grid button{color:#266249;cursor:pointer;background:linear-gradient(#fff,#edf9f6);border:1px solid #abdcc2;border-radius:15px;min-height:48px;font-weight:700}.nav-grid button:first-child{color:#fff;background:#42a76d}.material-block{background:#fff;border:1px solid #cfe3db;border-radius:18px;margin:0 6px 16px;scroll-margin-top:10px;overflow:hidden;box-shadow:0 2px 8px #174d3a0d}.material-head{border-top:4px solid #43a66d;padding:14px 16px 11px}.serial{color:#6d9b8d;font-size:12px}.title-line{justify-content:space-between;align-items:center;display:flex}.title-line span{color:#7ca094;font-size:12px}.rule-panel{background:#f4faf7;border-top:1px solid #dbeae4;border-bottom:1px solid #dbeae4;padding:12px 15px}.rule-panel>b{color:#4f7d6d;font-size:13px}.rule-values{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.rule-values span{background:#fff;border:1px solid #c4dfd3;border-radius:10px;padding:3px 8px;font-size:12px}.material-record{border-bottom:1px solid #e4eeea;grid-template-columns:48px 1fr 85px 42px;align-items:center;gap:7px;padding:10px 13px;display:grid}.material-record>strong{color:#087f71}.prediction-values{flex-wrap:wrap;gap:4px;display:flex}.prediction-values span{background:#edf8f3;border-radius:8px;padding:2px 6px;font-size:12px}.open-value{color:#67857c;font-size:11px;overflow:hidden}.open-value b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.material-record em{border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;font-weight:800;display:grid}.material-record em.hit{color:#13833b;background:#dff5e5}.material-record em.miss{color:#c52a24;background:#fde1df}.material-record em.pending{color:#886100;background:#fff2c9}.material-empty,.empty{text-align:center;color:#97a9a3;padding:34px 8px}.history-card h2,.attribute-section h2{color:#117a69;margin:0 0 14px}.history-card article{border-bottom:1px solid #e2ece8;grid-template-columns:95px 1fr 28px;align-items:center;gap:5px;padding:11px 0;display:grid}.history-card article small{color:#87a097;display:block}.mini-balls{gap:3px;display:flex}.mini-balls span{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.attribute-section{margin:0 6px}.attribute-section img{border-radius:15px;width:100%;margin-bottom:12px;display:block}.error{color:#b3221d;background:#fff0ef;border:1px solid #efb2ad;border-radius:10px;margin:0 7px 12px;padding:11px}footer{text-align:center;color:#7c9a90;padding:18px 10px 28px;font-size:12px}@media (width<=430px){.draw-panel{padding:14px 10px}.draw-title h1{font-size:21px}.balls{gap:3px}.ball-wrap{flex-basis:36px}.ball{width:35px;height:35px;font-size:15px}.plus{height:35px}.nav-grid{gap:6px}.nav-grid button{font-size:13px}.material-record{grid-template-columns:43px 1fr 62px 38px;padding-inline:9px}.open-value{max-width:62px}}.image-record{grid-template-columns:70px 1fr 42px;align-items:start;padding:12px}.image-record>strong{padding-top:8px;font-size:17px}.image-record .open-value{color:#08758b;grid-column:2/3;font-size:13px}.image-record>em{grid-area:1/3;margin-top:4px}.material-visual{color:#fff;background-position:50%;background-size:cover;border-radius:15px;grid-column:2/3;min-height:190px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.material-visual>b{text-shadow:0 1px 3px #000;font-size:17px}.visual-predictions{white-space:nowrap;color:#fff;background:#159c4c;border-radius:22px;gap:2px;padding:8px 14px;font-weight:800;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.visual-predictions.miss{background:#e02525}.visual-predictions.pending{background:#b88613}.visual-predictions span:not(:last-child):after{content:"/"}@media (width<=430px){.image-record{grid-template-columns:62px 1fr 38px;padding-inline:8px}.material-visual{min-height:165px}}html,body,#app{width:100%;max-width:100%;overflow-x:hidden}body{padding-top:env(safe-area-inset-top,0)}button{-webkit-tap-highlight-color:transparent}button:active{filter:none;box-shadow:none}.site-shell{overflow-x:hidden}.brand-header{border-radius:34px;min-height:62px;margin:6px 5px 8px;padding:7px 18px;box-shadow:0 5px #dbe9e1}.brand-header strong{font-size:19px;line-height:1.25}.brand-header span{font-size:14px;line-height:1.25}.game-tabs{gap:7px;padding:3px 5px 10px}.game-tabs button{border-radius:16px;height:42px;font-size:16px}.hero-carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:16px;height:178px;margin:0 5px 12px}.hero-carousel:active{cursor:grabbing}.banner-track{height:100%;transition:transform .32s;display:flex}.banner-track img{object-fit:cover;pointer-events:none;flex:0 0 100%;width:100%;height:100%}.hero-carousel>b{font-size:16px;bottom:13px;left:16px}.dots{bottom:13px;right:14px}.dots button{cursor:pointer;background:#ddd;border:0;border-radius:50%;width:8px;height:8px;padding:0}.dots button.active{background:#fff;border-radius:8px;width:21px}.material-block{border:2px solid #8fd4dc;border-radius:24px;max-width:calc(100% - 12px)}.material-head{background:linear-gradient(135deg,#f6f7df,#dff4f7);border-top:0;padding:16px 18px 13px}.serial{color:#007c95;font-size:14px;font-weight:800}.title-line{display:block}.title-line h2{color:#073a4a;margin:4px 0 10px;font-size:27px}.title-line span{color:#075f75;background:#fff;border:1px solid #8fd4dc;border-radius:18px;padding:5px 14px;font-size:14px;font-weight:800;display:inline-block}.rule-panel{background:#fff;padding:13px 16px 16px}.rule-panel>b{color:#006d84;align-items:center;gap:7px;font-size:16px;display:flex}.rule-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:13px;display:grid}.rule-detail-grid>div{align-items:flex-start;gap:8px;min-width:0;display:flex}.rule-detail-grid span{color:#00637b;background:#edf8fa;border:1px solid #cce8ee;border-radius:14px;flex:none;padding:2px 9px;font-weight:800}.rule-detail-grid strong{color:#174b5c;word-break:break-word;min-width:0;font-size:14px;line-height:1.8}.material-record:not(.image-record){grid-template-columns:70px minmax(0,1fr) 44px;align-items:start;gap:7px 10px;padding:14px}.material-record:not(.image-record)>strong{color:#284f59;grid-area:1/1;font-size:18px;line-height:1.8}.material-record:not(.image-record) .prediction-values{grid-area:1/2;align-items:center;gap:7px;min-width:0}.prediction-values span{background:0 0;border-radius:0;padding:1px 2px;font-size:17px;font-weight:800;line-height:1.75}.prediction-values .tone-red,.open-value .tone-red{color:#f0443d}.prediction-values .tone-blue,.open-value .tone-blue{color:#1582c4}.prediction-values .tone-green,.open-value .tone-green{color:#169c61}.prediction-values .tone-gold,.open-value .tone-gold{color:#d89b00}.prediction-values .tone-earth,.open-value .tone-earth{color:#8b6a22}.prediction-values .tone-default,.open-value .tone-default{color:#98612c}.prediction-values .matched{background:#fffce0;outline:2px solid #ffd84f;box-shadow:0 0 15px #ffd84f99}.material-record:not(.image-record) .open-value{color:#1d6677;flex-wrap:wrap;grid-area:2/2;align-items:center;gap:4px;min-width:0;max-width:none;font-size:15px;font-weight:800;display:flex}.open-value small{font-size:15px;font-weight:800}.open-value b{white-space:normal;display:inline;overflow:visible}.open-value span{color:#287086}.material-record:not(.image-record)>em{grid-area:1/3;width:42px;height:42px;font-size:16px}.image-record{grid-template-columns:72px minmax(0,1fr) 44px;padding:13px 12px}.image-record>strong{color:#284f59;font-size:18px}.image-record .open-value{flex-wrap:wrap;gap:4px;max-width:none;font-size:15px;font-weight:800;display:flex}.material-visual{max-width:100%;min-height:220px}.visual-predictions{text-overflow:ellipsis;max-width:calc(100% - 20px);font-size:16px;overflow:hidden}.attribute-section{margin:0;padding:4px 10px 20px}.attribute-section img{border-radius:18px;box-shadow:0 2px 8px #1233}.back-to-top{z-index:20;color:#fff;cursor:pointer;background:#43a66d;border:0;border-radius:26px;height:50px;padding:0 20px;font-size:15px;font-weight:800;position:fixed;bottom:24px;right:max(14px,50vw - 256px);box-shadow:0 7px 22px #174d3a4d}.app-loading{z-index:50;color:#24664c;background:#ffffffb8;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex;position:fixed;inset:0}.app-loading span{border:4px solid #b9dfcf;border-top-color:#27845b;border-radius:50%;width:38px;height:38px;animation:.7s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}@media (width<=430px){.hero-carousel{height:158px}.draw-panel{border-radius:20px}.material-head{padding:14px}.title-line h2{font-size:24px}.rule-detail-grid{gap:9px 10px}.rule-detail-grid strong{font-size:13px}.material-record:not(.image-record){grid-template-columns:58px minmax(0,1fr) 40px;padding-inline:10px}.material-record:not(.image-record)>strong{font-size:16px}.prediction-values span{font-size:15px}.image-record{grid-template-columns:58px minmax(0,1fr) 40px}.material-visual{min-height:185px}.back-to-top{bottom:18px;right:10px}}.game-tabs button{white-space:nowrap;font-size:15px}@media (width<=430px){.game-tabs button{font-size:13px}}.lottery-balls{grid-template-columns:repeat(6,minmax(0,1fr)) 18px minmax(0,1fr);align-items:start;gap:4px;width:100%;display:grid}.lottery-balls .ball-wrap{flex-direction:column;align-items:center;width:auto;min-width:0;display:flex}.lottery-balls .ball-meta{color:#5d6e69;white-space:nowrap;justify-content:center;gap:2px;width:100%;font-size:12px;display:flex}.lottery-balls .ball-meta i{color:#9a9a9a;font-style:normal}.lottery-balls .plus{width:auto}.history-card{overflow:hidden}.history-card article{padding:14px 0;display:block}.history-head{color:#164b59;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-head b{font-size:18px}.history-head small{color:#668995;font-size:12px}.mini-balls{margin:0}.mini-balls .ball{width:36px;height:36px;font-size:14px}.mini-balls .plus{height:36px;font-size:18px}.mini-balls .ball-meta{margin-top:4px;font-size:10px}.mini-balls .ball-meta span{color:#5d6e69;width:auto;height:auto;font-size:inherit;background:0 0;border-radius:0;display:inline}@media (width<=430px){.lottery-balls{grid-template-columns:repeat(6,minmax(0,1fr)) 13px minmax(0,1fr);gap:2px}.lottery-balls .ball{width:34px;height:34px;font-size:14px}.lottery-balls .plus{height:34px;font-size:17px}.lottery-balls .ball-meta{font-size:10px}.mini-balls .ball{width:32px;height:32px;font-size:12px}.mini-balls .plus{height:32px}.mini-balls .ball-meta{font-size:9px}}.material-visual .visual-predictions{white-space:normal;text-overflow:clip;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 1px;width:auto;max-width:none;padding:8px 10px;line-height:1.35;display:flex;bottom:12px;left:10px;right:10px;overflow:visible;transform:none}.material-visual .visual-predictions span{white-space:nowrap;flex:none}@media (width<=430px){.material-visual .visual-predictions{padding:7px 6px;font-size:14px;left:7px;right:7px}}