/* 2026-08-20: jbgj662 record-page parity pass. */
#app .route-transactions,
#app .route-profit,
#app .route-bets{
  color:#fff;
  font-family:PingFangSC-Regular,"PingFang SC","Microsoft YaHei",sans-serif;
  background:#0b1035 url('./assets/original-pages/inner-page-bg.png') center top/100% 100% no-repeat!important;
}
#app .route-transactions .sub-header,
#app .route-profit .sub-header,
#app .route-bets .sub-header{
  height:min(12.8vw,54.8px);
  min-height:min(12.8vw,54.8px);
  background:transparent!important;
  color:#fff!important;
  font-family:PingFangSC-Medium,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:min(4.9vw,21px);
  font-weight:600;
  box-shadow:none!important;
}

/* Recharge / withdrawal records. */
#app .original-record-list-page{background:#0b1035 url('./assets/original-pages/inner-page-bg.png') center top/100% 100% no-repeat!important}
#app .original-record-title strong{font-size:min(4.9vw,21px);font-weight:600}
#app .original-record-tabs button{font-size:min(4vw,17px);font-weight:500;color:#b9aec8}
#app .original-record-tabs button.active{font-weight:600;color:#fff}
#app .original-record-head{font-size:min(4vw,17px);font-weight:600;color:#d3cade;background:rgba(65,48,85,.78)}
#app .original-record-left b{font-size:min(4vw,17px);font-weight:600;color:#fff}
#app .original-record-left em{font-size:min(4.45vw,19px);font-weight:600;color:#23df91}
#app .original-record-left time{font-size:min(3.4vw,14.5px);color:#cfd4e7;opacity:1}
#app .original-record-left .record-status{font-size:min(3.4vw,14.5px);font-weight:500;color:#fff}
#app .original-record-left .record-status.success{color:#fff}
#app .original-record-left .record-status.processing{color:#ffd42a}
#app .original-record-left .record-status.failed{color:#ff4054}

/* Transaction records. */
#app .transaction-page{min-height:calc(100dvh - min(12.8vw,54.8px));background:transparent!important}
#app .transaction-page .transaction-tabs button{font-size:min(4vw,17px);font-weight:500;color:#b9aec8}
#app .transaction-page .transaction-tabs button.active{font-weight:600;color:#fff}
#app .transaction-page .data-head{height:min(12vw,51.4px);margin:min(4vw,17.1px) min(4vw,17.1px) min(1.9vw,8.1px);padding:0 min(4vw,17.1px);display:grid;align-items:center;border-radius:min(1.9vw,8.1px);background:rgba(65,48,85,.78);color:#d5cde2;font-size:min(3.8vw,16.3px);font-weight:500}
#app .transaction-page .transaction-row{min-height:min(18.7vw,80px);margin:0 min(6.3vw,27px);padding:min(3.2vw,13.7px) 0;align-items:flex-start}
#app .transaction-page .transaction-row>span>b{color:#fff;font-size:min(4.1vw,17.5px);font-weight:600}
#app .transaction-page .transaction-row time{margin-top:min(1.4vw,6px);color:#cfd4e7!important;font-size:min(3.35vw,14.3px);font-weight:400;opacity:1}
#app .transaction-page .transaction-row>b{font-size:min(4.35vw,18.6px);font-weight:600}
#app .transaction-page .income-green{color:#23df91!important}
#app .transaction-page .expense-red{color:#ff4054!important}
#app .transaction-page .transaction-detail{color:#aeb4c8!important}
#app .transaction-page .transaction-status,
#app .transaction-page .transaction-balance{color:#ffd42a!important;font-size:min(3.35vw,14.3px)!important}

