/* ===============================
   基础布局
=============================== */
body{
  background:#0b1020;
  color:#fff;
  text-align:center;
  font-family:Arial;
  margin:0;
  padding:10px;
}

h1{
  margin:10px 0 15px;
  font-size:22px;
}

/* ===============================
   顶部开奖信息条
=============================== */
.new-KJ-TabBox-box-foot-l{
  margin-bottom:15px;
  font-size:15px;
  color:#eee;
}

.kj-font-red{
  color:#ff4d4f;
  font-weight:bold;
}

#nextTime{
  margin-left:6px;
  color:#ffd666;
}

/* ===============================
   球整体容器
=============================== */
#balls{
  margin-top:15px;
}

/* 每个球的外层 */
.ball-wrap{
  display:inline-block;
  margin:12px;
  text-align:center;
}

/* ===============================
   球通用样式
=============================== */
.ball{
  width:54px;
  height:54px;
  border-radius:50%;
  line-height:54px;
  font-size:22px;
  font-weight:bold;
  color:#fff;
  box-shadow:0 4px 8px rgba(0,0,0,.5);
  animation:tvSpin .8s;
}

/* ===============================
   波色对应底色
=============================== */
.ball-红{
  background:linear-gradient(#ff6b6b,#c0392b);
}
.ball-蓝{
  background:linear-gradient(#6fa8ff,#1e5bd7);
}
.ball-绿{
  background:linear-gradient(#6bdc9b,#2e8b57);
}

/* ===============================
   等待开奖球
=============================== */
.wait-ball{
  background:#555;
  font-size:20px;
}

/* ===============================
   生肖文字（电视台动画）
=============================== */
.sx{
  margin-top:6px;
  font-size:14px;
  color:#eee;
  animation:sxPop .6s ease-out;
}

/* ===============================
   特码放大
=============================== */
.tema{
  transform:scale(1.35);
  box-shadow:0 0 20px gold;
}

/* ===============================
   动画
=============================== */
@keyframes tvSpin{
  from{
    transform:rotate(0deg) scale(.6);
    opacity:0;
  }
  to{
    transform:rotate(360deg) scale(1);
    opacity:1;
  }
}

@keyframes sxPop{
  from{
    transform:translateY(-10px);
    opacity:0;
  }
  to{
    transform:translateY(0);
    opacity:1;
  }
}

/* ===============================
   手机端适配
=============================== */
@media (max-width:600px){
  .ball{
    width:48px;
    height:48px;
    line-height:48px;
    font-size:20px;
  }
  .tema{
    transform:scale(1.25);
  }
  /* ===============================
   系统操作中心
=============================== */
.op-btns{
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:15px;
}

.op-btn{
  flex:1;
  min-width:220px;
  background:#1a1a2e;
  border-radius:10px;
  padding:15px;
  text-align:left;
  color:#fff;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  transition:.2s;
}

.op-btn span{
  display:block;
  margin-top:6px;
  font-size:13px;
  color:#bbb;
}

.op-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 18px rgba(0,0,0,.7);
}

.op-btn.danger{
  background:linear-gradient(135deg,#ff4d4f,#b71c1c);
}

.op-btn.disabled{
  background:#333;
  color:#777;
  cursor:not-allowed;
}

.op-btn.disabled span{
  color:#666;
}

.op-tip{
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#ffd666;
}

  
}