@font-face {
  font-family: hszz;
  src: url("../fonts/hszz.ttf") format("truetype");
}
a {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.container {
  width: 100%;
  height: 17.65rem;
  position: relative;
  background: url("//game.gtimg.cn/images/coc/cp/a20260929ore/bg.jpg") no-repeat;
  background-size: cover;
  font-size: 0.24rem;
}
.logo {
  position: absolute;
  width: 2.1rem;
  height: .84rem;
  left: .11rem;
  top: .15rem;
}
.con {
  width: 100%;
  height: 5.8rem;
  position: absolute;
  top: 4.89rem;
  box-sizing: border-box;
}

.login {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #6D2D11;
}
.login span {
  color: #6D2D11;
}
.login a {
  color: #6D2D11;
  text-decoration: underline;
}

.box {
  width: 7.5rem;
  height: 12.24rem;
  background: url("//game.gtimg.cn/images/coc/cp/a20260929ore/main.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 1.53rem 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box .content {
  width: 6.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box .title{
  width: 5.75rem;
  height: .58rem;
  background: url("//game.gtimg.cn/images/coc/cp/a20260929ore/title.png") no-repeat;
  background-size: 100% 100%;
  margin-bottom: .2rem;
}
.info {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 1.7rem;
  font-size: 0.3rem;
  font-family: hszz;
  color: #a75d23;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}
.info p {
  margin: 0.05rem 0;
  width: 100%;
}
.info span {
  color: #b63d00;
}

.link {
  position: absolute;
  text-align: center;
  bottom: 1.28rem;
  
}
.link a{
  font-size: 0.26rem;
  color: #4E2504;
}
.dia-con {
  width: 7.19rem;
  height: 4.75rem;
  background: url("//game.gtimg.cn/images/coc/cp/a20260929ore/pop-bg.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 1.07rem;
  left: .15rem;
}
.dia-con, .dia-con * {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}
.dia-con:focus, .dia-con :focus,
.dia-con:focus-visible, .dia-con :focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* 1) 关掉触发链接和弹窗内所有可聚焦元素的蓝色 outline */
.link a:focus,
.dia-close:focus,
.dia-con:focus,
.dialog :focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

/* 2) 屏蔽 iOS Safari 的点击高亮（弹窗内所有元素） */
.dia-con,
.dia-con *,
.dialog,
.dialog * {
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}
.dia-con.con1{
    height: 5.41rem;
}
.dia-close {
  position: absolute;
  top: 0.25rem;
  right: 0.1rem;
  width: 0.77rem;
  height: 0.79rem;
  background: url("//game.gtimg.cn/images/coc/cp/a20260929ore/close.png") no-repeat;
  background-size: 100% 100%;
}
.dia-title {
  font-size: 0.42rem;
  font-family: hszz;
  color: #6D2D11;
  width: 4.86rem;
  height: .63rem;
  background: url("//game.gtimg.cn/images/coc/cp/a20260929ore/pop-title-bg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.dia-info {
  width: 5.8rem;
  height: 2.6rem;
  position: absolute;
  top: 1.8rem;
  left: 0.65rem;
  overflow: auto;
  color: #6D2D11;
  font-size: 0.24rem;
}
.dia-info.info2{
    height: 7rem;
}
.dia-info p {
  line-height: 0.36rem;
}
.dia-tip {
  color: #6D2D11;
  height: 1.3rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .26rem;
}

.table {
  width: 100%;
  text-align: center;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.2rem;
}
.table thead {
  border-bottom: 0.02rem solid #fbeabb;
  font-weight: normal;
  background: #fff4d4;
}
.table thead th {
  font-weight: normal;
}
.table thead tr {
  height: 0.64rem;
}
.table tbody {
  background: #FFEACC;
  font-weight: bold;
}
.table tbody tr {
  height: 0.64rem;
  border-bottom: 0.02rem solid #BA6F47;
}
.table tbody td {
  padding: 0 0.05rem;
}

/* ===== content 内 矿石宝箱领取记录 ===== */
.box .content {
  width: 6.5rem;
  margin-top: 0.2rem;
}
.record-fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.3rem;
  font-size: 0.24rem;
  color: #6D2D11;
}
.record-field {
  display: flex;
  line-height: 0.4rem;
}
.field-label {
  width:2.1rem;
  font-weight: bold;
  white-space: nowrap;
  text-align: end;
}
.field-value {
  width: 3.86rem;
  color: #6D2D11;
  margin-left: 0.05rem;
  min-height: 0.01rem;
}
.record-title {
  width: 3.7rem;
  height: 0.72rem;
  background: url("//game.gtimg.cn/images/coc/cp/a20260929ore/title2.png") no-repeat;
  background-size: 100% 100%;
}
.table-wrap {
  width: 100%;
  max-height: 4.48rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border: 0.01rem solid #b87333;
  border-radius: 0.04rem;
  background: #FFEACC;
  margin-top: .27rem;
}
.record-table {
  width: 100%;
  table-layout: fixed;
}
.record-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #D18745;
  border-bottom: 0.01rem solid #BA6F47;
  color: #FFFFFF;
  font-size: 0.22rem;
}
.record-table thead th:nth-child(1) { width: 1rem; }   /* 节点 */
.record-table thead th:nth-child(2) { width: 2rem; }   /* 领取时间 */
.record-table tbody td {
  text-align: center;
  color: #6D2D11;
  font-size: 0.22rem;
  word-break: break-all;
}
.table thead th:not(:last-child),
.table tbody td:not(:last-child) {
  border-right: 0.01rem solid #BA6F47;
}
.record-footer {
  width: 100%;
  margin-top: 0.15rem;
  padding: 0.1rem 0.15rem;
  font-size: 0.22rem;
  color: #6D2D11;
  line-height: 0.34rem;
  box-sizing: border-box;
}

.platform {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 1.96rem;
}
.platform-item {
  margin: 0 0.4rem;
  font-size: 0.24rem;
}
.platform-item p {
  text-align: center;
  color: #6D2D11;
}
.platform-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.52rem;
  height: 1.52rem;
  border-radius: 50%;
  background: #A65B37;
  margin-bottom: 0.1rem;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}
.platform-item a:focus,
.platform-item a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.platform-item svg {
  width: 80%;
}