/* X视频 PC coin details, 53040:19305. API count controls rows and pagination. */
.coin-records-page { display: flex; min-height: 100vh; margin: 0; flex-direction: column; background: #010406; color: #fff; font-family: "PingFang SC", sans-serif; }
.desktop-coin-records, .desktop-coin-records * { box-sizing: border-box; }
.desktop-coin-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-coin-records [hidden] { display: none !important; }
.desktop-coin-records__breadcrumb { display: flex; width: 100%; height: 36px; flex: none; align-items: center; gap: 6px; color: #fff; font-size: 18px; line-height: 24px; }
.desktop-coin-records__breadcrumb a { display: inline-flex; width: 24px; height: 24px; margin-right: 6px; flex: none; align-items: center; justify-content: center; }
.desktop-coin-records__breadcrumb img { display: block; width: 24px; height: 24px; }
.desktop-coin-records__breadcrumb strong { font-weight: 600; }
.desktop-coin-records__breadcrumb span { color: rgb(255 255 255 / 35%); font-size: 16px; line-height: 22px; font-weight: 500; }
.desktop-coin-records__panel { display: contents; }
.desktop-coin-records__tabs { display: flex; height: 40px; flex: none; align-items: flex-start; gap: 12px; }
.desktop-coin-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-coin-records__tabs a.is-active { color: #fff; font-weight: 600; }
.desktop-coin-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-coin-records__filters { display: flex; height: 32px; flex: none; align-items: center; gap: 36px; }
.desktop-coin-records__filters button { min-width: 76px; height: 32px; padding: 6px 24px; border: 0; border-radius: 999px; background: rgb(255 255 255 / 5%); color: rgb(255 255 255 / 55%); cursor: pointer; font: 500 14px/20px "PingFang SC", sans-serif; white-space: nowrap; }
.desktop-coin-records__filters button.is-active { background: var(--color-brand-primary, #ff176d); color: #fff; }
.desktop-coin-records a:focus-visible, .desktop-coin-records button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.desktop-coin-records__table-head, .desktop-coin-records__list article { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 18px; align-items: center; }
.desktop-coin-records__table-head { height: 42px; flex: none; }
.desktop-coin-records__table-head span { display: flex; height: 42px; padding: 11px 27px; align-items: center; justify-content: center; overflow: hidden; background: rgb(255 255 255 / 5%); color: #efefef; font-size: 14px; line-height: 20px; font-weight: 600; text-align: center; white-space: nowrap; }
.desktop-coin-records__list { min-height: 0; }
.desktop-coin-records__list article { position: relative; min-height: 56px; }
.desktop-coin-records__list article span, .desktop-coin-records__list article time { display: block; min-width: 0; overflow: hidden; color: rgb(255 255 255 / 55%); font-size: 16px; line-height: 22px; font-weight: 400; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.desktop-coin-records__list article .is-income { background: linear-gradient(142.82deg, #35debc, #22bb9c); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: 600; }
/* Expense uses 53040:19362's independent status gradient, not the brand. */
.desktop-coin-records__list article .is-expense { background: linear-gradient(290.92deg, #ff4d4d, #ff6e6e); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: 600; }
.desktop-coin-records__state { display: flex; min-height: 240px; margin: 0; align-items: center; justify-content: center; color: rgb(255 255 255 / 55%); font-size: 16px; line-height: 22px; text-align: center; }
.desktop-coin-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; }
.desktop-coin-records__more:disabled { opacity: .55; cursor: wait; }