* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: calc(100vw / 19.2) !important;
}

body {
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  background-color: #0a0e27;
  color: #fff;
}

.container {
  position: relative;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  display: block;
  max-width: 100%;
}

/* 侧边栏 */
.side {
  position: fixed;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.side a {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.08rem;
  font-size: 0.14rem;
  color: #fff;
  transition: all 0.3s;
}

.side a:hover {
  background: rgba(59, 130, 246, 0.6);
}

/* 通用区块 */
.section {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/* Banner */
.bg1 {
  background-image: url("../img/bg1.jpg");
  height: 12.1rem;
}

.b1_main {
  width: 100%;
  height: 100%;
  position: relative;
}

.b1_btns {
  position: absolute;
  left: 50%;
  bottom: 1.6rem;
  transform: translateX(-50%);
  display: flex;
  gap: 0.3rem;
}

.btn_status {
  display: block;
  width: 3.37rem;
  height: 0.92rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.btn_order {
  background-image: url("../img/wyybtn.png");
}

.btn_order_end {
  background-image: url("../img/yyybtn.png");
}

.btn_down {
  background-image: url("../img/ljxzbtn.png");
}

.btn_down_end {
  background-image: url("../img/yxzbtn.png");
}

/* 预约有礼 */
.bg2 {
  background-image: url("../img/bg2.jpg");
  height: 9.72rem;
}

.b2_main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.2rem;
}

.gift_box {
  width: 12.72rem;
  height: 7.43rem;
  position: relative;
  background: url("../img/b1_main.png") no-repeat center / 100% 100%;
}

.gift_limit {
  position: absolute;
  top: 1.35rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.22rem;
  color: #e74c3c;
  letter-spacing: 0.02rem;
}

.btn_lq {
  position: absolute;
  bottom: 1.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.89rem;
  height: 1.16rem;
  background: url("../img/lqbtn.png") no-repeat center / 100% 100%;
  line-height: 1.16rem;
  text-align: center;
  font-size: 0.32rem;
  color: #8b4513;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.2s;
}

.btn_lq:hover {
  transform: translateX(-50%) scale(1.05);
}

.btn_lq_end {
  filter: grayscale(1);
  filter: gray;
  cursor: default;
}
.btn_lq_end:hover {
  transform: translateX(-50%) scale(1);
}
.gift_links {
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.15rem;
}

.gift_links a {
  font-size: 0.18rem;
  color: #5a7a9a;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.2s;
}

.gift_links a:hover {
  color: #2c5a8a;
}

.link_divider {
  font-size: 0.18rem;
  color: #9ab;
}

/* 预约赢好礼 */
.bg3 {
  background-image: url("../img/bg3.jpg");
  height: 8.75rem;
}

.b3_main {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding-top: 1.2rem;
}

.lottery_box {
  width: 5.84rem;
  height: 5.86rem;
  position: relative;
}

.lottery_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lottery_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  background: rgba(255, 107, 0, 0);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: transparent;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  line-height: 1.3;
}

.lottery_btn:hover {
  background: rgba(255, 107, 0, 0.15);
  box-shadow: 0 0 0.2rem rgba(255, 107, 0, 0.3);
}

.lottery_highlight {
  position: absolute;
  width: 33.33%;
  height: 33.33%;
  border: 3px solid #ffeb3b;
  box-shadow:
    0 0 15px rgba(255, 235, 59, 0.6),
    inset 0 0 15px rgba(255, 235, 59, 0.3);
  background: rgba(255, 235, 59, 0.15);
  border-radius: 8px;
  transition: all 0.08s;
  pointer-events: none;
  opacity: 0;
  z-index: 5;
}

.lottery_highlight.active {
  opacity: 1;
}

.lottery_num {
  position: absolute;
  left: 50%;
  bottom: 2.15rem;
  transform: translateX(-50%);
  font-size: 0.18rem;
  color: #4a5568;
  white-space: nowrap;
}

.lottery_num span {
  color: #345da3;
}

.task_box {
  width: 5.66rem;
  height: 5.82rem;
  background: url("../img/b2_main_rw.png") no-repeat center / 100% 100%;
  padding: 0.55rem 0 0.4rem;
}

.task_list {
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
  padding-left: 1.4rem;
  padding-right: 0.5rem;
}

.task_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.14rem 0;
}

