/* 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;
}