/* Win/loss report: win is dark gold, loss is red, zero remains white. */
#app .profit-summary span{color:#d2c6e6!important;opacity:1}
#app .profit-summary b.neutral,#app .profit-row b.neutral{color:#fff!important}
#app .profit-summary b.positive,#app .profit-row b.positive{color:#d2ad47!important}
#app .profit-summary b.negative,#app .profit-row b.negative{color:#ff4054!important}
#app .profit-head{color:#d5cde2!important;background:rgba(65,48,85,.82)}
#app .profit-head span{color:#d5cde2!important}
#app .profit-row{color:#fff!important}
#app .profit-row span{color:#fff!important;opacity:1}
#app .profit-page .profit-note{color:#b8b4c3!important;opacity:1}

/* Betting records. */
#app .bets-page .bet-filters button{color:#fff!important}
#app .bets-page .bet-summary b{color:#fff!important;opacity:1}
#app .bets-page .bet-summary span{color:#d9ddec!important;opacity:1}
#app .bets-page .data-head,#app .bets-page .data-head span{color:#d5cde2!important}
#app .bets-page .data-row>span>b{color:#fff!important}
#app .bets-page .data-row time{color:#cfd4e7!important;opacity:1!important}
#app .bets-page .data-row>b.win-gold{color:#d2ad47!important}
#app .bets-page .data-row>b.win-neutral{color:#fff!important}
#app .bets-page .data-row>b.expense-red{color:#ff4054!important}

@media(max-width:430px){
  #app .original-record-content{padding-top:min(5.1vw,21.8px)}
  #app .transaction-page .trans-date,#app .profit-page .trans-date{color:#fff!important}
}


/* Live record contrast: keep all filters, dates and totals legible on mobile. */
#app .bets-page .bet-filters button,
#app .bets-page .bet-summary b,
#app .bets-page .data-row>span>b{font-weight:600!important;color:#fff!important}
#app .bets-page .bet-summary b{font-size:min(4.25vw,18.2px)!important}
#app .bets-page .bet-summary span{font-size:min(3.65vw,15.6px)!important;color:#d9ddec!important}
#app .bets-page .data-row time{font-size:min(3.45vw,14.8px)!important;color:#e0e3ef!important}
#app .bets-page .data-row>b{font-size:min(4.05vw,17.3px)!important;font-weight:600!important}
#app .transaction-page .transaction-balance{display:block!important;color:#ffd42a!important;font-weight:600!important;white-space:nowrap}
#app .profit-summary b.positive,#app .profit-row b.positive{color:#d2ad47!important}
#app .profit-summary b.negative,#app .profit-row b.negative{color:#ff4054!important}


/* 2026-08-20 final original-page contrast and geometry. */
#app .route-profit .profit-page{min-height:calc(100dvh - min(12.8vw,54.8px));background:transparent!important}
#app .route-profit .profit-summary{margin-top:min(6.5vw,27.8px)!important}
#app .route-profit .profit-summary b.negative,#app .route-profit .profit-row b.negative{color:#ff4054!important}
#app .route-profit .profit-summary b.positive,#app .route-profit .profit-row b.positive{color:#d2ad47!important}
#app .route-profit .profit-summary b.neutral,#app .route-profit .profit-row b.neutral{color:#fff!important}
#app .route-bets .bets-page .data-row>b.expense-red{color:#ff4054!important;-webkit-text-fill-color:#ff4054!important}
#app .route-bets .bets-page .data-row>b.win-gold{color:#d2ad47!important;-webkit-text-fill-color:#d2ad47!important}
#app .route-bets .bets-page .data-row>b.win-neutral{color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .route-bets .bets-page .data-row time{color:#e1e5f1!important}
#app .route-depositRecords .sub-header,
#app .route-transactions .sub-header,
#app .route-profit .sub-header,
#app .route-tasks .sub-header,
#app .route-bets .sub-header{background:linear-gradient(90deg,#0d1137 0%,#151039 55%,#2a0d3e 100%)!important}

