/* My Income / 我的收入 — align tsyl688 chunk-5c12875d (.home-myIncome / .my-commission / .basic) */

.tsyl-income {
  --tsyl-vw-cap: 428px;
  position: relative;
  min-height: 100vh;
  color: #fff;
  font-size: min(3.2vw, 13.696px);
  isolation: isolate;
  padding-bottom: min(8vw, 34.24px);
  /* 背景画在自身上，滚动时不会透出下层 SPA */
  background-color: #151e34;
  background-image: url(/home-bg.png);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
}

/* 生产覆盖层：盖住整页，内部滚动 */
.tsyl-income.tsyl-income--overlay {
  position: fixed;
  inset: 0;
  z-index: 10040;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  height: 100%;
  overscroll-behavior: contain;
}

.tsyl-income::before {
  content: none;
}

/* 顶部标题栏 */
.tsyl-income .title-line {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: min(11.733vw, 50.219px);
  padding: 0 min(2.667vw, 11.413px);
  background: linear-gradient(180deg, rgba(10, 4, 28, 0.72), rgba(10, 4, 28, 0.28));
  backdrop-filter: blur(min(6.667vw, 28.533px));
  -webkit-backdrop-filter: blur(min(6.667vw, 28.533px));
}

.tsyl-income .title-line .left-arrow {
  width: min(9.6vw, 41.088px);
  height: min(9.6vw, 41.088px);
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: min(6.4vw, 27.392px);
  line-height: 1;
}

.tsyl-income .title-line .title-name {
  flex: 1;
  text-align: center;
  font-size: min(4.8vw, 20.544px);
  font-weight: 500;
}

.tsyl-income .title-line .right-hold {
  width: min(9.6vw, 41.088px);
}

/* 容器 */
.tsyl-income .container {
  padding: min(2.667vw, 11.413px);
}

/* ── 卡片 basic / basic1 ── */
.tsyl-income .basic {
  position: relative;
  border-radius: min(3.2vw, 13.696px);
  background-image: linear-gradient(177deg, rgba(252, 245, 255, 0.08), rgba(96, 64, 111, 0.18));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  padding-bottom: min(3.2vw, 13.696px);
  overflow: hidden;
}

.tsyl-income .basic + .basic {
  margin-top: min(3.733vw, 15.979px);
}

.tsyl-income .basic .light-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: min(0.267vw, 1.141px);
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 10%, #bdbaba 55%, hsla(0, 0%, 100%, 0));
}

/* 卡头：标题 + 右侧蓝色链接 */
.tsyl-income .basic .card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: min(4.8vw, 20.544px) min(4.267vw, 18.261px) 0 min(5.333vw, 22.827px);
  gap: min(2.667vw, 11.413px);
}

.tsyl-income .basic .card-head .h-title {
  font-size: min(5.333vw, 22.827px);
  font-weight: 700;
  line-height: 1.2;
  max-width: 44%;
}

.tsyl-income .basic .card-head .h-link {
  flex: 1;
  text-align: right;
  color: #87b7ff;
  font-size: min(3.2vw, 13.696px);
  line-height: 1.4;
  background: transparent;
  border: 0;
}

/* 领取行 */
.tsyl-income .basic .receive-line2 {
  margin: min(2.667vw, 11.413px) min(3.733vw, 15.979px) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: min(10.667vw, 45.653px);
}

.tsyl-income .basic .receive-line2 .left {
  display: flex;
  align-items: center;
  gap: min(2.133vw, 9.131px);
}

.tsyl-income .basic .receive-line2 .usdt_icon {
  width: min(7.467vw, 31.957px);
  height: min(7.467vw, 31.957px);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #26a17b;
  color: #fff;
  font-size: min(3.2vw, 13.696px);
  font-weight: 700;
}

.tsyl-income .basic .receive-line2 .amount {
  font-family: "DIN Alternate", "D-DIN-PRO-Medium", sans-serif;
  font-size: min(7.467vw, 31.957px);
  font-weight: 700;
  color: gold;
  line-height: 1;
}

.tsyl-income .basic .receive-line2 .btn {
  min-width: min(21.333vw, 91.307px);
  height: min(7.467vw, 31.957px);
  line-height: min(7.467vw, 31.957px);
  padding: 0 min(3.2vw, 13.696px);
  text-align: center;
  border-radius: min(6.4vw, 27.392px);
  color: #fff;
  font-size: min(3.467vw, 14.839px);
  background: linear-gradient(90deg, #9030e8, #4828d0);
}

.tsyl-income .basic .receive-line2 .btn:disabled,
.tsyl-income .basic .receive-line2 .btn.btn_disabled {
  background: rgba(197, 202, 233, 0.16);
  color: hsla(0, 0%, 100%, 0.5);
}

/* 导航行（总投注 / 今日业绩 等） */
.tsyl-income .basic .nav-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: min(3.2vw, 13.696px) min(3.733vw, 15.979px);
  background: transparent;
  border: 0;
  color: #fff;
}

