/* ══════════════════════════════════════════════
   开奖前后快照对比（修改监测页）
   ══════════════════════════════════════════════ */

.shot-head{display:flex;align-items:center;gap:8px;margin:2px 3px 12px}
.shot-head .scope{margin:0;flex:1}
.shot-btn{
  flex:none;padding:6px 12px;border-radius:8px;font-size:11.5px;font-weight:600;
  border:1px solid var(--blue-line);background:#fff;color:var(--blue);
  cursor:pointer;font-family:inherit;
  transition:transform .12s var(--ease-out),background .16s,border-color .16s,opacity .16s;
}
.shot-btn:active{transform:scale(.95);background:#F5F8FF}
.shot-btn:disabled{opacity:.45;cursor:default}
@media(hover:hover){.shot-btn:not(:disabled):hover{background:#F5F8FF;border-color:#BFD3FE}}

/* 状态条 */
.shot-status{
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:14px 16px;margin-bottom:12px;
}
.shot-status b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.shot-status span{display:block;font-size:11.5px;color:var(--sub2);margin-top:5px;line-height:1.6}
.shot-status.ok{border-color:#A6F4C5;background:#ECFDF3}
.shot-status.ok b{color:#027A48}
.shot-status.bad{border-color:#FECDCA;background:#FEF3F2}
.shot-status.bad b{color:#B42318}
.shot-status.pend{border-color:#FEDF89;background:#FFFAEB}
.shot-status.pend b{color:#B54708}
.shot-tip{
  font-size:11.5px;color:var(--sub2);margin:-4px 3px 12px;line-height:1.6;
}

/* 分组标题 */
.sec-title{
  display:flex;align-items:center;gap:7px;
  font-size:12.5px;font-weight:700;color:var(--sub);
  margin:16px 3px 9px;
}
.sec-title i{
  font-style:normal;font-size:11px;font-weight:700;
  background:#F2F4F7;color:#475467;border-radius:999px;padding:1px 8px;
}

/* 改动卡片 */
.shot-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:13px 14px;margin-bottom:10px;
}
.shot-card.enter{will-change:transform,opacity}
.shot-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.shot-name{font-size:14.5px;font-weight:700;color:var(--ink);flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shot-issue{font-size:10.5px;color:var(--sub2);flex:none}

/* 号码对比区 */
.shot-diff{
  background:#F8F9FB;border:1px solid #EEF0F4;border-radius:10px;
  padding:10px 12px;
}
.shot-diff.single{background:#F8F9FB}
.shot-line{display:flex;align-items:flex-start;gap:8px}
.shot-line+.shot-line{margin-top:9px;padding-top:9px;border-top:1px dashed #E9EBF0}
.shot-tag{
  flex:none;font-size:10px;font-weight:700;border-radius:5px;
  padding:2px 7px;line-height:1.5;margin-top:1px;
}
.shot-tag.old{background:#F2F4F7;color:#667085}
.shot-tag.new{background:#EFF4FF;color:#1D4ED8}
.shot-line .shot-tag:not(.old):not(.new){background:#F2F4F7;color:#667085}
.shot-nums{display:flex;flex-wrap:wrap;gap:5px;min-width:0;flex:1}
.shot-num{
  font-family:ui-monospace,Consolas,monospace;
  font-size:13px;font-weight:700;color:var(--sub);
  letter-spacing:.5px;background:#fff;border:1px solid #E7EAF0;
  border-radius:6px;padding:2px 7px;line-height:1.4;
  font-variant-numeric:tabular-nums;
  transition:background .16s,border-color .16s,color .16s;
}
/* 被删除的号 / 新增的号 */
.shot-num.drop{
  color:#B42318;background:#FEF3F2;border-color:#FECDCA;
  text-decoration:line-through;text-decoration-thickness:1.5px;
}
.shot-num.add{
  color:#027A48;background:#ECFDF3;border-color:#A6F4C5;
}

/* 增减摘要 */
.shot-metas{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.shot-meta{
  font-size:10.5px;font-weight:600;border-radius:6px;padding:2.5px 9px;
  font-variant-numeric:tabular-nums;
}
.shot-meta.drop{background:#FEF3F2;color:#B42318;border:1px solid #FECDCA}
.shot-meta.add{background:#ECFDF3;color:#027A48;border:1px solid #A6F4C5}

@media(max-width:520px){
  .shot-head{flex-wrap:wrap}
  .shot-head .scope{width:100%;flex:none;margin-bottom:2px}
  .shot-num{font-size:12.5px;padding:2px 6px}
}

/* 定位复式等无法拆号的方案：整串原文展示 */
.shot-raw{
  font-family:ui-monospace,Consolas,monospace;
  font-size:12.5px;font-weight:600;color:var(--ink);
  letter-spacing:.4px;line-height:1.75;
  word-break:break-all;
  white-space:pre-wrap;
}
.shot-meta-arrow{font-size:10.5px;color:var(--sub2);padding:0 1px}