.task_info {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.task_name {
  font-size: 0.2rem;
  color: #4a5568;
}

.task_prog {
  font-size: 0.18rem;
  color: #718096;
}

.task_prog .cur {
  color: #e74c3c;
}

.btn_task {
  display: block;
  width: 1.5rem;
  height: 0.5rem;
  background: url("../img/b2_btn_bd.png") no-repeat center / 100% 100%;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.18rem;
  color: #8b4513;
  cursor: pointer;
  transition: transform 0.2s;
}

.btn_task:hover {
  transform: scale(1.05);
}

.btn_task.disabled {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 0.7;
}

.task_btm_links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.64rem;
  padding: 0 0.36rem;
}

.task_btm_links a {
  font-size: 0.18rem;
  color: #98a9bc;
  cursor: pointer;
  transition: color 0.2s;
}

.task_btm_links a:hover {
  color: #4a5568;
}

/* 实机展示 */
.bg4 {
  background-image: url("../img/bg4.jpg");
  height: 9.59rem;
}

.b4_main {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.5rem;
}

.video_box {
  width: 11rem;
  height: 6.2rem;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.08rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
}
.video_box video{
	display: block; width: 100%; height: 100%;
}
.video_play_btn {
  width: 1.2rem;
  height: 1.2rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  position: relative;
  transition: transform 0.3s;
  position:absolute;
  left:50%;
  top:50%;
  margin:-.6rem 0 0 -.6rem;
  z-index:1
}

.video_play_btn::after {
  content: "";
  position: absolute;
  left: 55%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-left: 0.4rem solid #333;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
}

.video_box:hover .video_play_btn {
  transform: scale(1.1);
  background: #fff;
}

/* 游戏特色 */
/* 游戏特色 */
.bg5 {
  background-image: url("../img/bg5.jpg");
  height: 9.35rem;
}

.b5_main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: 2.2rem;
  position: relative;
}

.swiper_lb {
  width: 11.79rem;
  height: 5.3rem;
  overflow: hidden;
  border-radius: 0.1rem;
}

.swiper_lb .swiper-slide {
  height: 3.9rem;
  z-index: 2;
  opacity: 0.5;
}

.swiper_lb .swiper-slide .img-box {
  height: 100%;
  top: 0.92rem;
  position: absolute;
}

.swiper_lb .swiper-slide-active {
  position: relative;
  z-index: 3;
  opacity: 1;
}

.swiper_lb .swiper-slide-active .img-box {
  width: 7.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.swiper_lb .swiper-slide-active .img {
  top: 0;
  width: 9.45rem;
}

.swiper_lb .img {
  width: 8.5rem;
  height: auto;
  display: block;
}

.swiper_lb .swiper-pagination {
  position: absolute;
  bottom: 0.15rem;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  z-index: 10;
}

.swiper_lb .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  background: transparent;
  border: solid 0.01rem #78aae8;
  opacity: 1;
  margin: 0 0.06rem;
}

.swiper_lb .swiper-pagination-bullet-active {
  background: #78aae8;
}

.swiper_lb .swiper-button-prev,
.swiper_lb .swiper-button-next {
  position: absolute;
  top: 40%;
  width: 0.6rem;
  height: 0.6rem;
  background-size: 100% 100%;
  margin-top: -0.3rem;
  z-index: 10;
}

.swiper_lb .swiper-button-prev {
  left: 0.1rem;
  background-image: url("../img/btn_prev.png");
}

.swiper_lb .swiper-button-next {
  right: 0.1rem;
  background-image: url("../img/btn_next.png");
}

.swiper_lb .swiper-button-prev::after,
.swiper_lb .swiper-button-next::after {
  display: none;
}

/* 弹窗样式补充 */
.twpop-main.rule-pop {
  width: auto;
  max-width: max(6rem, 400px);
  height: auto;
  padding: 0;
}

.twpop-main.rule-pop .twpop-title {
  display: none;
}

.twpop-main.rule-pop .twpop-cont {
  padding: 0;
}

