/* v4.2 开奖中心：遗漏统计 / 走势图 UI 修复
   单独样式文件，避免旧 style.css 被浏览器或 CDN 缓存后导致新模块裸样式。 */
.draw-live-board .draw-inline-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.draw-pane[hidden]{display:none!important}

/* 通用分析页头 */
.draw-analysis-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px;padding:18px 2px 0}
.draw-analysis-head>div>span{display:none}
.draw-analysis-head h3{margin:0 0 5px;color:#17243a;font-size:26px;font-weight:800;line-height:1.2}
.draw-analysis-head p{margin:0;color:#738198;font-size:13px;line-height:1.7}
.draw-analysis-head p b{color:#53677e}
.draw-analysis-head>em{flex:0 0 auto;padding:7px 11px;border:1px solid #dce7f1;border-radius:10px;color:#7666ed;background:#f4f2ff;font-size:11px;font-style:normal;white-space:nowrap}

/* 遗漏统计 */
.draw-omission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.draw-stat-panel{min-width:0;padding:16px;border:1px solid #dce7f1;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(33,68,108,.08)}
.draw-stat-panel.draw-stat-sum{grid-column:1/-1}
.draw-stat-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.draw-stat-title h4{margin:0;color:#17243a;font-size:18px;font-weight:800}
.draw-stat-title span{padding:6px 9px;border:1px solid #ded8ff;border-radius:10px;color:#7666ed;background:#f2efff;font-size:12px;white-space:nowrap}
.draw-omission-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.draw-omission-item{min-height:36px;padding:7px 11px;border:1px solid #dce7f1;border-radius:10px;background:#eef4f8;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#17243a}
.draw-omission-item strong,.draw-omission-item b{font-size:14px;font-weight:800}
.draw-omission-item b{font-variant-numeric:tabular-nums}
.draw-omission-item.hot,.draw-sum-all-item.hot{color:#e57c00;background:#fff6e7;border-color:#ffe0b3}
.draw-sum-toggle{margin-top:12px;padding:8px 12px;border:1px solid #d7e3ef;border-radius:10px;color:#53677e;background:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800}
.draw-sum-toggle:hover{border-color:#9bc5ef;background:#f7fbff}
.draw-sum-toggle b{margin-left:5px;color:#2d7ff0}
.draw-sum-expanded{margin-top:12px;padding-top:12px;border-top:1px solid #e6edf4}
.draw-sum-expanded>div{display:flex;flex-wrap:wrap;gap:8px}
.draw-sum-all-item{padding:7px 10px;border:1px solid #dce7f1;border-radius:9px;background:#eef4f8;display:flex;align-items:center;gap:7px;color:#17243a;font-size:12px}
.draw-sum-all-item strong,.draw-sum-all-item b{font-size:12px;font-weight:800}
.draw-analysis-note{margin:14px 4px 0;color:#8492a5;font-size:12px;line-height:1.7}

/* 走势图 */
.draw-trend-head{align-items:flex-end}
.draw-range-tabs{display:flex;padding:5px;border:1px solid #d8e4f0;border-radius:12px;background:#fff;gap:4px;box-shadow:0 6px 18px rgba(33,68,108,.06)}
.draw-range-tabs button{padding:9px 13px;border:0;border-radius:9px;color:#65758c;background:transparent;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;white-space:nowrap}
.draw-range-tabs button.active{color:#fff;background:#2f89e9;box-shadow:0 4px 10px rgba(47,137,233,.22)}
.draw-trend-panel{padding:18px;border:1px solid #dce7f1;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(33,68,108,.08)}
.draw-trend-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.draw-trend-title h4{margin:0;color:#17243a;font-size:18px;font-weight:800}
.draw-trend-title>span{padding:6px 9px;border:1px solid #dce7f1;border-radius:10px;color:#7666ed;background:#f5f3ff;font-size:11px;white-space:nowrap}
.draw-chart-wrap{margin-top:12px;overflow-x:auto;overscroll-behavior-inline:contain}
.draw-chart-wrap svg{width:100%;min-width:760px;height:auto;display:block}
.draw-grid-line{stroke:#d9e5ef;stroke-width:1}
.draw-axis-label,.draw-x-label{fill:#7789a1;font-size:13px}
.draw-trend-area{fill:rgba(45,127,240,.10)!important;stroke:none!important}
.draw-trend-line{fill:none!important;stroke:#2d7ff0!important;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.draw-trend-dot{fill:#fff!important;stroke:#2d7ff0!important;stroke-width:3}
.draw-empty-chart{fill:#8492a5;font-size:18px}
.draw-sequence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.draw-sequence-panel{min-width:0;padding:18px;border:1px solid #dce7f1;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(33,68,108,.08)}
.draw-sequence-panel.draw-span-2{grid-column:span 2}
.draw-sequence-panel h4{margin:0 0 12px;color:#17243a;font-size:18px;font-weight:800}
.draw-sequence-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.draw-sequence-chip{flex:0 0 auto;min-width:42px;padding:7px 10px;text-align:center;border:1px solid #dce7f1;border-radius:9px;color:#405a76;background:#eef4fb;font-size:12px;font-weight:800}
.draw-sequence-chip.is-latest{border-color:#86b9ec;background:#e7f3ff;color:#1767bc;box-shadow:inset 0 0 0 1px rgba(47,137,233,.08)}

@media(max-width:900px){
  .draw-omission-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .draw-live-board .draw-inline-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .draw-analysis-head{display:block;margin-bottom:12px;padding:12px 2px 0}
  .draw-analysis-head h3{font-size:21px}
  .draw-analysis-head p{font-size:11px}
  .draw-analysis-head>em{display:inline-block;margin-top:9px;font-size:10px}
  .draw-omission-grid{grid-template-columns:1fr;gap:10px}
  .draw-stat-panel.draw-stat-sum{grid-column:auto}
  .draw-stat-panel{padding:12px;border-radius:14px}
  .draw-stat-title h4{font-size:15px}
  .draw-stat-title span{font-size:10px}
  .draw-omission-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .draw-omission-item{min-height:32px;padding:6px 8px}
  .draw-omission-item strong,.draw-omission-item b{font-size:11px}
  .draw-trend-head{display:block}
  .draw-range-tabs{margin-top:12px;width:max-content;max-width:100%;overflow-x:auto}
  .draw-range-tabs button{padding:8px 10px;font-size:11px}
  .draw-trend-panel{padding:12px;border-radius:14px}
  .draw-trend-title h4{font-size:15px}
  .draw-chart-wrap svg{min-width:680px}
  .draw-sequence-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}
  .draw-sequence-panel.draw-span-2{grid-column:auto}
  .draw-sequence-panel{padding:12px;border-radius:14px}
  .draw-sequence-panel h4{font-size:15px}
}

/* v4.3 双形态遗漏统计 */
.draw-shape-rule-note{margin:-3px 0 11px;color:#7b8798;font-size:12px;line-height:1.6}
@media(max-width:720px){.draw-shape-rule-note{margin:-2px 0 8px;font-size:10px}}

/* v4.6 深色模式兼容：防止分析独立CSS把卡片重新刷白 */
body.eye-mode .draw-stat-panel,
body.eye-mode .draw-trend-panel,
body.eye-mode .draw-sequence-panel,
body.eye-mode .draw-range-tabs,
body.eye-mode .draw-sum-toggle {
  background:#171a20!important;
  border-color:#303743!important;
  color:#e8edf2!important;
  box-shadow:none!important;
}
body.eye-mode .draw-omission-item,
body.eye-mode .draw-sum-all-item,
body.eye-mode .draw-sequence-chip {
  background:#222730!important;
  border-color:#353d49!important;
  color:#e2e8ef!important;
}
body.eye-mode .draw-omission-item.hot,
body.eye-mode .draw-sum-all-item.hot {
  background:#30271c!important;
  border-color:#6d5127!important;
  color:#ffb84d!important;
}
body.eye-mode .draw-range-tabs button {background:#1e232b!important;color:#c1cbd6!important;border-color:#37404d!important}
body.eye-mode .draw-range-tabs button.active {background:#2d7fe7!important;color:#fff!important}
body.eye-mode .draw-chart-wrap {background:#171a20!important}
@media(max-width:700px){
  body.eye-mode .draw-stat-panel,
  body.eye-mode .draw-trend-panel,
  body.eye-mode .draw-sequence-panel {background:#171a20!important;border-color:#2f3742!important}
}