/* 2026-08-21: original-site record-page typography and spacing. */
#app .route-transactions .transaction-page .transaction-row{
  min-height:min(17.6vw,75.3px);
  margin:0 min(5.7vw,24.4px);
  padding:min(2.8vw,12px) 0;
}
#app .route-transactions .transaction-row>span>b{
  font-size:min(3.72vw,15.9px);
  line-height:1.25;
}
#app .route-transactions .transaction-row time{
  margin-top:min(1.15vw,4.9px);
  color:#e2e6f3!important;
  font-size:min(3.38vw,14.5px);
  line-height:1.3;
}
#app .route-transactions .transaction-row>b{
  padding-right:min(1.2vw,5.1px);
  font-size:min(3.9vw,16.7px);
  line-height:1.2;
}
#app .route-transactions .transaction-status{
  color:#ffe044!important;
  font-size:min(3.25vw,13.9px)!important;
  font-weight:600!important;
}
#app .route-transactions .transaction-balance{
  color:#ffd42a!important;
  font-size:min(3.38vw,14.5px)!important;
  font-weight:600!important;
}

#app .route-profit .profit-page{
  padding-top:min(6.4vw,27.4px)!important;
}
#app .route-profit .profit-summary{
  height:min(15.8vw,67.6px)!important;
  margin:0 min(4vw,17.1px)!important;
  border:1px solid rgba(186,106,255,.56)!important;
  border-radius:min(6.2vw,26.5px) min(6.2vw,26.5px) 0 0!important;
  background:linear-gradient(165deg,rgba(80,28,143,.84),rgba(33,23,59,.87))!important;
}
#app .route-profit .profit-summary span{
  color:#cec5dc!important;
  font-size:min(3.58vw,15.3px)!important;
  font-weight:400!important;
}
#app .route-profit .profit-summary b{
  margin-top:min(.9vw,3.9px)!important;
  font-size:min(4.55vw,19.5px)!important;
  line-height:1!important;
}
#app .route-profit .profit-table{
  margin:0 min(3.1vw,13.3px)!important;
}
#app .route-profit .profit-head{
  height:min(10.2vw,43.7px)!important;
  border-radius:min(1.8vw,7.7px)!important;
  background:rgba(67,51,87,.8)!important;
  color:#d3cede!important;
  font-size:min(3.5vw,15px)!important;
  font-weight:400!important;
}
#app .route-profit .profit-row{
  height:min(13.4vw,57.4px)!important;
  color:#fff!important;
  font-size:min(3.55vw,15.2px)!important;
}
#app .route-profit .profit-summary b.positive,
#app .route-profit .profit-row b.positive{
  color:#d2ad47!important;
  -webkit-text-fill-color:#d2ad47!important;
}
#app .route-profit .profit-summary b.negative,
#app .route-profit .profit-row b.negative{
  color:#ff4054!important;
  -webkit-text-fill-color:#ff4054!important;
}

#app .route-bets .bet-summary b.expense-red,
#app .route-bets .data-row>b.expense-red{
  color:#ff4054!important;
  -webkit-text-fill-color:#ff4054!important;
}
#app .route-bets .bet-summary b.win-gold,
#app .route-bets .data-row>b.win-gold{
  color:#d2ad47!important;
  -webkit-text-fill-color:#d2ad47!important;
}
#app .route-bets .data-row time{
  color:#e2e6f3!important;
  font-size:min(3.38vw,14.5px)!important;
}

#app .route-bets .bet-summary b.expense-red,#app .route-bets .data-row>b.expense-red{color:#ff4054!important;-webkit-text-fill-color:#ff4054!important}
#app .route-bets .bet-summary b.win-positive,#app .route-bets .data-row>b.win-positive{color:#11e7a5!important;-webkit-text-fill-color:#11e7a5!important}


/* Refined betting category/date selector sheets. */
#app .bet-filter-overlay{
  z-index:2147483000!important;
  background:rgba(4,5,15,.56)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
