.pageBox.router > .yd-rebate-page {
  box-sizing: border-box;
  width: 100%;
  max-width: 680px;
  min-height: calc(100vh - 48px);
  margin: 0 auto;
  padding: 16px 14px calc(32px + env(safe-area-inset-bottom));
  background: radial-gradient(ellipse at 95% 6%, rgba(109, 94, 154, .13), transparent 34%), #161e33;
  color: #eaf0fc;
  font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
  text-align: left;
}
.yd-rebate-page *, .yd-rebate-page *::before, .yd-rebate-page *::after { box-sizing: border-box; }
.yd-rebate-page button { font-family: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.yd-rebate-page button:disabled { cursor: default; }
.yd-rebate-page button:focus-visible, .yd-rebate-page summary:focus-visible, .yd-rb-table-scroll:focus-visible { outline: 2px solid #f0ce81; outline-offset: 3px; }
.yd-rebate-page h2, .yd-rebate-page h3, .yd-rebate-page p, .yd-rebate-page dl, .yd-rebate-page dd { margin: 0; }
.yd-rb-hero { position: relative; overflow: hidden; padding: 20px; border: 1px solid rgba(226, 207, 154, .27); border-radius: 24px; background: radial-gradient(ellipse at 100% 0, rgba(218, 176, 91, .21), transparent 48%), linear-gradient(125deg, #3a426d, #25324f 60%, #242d48); box-shadow: 0 16px 36px rgba(4, 9, 24, .25), inset 0 1px rgba(255,255,255,.07); }
.yd-rb-hero-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.yd-rb-eyebrow { color: #c1cae0; font-size: 10px; letter-spacing: 2px; font-weight: 700; }
.yd-rebate-page .yd-rb-amount-label { margin-top: 22px; color: #b9c4dc; font-size: 13px; }
.yd-rb-amount { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; padding: 2px 0 5px; }
.yd-rb-amount strong { color: #ffedb3; font-size: clamp(32px, 10vw, 46px); line-height: 1.35; font-variant-numeric: tabular-nums; font-weight: 750; letter-spacing: -1px; overflow-wrap: anywhere; }
.yd-rb-amount > span { color: #d8c399; font-size: 14px; }
.yd-rebate-page .yd-rb-hero-note { min-height: 21px; color: #aebbd3; font-size: 12px; }
.yd-rb-hero-actions { display: grid; grid-template-columns: minmax(0, 1fr) 48px; gap: 10px; margin: 18px 0 14px; }
.yd-rebate-page .yd-rb-primary { min-height: 46px; padding: 10px 14px; border: 1px solid #f5d990; border-radius: 13px; background: linear-gradient(110deg, #d9b568, #f3d993); color: #3b2c12; font-size: 14px; font-weight: 750; box-shadow: 0 6px 18px rgba(210, 162, 65, .13); }
.yd-rebate-page .yd-rb-primary:disabled { border-color: #6a675c; background: linear-gradient(110deg, #767163, #958c72); box-shadow: none; color: #24242b; opacity: .82; }
.yd-rb-refresh { min-height: 46px; padding: 0; border: 1px solid rgba(205,218,243,.18); border-radius: 13px; background: rgba(10,20,42,.3); color: #e3c885; font-size: 25px; }
.yd-rb-refresh:disabled { opacity: .45; }
.yd-rb-wallet { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding-top: 13px; border-top: 1px solid rgba(222,232,253,.09); font-size: 11px; color: #aebbd3; }
.yd-rb-wallet strong { color: #d3dbee; font-weight: 500; text-align: right; }
.yd-rb-updated { display: block; margin-top: 5px; color: #8f9db9; font-size: 10px; }
.yd-rb-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.yd-rb-stat { min-width: 0; padding: 13px 6px 11px; border: 1px solid rgba(211,223,248,.07); border-radius: 14px; background: #1e2942; text-align: center; }
.yd-rb-stat > span { display: block; min-height: 30px; font-size: 10px; line-height: 1.5; color: #9cabc6; }
.yd-rb-stat strong { display: block; color: #ead4a2; font-size: 16px; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.yd-rb-stat small { color: #8393b0; font-size: 9px; }
.yd-rb-details { margin-top: 12px; border: 1px solid rgba(213,225,250,.1); border-radius: 15px; background: #1c273f; overflow: hidden; }
.yd-rb-details summary { display: flex; justify-content: space-between; gap: 12px; padding: 14px; list-style: none; cursor: pointer; font-size: 13px; color: #d5dfef; }
.yd-rb-details summary::-webkit-details-marker { display: none; }
.yd-rb-count { color: #bca36d; font-size: 12px; }
.yd-rb-record { margin: 0 14px; padding: 14px 0; border-top: 1px solid rgba(218,230,250,.08); }
.yd-rb-record h3 { color: #ecd29b; font-size: 13px; }
.yd-rb-record .yd-rb-providers { margin: 3px 0 10px; color: #8697b6; font-size: 10px; overflow-wrap: anywhere; }
.yd-rb-record dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 11px; }
.yd-rb-record dt { color: #97a8c3; }
.yd-rb-record dd { text-align: right; font-variant-numeric: tabular-nums; }
.yd-rb-section { margin-top: 26px; }
.yd-rb-section > h2 { color: #eff3fb; font-size: 18px; font-weight: 700; line-height: 1.45; }
.yd-rebate-page .yd-rb-intro { margin: 7px 0 13px; color: #96a6c1; font-size: 11px; line-height: 1.8; }
.yd-rb-tabs { display: flex; gap: 7px; overflow-x: auto; margin: 0 0 12px; padding: 2px 1px 5px; scrollbar-width: thin; }
.yd-rb-tabs button { flex-shrink: 0; padding: 6px 13px; border: 1px solid rgba(224,232,250,.11); border-radius: 20px; background: #1d2943; color: #a7b6cd; font-size: 11px; white-space: nowrap; }
.yd-rb-tabs button.active { border-color: #dabc78; background: linear-gradient(120deg, #e1be75, #f0d38e); color: #433014; font-weight: 700; }
.yd-rb-table-scroll { overflow: auto; border: 1px solid rgba(214,225,247,.1); border-radius: 17px; background: #202b45; -webkit-overflow-scrolling: touch; }
.yd-rb-table-scroll table { width: 100%; border-collapse: separate; border-spacing: 0; text-align: left; font-size: 12px; }
.yd-rb-table-scroll th, .yd-rb-table-scroll td { padding: 13px 14px; border-bottom: 1px solid rgba(208,222,249,.07); line-height: 1.6; }
.yd-rb-table-scroll thead th { background: #2a3553; color: #bdc8dc; font-size: 10px; font-weight: 600; }
.yd-rb-table-scroll tbody tr:last-child > * { border-bottom: 0; }
.yd-rb-table-scroll td { font-variant-numeric: tabular-nums; }
.yd-rb-table-scroll td:last-child, .yd-rb-table-scroll th:last-child { text-align: right; }
.yd-rebate-page .yd-rb-gold { color: #f0d392; font-weight: 650; }
.yd-rb-steps { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.yd-rb-steps li { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: start; gap: 12px; padding: 16px 14px; border: 1px solid rgba(215,227,249,.06); border-radius: 17px; background: #1d2942; }
.yd-rb-step-number { color: #dfc287; font-family: Georgia, serif; font-size: 28px; font-style: italic; line-height: 1.3; }
.yd-rb-steps h3 { color: #dce5f4; font-size: 13px; font-weight: 600; }
.yd-rb-steps p { padding-top: 5px; color: #94a5c0; font-size: 11px; line-height: 1.8; }
.yd-rb-rules { margin-top: 12px; padding: 16px; border-left: 2px solid #9e875a; border-radius: 0 15px 15px 0; background: #1d2840; color: #a2b1c9; font-size: 11px; line-height: 1.85; }
.yd-rb-rules p + p { padding-top: 9px; }
.yd-rb-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 13px; }
.yd-rb-features > div { padding: 12px 7px; border-radius: 14px; background: #1c263c; text-align: center; }
.yd-rb-features span { display: block; color: #e5c17b; font-size: 25px; line-height: 1.5; }
.yd-rb-features small { display: block; color: #aab7cd; font-size: 10px; line-height: 1.6; }
.yd-rebate-page .yd-rb-empty { padding: 18px 14px; color: #8f9fb9; font-size: 12px; text-align: center; }
.yd-rebate-page .yd-rb-notice { margin: 0 0 12px; padding: 12px 14px; border: 1px solid #766744; border-radius: 12px; background: #353346; color: #eddaab; font-size: 12px; }
.yd-rb-retry { width: 100%; padding: 12px; margin-top: 10px; border: 1px solid #655f4f; border-radius: 11px; background: #242f49; color: #f1d399; font-size: 12px; }
.yd-rb-modal { position: fixed; z-index: 2147483500; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(6,10,20,.78); backdrop-filter: blur(4px); }
.yd-rb-dialog { width: 100%; max-width: 380px; max-height: 85vh; overflow: auto; padding: 23px; border: 1px solid rgba(234,207,148,.3); border-radius: 22px; background: #232e49; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.yd-rb-dialog h2 { color: #f1d89e; font-size: 18px; }
.yd-rb-dialog p { margin-top: 12px; color: #b0bed4; font-size: 13px; line-height: 1.8; }
.yd-rb-dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
.yd-rb-secondary { padding: 10px 13px; border: 1px solid #53617c; border-radius: 13px; background: #1b263e; color: #b9c6db; font-size: 13px; }
@media (max-width: 340px) { .pageBox.router > .yd-rebate-page { padding-right: 11px; padding-left: 11px; } .yd-rb-hero { padding: 17px; } .yd-rb-stat strong { font-size: 14px; } .yd-rb-table-scroll th, .yd-rb-table-scroll td { padding: 12px 11px; } }
.yd-rb-personal { display: inline-block; margin-left: 7px; padding: 1px 6px; border-radius: 7px; background: #39445f; color: #efce87; font-size: 9px; }