/* 历史开奖 #/lottery — 对齐 49 参考 chunk-486ad88c */
.lottery-index {
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  padding-top: 46px;
  box-sizing: border-box;
}

.lottery-index .van-nav-bar {
  background: #fff !important;
  max-width: 480px;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  width: 100%;
}

.lottery-index .van-nav-bar__content {
  height: 46px !important;
}

.lottery-index .van-nav-bar__title {
  color: #333 !important;
  font-size: 0.36rem;
  font-weight: 600;
  width: auto !important;
  max-width: none !important;
}

.lottery-index .van-nav-bar__left .van-icon,
.lottery-index .van-nav-bar__arrow .van-icon {
  color: #333 !important;
  font-size: 16px;
}

.lottery-index .lottery-nav__year {
  display: none;
  border: 0;
  background: transparent;
  padding: 0 0.12rem;
  cursor: pointer;
  line-height: 1;
}

.lottery-index .lottery-nav__year.is-visible {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lottery-index .lottery-nav__year .van-icon {
  color: #07c160;
  font-size: 16px;
}

.lottery-index .lottery-van-tabs {
  position: sticky;
  top: 46px;
  z-index: 10;
  background: #fff;
}

.lottery-index .lottery-van-tabs .van-tabs__wrap {
  max-width: 480px;
  margin: 0 auto;
}

.lottery-index .lottery-van-tabs .van-tab {
  color: #333;
  font-size: 0.32rem;
}

.lottery-index .lottery-van-tabs .van-tab--active {
  color: #07c160;
  font-weight: 500;
}

.lottery-index .lottery-van-tabs .van-tabs__line {
  display: none !important;
}

.lottery-index .lottery-van-tabs .van-tabs__wrap {
  height: 0.88rem;
}

.lottery-index .lottery-van-tabs .van-tabs__nav--line {
  padding-bottom: 0;
}

.lottery-index .lottery-van-tabs .van-hairline--bottom::after {
  border-color: #ebedf0;
}

.lottery-index .van-sticky--fixed {
  max-width: 480px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
}

/* ── 开奖记录列表 ── */
.lottery-index .historical-list .head-find {
  background: #eee;
  padding: 0.24rem 0.2rem;
  font-size: 0.28rem;
  position: relative;
}

.lottery-index .historical-list .head-find .right-find span {
  box-sizing: border-box;
  margin-left: 0.2rem;
  background: #fff;
  display: inline-block;
  font-size: 13px;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.14rem;
  border-radius: 0.24rem;
  cursor: pointer;
}

.lottery-index .historical-list .head-find .right-find span.border {
  border: 0.02rem solid #ddd;
}

.lottery-index .historical-list .head-find .right-find span.act {
  background: #07c160;
  color: #fff;
  border-color: #07c160;
}

.lottery-index .historical-list .head-find .right-find span.center:not(.act):not(.border) {
  border: 0.02rem solid transparent;
}

.lottery-index .historical-list .head-find .sort-trigger {
  position: relative;
  display: inline-block;
}

.lottery-index .sort-popover {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 0.08rem);
  min-width: 2.4rem;
  background: #fff;
  border-radius: 0.12rem;
  box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.12);
  z-index: 20;
  overflow: hidden;
}

.lottery-index .sort-popover.is-open {
  display: block;
}

.lottery-index .sort-popover button {
  display: block;
  width: 100%;
  border: 0;
  background: #fff;
  padding: 0.2rem 0.28rem;
  text-align: left;
  font-size: 0.26rem;
  color: #333;
  cursor: pointer;
}

.lottery-index .sort-popover button.is-active {
  color: #07c160;
  background: rgba(7, 193, 96, 0.06);
}

.lottery-index .historical-list .body-list .body-list-item {
  padding: 0.3rem 0 0.06rem;
}

.lottery-index .historical-list .body-list .body-list-item .hd-text {
  padding: 0 0.2rem;
  margin-bottom: 0.1rem;
  font-size: 0.28rem;
  color: #333;
}

.lottery-index .historical-list .body-list .body-list-item .hd-text span {
  display: block;
  text-align: right;
  color: #999;
  font-size: 0.24rem;
}

.lottery-index .historical-list .list-footer {
  text-align: center;
  padding: 0.24rem;
  font-size: 0.26rem;
  color: #999;
}

/* 开奖号码区 — 绿框 border-ws（与首页 49 一致） */
.lottery-index .border-ws {
  background: #fff;
  border: 0.02rem solid #07c160;
  border-radius: 0 0 0.08rem 0.08rem;
  margin-left: 0.16rem;
  margin-right: 0.16rem;
}

.lottery-index .border-ws .border-box-body {
  padding: 0.2rem 0.2rem 0.1rem;
  border-radius: 0.2rem;
}

.lottery-index .border-ws .border-box-body-bd .van-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  align-items: flex-start;
}

.lottery-index .border-ws .border-box-body-bd .van-col.tp {
  width: 13.5%;
  flex-shrink: 0;
}

