*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#191611;background:#f7f4ed}a{text-decoration:none;color:inherit}img,video{max-width:100%;display:block}:root{--gold:#b7852e;--gold2:#d5ae60;--dark:#16130e;--muted:#786d5d;--card:#fff;--line:#ede5d7;--soft:#fbf8f1;--shadow:0 10px 28px rgba(64,43,13,.065);--safe-bottom:env(safe-area-inset-bottom,0px)}.mobile-shell{max-width:580px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#fbf8f2 0%,#f7f4ee 100%);padding-bottom:calc(90px + var(--safe-bottom))}.page{padding:15px 13px 32px}.top-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.top-card.slim{justify-content:flex-start}.brand-block{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{width:116px;height:44px;object-fit:contain;object-position:left center}.brand-block h1{margin:0;font-size:19px;font-weight:800;letter-spacing:.2px}.brand-block p{margin:4px 0 0;max-width:190px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-btn{border:1px solid rgba(183,133,46,.22);border-radius:13px;height:39px;padding:0 17px;background:#fff8e9;color:#8b621e;font-size:14px;font-weight:700}.hero-slider{height:172px;margin-top:13px;border-radius:23px;overflow:hidden;position:relative;background:linear-gradient(135deg,#201b14,#c59845);box-shadow:var(--shadow)}.carousel,.slide{width:100%;height:100%}.slide{position:absolute;inset:0;opacity:0;transition:opacity .45s}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.dots{position:absolute;bottom:11px;left:0;right:0;display:flex;justify-content:center;gap:6px}.dot{width:7px;height:7px;border-radius:20px;background:rgba(255,255,255,.55)}.dot.active{width:19px;background:#fff}.banner-empty{height:100%;padding:30px 24px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(230,190,99,.55),transparent 30%),linear-gradient(130deg,#17140f,#966927)}.banner-empty strong{font-size:29px;letter-spacing:2px}.banner-empty span{margin-top:12px;font-size:14px;color:#f2dfb0}.notice-card{margin-top:13px;height:48px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#fff;border-radius:15px;border:1px solid var(--line);overflow:hidden}.notice-icon{height:28px;display:flex;align-items:center;padding:0 10px;border-radius:9px;font-size:12px;font-weight:700;color:#91651e;background:#fff3d9}.notice-text{font-size:13px;color:#514a40;overflow:hidden;white-space:nowrap}.notice-text span{display:inline-block;padding-left:0}.section-block{margin-top:18px}.section-head,.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 2px 12px}.section-head h2,.section-title span{margin:0;font-size:18px;font-weight:800}.section-head span,.section-title a{color:var(--gold);font-size:13px}.category-tabs{display:flex;gap:8px;overflow:auto;padding:5px;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:1;min-width:88px;height:39px;border:0;border-radius:12px;background:transparent;color:#776b59;font-weight:700;font-size:14px}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#d2aa5a,#a57425)}.tab-panel{display:none}.tab-panel.active{display:grid}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}.platform-card{display:flex;flex-direction:column;align-items:center;padding:13px 9px 11px;min-height:170px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.platform-card img{width:54px;height:54px;object-fit:cover;border-radius:15px;background:#faf6ed}.platform-card strong{width:100%;margin-top:9px;font-size:15px;font-weight:750;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-card p{margin:6px 0 10px;width:100%;height:35px;text-align:center;color:var(--muted);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.platform-card span{margin-top:auto;width:100%;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--dark);font-size:13px;font-weight:700}.stage-mini-list{display:grid;gap:10px}.stage-mini-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:11px;padding:9px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.stage-mini-media{position:relative;align-self:start}.stage-mini-media img,.stage-mini-media video{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:12px;background:#ece5d6}.play-tag{position:absolute;right:5px;bottom:5px;color:#fff;background:rgba(0,0,0,.55);font-size:11px;padding:2px 6px;border-radius:7px}.stage-mini-body{min-width:0}.stage-mini-body small{display:inline-flex;margin-bottom:3px;padding:2px 7px;border-radius:8px;background:#fff2d8;color:#95691e;font-weight:700}.stage-mini-body strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-mini-body p{margin:5px 0 0;color:var(--muted);font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.stage-cover{padding:18px 20px 20px;border-radius:0 0 26px 26px;background:linear-gradient(90deg,#16120d 0%,#6d4d19 46%,#a47522 100%);margin:-15px -13px 16px;color:#fff;box-shadow:0 14px 36px rgba(66,42,10,.16)}.cover-brand{display:flex;align-items:center;gap:14px;min-height:84px}.cover-brand-mark{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.98);display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.16);flex:none}.cover-brand-mark img{width:38px;height:38px;object-fit:contain}.cover-brand h1{margin:0;font-size:24px;line-height:1.15;font-weight:800}.cover-brand p{margin:6px 0 0;color:#f5e4be;font-size:13px}.moments-stream{display:grid;gap:14px;max-width:680px;margin:0 auto}.moment-card{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:18px 16px;background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:0 14px 32px rgba(64,43,13,.07)}.moment-avatar img{width:54px;height:54px;object-fit:contain;border-radius:16px;background:linear-gradient(180deg,#cf9e44,#9a732a);padding:8px}.moment-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.moment-title strong{color:#6f542c;font-size:15px}.pin{font-size:11px;padding:2px 7px;border-radius:7px;background:#fff2d6;color:#9b6a18;font-weight:700}.moment-main h2{font-size:17px;line-height:1.45;margin:7px 0 6px}.moment-text{margin:0 0 11px;color:#393329;font-size:14px;line-height:1.82;white-space:normal;word-break:break-word}.moment-media{border-radius:15px;overflow:hidden;background:#f2eee6}.moment-media img{width:100%;height:auto;max-height:none;object-fit:contain}.moment-media video{width:100%;height:auto;max-height:none;background:#090909}.moment-meta{margin-top:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#999083;font-size:12px}.moment-meta a{color:var(--gold);font-weight:700}.service-intro{display:flex;gap:12px;align-items:center;padding:15px;margin:14px 0;background:#fff;border:1px solid var(--line);border-radius:19px}.intro-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:14px;color:#8c611e;background:#fff2da;font-weight:700;font-size:13px}.service-intro h2{margin:0 0 4px;font-size:17px}.service-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.contact-list{display:grid;gap:12px}.contact-card{padding:14px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.contact-head{display:flex;gap:11px;align-items:center;margin-bottom:12px}.contact-head img{width:52px;height:52px;border-radius:13px;object-fit:cover}.contact-head h3{margin:0;font-size:17px}.contact-head p{margin:4px 0 0;font-size:13px;color:var(--muted)}.account-copy{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;background:var(--soft);border-radius:12px}.account-copy span{font-size:14px;overflow:hidden;text-overflow:ellipsis}.account-copy button,.contact-actions a{border:0;border-radius:11px;height:39px;font-weight:700}.account-copy button{padding:0 12px;color:#fff;background:#17140e}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.contact-actions a{display:grid;place-items:center;background:#17140e;color:#fff}.contact-actions .ghost{background:#fff8e8;color:#8b621e;border:1px solid #f0dfbc}.empty-card{grid-column:1/-1;padding:23px;text-align:center;background:#fff;border:1px dashed #dccba8;border-radius:16px;color:#8e816e}.bottom-navigation{position:fixed;left:50%;bottom:0;z-index:30;transform:translateX(-50%);height:calc(72px + var(--safe-bottom));padding:8px 12px calc(8px + var(--safe-bottom));width:min(580px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:14px;color:#807564;font-size:13px;font-weight:700}.nav-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{color:#fff;background:linear-gradient(135deg,#d0a958,#9c6c24)}@media(min-width:760px){body{background:#f3eee4}.mobile-shell{max-width:1160px;background:#faf7ef}.page{padding:22px 25px 40px}.hero-slider{height:315px}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stage-mini-list{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-page{max-width:1180px;margin:0 auto}.stage-cover{margin:-22px -25px 20px;border-radius:0 0 30px 30px;padding:26px 52px}.cover-brand{min-height:100px}.cover-brand-mark{width:66px;height:66px;border-radius:18px}.cover-brand-mark img{width:44px;height:44px}.moments-stream{max-width:680px;margin:0 auto}.bottom-navigation{bottom:16px;border:1px solid var(--line);border-radius:22px;height:70px}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

