/* X视频 PC recharge records, 53040:19424. Shared chrome is owned by its components. */
.recharge-records-page { display: flex; min-height: 100vh; margin: 0; flex-direction: column; background: #010406; color: #fff; font-family: "PingFang SC", sans-serif; }
.desktop-recharge-records, .desktop-recharge-records * { box-sizing: border-box; }
.desktop-recharge-records { display: flex; width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 24px 0; flex: 1 0 auto; flex-direction: column; gap: 24px; }
.desktop-recharge-records [hidden] { display: none !important; }
.desktop-recharge-records__breadcrumb { display: flex; height: 36px; flex: none; align-items: center; gap: 6px; color: #fff; font-size: 18px; line-height: 24px; }
.desktop-recharge-records__breadcrumb a { display: inline-flex; width: 24px; height: 24px; margin-right: 6px; flex: none; align-items: center; justify-content: center; }
.desktop-recharge-records__breadcrumb img { display: block; width: 24px; height: 24px; }
.desktop-recharge-records__breadcrumb strong { font-weight: 600; }
.desktop-recharge-records__breadcrumb span { color: rgb(255 255 255 / 35%); font-size: 16px; line-height: 22px; font-weight: 500; }
.desktop-recharge-records__panel { display: contents; }
.desktop-recharge-records__tabs { display: flex; height: 40px; flex: none; align-items: flex-start; gap: 12px; }
.desktop-recharge-records__tabs a { position: relative; display: flex; width: 120px; height: 40px; padding: 0 24px; align-items: center; justify-content: center; color: rgb(255 255 255 / 55%); font-size: 18px; line-height: 24px; font-weight: 400; text-decoration: none; }
.desktop-recharge-records__tabs a.is-active { color: #fff; font-weight: 600; }
.desktop-recharge-records__tabs a.is-active::after { content: ""; position: absolute; bottom: 0; left: calc(50% - 8px); width: 16px; height: 3px; border-radius: 12px; background: var(--color-brand-primary, #ff176d); }
.desktop-recharge-records__table-head, .desktop-recharge-records__list article { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 18px; align-items: center; }
.desktop-recharge-records__table-head { height: 42px; flex: none; }
.desktop-recharge-records__table-head span { display: flex; height: 42px; align-items: center; justify-content: center; background: rgb(255 255 255 / 5%); color: #efefef; font-size: 14px; line-height: 20px; font-weight: 600; }
.desktop-recharge-records__list { min-height: 0; }
.desktop-recharge-records__list article { position: relative; min-height: 56px; }
.desktop-recharge-records__list article > .mobile-coin-records-copy, .desktop-recharge-records__list article > .mobile-coin-records-value { display: contents; }
.desktop-recharge-records__list article strong, .desktop-recharge-records__list article time, .desktop-recharge-records__list article small, .desktop-recharge-records__list article em { grid-row: 1; display: flex; min-width: 0; align-items: center; justify-content: center; overflow: hidden; font-size: 16px; line-height: 22px; font-style: normal; font-weight: 400; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.desktop-recharge-records__list article strong { grid-column: 1; color: rgb(255 255 255 / 55%); }
.desktop-recharge-records__list article small { grid-column: 2; gap: 10px; }
.desktop-recharge-records__list .mobile-coin-records-payment-name { display: none; }
.desktop-recharge-records__trade-no { min-width: 0; overflow: hidden; background: linear-gradient(335.57deg, #a4634d, #ac7e6e); background-clip: text; -webkit-background-clip: text; color: transparent; text-overflow: ellipsis; }
.desktop-recharge-records__copy { width: 18px; height: 18px; padding: 0; flex: 0 0 18px; border: 0; background: url("/static/images/recharge-20261018/53040-19456.svg") center / 18px 18px no-repeat; cursor: pointer; }
.desktop-recharge-records a:focus-visible, .desktop-recharge-records button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.desktop-recharge-records__list article time { grid-column: 3; color: rgb(255 255 255 / 55%); }
.desktop-recharge-records__list article .mobile-coin-records-value > b { display: none; }
.desktop-recharge-records__list article em { grid-column: 4; color: rgb(255 255 255 / 55%); }
/* Pending/failure are independent business-status colours, not brand aliases. */
.desktop-recharge-records__list article em.is-pending { color: #e9b54b; }
.desktop-recharge-records__list article em.is-success { background: linear-gradient(161.03deg, #35debc, #22bb9c); background-clip: text; -webkit-background-clip: text; color: transparent; }
.desktop-recharge-records__list article em.is-failed { color: #f52c56; }
.desktop-recharge-records__list .mobile-recharge-records-state { display: flex; min-height: 160px; margin: 0; align-items: center; justify-content: center; color: rgb(255 255 255 / 55%); font-size: 16px; line-height: 22px; }
.recharge-records-page .mobile-recharge-records-more { display: block; min-width: 112px; height: 36px; margin: 0 auto; padding: 0 20px; flex: none; border: 1px solid #ffffff29; border-radius: 18px; background: #ffffff0f; color: #ffffffd1; cursor: pointer; }
.recharge-records-page .mobile-recharge-records-more:disabled { opacity: .55; }