/* 模板 16（必应）：6 套配色 × 3 种布局，由域名决定；支持黑夜模式（html.dark） */
:root{--c:#1d4ed8;--c2:#dbeafe;--cl:#1d4ed8;--r:#dc2626;--b:#2563eb;--g:#059669;--ink:#1f2937;--ink2:#374151;--mute:#6b7280;--line:#e5e7eb;--bg:#f5f7fa;--card:#fff;--zebra:#fafbfc;--soft:#f3f4f6;--no:#9ca3af}
.theme-green{--c:#047857;--c2:#d1fae5;--cl:#047857}
.theme-red{--c:#b91c1c;--c2:#fee2e2;--cl:#b91c1c}
.theme-purple{--c:#6d28d9;--c2:#ede9fe;--cl:#6d28d9}
.theme-orange{--c:#c2410c;--c2:#ffedd5;--cl:#c2410c}
.theme-teal{--c:#0f766e;--c2:#ccfbf1;--cl:#0f766e}
/* 黑夜模式 */
html.dark{color-scheme:dark}
html.dark body{--ink:#e5e7eb;--ink2:#cbd5e1;--mute:#94a3b8;--line:#2b3445;--bg:#0b1220;--card:#131c2e;--zebra:#172136;--soft:#1b2538;--c2:#1e2a44;--cl:#60a5fa;--r:#f87171;--b:#60a5fa;--g:#34d399;--no:#64748b}
html.dark .theme-green{--cl:#34d399;--c2:#11342b}
html.dark .theme-red{--cl:#f87171;--c2:#3a1c1f}
html.dark .theme-purple{--cl:#a78bfa;--c2:#2a2245}
html.dark .theme-orange{--cl:#fb923c;--c2:#3a2616}
html.dark .theme-teal{--cl:#2dd4bf;--c2:#123532}
html.dark .hd{filter:brightness(.82)}
html.dark .ball{color:var(--cl)}
html.dark .tag-r,html.dark .dot.r{background:#b91c1c}
html.dark .tag-b,html.dark .dot.b{background:#1d4ed8}
html.dark .dot.g{background:#047857}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;transition:background .2s,color .2s}
a{color:var(--cl);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.hd{background:var(--c);color:#fff}
.hd-in{display:flex;align-items:center;gap:10px 20px;min-height:56px;flex-wrap:wrap}
.logo{color:#fff;font-weight:700;font-size:19px;display:flex;align-items:center;gap:8px}
.logo:hover{text-decoration:none}
.logo-mark{background:#fff;color:var(--c);border-radius:6px;padding:0 6px;font-size:14px}
.mainnav{display:flex;gap:4px;flex-wrap:wrap}
.mainnav a{color:#fff;opacity:.88;padding:6px 10px;border-radius:6px}
.mainnav a.on,.mainnav a:hover{opacity:1;background:rgba(255,255,255,.18);text-decoration:none}
/* 页头右侧：黑夜/白天、广告开关（由 seo16.js 生成） */
.tools{order:3;margin-left:auto;display:flex;gap:8px;align-items:center}
.tools button{font:inherit;font-size:13px;line-height:1;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tools button:hover{background:rgba(255,255,255,.26)}
.tools .sw{position:relative;width:30px;height:16px;border-radius:8px;background:rgba(0,0,0,.25);transition:background .2s}
.tools .sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .2s}
.tools .on .sw{background:#22c55e}.tools .on .sw:after{left:16px}
.tools .b-menu{display:none}
.caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff;transition:transform .2s}
.hd.open .caret{transform:rotate(180deg)}
/* 咪牌按钮 */
.mi-btn{margin-left:auto;font:inherit;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444,#c62d1f);border:0;border-radius:16px;padding:5px 14px;cursor:pointer;box-shadow:0 2px 6px rgba(198,45,31,.3)}
.mi-btn:hover{filter:brightness(1.08)}
/* 咪牌弹窗（样式来自 mipai.css，这里补定位） */
.mipai{top:0;left:0;overflow-y:auto}
.mipai-bg{position:fixed;opacity:.82}
.mi-index{width:100%;max-width:500px}
/* 预测卡片（紧挨开奖） */
.fc .more{margin-top:6px}
.subnav{background:var(--card);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{padding:10px 12px;color:var(--ink);border-bottom:2px solid transparent}
.subnav a.on{color:var(--cl);border-color:var(--cl);font-weight:600}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding-top:16px;padding-bottom:24px}
.layout-b .grid{grid-template-columns:280px minmax(0,1fr)}
.layout-b .side{order:-1}
.layout-c .grid{grid-template-columns:minmax(0,1fr)}
.layout-c .side{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.crumbs{font-size:13px;color:var(--mute);margin-bottom:6px}
.crumbs .sep{margin:0 6px}
h1{font-size:24px;line-height:1.4;margin:4px 0 2px}
.meta{color:var(--mute);font-size:13px;margin:0 0 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:16px}
.card h2{font-size:18px;margin:0 0 10px;padding-left:10px;border-left:4px solid var(--c)}
.side .card{padding:14px}
.h-side{font-size:15px!important;font-weight:600;margin:0 0 6px!important;border:0!important;padding:0!important}
.text p{margin:0;text-align:justify}
.live-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--mute)}
.live-top strong{color:var(--ink);font-size:18px}
.cd b{color:var(--r);font-size:18px;margin:0 2px}
.balls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.ball{width:42px;height:42px;border-radius:50%;background:var(--c2);color:var(--c);font-weight:700;font-size:20px;display:inline-flex;align-items:center;justify-content:center}
.ball.sum{background:var(--c);color:#fff}
.balls i{font-style:normal;color:var(--mute)}
.tag{padding:2px 10px;border-radius:4px;color:#fff;font-weight:600}
.tag-r{background:var(--r)}.tag-b{background:var(--b)}
.weikai{margin:0;display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--mute);font-size:14px}
.weikai b{color:var(--r)}
.kv{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.kv li{background:var(--soft);border-radius:6px;padding:6px 10px;display:flex;justify-content:space-between}
.kv b{color:var(--cl)}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}
.tbl th{background:var(--c2);color:var(--ink);font-weight:600;padding:7px 8px;text-align:center}
.tbl td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:center}
.tbl tr:nth-child(even) td{background:var(--zebra)}
.tbl em{font-style:normal;color:var(--r);font-size:12px}
.c-r{color:var(--r)}.c-b{color:var(--b)}
.dot{display:inline-block;min-width:26px;padding:0 4px;border-radius:12px;color:#fff;font-style:normal;font-size:12px;line-height:22px}
.dot.r{background:var(--r)}.dot.b{background:var(--b)}.dot.g{background:var(--g)}
.dist .bar-td{width:30%;text-align:left}
.dist .bar{display:inline-block;height:10px;border-radius:5px;background:var(--c);min-width:2px}
html.dark .dist .bar{background:var(--cl)}
.dist tr.cold td{color:var(--r)}
.more{text-align:right;margin:8px 0 0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.gcard{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;color:var(--ink)}
.gcard:hover{border-color:var(--cl);text-decoration:none}
.gcard strong{color:var(--cl)}
.gcard .mini b{color:var(--r)}
.pick{display:flex;flex-wrap:wrap;gap:8px 6px;margin-bottom:8px;padding-top:4px}
.pick a{border:1px solid var(--line);border-radius:16px;padding:2px 12px;color:var(--ink);position:relative}
.pick a.on{background:var(--c);border-color:var(--c);color:#fff}
.pick a[data-z]:after{content:attr(data-z) "连中";position:absolute;top:-10px;right:-6px;background:var(--r);color:#fff;font-size:10px;border-radius:8px;padding:0 4px;line-height:16px}
.acc{color:var(--mute);margin:4px 0 8px}.acc b{color:var(--r)}

/* 预测结果：中 / 错 / 杀，预测内容猜对红、猜错灰 */
#forecast td{vertical-align:middle}
#forecast .yc-yes,#forecast .yc-no,#forecast .yc-yes-shuangzu,#forecast .yc-no-shuangzu{display:inline-block;min-width:24px;height:24px;line-height:24px;padding:0 5px;margin:1px 2px;border-radius:5px;color:#fff;font-weight:600;font-size:13px}
#forecast .yc-yes,#forecast .yc-yes-shuangzu{background:var(--r)}
#forecast .yc-no,#forecast .yc-no-shuangzu{background:var(--no)}
#forecast .sha{color:var(--r);font-weight:700;margin-right:2px}
#forecast .yc-yes2,#forecast .yc-no2{display:inline-block;width:26px;height:26px;line-height:26px;border-radius:50%;color:#fff;font-weight:700;font-size:14px}
#forecast .yc-yes2{background:var(--r);box-shadow:0 0 0 3px rgba(220,38,38,.15)}
#forecast .yc-no2{background:var(--no)}
#forecast tbody tr:first-child td{background:var(--c2)}

.gloss{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;margin:0}
.gloss dt{font-weight:600;color:var(--cl)}.gloss dd{margin:0}
.faq details{border-bottom:1px solid var(--line);padding:8px 0}
.faq summary{cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{display:inline;font-size:15px;margin:0}
.faq summary:before{content:"Q ";color:var(--cl);font-weight:700}
.faq p{margin:6px 0 0;color:var(--ink2)}
.notice p{color:var(--mute);font-size:13px;margin:0}
.links{list-style:none;padding:0;margin:0}.links li{padding:4px 0}
.hot{font-size:20px;font-weight:700;color:var(--r);margin:0 0 10px}.hot small{font-size:12px;color:var(--mute);margin:0 8px 0 2px;font-weight:400}
.hot.cold{color:var(--b)}
.ft{background:#111827;color:#9ca3af;font-size:13px;padding:18px 0}
html.dark .ft{background:#070c16}
.ft a{color:#d1d5db}.ft p{margin:4px 0}
.yl a{margin-right:12px}
/* 广告位：高度由 seo16.js 按内容自动撑开 */
._adBox{margin-bottom:4px;overflow:hidden}
._adBox iframe{display:block;width:100%;border:0;min-height:0;color-scheme:light}
._adBox.off{display:none}

/* 每日汇总页 */
.dl-range{color:var(--mute);margin:0 0 6px;font-size:14px}.dl-range b{color:var(--ink)}
.dl-hot{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 10px}
.dl-sum{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:6px 8px;border-radius:10px;background:var(--c2)}
.dl-sum b{font-size:20px;color:var(--r);line-height:1.2}.dl-sum small{color:var(--mute);font-size:12px}
.dl-cold{margin:0;color:var(--mute);font-size:14px}.dl-cold span{display:inline-block;min-width:24px;margin:2px 4px 2px 0;padding:0 6px;border-radius:12px;background:var(--soft);color:var(--b);text-align:center;font-weight:600}
.dl-streak{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.dl-streak li{background:var(--soft);border-radius:8px;padding:8px 10px}.dl-streak b{color:var(--r);font-size:17px}.dl-streak small{color:var(--mute);margin-left:4px}
.dl-note{color:var(--mute);font-size:13px;margin:0 0 8px}
.dl-pager{display:flex;flex-wrap:wrap;gap:8px}
.dl-pager a{border:1px solid var(--line);border-radius:16px;padding:4px 14px;color:var(--ink)}
.dl-pager a:hover{border-color:var(--cl);color:var(--cl);text-decoration:none}
#dailyTable tr:target td{background:var(--c2)}
.dl-list td:first-child{text-align:left}

@media (max-width:860px){
  .grid,.layout-b .grid{grid-template-columns:minmax(0,1fr)}
  .layout-b .side{order:0}
  h1{font-size:20px}
  .ball{width:36px;height:36px;font-size:17px}
  .card{padding:14px}
  .gloss{grid-template-columns:80px 1fr}
}
/* 手机 */
@media (max-width:600px){
  body{font-size:14px}
  .wrap{padding:0 10px}
  .hd-in{gap:0 10px;min-height:0;padding-top:8px}
  .logo{font-size:17px}
  .hd-in{padding-bottom:8px}
  .logo{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tools{order:2;gap:6px}
  .tools button{padding:5px 8px;font-size:12px}
  .tools .t-txt{display:none}
  .tools .b-menu{display:inline-flex;max-width:9em}
  .tools .b-menu span{overflow:hidden;text-overflow:ellipsis}
  /* 彩种改成下拉：点「彩种 ▾」展开 */
  .mainnav{order:3;flex-basis:100%;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0 2px}
  .hd.open .mainnav{display:grid}
  .mainnav a{padding:7px 4px;text-align:center;background:rgba(255,255,255,.12);border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mi-btn{padding:4px 12px;font-size:13px}
  /* 算法、模式各一行，左右滑 */
  .pick{flex-wrap:nowrap;overflow-x:auto;padding-top:10px;margin-top:-4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pick::-webkit-scrollbar{display:none}
  .pick a{flex:none}
  .subnav a{padding:9px 10px}
  .grid{padding-top:10px;gap:12px}
  h1{font-size:18px}
  .card{padding:12px 10px;border-radius:8px;margin-bottom:12px}
  .card h2{font-size:16px;padding-left:8px;border-left-width:3px}
  .balls{gap:6px}
  .ball{width:34px;height:34px;font-size:16px}
  .tag{padding:2px 8px}
  .weikai{font-size:13px}
  .kv{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .kv li{padding:5px 8px}
  .tbl{font-size:12.5px}
  .tbl th{padding:6px 3px}
  .tbl td{padding:5px 3px}
  .tbl .m-hide{display:none}
  .dot{min-width:20px;padding:0 3px;font-size:11px;line-height:19px}
  .trend td{padding:4px 2px}
  .dist .bar-td{width:24%}
  #forecast .yc-yes,#forecast .yc-no,#forecast .yc-yes-shuangzu,#forecast .yc-no-shuangzu{min-width:20px;height:21px;line-height:21px;padding:0 3px;margin:1px;font-size:12px}
  #forecast .yc-yes2,#forecast .yc-no2{width:22px;height:22px;line-height:22px;font-size:12px}
  .pick a{padding:2px 10px;font-size:13px}
  .layout-c .side{grid-template-columns:minmax(0,1fr)}
  .gloss{grid-template-columns:72px 1fr}
}