.lottery-index .border-ws .border-box-body-bd .van-col.tc {
  width: 5%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lottery-index .border-ws .icon-text {
  height: 0.88rem;
  width: auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.lottery-index .border-ws .border-box-body .icon-text.bg-amage-0 {
  background-image: url(../img/49-ball-0.png) !important;
}
.lottery-index .border-ws .border-box-body .icon-text.bg-amage-1 {
  background-image: url(../img/49-ball-1.png) !important;
}
.lottery-index .border-ws .border-box-body .icon-text.bg-amage-2 {
  background-image: url(../img/49-ball-2.png) !important;
}
.lottery-index .border-ws .border-box-body .icon-text.bg-amage-3 {
  background-image: url(../img/49-ball-3.png) !important;
}

.lottery-index .border-ws .slot-icon {
  display: inline-block;
  width: 0.88rem;
  line-height: 0.88rem;
  font-size: 0.4rem;
  font-weight: 700;
  color: #666;
  text-indent: 0.08rem;
  text-align: center;
}

.lottery-index .border-ws .slot-icon span {
  padding-right: 0.1rem;
}

.lottery-index .border-ws .border-box-body .slot-text {
  font-size: 0.24rem;
  color: #333;
  text-align: center;
  line-height: 1.2;
  margin: 0.08rem 0 0;
  padding: 0.04rem;
  border-radius: 0.04rem;
  background-color: transparent !important;
  white-space: nowrap;
}

.lottery-index .border-ws .connect {
  padding-top: 0.4rem;
  text-align: center;
}

/* ── 开奖日期 Tab ── */
.lottery-index .lottery-date {
  padding: 0.2rem;
}

.lottery-index .lottery-date .jianjie {
  background-color: #fbfbfb;
  text-align: center;
  padding: 0.3rem;
}

.lottery-index .lottery-date .jianjie .title {
  margin-bottom: 0.3rem;
  font-size: 0.3rem;
  font-weight: 600;
  color: #333;
}

.lottery-index .lottery-date .jianjie .text {
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #666;
}

.lottery-index .lottery-date .red-hd {
  background-color: #07c160;
  height: 0.92rem;
  margin-top: 0.4rem;
  color: #fff;
  line-height: 1rem;
  font-size: 0.32rem;
  padding: 0 0.2rem;
}

.lottery-index .lottery-date .red-hd .title {
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.92rem;
  color: #fff;
}

.lottery-index .lottery-date .red-hd .van-icon {
  font-size: 0.32rem;
  color: #fff;
  cursor: pointer;
}

.lottery-index .lottery-date .date-bd {
  padding-top: 0.4rem;
  background: #fff;
}

.lottery-index .lottery-date .date-bd .day-item label,
.lottery-index .lottery-date .date-bd .day-item span {
  display: inline-block;
  width: 14.28571428%;
  margin-bottom: 0.2rem;
  box-sizing: border-box;
}

.lottery-index .lottery-date .date-bd .day-item label {
  text-align: center;
  font-size: 0.24rem;
  color: #999;
}

.lottery-index .lottery-date .date-bd .day-item span {
  text-align: center;
}

.lottery-index .lottery-date .date-bd .day-item span b {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 100%;
  font-size: 0.24rem;
  font-weight: 200;
  border: 1px solid transparent;
  cursor: pointer;
}

.lottery-index .lottery-date .date-bd .day-item span b.act,
.lottery-index .lottery-date .date-bd .day-item span b.act1 {
  background: #07c160;
  color: #fff;
  border: 1px solid #07c160;
}

.lottery-index .lottery-date .date-bd .day-item span b.hover {
  border: 1px solid #07c160;
  background: #fff;
  color: #07c160;
}

.lottery-index .lottery-date .ft {
  text-align: center;
  padding: 0.6rem 0;
  font-size: 0.26rem;
  color: #666;
}

/* 年份选择（仿 van-popup + picker） */
.lottery-index .year-picker-mask {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 200;
}

.lottery-index .year-picker-mask.is-open {
  display: block;
}

.lottery-index .year-picker-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 480px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0.24rem 0.24rem 0 0;
  max-height: 50vh;
  overflow: auto;
  padding-bottom: env(safe-area-inset-bottom, 0);
}

.lottery-index .year-picker-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.24rem 0.32rem;
  border-bottom: 0.02rem solid #eee;
  font-size: 0.3rem;
}

.lottery-index .year-picker-hd button {
  border: 0;
  background: transparent;
  font-size: 0.28rem;
  color: #666;
  cursor: pointer;
}

.lottery-index .year-picker-hd button.confirm {
  color: #07c160;
}

.lottery-index .year-picker-list button {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 0.02rem solid #f5f5f5;
  background: #fff;
  padding: 0.28rem;
  font-size: 0.32rem;
  text-align: center;
  cursor: pointer;
}

.lottery-index .year-picker-list button.is-active {
  color: #07c160;
}

.lottery-index .lottery-panel {
  display: none;
}

.lottery-index .lottery-panel.is-active {
  display: block;
}