body.popup-open{overflow:hidden}.site-popup-mask{display:none;position:fixed;z-index:80;inset:0;padding:22px;align-items:center;justify-content:center;background:rgba(14,12,9,.58);backdrop-filter:blur(3px)}.site-popup-mask.is-visible{display:flex}.site-popup-card{width:min(400px,100%);background:#fff;border-radius:23px;padding:25px 20px 19px;box-shadow:0 25px 65px rgba(0,0,0,.2);border:1px solid #eee2cc}.site-popup-head span{display:inline-block;margin-bottom:10px;color:#a77422;font-size:11px;font-weight:800;letter-spacing:.22em}.site-popup-head h2{margin:0 0 14px;color:#1b1711;font-size:22px;font-weight:800}.site-popup-content{min-height:45px;color:#51483d;font-size:14px;line-height:1.75;white-space:normal;margin-bottom:21px}.site-popup-confirm{display:block;width:100%;height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#d0a755,#92631c);color:#fff;font-size:15px;font-weight:750}

/* ===== 2026-06-17 加拿大预测蓝色毛玻璃 UI ===== */
:root{--blue:#18a8ff;--blue2:#2279ff;--blue3:#40c8ff;--blue-soft:#eaf7ff;--blue-line:#cdeaff;--blue-text:#132033;--blue-muted:#6a7b92;--glass:rgba(255,255,255,.78);--blue-shadow:0 16px 42px rgba(17,132,255,.16)}
body{background:linear-gradient(180deg,#f6fbff 0%,#eef7ff 46%,#f7fbff 100%)}
.blue-shell,.mobile-shell{background:linear-gradient(180deg,#f8fcff 0%,#eef7ff 100%)}
.top-card,.notice-card,.platform-card,.section-block .category-tabs,.contact-card,.service-intro{border-color:var(--blue-line);box-shadow:var(--blue-shadow)}
.category-tabs{background:rgba(255,255,255,.72);backdrop-filter:blur(14px)}
.tab-btn.active,.platform-card span,.nav-item.active,.site-popup-confirm{background:linear-gradient(135deg,var(--blue3),var(--blue2));box-shadow:0 10px 24px rgba(20,139,255,.22)}
.notice-icon{background:var(--blue-soft);color:#128ee8}.section-head span,.section-title a{color:#168de8}.brand-logo{background:#eef8ff}.share-btn{background:linear-gradient(135deg,var(--blue3),var(--blue2));color:#fff}.hero-slider{box-shadow:var(--blue-shadow)}
.bottom-navigation{background:rgba(255,255,255,.68)!important;border:1px solid rgba(171,219,255,.76)!important;backdrop-filter:blur(18px) saturate(1.35);box-shadow:0 18px 45px rgba(10,117,210,.18);border-radius:24px 24px 0 0}.nav-item{color:#597089}.nav-icon svg{stroke-width:2.15}.nav-item.active{color:#fff}
.canada-preview{padding:17px;border-radius:24px;background:linear-gradient(135deg,#fafdff,#eef8ff);border:1px solid var(--blue-line);box-shadow:var(--blue-shadow)}.canada-preview .section-title{margin:0 0 14px}.canada-preview-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(199,232,255,.9);box-shadow:0 12px 32px rgba(22,144,255,.12)}.canada-preview-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue3),var(--blue2));font-size:26px;font-weight:900;flex:none}.canada-preview-card h3{margin:0 0 4px;font-size:17px}.canada-preview-card p{margin:0;color:var(--blue-muted);font-size:13px;line-height:1.5}.canada-preview-card span{margin-left:auto;white-space:nowrap;padding:10px 14px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--blue3),var(--blue2));font-weight:800;font-size:13px}
.pc28-shell{max-width:1180px}.pc28-page{padding-bottom:92px;color:var(--blue-text)}.glass-card{background:var(--glass);border:1px solid rgba(187,226,255,.88);box-shadow:var(--blue-shadow);backdrop-filter:blur(16px) saturate(1.2)}.pc28-hero{position:relative;overflow:hidden;border-radius:0 0 28px 28px;margin:-15px -13px 14px;padding:22px 18px 26px}.pc28-hero:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#05c9ff,#1d7bff,#8d72ff)}.pc28-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pc28-brand{display:flex;align-items:center;gap:12px}.pc28-logo-mark{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#11c5ff,#2279ff);font-size:24px;font-weight:900;box-shadow:0 12px 28px rgba(30,132,255,.28)}.pc28-brand h1{margin:0;font-size:21px;font-weight:900}.pc28-brand p{margin:4px 0 0;color:var(--blue-muted);font-size:12.5px}.pc28-actions{display:flex;gap:8px}.pc28-btn{height:38px;border:1px solid var(--blue-line);border-radius:12px;background:rgba(255,255,255,.8);color:#1b7fd2;font-weight:800;padding:0 13px}.pc28-latest-title{display:flex;gap:10px;align-items:center;margin:26px 0 14px;font-size:15px}.pc28-latest-title strong{font-size:18px}.pc28-latest-title b{font-size:18px}.draw-board-v2{display:grid;grid-template-columns:1fr 1.45fr;gap:16px;align-items:center}.countdown-card,.result-card{min-height:86px;border-radius:18px;background:rgba(255,255,255,.74);border:1px solid rgba(198,232,255,.95);box-shadow:0 10px 28px rgba(17,132,255,.09)}.countdown-card{display:flex;align-items:center;justify-content:center;gap:13px}.clock-circle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:2px solid #18a8ff;color:#128ee8;font-weight:900}.countdown-card small{display:block;color:#7190ad;font-size:13px}.countdown-card strong{display:block;margin-top:4px;font-size:26px;letter-spacing:.02em}.result-card{position:relative;display:grid;place-items:center;overflow:hidden}.balls-line{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.balls-line i{font-style:normal;color:#8495aa;font-size:20px;font-weight:900}.num-ball,.sum-ball{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;font-size:25px;font-weight:900}.num-ball{background:#eef6ff;color:#101b2d}.sum-ball{color:#fff;background:linear-gradient(135deg,#09baff,#167cff);font-size:27px}.result-tag{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900}.result-tag.blue{background:#327cff}.result-tag.red{background:#ff4153}.scratch-cover{position:absolute;inset:12px;border-radius:15px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#fff;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#3f4650,#1f252c)}.scratch-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.20),transparent 20%),repeating-linear-gradient(25deg,rgba(255,255,255,.08) 0 3px,transparent 3px 9px)}.scratch-cover span,.scratch-cover em{position:relative;z-index:1}.scratch-cover span{font-size:21px;font-weight:900;letter-spacing:.07em}.scratch-cover em{font-style:normal;font-size:12px;opacity:.85}.scratch-cover.scratched{opacity:0;transform:scale(.98);transition:.25s}.pc28-ad-slider{position:relative;height:116px;margin:14px 0;border-radius:20px;overflow:hidden;background:#e7f5ff;border:1px solid var(--blue-line);box-shadow:var(--blue-shadow)}.pc28-ad-track,.pc28-ad-slide{width:100%;height:100%}.pc28-ad-slide{position:absolute;inset:0;opacity:0;transition:opacity .35s}.pc28-ad-slide.active{opacity:1}.pc28-ad-slide img{width:100%;height:100%;object-fit:cover;display:block}.pc28-ad-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}.pc28-ad-dots span{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.55)}.pc28-ad-dots span.active{width:18px;background:#fff}.ad-loading{height:100%;display:grid;place-items:center;color:#4c89b8;font-weight:700}.pc28-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.pc28-quick-card{display:flex;align-items:center;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid var(--blue-line);box-shadow:0 10px 28px rgba(17,132,255,.08);backdrop-filter:blur(12px)}.pc28-quick-card span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:#168de8;font-weight:900}.pc28-quick-card p{margin:0 0 5px;color:#7c8ea5;font-size:12px}.pc28-quick-card b{font-size:13px;color:#168de8}.pc28-tabbar{position:sticky;top:0;z-index:8;display:flex;gap:8px;overflow:auto;padding:9px;margin:0 -13px 10px;background:rgba(238,247,255,.78);border-top:1px solid var(--blue-line);border-bottom:1px solid var(--blue-line);backdrop-filter:blur(18px)}.pc28-tabbar::-webkit-scrollbar{display:none}.pc28-tabbar button{height:44px;min-width:108px;border:0;border-radius:13px;background:transparent;color:#4c6078;font-weight:800}.pc28-tabbar button.active{background:rgba(255,255,255,.92);color:#126fbf;box-shadow:0 8px 22px rgba(16,123,218,.14);border:1px solid rgba(191,227,255,.9)}.pc28-content-card{margin-top:10px;padding:14px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid var(--blue-line);box-shadow:var(--blue-shadow);backdrop-filter:blur(14px)}.tab-page{display:none}.tab-page.active{display:block}.pc28-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.pc28-card-title h2{margin:0;font-size:18px}.pc28-seg{display:flex;padding:4px;background:#eef6ff;border-radius:13px}.pc28-seg button,.pc28-mini{border:0;border-radius:10px;height:30px;padding:0 12px;color:#56718c;background:transparent;font-weight:800}.pc28-seg button.active,.pc28-mini{background:linear-gradient(135deg,#23beff,#147dff);color:#fff}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:12px 10px;border-bottom:1px solid #e7f2fb;text-align:center;font-size:13px}th{color:#607992;background:#f5fbff;font-weight:900}td b{color:#142238}.num-chip{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:9px;margin:2px;background:#eef6ff;color:#117cd7;font-weight:900}.result-chip{display:inline-flex;padding:5px 10px;border-radius:99px;background:#eaf7ff;color:#0787df;font-weight:900}.hit-yes,.hit-no{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;font-weight:900}.hit-yes{background:#19c37d}.hit-no{background:#ff4757}.stat-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-layout h3{font-size:14px;margin:0 0 10px;color:#37526c}.bar-row{display:grid;grid-template-columns:34px 1fr 42px;gap:8px;align-items:center;margin:6px 0}.bar-label,.bar-val{font-size:12px;color:#7189a2}.bar-bg{height:9px;border-radius:99px;background:#edf6ff;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#35c9ff,#137cff)}.dragon-list{display:grid;gap:10px}.dragon-card{padding:13px;border-radius:16px;background:#f7fcff;border:1px solid #dbefff}.dragon-top{display:flex;justify-content:space-between;gap:10px}.dragon-title{font-weight:900;color:#16324e}.dragon-status{font-size:12px;padding:4px 8px;border-radius:9px;background:#e4fff3;color:#0d9c65;font-weight:900}.dragon-status.off{background:#eef4f8;color:#74869a}.dragon-seq{margin-top:7px;color:#657b92;font-size:12.5px}.ai-predict-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.ai-card{min-height:146px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#fafdff,#eef8ff);border:1px solid #d7edff}.ai-head{display:flex;justify-content:space-between;gap:8px}.ai-head h3,.ai-card h3{margin:0;font-size:16px}.ai-head span{height:27px;border-radius:99px;padding:0 9px;display:grid;place-items:center;background:#dff3ff;color:#0b82d7;font-weight:900}.ai-main{font-size:26px;font-weight:900;color:#087ee2;margin:10px 0 6px}.ai-sub{font-size:12.5px;color:#516983}.ai-card p{margin:8px 0;color:#6b7d92;font-size:12.5px;line-height:1.55}.ai-card small{color:#95a3b2}.cloud-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.cloud-item{padding:12px 6px;border-radius:13px;background:#f4fbff;border:1px solid #dcefff;text-align:center}.cloud-item b{display:block;color:#137ed4;font-size:17px}.cloud-item span{font-size:12px;color:#75879a}.number-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:7px;align-items:end}.number-cell{height:112px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:14px;background:#f4fbff;border:1px solid #dcefff;overflow:hidden;padding:8px 3px}.number-cell em{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(50,199,255,.15),rgba(20,125,255,.35));z-index:0}.number-cell b,.number-cell span{position:relative;z-index:1}.number-cell b{font-size:17px;color:#0e7bd0}.number-cell span{font-size:11px;color:#6d8196}.empty-card{padding:22px;border-radius:16px;background:#f7fcff;border:1px dashed #bfe3ff;color:#7190ad;text-align:center}
@media(max-width:760px){.pc28-hero{margin:-15px -13px 12px;padding:18px 12px 20px}.pc28-hero-top{align-items:flex-start}.pc28-brand h1{font-size:18px}.pc28-brand p{font-size:11.5px}.pc28-actions{flex-direction:column}.draw-board-v2{grid-template-columns:1fr;gap:10px}.countdown-card,.result-card{min-height:78px}.balls-line{gap:6px}.num-ball,.sum-ball{width:43px;height:43px;border-radius:13px;font-size:21px}.result-tag{width:34px;height:34px}.scratch-cover span{font-size:16px}.pc28-ad-slider{height:86px}.pc28-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pc28-quick-card{padding:12px 10px}.pc28-tabbar button{min-width:96px;height:40px}.stat-layout,.ai-predict-grid{grid-template-columns:1fr}.cloud-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.number-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.canada-preview-card{align-items:flex-start}.canada-preview-card span{display:none}}
@media(min-width:760px){.pc28-page{padding:22px 25px 108px}.pc28-hero{margin:-22px -25px 18px;padding:28px 28px 34px}.pc28-ad-slider{height:148px}.bottom-navigation{border-radius:24px!important}}

/* 20260617 四套独立预测中心 */
.predict-note{font-size:12px;color:#6b86a1;font-weight:800;background:rgba(232,246,255,.9);border:1px solid #cfeaff;border-radius:999px;padding:7px 11px}.prediction-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 14px}.provider-card{position:relative;text-align:left;border:1px solid rgba(196,231,255,.96);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(235,247,255,.88));box-shadow:0 10px 26px rgba(20,130,230,.08);padding:13px 13px 14px;min-height:120px;cursor:pointer;transition:.2s;color:#143250;overflow:hidden}.provider-card:before{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,#18c8ff,#167dff);opacity:0;transition:.2s}.provider-card:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(20,130,230,.14)}.provider-card.active{border-color:#42b9ff;background:linear-gradient(180deg,#ffffff,#eaf7ff);box-shadow:0 14px 34px rgba(20,130,230,.18)}.provider-card.active:before{opacity:1}.provider-badge{display:inline-flex;height:23px;align-items:center;border-radius:999px;padding:0 9px;background:#e4f5ff;color:#0b85df;font-size:11px;font-weight:900}.provider-card h3{margin:9px 0 7px;font-size:15px;font-weight:900}.provider-value{display:block;color:#087ee2;font-size:24px;line-height:1.1;font-weight:1000;min-height:27px;word-break:break-all}.provider-meta{display:block;margin-top:8px;color:#6c8095;font-size:12px;font-style:normal;font-weight:700}.predict-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px;padding:10px;border-radius:16px;background:rgba(239,248,255,.78);border:1px solid #d8efff}.predict-current{font-size:13px;color:#5a748d;font-weight:800}.predict-current b{color:#0a7ed8}.predict-table th,.predict-table td{white-space:nowrap}.hit-pending{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e7f1fa;color:#6b8095;font-weight:900}.pc28-tabbar{background:rgba(236,247,255,.72);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
@media(max-width:760px){.prediction-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.provider-card{min-height:112px;padding:12px}.provider-value{font-size:20px}.predict-toolbar{align-items:flex-start;flex-direction:column}.predict-note{display:none}.predict-current{font-size:12px}.predict-table{min-width:720px}}
/* PC28 v3 overrides */
#scratchToggle.off{color:#8aa0b5;background:rgba(238,246,252,.9)}.scratch-cover{display:block;touch-action:none;user-select:none;-webkit-user-select:none}.scratch-cover canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4}.scratch-copy{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;pointer-events:none}.scratch-cover.scratched{pointer-events:none}.provider-meta{display:none!important}.predict-note{display:none!important}.predict-switch{flex-wrap:wrap;gap:4px}.predict-switch button{min-width:58px}.provider-value{letter-spacing:.01em}.pc28-btn.ghost.off{opacity:.72}.predict-table td:nth-child(2){font-weight:900;color:#0787df}.predict-table td:nth-child(3){font-weight:800}@media(max-width:760px){.pc28-actions{display:grid;grid-template-columns:1fr;gap:6px}.predict-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.predict-switch button{padding:0 6px}.predict-table{min-width:820px}}


/* PC28 v5 mobile responsive patch: full-width mobile, no scratch, no zoom helpers */
html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:pan-y;}
.scratch-cover,#scratchToggle{display:none!important;}
@media(max-width:760px){
  body{background:#eef7ff!important;}
  .mobile-shell.pc28-shell{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;}
  .pc28-page{width:100%;padding:10px 10px 98px!important;font-size:15px;overflow-x:hidden;}
  .pc28-hero{margin:-10px -10px 12px!important;padding:17px 10px 18px!important;border-radius:0 0 22px 22px!important;}
  .pc28-hero-top{gap:8px;}
  .pc28-brand{gap:9px;min-width:0;}
  .pc28-logo-mark{width:48px;height:48px;border-radius:15px;font-size:22px;}
  .pc28-brand h1{font-size:20px!important;line-height:1.15;}
  .pc28-brand p{font-size:12px!important;white-space:normal;line-height:1.35;}
  .pc28-actions{display:grid!important;grid-template-columns:1fr;gap:6px;flex:none;}
  .pc28-btn{height:35px;padding:0 10px;font-size:13px;}
  .pc28-latest-title{margin:18px 0 10px;font-size:15px;}
  .draw-board-v2{grid-template-columns:1fr!important;gap:10px!important;}
  .countdown-card,.result-card{width:100%;min-width:0;min-height:76px!important;border-radius:16px;}
  .countdown-card strong{font-size:24px;}
  .balls-line{width:100%;gap:5px!important;justify-content:center;flex-wrap:nowrap;}
  .balls-line i{font-size:16px;}
  .num-ball,.sum-ball{width:40px!important;height:40px!important;border-radius:12px!important;font-size:20px!important;flex:0 0 40px;}
  .sum-ball{font-size:21px!important;}
  .result-tag{width:32px!important;height:32px!important;font-size:13px;flex:0 0 32px;}
  .pc28-ad-slider{height:88px!important;margin:10px 0;border-radius:16px;}
  .pc28-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .pc28-quick-card{padding:11px 9px!important;border-radius:15px;min-width:0;}
  .pc28-quick-card span{width:32px;height:32px;flex:none;}
  .pc28-quick-card p{font-size:12px;}
  .pc28-quick-card b{font-size:13px;word-break:break-word;}
  .pc28-tabbar{margin:0 -10px 10px!important;padding:8px 10px!important;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .pc28-tabbar button{min-width:92px!important;height:40px!important;font-size:14px;}
  .pc28-content-card{padding:12px!important;border-radius:17px;}
  .pc28-card-title h2{font-size:17px;}
  .prediction-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .provider-card{min-height:106px!important;padding:11px!important;border-radius:16px;}
  .provider-card h3{font-size:14px;margin:8px 0 6px;}
  .provider-value{font-size:20px!important;line-height:1.2;}
  .predict-toolbar{padding:9px!important;border-radius:14px;align-items:stretch!important;}
  .predict-switch{width:100%;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;}
  .predict-switch button{min-width:0!important;padding:0 4px!important;font-size:13px;height:34px;}
  .table-wrap{overflow-x:visible!important;}
  .predict-table{min-width:0!important;width:100%!important;display:block;}
  .predict-table thead{display:none;}
  .predict-table tbody{display:grid;gap:10px;}
  .predict-table tr{display:block;padding:11px;border:1px solid #d9efff;border-radius:15px;background:#f8fcff;box-shadow:0 8px 20px rgba(23,126,220,.07);}
  .predict-table td{display:flex!important;align-items:center;justify-content:space-between;gap:10px;border:0!important;padding:6px 0!important;text-align:right!important;font-size:14px!important;white-space:normal!important;word-break:break-word;}
  .predict-table td:before{content:"";color:#6d8297;font-size:12px;font-weight:900;flex:none;}
  .predict-table td:nth-child(1):before{content:"期号";}
  .predict-table td:nth-child(2):before{content:"预测";}
  .predict-table td:nth-child(3):before{content:"开奖号码";}
  .predict-table td:nth-child(4):before{content:"开奖结果";}
  .predict-table td:nth-child(5):before{content:"类型结果";}
  .predict-table td:nth-child(6):before{content:"对错";}
  .stat-layout{grid-template-columns:1fr!important;}
  .cloud-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .number-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;}
  .bottom-navigation{width:100%!important;max-width:none!important;left:0!important;transform:none!important;}
}
