:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#243447;background:#edf3fb}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(circle at top center,rgba(255,220,120,.12),transparent 18%),linear-gradient(180deg,#476d93,#54799f 40%,#6287aa);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page{max-width:1120px;margin:0 auto;min-height:100vh;padding:64px 24px}.mobile-home{width:min(100%,430px);margin:0 auto;min-height:100vh;padding:16px 12px 30px}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 14px;background:radial-gradient(circle at top right,rgba(255,214,77,.18),transparent 24%),linear-gradient(135deg,#8db0ca,#7fa4c0 58%,#7298b7);border-radius:14px 14px 0 0;box-shadow:0 14px 28px #182e4a2e;position:relative;overflow:hidden}.mobile-topbar:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,228,150,.7),transparent)}.mobile-brand{display:flex;align-items:center;gap:12px}.mobile-brand-mark{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffd64d;color:#16355d;font-size:22px;font-weight:700;box-shadow:0 8px 18px #ffd64d38;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.mobile-brand-mark-image{background-color:#fff}.mobile-brand-title{color:#fff7d8;font-size:32px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.15)}.mobile-brand-subtitle{margin-top:4px;font-size:14px;color:#ffffffeb}.mobile-topbar-meta{flex-shrink:0;min-width:114px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#ffffff1a;text-align:right;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-topbar-label{color:#fff7d8cc;font-size:10px;letter-spacing:.08em}.mobile-topbar-period{color:#fff7d8;margin-top:4px;font-size:16px;font-weight:700}.mobile-topbar-time{margin-top:4px;color:#ffffffdb;font-size:12px}.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:linear-gradient(180deg,#7fa5c0,#789db8);border-top:1px solid rgba(255,255,255,.16);overflow:hidden}.mobile-nav a{padding:11px 8px;text-align:center;font-size:12px;color:#f4f7fb;border-top:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.08);font-weight:600}.mobile-notice{display:flex;align-items:center;gap:10px;margin-top:8px;padding:9px 12px;border-radius:10px;background:linear-gradient(180deg,#8fb0c8,#88abc3);color:#fff;box-shadow:0 10px 20px #11264424}.mobile-notice-badge{flex-shrink:0;font-weight:700;font-size:13px}.mobile-notice-text{display:inline-block;min-width:0;white-space:nowrap;font-size:12px;color:#fffffff0;padding-left:100%;animation:mobile-notice-marquee 18s linear infinite}.mobile-notice-track{min-width:0;overflow:hidden}@keyframes mobile-notice-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.mobile-result-card{margin-top:10px;border:1px solid #7ea1bb;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 14px 26px #10223a2e}.mobile-result-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;background:linear-gradient(180deg,#eef3f8,#ebf0f6)}.mobile-result-tab{height:34px;border:0;border-radius:7px;background:#fff;color:#3c4a5c;font-weight:700;box-shadow:inset 0 0 0 1px #e6edf5}.mobile-result-tab.active{background:#58bb3f;color:#fff}.mobile-result-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"period link" "countdown countdown";align-items:center;gap:10px;padding:10px 14px 4px}.mobile-result-period{grid-area:period;font-size:14px;color:#444;font-weight:700;white-space:nowrap;justify-self:start}.mobile-result-period span{margin:0 2px;color:#ea4030;font-size:18px;font-weight:700}.mobile-result-countdown{grid-area:countdown;font-size:14px;font-weight:700;color:#ef3d2f;letter-spacing:.02em;white-space:nowrap;justify-self:center;text-align:center}.mobile-result-link{grid-area:link;color:#f34b2e;font-size:12px;font-weight:700;white-space:nowrap;justify-self:end}.mobile-ball-row{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:10px 12px;overflow-x:hidden}.mobile-ball-wrap{flex:0 0 auto;width:42px;text-align:center}.mobile-ball-wrap-special{width:44px}.mobile-ball{position:relative;isolation:isolate;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666b73;font-size:16px;font-weight:800;text-shadow:none;z-index:1;box-shadow:0 8px 16px #1122372e,inset 0 -2px 3px #00000014;overflow:hidden}.mobile-ball-number{position:relative;z-index:2;display:block;line-height:1}.mobile-ball:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#fff 38%,#f4f4f4 66%,#d9d9d9);box-shadow:inset 0 2px 3px #fffffff2,inset 0 -4px 7px #0000001f}.mobile-ball:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.95) 0 8%,transparent 9%),radial-gradient(circle at 68% 78%,rgba(0,0,0,.16) 0 10%,transparent 11%)}.mobile-ball.red{background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.88) 0 10%,transparent 11%),radial-gradient(circle at 75% 86%,rgba(110,8,8,.28) 0 14%,transparent 15%),conic-gradient(from 210deg,#b61e16,#b61e16 10deg,#f34c38 10deg,#f34c38 44deg,#fff 44deg,#fff 82deg,#b61e16 82deg,#b61e16 94deg,#f34c38 94deg,#f34c38 164deg,#fff 164deg,#fff 202deg,#b61e16 202deg,#b61e16 214deg,#f34c38 214deg,#f34c38 284deg,#fff 284deg,#fff 322deg,#b61e16 322deg,#b61e16 334deg,#f34c38 334deg,#f34c38 360deg)}.mobile-ball.blue{background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.88) 0 10%,transparent 11%),radial-gradient(circle at 75% 86%,rgba(12,56,138,.28) 0 14%,transparent 15%),conic-gradient(from 210deg,#184fa8,#184fa8 10deg,#4b8ff4 10deg,#4b8ff4 44deg,#fff 44deg,#fff 82deg,#184fa8 82deg,#184fa8 94deg,#4b8ff4 94deg,#4b8ff4 164deg,#fff 164deg,#fff 202deg,#184fa8 202deg,#184fa8 214deg,#4b8ff4 214deg,#4b8ff4 284deg,#fff 284deg,#fff 322deg,#184fa8 322deg,#184fa8 334deg,#4b8ff4 334deg,#4b8ff4 360deg)}.mobile-ball.green{background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.88) 0 10%,transparent 11%),radial-gradient(circle at 75% 86%,rgba(18,102,32,.28) 0 14%,transparent 15%),conic-gradient(from 210deg,#2d8c1f,#2d8c1f 10deg,#63be46 10deg,#63be46 44deg,#fff 44deg,#fff 82deg,#2d8c1f 82deg,#2d8c1f 94deg,#63be46 94deg,#63be46 164deg,#fff 164deg,#fff 202deg,#2d8c1f 202deg,#2d8c1f 214deg,#63be46 214deg,#63be46 284deg,#fff 284deg,#fff 322deg,#2d8c1f 322deg,#2d8c1f 334deg,#63be46 334deg,#63be46 360deg)}.mobile-ball-tag{margin-top:5px;padding:0;color:#43546a;font-size:9px;font-weight:700;line-height:1.2;white-space:nowrap;letter-spacing:-.02em}.mobile-ball-plus{flex:0 0 auto;padding-top:2px;color:#555;font-size:24px;font-weight:700}.mobile-next-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 14px;border-top:1px solid #edf2f7}.mobile-next-text{font-size:12px;color:#444;line-height:1.4}.mobile-next-text span{color:#ef4630;font-weight:700}.mobile-refresh-btn{padding:5px 8px;border:0;border-radius:4px;background:#f79c21;color:#fff;font-size:11px;font-weight:700;box-shadow:0 4px 10px #f79c213d}.mobile-banner-card{margin-top:12px;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 14px 26px #10223a2e}.mobile-banner-head{padding:10px 12px;background:#111;color:#f5d05f;text-align:center;font-size:14px;font-weight:700}.mobile-banner-body{display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#d9f4ff,#fef8e1)}.mobile-banner-image,.mobile-banner-fallback{width:100%}.mobile-banner-image{display:block;height:auto}.mobile-banner-fallback{min-height:120px;background:radial-gradient(circle at 20% 20%,rgba(118,204,224,.45),transparent 20%),linear-gradient(135deg,#d9f4ff,#fef8e1)}.mobile-banner-copy{max-width:220px}.mobile-banner-title{color:#e94b2f;font-size:26px;font-weight:800;line-height:1.05}.mobile-banner-desc{margin-top:10px;color:#4c617f;font-size:13px}.mobile-section-card{margin-top:12px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 14px 26px #10223a2e}.mobile-section-title{padding:12px 16px 10px;background:linear-gradient(180deg,#7ba9c6,#6f9bbc);text-align:center;color:#ffef4f;font-size:18px;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.18)}.mobile-section-summary{padding:8px 16px;text-align:center;color:#666;font-size:12px;line-height:1.6;border-top:1px solid #d6e3ef;border-bottom:1px solid #d6e3ef}.mobile-section-table{width:100%;border-collapse:collapse}.mobile-section-table td{padding:10px 12px;border-bottom:1px solid #dfe8f1;font-size:13px}.mobile-section-table td.period{width:72px;white-space:nowrap;text-align:center;font-weight:700;color:#222}.mobile-section-table td.content{color:#3e31b7;font-weight:700}.mobile-section-row-active{background:#f7fbff}.mobile-section-entry-button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.mobile-section-entry-button.active,.mobile-section-entry-button.active .mobile-section-content{color:#244f8e}.mobile-section-content{white-space:pre-wrap;word-break:break-word}.mobile-section-content-html{white-space:normal}.mobile-section-content-html p{margin:0 0 6px}.mobile-section-content-html p:last-child{margin-bottom:0}.mobile-section-content-html *{max-width:100%;box-sizing:border-box}.mobile-section-content-html img{display:block;max-width:100%!important;width:100%!important;height:auto!important;max-height:none;margin:8px 0;object-fit:contain;cursor:zoom-in;border-radius:8px}.mobile-section-content-html br{line-height:1.5}.mobile-section-table td.result{width:72px;text-align:right;white-space:nowrap;font-weight:700}.mobile-section-table td.result.hit{color:#e53921}.mobile-section-table td.result.wait{color:#666}.mobile-section-table td.result.miss{color:#4f6b88}.mobile-section-detail-cell{padding:0!important;background:#f6f9fc}.mobile-section-detail{padding:10px 12px 12px;border-top:1px solid #dfe8f1}.mobile-section-detail-title{margin-bottom:8px;font-size:12px;font-weight:700;color:#355072}.mobile-section-detail-body{white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.65;color:#3d4652;overflow:hidden}.mobile-image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:#0a121ee0}.mobile-image-lightbox-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px;box-shadow:0 12px 36px #00000059}.mobile-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.mobile-link-grid a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;background:#fffffff5;color:#27415f;font-size:13px;font-weight:700;box-shadow:0 10px 20px #13294729}.mobile-footer{margin-top:16px;padding:12px 6px 24px;text-align:center;color:#ffffffdb;font-size:12px}.mobile-footer p{margin:0}.mobile-footer p+p{margin-top:4px}.history-page{width:min(100%,720px);margin:0 auto;min-height:100vh;padding:18px 12px 32px}.history-topbar{display:flex;align-items:center;margin-bottom:10px}.history-back{display:inline-flex;flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#ffffffe6;color:#264b86;font-size:13px;font-weight:700;box-shadow:0 10px 20px #12274424}.history-panel,.history-list,.history-pagination{margin-top:14px}.history-panel{padding:14px;border-radius:16px;background:#fffffff0;box-shadow:0 16px 28px #12274429}.history-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 92px;gap:8px;align-items:end}.history-field{display:grid;gap:6px;font-size:12px;color:#50617b;font-weight:700}.history-control{height:38px;padding:0 10px;border:1px solid #d7e0ec;border-radius:10px;background:#fff}.history-actions{display:flex;justify-content:flex-end;margin-top:0}.history-btn{height:36px;padding:0 12px;border:1px solid #d0d9e6;border-radius:10px;background:#fff;color:#33455f;font-size:13px;font-weight:700}.history-btn-primary{border-color:#2f62aa;background:#2f62aa;color:#fff}.history-card{padding:14px;border-radius:16px;background:#fffffff5;box-shadow:0 16px 28px #12274429}.history-card+.history-card{margin-top:12px}.history-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.history-card-period{color:#1f3663;font-size:18px;font-weight:800}.history-card-time{color:#71809a;font-size:13px}.history-ball-row{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin-top:0;overflow-x:auto}.history-ball-wrap{flex:0 0 auto;text-align:center}.history-ball{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;box-shadow:inset 0 -4px 8px #0003,0 4px 10px #0000001f}.history-ball.red{background:linear-gradient(180deg,#ef4a36,#d93624)}.history-ball.blue{background:linear-gradient(180deg,#5195f0,#3e79d7)}.history-ball.green{background:linear-gradient(180deg,#61c64f,#49ae3d)}.history-ball-meta{margin-top:5px;color:#51627d;font-size:10px;font-weight:700;white-space:nowrap}.history-ball-plus{flex:0 0 auto;padding-top:0;color:#5d6878;font-size:24px;font-weight:700}.history-empty{padding:20px;border-radius:16px;background:#fffffff0;text-align:center;color:#667791;box-shadow:0 16px 28px #12274429}.history-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px 14px;border-radius:16px;background:#ffffff24;color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff1f}.history-page-indicator{min-width:88px;text-align:center}@media(min-width:768px){.mobile-home{width:min(100%,720px)}.mobile-entry-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-section-card,.mobile-banner-card,.mobile-result-card{box-shadow:0 18px 36px #10223a33}}@media(max-width:640px){.history-card-head{flex-direction:column;align-items:flex-start}}