.ban-head{
  display:grid;
  grid-template-columns:38px 1fr 38px;
  align-items:center;
  gap:10px;
  margin:4px 0 14px
}

.ban-head button{
  width:38px;
  height:38px;
  border:1px solid rgba(212,168,76,.18);
  border-radius:12px;
  background:#111416;
  color:#d5b361
}

.ban-back{
  font-size:25px
}

.ban-refresh{
  font-size:18px
}

.ban-head small{
  color:#b8954e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em
}

.ban-head h2{
  margin:3px 0 0;
  font-size:20px
}

.ban-intro{
  margin-bottom:13px;
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:17px;
  background:linear-gradient(145deg,#131617,#090b0c)
}

.ban-intro b{
  display:block;
  margin-bottom:5px;
  font-size:13px
}

.ban-intro span{
  color:#858a8d;
  font-size:11px;
  line-height:1.5
}

.ban-labels,
.ban-card{
  display:grid;
  grid-template-columns:1fr 52px 52px;
  align-items:center;
  gap:7px
}

.ban-labels{
  padding:0 12px 7px;
  color:#777c7f;
  font-size:9px;
  text-align:center
}

.ban-labels span:first-child{
  text-align:left
}

.ban-card{
  margin-bottom:7px;
  padding:12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:#0c0f10
}

.ban-info b{
  display:block;
  color:#e8e8e8;
  font-size:12px
}

.ban-info span{
  display:block;
  margin-top:4px;
  color:#777d80;
  font-size:9px;
  line-height:1.35
}

.ban-switch{
  display:flex;
  justify-content:center
}

.ban-switch input{
  width:19px;
  height:19px;
  accent-color:#cba650
}

.ban-na{
  color:#4d5254;
  font-size:14px
}

.ban-save{
  width:100%;
  margin-top:11px;
  padding:13px;
  border:1px solid rgba(212,168,76,.32);
  border-radius:13px;
  background:linear-gradient(135deg,#d1aa55,#8e6829);
  color:#090a0a;
  font-weight:900
}

.ban-save:disabled{
  opacity:.45
}