#app .bet-filter-sheet{
  box-sizing:border-box!important;
  position:relative!important;
  width:min(100%,428px)!important;
  max-height:82dvh!important;
  overflow:auto!important;
  padding:min(5.3vw,22.7px) min(5.3vw,22.7px) calc(min(5.3vw,22.7px) + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-bottom:0!important;
  border-radius:min(5.5vw,23.5px) min(5.5vw,23.5px) 0 0!important;
  background:radial-gradient(circle at 14% 18%,rgba(78,92,176,.28),transparent 34%),radial-gradient(circle at 92% 16%,rgba(113,24,119,.22),transparent 32%),linear-gradient(165deg,#23243b,#171827 74%)!important;
  box-shadow:0 -18px 50px rgba(0,0,0,.42)!important;
}
#app .bet-filter-sheet h3{
  height:min(10.5vw,45px)!important;
  margin:0 0 min(2vw,8.6px)!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:min(5.3vw,22.7px)!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}
#app .bet-filter-sheet>button:not(.filter-close){
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  height:min(14vw,60px)!important;
  padding:0 min(13vw,55.6px) 0 min(4.2vw,18px)!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-radius:min(2.7vw,11.6px)!important;
  background:transparent!important;
  color:#f5f5fa!important;
  font-size:min(4.5vw,19.3px)!important;
  font-weight:500!important;
  text-align:left!important;
}
#app .bet-filter-sheet>button:not(.filter-close):after{
  content:""!important;
  position:absolute!important;
  right:min(4vw,17.1px)!important;
  top:50%!important;
  width:min(6.1vw,26.1px)!important;
  height:min(6.1vw,26.1px)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.035)!important;
  transform:translateY(-50%)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.08)!important;
}
#app .bet-filter-sheet>button.active:not(.filter-close){
  background:linear-gradient(90deg,rgba(91,86,137,.34),rgba(73,57,109,.25))!important;
}
#app .bet-filter-sheet>button.active:not(.filter-close):after{
  content:"✓"!important;
  display:grid!important;
  place-items:center!important;
  border-color:#8a4cf1!important;
  background:linear-gradient(145deg,#9f5bff,#5420c7)!important;
  color:#fff!important;
  font-size:min(4.5vw,19.3px)!important;
  font-weight:800!important;
  box-shadow:0 0 12px rgba(143,70,255,.48)!important;
}
#app .bet-filter-sheet .filter-close{
  position:absolute!important;
  right:min(4.2vw,18px)!important;
  top:min(4.6vw,19.7px)!important;
  width:min(9vw,38.5px)!important;
  height:min(9vw,38.5px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#a9a8b7!important;
  font-size:min(8vw,34.2px)!important;
  line-height:1!important;
}
#app .date-filter .bet-filter-sheet{padding-bottom:calc(min(6vw,25.7px) + env(safe-area-inset-bottom))!important}