.rule-pop-box {
  padding: max(0.6rem, 20px) max(0.6rem, 16px) max(0.5rem, 16px);
  text-align: center;
}

.rule-pop-title {
  display: inline-block;
  margin: 0 auto 0.3rem;
}

.rule-pop-title img {
  display: block;
  width: auto;
  height: max(0.6rem, 42px);
  max-width: 100%;
}

.twpop-main.rule-pop .twpop-diy-content {
  max-height: none;
  overflow: visible;
}

.rule-pop-box .rule {
  text-align: left;
  font-size: max(0.16rem, 13px);
  line-height: 1.8;
  color: #fff;
  max-height: max(5rem, 300px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

.rule-pop-box .rule::-webkit-scrollbar {
  width: 3px;
}

.rule-pop-box .rule::-webkit-scrollbar-track {
  background: transparent;
}

.rule-pop-box .rule::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}

.rule-pop-box .rule::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

.rule-pop-box .rule .item {
  margin-bottom: 0.15rem;
}

/* ========== 分享活动弹窗 ========== */
.twpop-main.share-pop {
  width: max(6rem, 400px);
  height: auto;
  padding: 0;
}

.twpop-main.share-pop .twpop-title {
  display: none;
}

.twpop-main.share-pop .twpop-diy-content {
  max-height: none;
  overflow: visible;
}

.share-pop-box {
  padding: max(0.6rem, 20px) max(0.3rem, 8px) max(0.5rem, 16px);
  text-align: center;
}

.share-pop-title {
  display: inline-block;
  margin: 0 auto 0.3rem;
}

.share-pop-title img {
  display: block;
  width: auto;
  height: max(0.6rem, 42px);
  max-width: 100%;
}

.share-pop-tip {
  font-size: max(0.16rem, 13px);
  color: #c8d4f0;
  margin-bottom: max(0.2rem, 10px);
  text-align: left;
}

/* ========== 邀请好友弹窗 ========== */
.twpop-main.invite-pop {
  width: max(6rem, 400px);
  height: auto;
  padding: 0;
}

.twpop-main.invite-pop .twpop-title {
  display: none;
}

.twpop-main.invite-pop .twpop-diy-content {
  max-height: none;
  overflow: visible;
}

.invite-pop-box {
  padding: max(0.6rem, 20px) max(0.3rem, 8px) max(0.5rem, 16px);
  text-align: center;
}

.invite-pop-title {
  display: inline-block;
  margin: 0 auto 0.3rem;
}

.invite-pop-title img {
  display: block;
  width: auto;
  height: max(0.6rem, 42px);
  max-width: 100%;
}

.invite-pop-tip {
  font-size: max(0.16rem, 13px);
  color: #c8d4f0;
  margin-bottom: max(0.2rem, 10px);
  text-align: left;
}

/* ========== 填写地址弹窗 ========== */
.twpop-main.address-pop {
  width: max(7rem, 420px);
  height: auto;
  padding: 0;
  overflow: visible;
}

.twpop-main.address-pop .twpop-title {
  display: none;
}

.twpop-main.address-pop .twpop-diy-content {
  max-height: none;
  overflow: visible;
}

.twpop-main.address-pop .twpop-foot {
  display: none;
}

.address-pop-box {
  padding: max(0.6rem, 20px) max(0.2rem, 10px) max(0.5rem, 16px);
  text-align: center;
}

.address-pop-title {
  display: inline-block;
  margin: 0 auto 0.3rem;
}

.address-pop-title img {
  display: block;
  width: auto;
  height: max(0.6rem, 42px);
  max-width: 100%;
}

.address-form-wrap {
  background: transparent;
  padding: max(0.3rem, 16px) 0;
  text-align: left;
}

.address-form-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: max(0.15rem, 10px);
}

.address-label {
  width: max(0.7rem, 50px);
  font-size: max(0.16rem, 14px);
  color: #fff;
  line-height: max(0.44rem, 36px);
  flex-shrink: 0;
}