.tsyl-income .basic .nav-row .label {
  color: hsla(0, 0%, 100%, 0.85);
  font-size: min(3.733vw, 15.979px);
}

.tsyl-income .basic .nav-row .right {
  display: flex;
  align-items: center;
  gap: min(2.133vw, 9.13px);
  min-width: 0;
}

.tsyl-income .basic .nav-row .num {
  color: #f6d36b;
  font-size: min(3.733vw, 15.979px);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.tsyl-income .basic .nav-row .chev {
  width: min(7.467vw, 31.957px);
  height: min(6.4vw, 27.392px);
  border-radius: min(1.6vw, 6.848px);
  background: rgba(0, 0, 0, 0.3);
  display: grid;
  place-items: center;
  color: hsla(0, 0%, 100%, 0.45);
  font-size: min(4vw, 17.12px);
  flex-shrink: 0;
}

/* 结算区标题 */
.tsyl-income .basic .settle-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: min(2.667vw, 11.413px) min(3.733vw, 15.979px) 0;
}

.tsyl-income .basic .settle-title .t {
  font-size: min(4.267vw, 18.261px);
  font-weight: 600;
}

.tsyl-income .basic .settle-title .details {
  color: #00b7ff;
  font-size: min(3.467vw, 14.839px);
  background: transparent;
  border: 0;
}

/* 结算三宫格 */
.tsyl-income .basic .settle-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.133vw, 9.131px);
  padding: min(2.667vw, 11.413px) min(3.733vw, 15.979px) 0;
}

.tsyl-income .basic .settle-grid .data {
  min-height: min(18.133vw, 77.611px);
  border-radius: min(1.6vw, 6.848px);
  background: hsla(0, 0%, 100%, 0.06);
  padding: min(2.667vw, 11.413px) min(2.933vw, 12.554px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(1.6vw, 6.848px);
}

.tsyl-income .basic .settle-grid .data .text {
  font-size: min(3.2vw, 13.696px);
  color: hsla(0, 0%, 100%, 0.6);
  line-height: 1.3;
}

.tsyl-income .basic .settle-grid .data .num {
  font-family: "D-DIN-PRO-Medium", sans-serif;
  font-size: min(4.267vw, 18.261px);
  font-weight: 600;
  color: #ffdc95;
}

/* tg 分享链接框 */
.tsyl-income .basic .tel_url {
  margin: min(3.2vw, 13.696px) min(3.733vw, 15.979px) 0;
  height: min(10.667vw, 45.653px);
  border-radius: min(2.133vw, 9.131px);
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  background-image: linear-gradient(180deg, rgba(64, 47, 71, 0.12), rgba(252, 245, 255, 0.12));
  display: flex;
  align-items: center;
  padding: 0 min(3.2vw, 13.696px);
  gap: min(2.667vw, 11.413px);
}

.tsyl-income .basic .tel_url .link {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: min(3.2vw, 13.696px);
}

.tsyl-income .basic .tel_url .copy-icon {
  flex-shrink: 0;
  color: hsla(0, 0%, 100%, 0.7);
}

.tsyl-income .basic .share-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: min(3.2vw, 13.696px) min(3.733vw, 15.979px) 0;
}

.tsyl-income .basic .share-head .t {
  font-size: min(4.267vw, 18.261px);
  font-weight: 600;
}

.tsyl-income .basic .share-head .details {
  color: #00b7ff;
  font-size: min(3.467vw, 14.839px);
  background: transparent;
  border: 0;
}

/* 底部 tips */
.tsyl-income .tips {
  display: flex;
  gap: min(1.6vw, 6.848px);
  margin: min(2.667vw, 11.413px) min(2.133vw, 9.131px) 0;
  font-size: min(3.2vw, 13.696px);
  color: hsla(0, 0%, 100%, 0.7);
  line-height: min(4.8vw, 20.544px);
}

.tsyl-income .tips .warning_icon {
  flex-shrink: 0;
  margin-top: min(0.8vw, 3.424px);
  color: gold;
}

/* 登录态占位 */
.tsyl-income .income-login {
  padding-top: min(16vw, 68.48px);
  text-align: center;
}

.tsyl-income .income-login .login-btn {
  height: min(11.733vw, 50.219px);
  padding: 0 min(10.667vw, 45.653px);
  border-radius: 999px;
  color: #fff;
  font-size: min(4.267vw, 18.261px);
  background: linear-gradient(90deg, #9030e8, #4828d0);
}

/* toast */
.tsyl-income .income-toast {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: min(24vw, 102.72px);
  z-index: 50;
  padding: min(2.133vw, 9.131px) min(4.267vw, 18.261px);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.8);
  font-size: min(3.2vw, 13.696px);
}