/* 2026-08-21: refined win/loss date menu and wager-driven VIP progress. */
#app .route-profit .profit-note{display:none!important}
#app .route-profit .profit-page>.trans-date,
#app .route-transactions .transaction-page>.trans-date{
  z-index:32!important;
  box-sizing:border-box!important;
  padding:0 min(2.1vw,9px) 0 min(3.2vw,13.7px)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:min(2.1vw,9px)!important;
  background:linear-gradient(145deg,rgba(54,30,88,.84),rgba(72,24,91,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 min(1.4vw,6px) min(4vw,17px) rgba(4,2,20,.18)!important;
}
#app .route-profit .trans-date .date-arrow,
#app .route-transactions .trans-date .date-arrow{
  width:min(6.4vw,27.4px)!important;
  height:min(6.4vw,27.4px)!important;
  margin-left:min(2.2vw,9.4px)!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:min(1.4vw,6px)!important;
  background:rgba(96,57,128,.24)!important;
  color:#c8bed3!important;
  transition:transform .2s ease,background .2s ease!important;
}
#app .route-profit .trans-date.menu-open .date-arrow,
#app .route-transactions .trans-date.menu-open .date-arrow{
  transform:rotate(180deg)!important;
  background:rgba(133,76,177,.32)!important;
}
#app .route-profit .refined-date-menu,
#app .route-transactions .refined-date-menu{
  z-index:31!important;
  top:0!important;
  right:min(3.2vw,13.7px)!important;
  box-sizing:border-box!important;
  width:min(27.2vw,116.4px)!important;
  padding:min(1.1vw,4.7px)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:min(3.6vw,15.4px)!important;
  background:linear-gradient(160deg,rgba(62,44,88,.98),rgba(37,32,61,.99))!important;
  box-shadow:0 min(3.2vw,13.7px) min(8vw,34px) rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  animation:recordDateMenuIn .18s ease-out both!important;
}
#app .refined-date-menu button{
  position:relative!important;
  height:min(11.2vw,47.9px)!important;
  padding:0 min(10vw,42.8px) 0 min(3.8vw,16.3px)!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-radius:min(2.5vw,10.7px)!important;
  background:transparent!important;
  color:#eeeaf4!important;
  font-size:min(4.05vw,17.3px)!important;
  text-align:left!important;
}
#app .refined-date-menu button+button{border-top:1px solid rgba(255,255,255,.055)!important}
#app .refined-date-menu button.active{background:linear-gradient(90deg,rgba(131,77,178,.28),rgba(104,62,145,.14))!important;color:#fff!important}
#app .refined-date-menu button i{
  position:absolute!important;
  right:min(3vw,12.8px)!important;
  top:50%!important;
  width:min(5vw,21.4px)!important;
  height:min(5vw,21.4px)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
}
#app .refined-date-menu button.active i{border-color:#9b59f6!important;background:radial-gradient(circle,#fff 0 22%,#8742e8 25% 62%,transparent 65%)!important;box-shadow:0 0 min(2.8vw,12px) rgba(140,64,239,.55)!important}
#app .original-user-vip .vip-progress i,
#app .original-vip-detail .vip-card-progress i span{transition:width .45s ease!important}
@keyframes recordDateMenuIn{from{opacity:0;transform:translateY(min(-2vw,-8px)) scale(.96);transform-origin:top right}to{opacity:1;transform:translateY(0) scale(1)}}

/* 2026-08-21: task center claim-button states. */
#app .original-task-foot .task-claim-button{
  position:relative!important;
  width:min(24vw,102.7px)!important;
  height:min(8.8vw,37.7px)!important;
  padding:0 min(3vw,12.8px)!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:min(5vw,21.4px)!important;
  display:grid!important;
  place-items:center!important;
  font-size:min(3.45vw,14.8px)!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
#app .original-task-foot .task-claim-button span{position:relative;z-index:2}
#app .original-task-foot .task-claim-button.is-claimable{
  border-color:rgba(218,178,255,.45)!important;
  background:linear-gradient(100deg,#9e3cf3 0%,#6632e9 48%,#2948df 100%)!important;
  color:#fff!important;
  box-shadow:0 min(1.5vw,6.4px) min(4vw,17.1px) rgba(86,47,220,.4),inset 0 1px rgba(255,255,255,.25)!important;
}
#app .original-task-foot .task-claim-button.is-claimable:before{
  content:"";position:absolute;z-index:1;inset:-30% auto -30% -45%;width:36%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg);animation:taskClaimShine 2.5s ease-in-out infinite;
}
#app .original-task-foot .task-claim-button.is-claimable:active{transform:scale(.96)!important;filter:brightness(.92)!important}
#app .original-task-foot .task-claim-button.is-locked,
#app .original-task-foot .task-claim-button.is-claimed{
  border-color:rgba(255,255,255,.06)!important;
  background:linear-gradient(180deg,rgba(75,68,89,.88),rgba(52,47,64,.9))!important;
  color:rgba(255,255,255,.52)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05)!important;
}
#app .original-task-foot .task-claim-button.is-claimed{color:rgba(255,255,255,.7)!important}
#app .original-task-foot .task-claim-button.is-loading{color:transparent!important;pointer-events:none!important}
#app .original-task-foot .task-claim-button.is-loading:after{
  content:"";position:absolute;z-index:3;width:min(4vw,17.1px);height:min(4vw,17.1px);
  border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:taskClaimSpin .7s linear infinite;
}
@keyframes taskClaimShine{0%,58%{left:-45%}82%,100%{left:125%}}
@keyframes taskClaimSpin{to{transform:rotate(360deg)}}