/* 外层留白 */

.tb-worldcup-section{

  padding:0 14px;

  box-sizing:border-box;

  margin:50px 0;

}

/* 主体 */

.tb-worldcup-wrap{

  position:relative;

  width:100%;

  max-width:1400px;

  margin:auto;

  height:520px;

  border-radius:30px;

  overflow:hidden;

  background:#000;

}

/* 背景 */

.tb-worldcup-bg{

  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  display:block;

}

/* 默认显示 PC */

.tb-bg-mobile{
  display:none;
}

/* 遮罩 */

.tb-worldcup-overlay{

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to bottom,
  rgba(0,0,0,.18),
  rgba(0,0,0,.68)
  );

}

/* 内容 */

.tb-worldcup-content{

  position:relative;

  z-index:2;

  height:100%;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  text-align:center;

  padding:20px;

  box-sizing:border-box;

}

.tb-worldcup-sub{

  color:#fff;

  font-size:14px;

  letter-spacing:3px;

  margin-bottom:14px;

  opacity:.88;

}

.tb-worldcup-content h2{

  font-size:64px;

  line-height:1.05;

  color:#fff;

  margin:0;

  font-weight:800;

}

.tb-worldcup-content p{

  margin-top:18px;

  color:rgba(255,255,255,.9);

  font-size:18px;

}

/* Countdown */

.tb-countdown{

  display:flex;

  gap:18px;

  margin-top:34px;

  flex-wrap:wrap;

  justify-content:center;

}

.tb-time-box{

  width:110px;

  height:110px;

  background:rgba(255,255,255,.12);

  border:1px solid rgba(255,255,255,.18);

  backdrop-filter:blur(8px);

  border-radius:24px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

}

.tb-time-box span{

  font-size:38px;

  color:#fff;

  font-weight:800;

  line-height:1;

}

.tb-time-box small{

  margin-top:10px;

  color:rgba(255,255,255,.76);

  font-size:13px;

  letter-spacing:1px;

  text-transform:uppercase;

}

/* 按钮 */

.tb-worldcup-btn{

  margin-top:36px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  height:54px;

  padding:0 34px;

  background:#fff;

  color:#111;

  font-size:14px;

  font-weight:700;

  border-radius:999px;

  text-decoration:none;

  transition:.3s;

}

.tb-worldcup-btn:hover{

  transform:translateY(-2px);

  opacity:.92;

}

/* ===== Mobile ===== */

@media(max-width:768px){

  /* 切换背景 */

  .tb-bg-pc{
    display:none;
  }

  .tb-bg-mobile{
    display:block;
  }

  .tb-worldcup-section{

    padding:0 10px;

    margin:40px 0;

  }

  .tb-worldcup-wrap{

    height:640px;

    border-radius:22px;

  }

  .tb-worldcup-content{

    justify-content:flex-end;

    padding-bottom:48px;

  }

  .tb-worldcup-content h2{

    font-size:42px;

  }

  .tb-worldcup-content p{

    font-size:15px;

    line-height:1.6;

    max-width:320px;

  }

  .tb-countdown{

    gap:12px;

    margin-top:28px;

  }

  .tb-time-box{

    width:78px;

    height:78px;

    border-radius:18px;

  }

  .tb-time-box span{

    font-size:28px;

  }

  .tb-time-box small{

    font-size:11px;

    margin-top:6px;

  }

  .tb-worldcup-btn{

    height:50px;

    padding:0 28px;

    margin-top:30px;

  }

}