.address-input {
  flex: 1;
  height: max(0.44rem, 36px);
  padding: 0 max(0.1rem, 8px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
  font-size: max(0.14rem, 13px);
  color: #fff;
  outline: none;
}

.address-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.address-textarea {
  height: max(2rem, 80px);
  resize: none;
  padding: max(0.1rem, 8px);
}

.address-hint {
  font-size: max(0.12rem, 11px);
  color: #c8d4f0;
  margin-bottom: max(0.2rem, 10px);
}

.address-btns {
  display: flex;
  justify-content: center;
  gap: max(0.15rem, 10px);
}

.address-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(1.2rem, 80px);
  height: max(0.44rem, 36px);
  font-size: max(0.16rem, 14px);
  border-radius: 0.04rem;
  text-decoration: none;
  cursor: pointer;
}

.address-cancel {
  background: #ddd;
  color: #333;
}

.address-submit {
  background: linear-gradient(180deg, #ff8c42 0%, #e55a00 100%);
  color: #fff;
}

/* 分享/邀请 input 背景图 */
.share-pop-input,
.invite-pop-input {
  display: block;
  width: 100%;
  font-size: max(0.24rem, 16px);
  padding: max(0.15rem, 10px);
  height: max(0.5rem, 36px);
  border: none;
  outline: none;
  background: url("../img/tccopyinput.png") no-repeat center / 100% 100%;
  color: #fff;
  text-align: center;
}

.twpop-main.prize-pop {
  width: max(6rem, 400px);
  height: auto;
}

.gift-table {
  width: 100%;
  border-collapse: collapse;
  font-size: max(0.16rem, 13px);
}

.gift-table th,
.gift-table td {
  padding: max(0.12rem, 10px);
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.gift-table th {
  background: rgba(59, 130, 246, 0.3);
}

.gift-table .btn-get {
  display: inline-block;
  padding: 0.05rem 0.15rem;
  background: rgba(59, 130, 246, 0.8);
  border-radius: 0.1rem;
  color: #fff;
  cursor: pointer;
}

.gift-table .btn-get.disabled {
  background: rgba(128, 128, 128, 0.5);
  cursor: not-allowed;
}

.address-form {
  padding: 0.2rem;
}

.address-form .form-item {
  margin-bottom: 0.15rem;
}

.address-form .form-item label {
  display: block;
  margin-bottom: 0.05rem;
  font-size: 0.14rem;
}

.address-form .form-item input,
.address-form .form-item textarea {
  width: 100%;
  padding: 0.08rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.05rem;
  color: #fff;
  font-size: 0.14rem;
}

.address-form .form-item textarea {
  height: 1rem;
  resize: none;
}

.address-form .btn-submit {
  display: block;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  background: rgba(59, 130, 246, 0.9);
  border-radius: 0.2rem;
  color: #fff;
  font-size: 0.16rem;
  cursor: pointer;
  margin-top: 0.2rem;
}

/* ========== 通用弹窗背景 ========== */
/* 所有弹窗共用背景图和关闭按钮（msg/load 因优先级更高保持原样） */
.twpop {
  position: relative;
  z-index: 10;
}
.twpop .twpop-main {
  background: url("../img/tcbg.png") no-repeat center / 100% 100%;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
}

.twpop .twpop-close {
  width: 19px;
  height: 19px;
  background: url("../img/close.png") no-repeat center / 100% 100%;
  top: -0.1rem;
  right: -0.05rem;
  opacity: 1;
}

.twpop-cont {
  background: transparent;
}

.twpop-cont .rule {
  text-align: left;
}

body .twpop .twpop-btn {
  color: #8b4513;
  background: url("../img/tcbtn.png") no-repeat center / 100% 100%;
  border: none;
  border-radius: 0;
  padding: 0 24px;
  min-width: 120px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0.1rem;
  /* 大屏用 rem 保持比例 */
  padding: 0 max(0.5rem, 24px);
  min-width: max(2.5rem, 120px);
  height: max(0.7rem, 44px);
  line-height: max(0.7rem, 44px);
  font-size: max(0.18rem, 16px);
}

/* ========== 绑定手机弹窗 ========== */
.twpop-main.bind-pop {
  width: max(7rem, 420px);
  height: auto;
  padding: 0;
  overflow: visible;
}

.twpop-main.bind-pop .twpop-title {
  display: none;
}

.twpop-main.bind-pop .twpop-cont {
  padding: 0;
  height: 100%;
}

.twpop-main.bind-pop .twpop-foot {
  display: none;
}

.twpop-main.bind-pop .twpop-diy-content {
  max-height: none;
  overflow: visible;
}

.bind-pop-box {
  padding: max(1.1rem, 30px) max(0.7rem, 16px) max(0.3rem, 16px);
  text-align: center;
  color: #fff;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ========== 游戏预约弹窗专属 ========== */
.twpop-main.yuyue-pop {
  width: max(7rem, 420px);
  height: auto;
  padding: 0;
  overflow: visible;
}

.twpop-main.yuyue-pop .twpop-title {
  display: none;
}

.twpop-main.yuyue-pop .twpop-cont {
  padding: 0;
  height: 100%;
}

.twpop-main.yuyue-pop .twpop-foot {
  display: none;
}

.twpop-main.yuyue-pop .twpop-diy-content {
  max-height: none;
  overflow: visible;
}

.yy-pop-box {
  padding: max(1.1rem, 30px) max(0.7rem, 16px) max(0.3rem, 16px);
  text-align: center;
  color: #fff;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.yy-pop-title {
  display: inline-block;
  margin: 0 auto 0.3rem;
}

.yy-pop-title img {
  display: block;
  width: auto;
  height: max(0.6rem, 42px);
  max-width: 100%;
}

.yy-pop-tip {
  font-size: max(0.16rem, 12px);
  color: #c8d4f0;
  margin-bottom: max(0.3rem, 12px);
}

.yy-pop-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.yy-input-row {
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, #849cff 0%, #cad5ff 100%);
  border-radius: 0.04rem;
  height: max(0.6rem, 40px);
  padding: 0 max(0.2rem, 10px);
}

.yy-phone-prefix {
  font-size: max(0.18rem, 14px);
  color: #fff;
  padding-right: 0.15rem;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  margin-right: 0.15rem;
}

.yy-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: max(0.18rem, 14px);
}

.yy-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.yy-code-row {
  padding-right: 0;
  overflow: hidden;
}

.yy-code-row .yy-input {
  padding-left: 0.2rem;
}

.yy-btn-code {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(2.2rem, 100px);
  height: calc(100% - 8px);
  margin: 4px 4px 4px 0;
  background: rgba(59, 130, 246, 0.8);
  color: #fff;
  font-size: max(0.16rem, 12px);
  white-space: nowrap;
}

.yy-check-group {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.yy-check-item {
  display: flex;
  align-items: flex-start;
  gap: 0.08rem;
  font-size: max(0.14rem, 11px);
  color: #c8d4f0;
  cursor: pointer;
}

.yy-check-item input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex-shrink: 0;
}

.yy-platform {
  margin-top: 0.1rem;
}

.yy-platform-tit {
  font-size: max(0.18rem, 14px);
  color: #fff;
  margin-bottom: 0.2rem;
}

.yy-platform-list {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
}

.yy-platform-item {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  padding: max(0.1rem, 6px) max(0.3rem, 12px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.04rem;
  font-size: max(0.18rem, 14px);
  color: #fff;
  cursor: pointer;
}

.yy-platform-item.active {
  background: rgba(59, 130, 246, 0.4);
  border-color: rgba(59, 130, 246, 0.8);
}

.yy-platform-item input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

.yy-pop-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(3.5rem, 160px);
  height: max(1rem, 44px);
  background: url("../img/tcbtn.png") no-repeat center / 100% 100%;
  font-size: max(0.22rem, 16px);
  color: #8b4513;
  font-weight: bold;
  margin: 0.3rem auto 0;
  letter-spacing: 0.02rem;
}
#cyou-top,
#cyou_bottom {
  display: none;
}

/* ========== 顶部右上角导航 ========== */
.top-nav {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  padding: 0.08rem 0.2rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(200, 164, 100, 0.4);
  border-radius: 0.3rem;
  font-size: 0.14rem;
  color: #c8a464;
}

.top-nav-item {
  color: #c8a464;
  text-decoration: none;
  transition: color 0.2s;
}

.top-nav-item:hover {
  color: #e8c484;
}

.top-nav-divider {
  color: rgba(200, 164, 100, 0.5);
}