/* ============================================================
   09-draw.css  开奖页：数据首页
   胶囊图标：images/chip_kj_1.png ~ chip_kj_4.png
   小按钮图标：images/mini_1.png / mini_2.png
   ============================================================ */
.kj-meta { display:flex; justify-content:space-between; align-items:center; font-size: 13px; margin: 6px 4px 14px; }
.kj-meta .ok { color:#22d3b8; display:flex; align-items:center; gap:6px; }
.kj-meta .ok::before { content:''; width:8px; height:8px; border-radius:50%; background:#22d3b8; }
.kj-meta .tip { color:#9fd8cf; }
.kj-head { display:flex; justify-content:space-between; align-items:flex-end; margin: 6px 4px 16px; }
.kj-head h2 { font-size: 28px; font-weight: 900; }
.kj-head p { color:#9fd8cf; font-size:13px; margin-top:6px; }
.refresh {
  padding: 10px 16px; border-radius: 12px;
  background: rgba(18,46,56,.8); border:1px solid rgba(60,190,170,.4);
  color:#cfe8e2; font-size:13px; cursor:pointer;
}
.kj-card {
  background: rgba(14,36,44,.9);
  border: 1px solid rgba(60,190,170,.35);
  border-radius: 18px; padding: 20px 16px;
}
.kj-card-head { display:flex; justify-content:space-between; align-items:center; margin-bottom: 14px; }
.kj-card-head h4 { font-size: 18px; }
.mini-btns { display:flex; gap:8px; }
.mini-btn {
  padding: 8px 14px; border-radius: 10px; font-size: 13px;
  background: rgba(40,70,82,.8); border:1px solid rgba(120,200,190,.25);
  color:#cfe8e2; cursor:pointer;
  display:flex; align-items:center; gap:6px;
}
.qihao { font-size: 22px; font-weight:800; margin: 14px 0 6px; }
.yi {
  display:inline-block; padding: 4px 12px; border-radius: 10px;
  background: rgba(34,211,184,.15); color:#22d3b8; font-size:13px; margin-bottom: 20px;
}
.balls { display:flex; align-items:center; justify-content:center; gap: 10px; margin: 24px 0; }
.ball {
  width: 70px; height: 70px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size: 30px; font-weight: 900; color:#fff;
  border: 3px solid rgba(255,255,255,.85);
  box-shadow: 0 4px 14px rgba(0,0,0,.4);
}
.ball.b { background: linear-gradient(135deg,#3b82f6,#1d4ed8); }
.ball.g { background: linear-gradient(135deg,#22c55e,#15803d); }
.ball.o { background: linear-gradient(135deg,#fb923c,#ea580c); }
.ball.r { background: linear-gradient(135deg,#f43f5e,#be123c); }
.op { font-size: 26px; color:#9fd8cf; font-weight:700; }
.dx {
  text-align:center; padding: 12px 30px; border-radius: 14px;
  background: rgba(34,211,184,.12); color:#22d3b8; font-size: 22px; font-weight:800;
  width: fit-content; margin: 0 auto 14px;
}
.countdown {
  text-align:center; padding: 12px 22px; border-radius: 12px;
  background: rgba(40,70,82,.8); color:#cfe8e2; font-size: 16px;
  width: fit-content; margin: 0 auto 16px;
}
.tags-row { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.ttag {
  padding: 6px 14px; border-radius: 999px; font-size: 13px;
  background: rgba(34,211,184,.1); border:1px solid rgba(34,211,184,.4);
  color:#7fd8cf;
}