/* 注单明细 — 新标签 /sl 单页：贴边全宽，无页面级外边距 */
#qk-user-bet-report-root,
#qk-user-bet-report-root .qk-ubr-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.qk-ubr-active {
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff !important;
  /* 下拉 popper 挂到 body，变量须写在 body 上才能继承；默认 PC 可读字号 */
  --qk-ubr-fs-base: 15px;
  --qk-ubr-fs-table: 14px;
  --qk-ubr-fs-icon: 18px;
  --qk-ubr-fs-pager: 14px;
  --qk-ubr-line: 1px solid #dcdfe6;
  --qk-ubr-line-table: 1px solid #dcdfe6;
  --qk-ubr-line-head: 1px solid #dcdfe6;
  --qk-ubr-cell-pad-y: 7px;
  --qk-ubr-cell-pad-x: 6px;
}
body.qk-ubr-active #app {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}
body.qk-ubr-active #app > .el-container.h-100 {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.qk-ubr-active main.el-main.main > div[style*='overflow'] {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

/* 贴边：TheSingleLayout 挂在 body 下（非 #app 内），须覆盖内联 padding:8px */
html.qk-ubr-pending,
body.qk-ubr-active {
  background: #fff !important;
}
body.qk-ubr-active > div[style*='overflow-y'],
body.qk-ubr-active > div[style*='padding'],
html.qk-ubr-pending body > div[style*='overflow-y'],
body.qk-ubr-active #app,
body.qk-ubr-active #app > div,
body.qk-ubr-active #app .qk-ubr-sl-flush,
html.qk-ubr-pending #app div[style*='overflow-y'],
body.qk-ubr-active #app div[style*='overflow-y'],
body.qk-ubr-active #app .qk-sl-layout {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

/* 贴边：覆盖 SPA 布局 .main { padding: 8px } 与 tabbar 间距 */
html.qk-ubr-pending main.el-main.main,
body.qk-ubr-active main.el-main.main,
body.qk-ubr-active main.el-main.main.scrolled {
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
}
body.qk-ubr-active .tabbar {
  display: none !important;
}
body.qk-ubr-active .back-to-top {
  display: none !important;
}
/* BUILD 角标勿参与 sl-flush；注单页直接隐藏，避免误匹配后全宽白底条 */
body.qk-ubr-active #qk-build-tag {
  display: none !important;
}
body.qk-ubr-active .qk-main-router-slot,
body.qk-ubr-active main.el-main.main > .qk-main-router-slot,
body.qk-ubr-active main.el-main.main > div {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  max-height: none !important;
}

/* 挂载前隐藏旧卡片，避免闪一下旧版「投注详情」 */
html.qk-ubr-pending main.el-main .el-card {
  visibility: hidden;
}
html.qk-ubr-pending #qk-user-bet-report-root {
  visibility: visible;
}

/* 注单页：手机端不用 1280 壳，表格贴边全宽（一次性切换，避免反复抖） */
body.qk-ubr-active.qk-admin-mobile-shell > .el-container.h-100,
body.qk-ubr-active.qk-admin-mobile-shell #app > .el-container.h-100 {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
}
body.qk-ubr-active.qk-admin-mobile-shell > .el-container .h-100,
body.qk-ubr-active.qk-admin-mobile-shell #app .h-100 {
  min-height: 0 !important;
  height: auto !important;
}
body.qk-ubr-active.qk-admin-mobile-shell .navbar {
  min-width: 0 !important;
  width: 100% !important;
}
body.qk-ubr-active main.el-main.main {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.qk-ubr-active #qk-user-bet-report-root {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
body.qk-ubr-active [data-qk-ubr-hidden='1'] {
  border: none !important;
  box-shadow: none !important;
}

.qk-ubr-wrap {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', sans-serif;
  --qk-ubr-fs-base: 15px;
  --qk-ubr-fs-table: 14px;
  --qk-ubr-fs-icon: 18px;
  --qk-ubr-fs-pager: 14px;
  --qk-ubr-line: 1px solid #dcdfe6;
  --qk-ubr-line-table: 1px solid #dcdfe6;
  --qk-ubr-line-head: 1px solid #dcdfe6;
  --qk-ubr-cell-pad-y: 7px;
  --qk-ubr-cell-pad-x: 6px;
  font-size: var(--qk-ubr-fs-base);
  color: #333;
  background: #fff;
  min-height: 0;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0 12px;
  box-sizing: border-box;
}

/* 顶栏：白底细线，左标题+金屋图标，右蓝色返回 */
.qk-ubr-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  background: #fff;
  min-height: 44px;
  box-sizing: border-box;
}
.qk-ubr-head-left {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.qk-ubr-head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #e6a817;
  font-size: var(--qk-ubr-fs-icon);
  line-height: 1;
}
.qk-ubr-head-icon::before {
  content: '\2302';
  font-style: normal;
  font-weight: 700;
  transform: scale(1.15);
}
.qk-ubr-title {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  letter-spacing: 0.02em;
}
.qk-ubr-back {
  color: #409eff;
  cursor: pointer;
  font-size: var(--qk-ubr-fs-base);
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  padding: 4px 2px;
}
.qk-ubr-back .el-icon-back {
  font-size: var(--qk-ubr-fs-icon);
  font-weight: 700;
}
.qk-ubr-back:active {
  opacity: 0.75;
}

/* 筛选条：仅日期下拉 + 查询，单行紧凑 */
.qk-ubr-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px 10px;
  padding: 8px 0;
  background: #fff;
  border-bottom: var(--qk-ubr-line);
  font-size: var(--qk-ubr-fs-base);
  color: #606266;
}
.qk-ubr-meta {
  font-size: var(--qk-ubr-fs-base);
  white-space: nowrap;
}
.qk-ubr-meta em {
  font-style: normal;
  color: #f56c6c;
  font-weight: 600;
}
.qk-ubr-toolbar-label {
  font-size: var(--qk-ubr-fs-base);
  white-space: nowrap;
}
.qk-ubr-day-select {
  width: 160px;
  flex-shrink: 0;
}
.qk-ubr-day-select.el-select .el-input {
  font-size: var(--qk-ubr-fs-base) !important;
}
.qk-ubr-day-select .el-input__inner {
  height: 32px;
  line-height: 32px;
  font-size: var(--qk-ubr-fs-base) !important;
  padding: 0 28px 0 10px;
  border: var(--qk-ubr-line) !important;
}
.qk-ubr-day-select .el-input__icon {
  line-height: 32px;
  font-size: var(--qk-ubr-fs-base) !important;
  width: 24px;
}
.qk-ubr-toolbar .el-button--mini {
  padding: 7px 14px;
  font-size: var(--qk-ubr-fs-base) !important;
  height: 32px;
  line-height: 1;
  border-width: 1px !important;
}
.qk-ubr-toolbar .el-button--mini [class*='el-icon-'] {
  font-size: var(--qk-ubr-fs-icon) !important;
}
.qk-ubr-type-lock {
  margin-left: auto;
  flex-shrink: 0;
  padding: 4px 12px;
  font-size: var(--qk-ubr-fs-base);
  color: #409eff;
  font-weight: 600;
  border-bottom: 1px solid #409eff;
  line-height: 1.2;
}

/* 日期下拉弹出层（挂到 body，须单独缩小） */
body.qk-ubr-active .qk-ubr-day-dropdown.el-select-dropdown {
  font-size: var(--qk-ubr-fs-base) !important;
  min-width: 118px !important;
  border: var(--qk-ubr-line-table) !important;
}
body.qk-ubr-active .qk-ubr-day-dropdown .el-select-dropdown__item {
  font-size: var(--qk-ubr-fs-base) !important;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
}
body.qk-ubr-active .qk-ubr-day-dropdown .el-select-dropdown__item.selected,
body.qk-ubr-active .qk-ubr-day-dropdown .el-select-dropdown__item.hover {
  font-size: var(--qk-ubr-fs-base) !important;
}
body.qk-ubr-active .qk-ubr-day-dropdown .popper__arrow {
  display: none;
}

/* 表格区：禁止横向滚动条（避免分页上方出现白条轨道） */
.qk-ubr-table-scroll {
  width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  min-height: 120px;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.qk-ubr-table-scroll::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.qk-ubr-table-scroll .el-loading-mask {
  transition: none !important;
  animation: none !important;
}
.qk-ubr-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  font-size: var(--qk-ubr-fs-table) !important;
  border: var(--qk-ubr-line-table);
}
.qk-ubr-table thead th {
  background: #d9ecff;
  color: #303133;
  font-weight: 600;
  text-align: center;
  padding: var(--qk-ubr-cell-pad-y) var(--qk-ubr-cell-pad-x) !important;
  border: var(--qk-ubr-line-table);
  white-space: nowrap;
  word-break: normal;
  font-size: var(--qk-ubr-fs-table) !important;
  line-height: 1.3;
  vertical-align: middle;
  box-sizing: border-box;
}
.qk-ubr-table tbody td {
  padding: var(--qk-ubr-cell-pad-y) var(--qk-ubr-cell-pad-x) !important;
  border: var(--qk-ubr-line-table);
  vertical-align: middle;
  word-break: normal;
  white-space: nowrap;
  font-size: var(--qk-ubr-fs-table) !important;
  line-height: 1.35;
  box-sizing: border-box;
}
.qk-ubr-table tbody tr:nth-child(even) td {
  background: #f5f9ff;
}
.qk-ubr-table tbody tr:nth-child(odd) td {
  background: #fff;
}

.qk-ubr-table thead th.qk-ubr-th-kind,
.qk-ubr-table thead th.qk-ubr-th-stacked {
  line-height: 1.25;
  vertical-align: middle;
  white-space: normal;
}
.qk-ubr-table thead th.qk-ubr-th-stacked > div {
  display: block;
  line-height: 1.25;
  font-size: inherit;
  font-weight: 600;
  color: #303133;
}
.qk-ubr-table thead th.qk-ubr-th-stacked > div + div {
  margin-top: 1px;
}
.qk-ubr-td-kind .qk-ubr-kind-line,
.qk-ubr-td-kind .qk-ubr-turn-line {
  line-height: 1.3;
  color: #303133;
  font-size: inherit;
}
.qk-ubr-td-kind .qk-ubr-turn-line {
  margin-top: 2px;
}

.qk-ubr-table thead th.qk-ubr-th-left {
  text-align: left !important;
}
.qk-ubr-td-left {
  text-align: left !important;
}
.qk-ubr-td-center {
  text-align: center;
}
.qk-ubr-td-num {
  text-align: center;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.qk-ubr-td-content {
  text-align: center !important;
  font-size: inherit;
}
.qk-ubr-td-content .qk-ubr-bet-main,
.qk-ubr-td-content .qk-ubr-bet-pos,
.qk-ubr-td-content .qk-ubr-bet-val,
.qk-ubr-td-content .qk-ubr-bet-odds-line {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.qk-ubr-td-time .qk-ubr-time-stack > div {
  line-height: 1.25;
  font-size: inherit;
}
.qk-ubr-td-kind .qk-ubr-kind-stack .qk-ubr-kind-line,
.qk-ubr-td-kind .qk-ubr-kind-stack .qk-ubr-turn-line {
  line-height: 1.3;
  font-size: inherit;
}
.qk-ubr-td-order .qk-ubr-order-link {
  color: #409eff;
  cursor: pointer;
  text-decoration: none;
  display: block;
  text-align: center;
}
.qk-ubr-td-order,
.qk-ubr-td-time,
.qk-ubr-td-kind,
.qk-ubr-td-content {
  white-space: normal;
}
.qk-ubr-td-order .qk-ubr-order-line {
  line-height: 1.25;
  word-break: break-all;
  font-size: inherit;
}

.qk-ubr-order-link {
  color: #409eff;
  cursor: pointer;
  text-decoration: none;
  word-break: break-all;
  font-size: inherit;
  display: inline-block;
  text-align: center;
}
.qk-ubr-bet-line {
  display: block;
  line-height: 1.35;
}
.qk-ubr-bet-main {
  display: block;
  line-height: 1.35;
  font-size: inherit;
}
.qk-ubr-bet-odds-line {
  display: block;
  margin-top: 2px;
  line-height: 1.35;
  color: #f56c6c;
  font-weight: 700;
  font-size: inherit;
}
.qk-ubr-bet-pos {
  color: #303133;
  font-size: inherit;
  font-weight: inherit;
}
.qk-ubr-bet-val {
  color: #f56c6c;
  font-weight: 700;
  font-size: inherit;
}
.qk-ubr-win {
  color: #409eff;
  font-weight: 700;
}
.qk-ubr-lose {
  color: #f56c6c;
  font-weight: 700;
}
.qk-ubr-detail-link {
  color: #409eff;
  cursor: pointer;
  user-select: none;
  font-size: inherit;
}
.qk-ubr-empty-row {
  padding: 48px 12px !important;
  text-align: center;
  color: #909399;
  font-size: var(--qk-ubr-fs-base);
  background: #fff !important;
}

/* 表格底部总计行 */
.qk-ubr-summary-row td {
  background: #eef5fc !important;
  border: var(--qk-ubr-line-table);
  font-weight: 600;
  color: #303133;
}
.qk-ubr-summary-label {
  text-align: center !important;
  font-weight: 600;
  white-space: nowrap;
}

.qk-ubr-pager {
  width: 100%;
  padding: 10px 0;
  border-top: var(--qk-ubr-line);
  background: #eef1f6;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  overflow: visible;
}
.qk-ubr-pager-bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 8px;
  font-size: var(--qk-ubr-fs-pager);
  line-height: 1.5;
  color: #606266;
}
.qk-ubr-pager-info {
  display: block;
  flex: 0 0 auto;
  color: #303133;
  white-space: nowrap;
  font-size: var(--qk-ubr-fs-pager);
  font-weight: 400;
  margin-right: 0;
}
.qk-ubr-pager-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
  min-width: 0;
  gap: 0 2px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  font-size: var(--qk-ubr-fs-pager);
  line-height: inherit;
}
.qk-ubr-pager-nav .qk-ubr-pg-link,
.qk-ubr-pager-nav .qk-ubr-pg-num,
.qk-ubr-pager-nav .qk-ubr-pg-sep,
.qk-ubr-pager-nav .qk-ubr-pg-jump {
  display: inline;
  vertical-align: baseline;
}
.qk-ubr-pg-link {
  color: #409eff;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  font-size: inherit;
}
.qk-ubr-pg-link.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
  pointer-events: none;
}
.qk-ubr-pg-sep {
  color: #909399;
  user-select: none;
  margin: 0 2px;
  font-size: inherit;
}
.qk-ubr-pg-jump {
  color: #303133;
  white-space: nowrap;
  font-size: inherit;
}
.qk-ubr-pg-jump-input {
  width: 48px;
  height: 28px;
  line-height: 28px;
  padding: 0 2px;
  margin: 0 2px;
  border: var(--qk-ubr-line);
  border-radius: 0;
  text-align: center;
  font-size: inherit;
  color: #303133;
  background: #fff;
  box-sizing: border-box;
  vertical-align: middle;
  -moz-appearance: textfield;
}
.qk-ubr-pg-jump-input::-webkit-outer-spin-button,
.qk-ubr-pg-jump-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qk-ubr-pg-nums {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.qk-ubr-pg-num {
  color: #409eff;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  min-width: 1em;
  text-align: center;
  padding: 0 3px;
  font-size: inherit;
}
.qk-ubr-pg-num.is-active {
  color: #303133;
  font-weight: 700;
  cursor: default;
  pointer-events: none;
}

/* legacy pager classes — kept for compatibility */
.qk-ubr-pager-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 14px;
  font-size: var(--qk-ubr-fs-base);
  color: #303133;
}
.qk-ubr-pager-total,
.qk-ubr-pager-page {
  flex: 0 1 auto;
  white-space: nowrap;
  font-weight: 500;
}
.qk-ubr-pg-btn {
  height: 36px;
  line-height: 34px;
  padding: 0 16px;
  border: 1px solid #409eff;
  border-radius: 4px;
  background: #409eff;
  color: #fff;
  font-size: var(--qk-ubr-fs-base);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.qk-ubr-pg-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  border-color: #c0c4cc;
  background: #ebeef5;
  color: #909399;
}
.qk-ubr-pg-input {
  width: 56px;
  height: 36px;
  line-height: 36px;
  padding: 0 6px;
  border: var(--qk-ubr-line);
  border-radius: 4px;
  text-align: center;
  font-size: var(--qk-ubr-fs-base);
  font-weight: 600;
  color: #303133;
  background: #fff;
  box-sizing: border-box;
  -moz-appearance: textfield;
}
.qk-ubr-pg-input::-webkit-outer-spin-button,
.qk-ubr-pg-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 占成弹窗 — 红头白字，靠右居中 */
.qk-ubr-share-mask {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 3000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 72px 12px 16px;
}
.qk-ubr-share-box {
  background: #fff;
  border: var(--qk-ubr-line);
  border-radius: 0;
  width: 92%;
  max-width: 480px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  margin-left: auto;
  margin-right: 8%;
}
.qk-ubr-share-hd {
  background-color: #f56c6c !important;
  color: #fff !important;
  padding: 7px 26px 7px 8px;
  font-size: var(--qk-ubr-fs-base);
  position: relative;
  word-break: break-all;
  line-height: 1.35;
  font-weight: 500;
}
.qk-ubr-share-close {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  width: 22px;
  height: 22px;
  text-align: center;
}
.qk-ubr-share-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: var(--qk-ubr-fs-table);
  border: var(--qk-ubr-line-table);
}
.qk-ubr-share-table th,
.qk-ubr-share-table td {
  border: var(--qk-ubr-line-table);
  padding: 6px 4px;
  text-align: center;
  line-height: 1.35;
}
.qk-ubr-share-table thead th {
  background: #f5f7fa;
  font-weight: 600;
  color: #303133;
  font-size: var(--qk-ubr-fs-table);
}
.qk-ubr-share-table tbody td {
  color: #303133;
  background: #fff;
}
.qk-ubr-share-loading {
  color: #909399;
  padding: 12px 8px !important;
}

/* JS 标记桌面端：强制可读字号（不依赖媒体查询缓存） */
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-wrap,
body.qk-ubr-active.qk-ubr-desktop {
  --qk-ubr-fs-base: 15px;
  --qk-ubr-fs-table: 14px;
  --qk-ubr-fs-icon: 18px;
  --qk-ubr-fs-pager: 14px;
}
body.qk-ubr-active.qk-ubr-desktop,
html:has(body.qk-ubr-active.qk-ubr-desktop) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.qk-ubr-active.qk-ubr-desktop #app {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-wrap {
  min-height: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-pager {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  z-index: 2;
  box-shadow: none !important;
  margin: 0 !important;
}
/* 桌面端：隐藏表格区/分页区横向滚动条（避免底部白条挡住分页） */
body.qk-ubr-active.qk-ubr-desktop #app,
body.qk-ubr-active.qk-ubr-desktop #app > div,
body.qk-ubr-active.qk-ubr-desktop #app .qk-sl-layout,
body.qk-ubr-active.qk-ubr-desktop #app div[style*='overflow-y'],
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table-scroll {
  overflow-x: hidden !important;
  overflow-y: visible !important;
}
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table-scroll,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-pager-nav {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table-scroll::-webkit-scrollbar,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-pager-nav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table thead th,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table tbody td,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-empty-row {
  font-size: 14px !important;
}
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-title {
  font-size: 18px !important;
}
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-toolbar,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-meta,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-toolbar-label,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-type-lock,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-day-select .el-input__inner,
body.qk-ubr-active.qk-ubr-desktop .qk-ubr-toolbar .el-button--mini {
  font-size: 15px !important;
}

/* 手机端：整页 body 滚动 + 分页条固定贴底（iOS Safari 地址栏/工具栏不挡按钮） */
body.qk-ubr-active.qk-ubr-mobile,
html:has(body.qk-ubr-active.qk-ubr-mobile) {
  background: #fff !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
body.qk-ubr-active.qk-ubr-mobile #app {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
body.qk-ubr-active.qk-ubr-mobile > div[style*='overflow-y'],
body.qk-ubr-active.qk-ubr-mobile > div[style*='padding'],
body.qk-ubr-active.qk-ubr-mobile #qk-user-bet-report-root,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-wrap {
  --qk-ubr-fs-base: 8px;
  --qk-ubr-fs-table: 7px;
  --qk-ubr-fs-icon: 9px;
  --qk-ubr-fs-pager: 8px;
  --qk-ubr-cell-pad-y: 4px;
  --qk-ubr-cell-pad-x: 3px;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-wrap {
  min-height: 0 !important;
  padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px));
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-table-scroll {
  overflow-x: hidden;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-pager {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100vw;
  z-index: 200;
  margin: 0;
  padding-top: 6px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: max(6px, env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
/* fixed + width:1% 会把每列压成视口 1%（~4px），内容溢出叠在一起；auto 下 1% 才是「尽量窄、但不裁切」 */
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  table-layout: auto;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-table tbody td:not(.qk-ubr-td-content):not(.qk-ubr-td-order-cell) {
  white-space: nowrap;
}
/* 紧凑列：压到内容最小宽度，单行完整显示不裁剪 */
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-th-compact,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-compact {
  width: 1%;
  white-space: nowrap;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-th-stacked {
  width: 1%;
  white-space: normal;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-th-stacked > div {
  white-space: nowrap;
}
/* 注单号：最多两行，每行完整不裁切 */
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-th-order,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-order-cell {
  width: 1%;
  white-space: normal;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-order .qk-ubr-order-line {
  white-space: nowrap;
  word-break: normal;
  overflow: visible;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-order .qk-ubr-order-line:empty {
  display: none;
}
/* 时间三行（日期/时间/周几）；种类两行（种类/期数） */
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-time,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-kind {
  white-space: normal;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-time-stack > div,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-kind-stack .qk-ubr-kind-line {
  white-space: nowrap;
}
/* 仅投注内容占剩余宽度并强制换行（含长 URL）；特异性需高于 tbody td 默认 word-break */
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-table thead th.qk-ubr-th-content,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-table tbody td.qk-ubr-td-content {
  width: 100%;
  max-width: 0;
  min-width: 0;
  white-space: normal !important;
  word-break: break-all !important;
  overflow-wrap: anywhere;
}
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-content .qk-ubr-bet-main,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-content .qk-ubr-bet-pos,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-content .qk-ubr-bet-val,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-td-content .qk-ubr-bet-odds-line {
  display: block;
  max-width: 100%;
  white-space: normal;
  word-break: break-all;
  overflow-wrap: anywhere;
}
body.qk-ubr-active.qk-ubr-mobile #app,
body.qk-ubr-active.qk-ubr-mobile #app > div,
body.qk-ubr-active.qk-ubr-mobile #app .qk-ubr-sl-flush,
body.qk-ubr-active.qk-ubr-mobile #app div[style*='overflow-y'],
body.qk-ubr-active.qk-ubr-mobile #qk-user-bet-report-root,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-wrap,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-head,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-toolbar,
body.qk-ubr-active.qk-ubr-mobile .qk-ubr-table-scroll {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  background: #fff !important;
}

/* 手机端：紧凑全列表（≤768px） */
@media (max-width: 768px) {
  html,
  body.qk-ubr-active {
    background: #fff !important;
    --qk-ubr-fs-base: 8px;
    --qk-ubr-fs-table: 7px;
    --qk-ubr-fs-icon: 9px;
    --qk-ubr-fs-pager: 8px;
    --qk-ubr-cell-pad-y: 4px;
    --qk-ubr-cell-pad-x: 3px;
  }
  .qk-ubr-wrap {
    --qk-ubr-fs-base: 8px;
    --qk-ubr-fs-table: 7px;
    --qk-ubr-fs-icon: 9px;
    --qk-ubr-fs-pager: 8px;
    --qk-ubr-cell-pad-y: 4px;
    --qk-ubr-cell-pad-x: 3px;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    line-height: 1.25;
  }
  #qk-user-bet-report-root {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.qk-ubr-active > div[style*='overflow-y'],
  body.qk-ubr-active > div[style*='padding'],
  body.qk-ubr-active #app,
  body.qk-ubr-active #app > div,
  body.qk-ubr-active #app .qk-ubr-sl-flush,
  body.qk-ubr-active #app div[style*='overflow-y'] {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    background: #fff !important;
  }
  .qk-ubr-head {
    padding: 5px 0;
    min-height: 28px;
  }
  .qk-ubr-head-icon {
    width: 14px;
    height: 14px;
  }
  .qk-ubr-title {
    font-size: var(--qk-ubr-fs-base);
  }
  .qk-ubr-back {
    font-size: var(--qk-ubr-fs-icon);
  }
  .qk-ubr-toolbar {
    padding: 5px 0;
    gap: 4px 6px;
  }
  .qk-ubr-day-select {
    width: 118px;
  }
  .qk-ubr-day-select .el-input__inner {
    height: 20px;
    line-height: 20px;
    padding: 0 20px 0 6px;
  }
  .qk-ubr-day-select .el-input__icon {
    line-height: 20px;
    width: 18px;
  }
  .qk-ubr-toolbar .el-button--mini {
    padding: 3px 8px;
    height: 20px;
  }
  .qk-ubr-type-lock {
    padding: 4px 8px;
  }
  body.qk-ubr-active .qk-ubr-day-dropdown .el-select-dropdown__item {
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
  }
  .qk-ubr-table-scroll {
    overflow-x: hidden;
  }
  .qk-ubr-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    table-layout: auto;
  }
  .qk-ubr-table tbody td:not(.qk-ubr-td-content):not(.qk-ubr-td-order-cell) {
    white-space: nowrap;
  }
  .qk-ubr-th-compact,
  .qk-ubr-td-compact {
    width: 1%;
    white-space: nowrap;
  }
  .qk-ubr-th-stacked {
    width: 1%;
    white-space: normal;
  }
  .qk-ubr-th-stacked > div {
    white-space: nowrap;
  }
  .qk-ubr-th-order,
  .qk-ubr-td-order-cell {
    width: 1%;
    white-space: normal;
  }
  .qk-ubr-td-order .qk-ubr-order-line {
    white-space: nowrap;
    word-break: normal;
    overflow: visible;
  }
  .qk-ubr-td-order .qk-ubr-order-line:empty {
    display: none;
  }
  .qk-ubr-td-time,
  .qk-ubr-td-kind {
    white-space: normal;
  }
  .qk-ubr-time-stack > div,
  .qk-ubr-kind-stack .qk-ubr-kind-line {
    white-space: nowrap;
  }
  .qk-ubr-table thead th.qk-ubr-th-content,
  .qk-ubr-table tbody td.qk-ubr-td-content {
    width: 100%;
    max-width: 0;
    min-width: 0;
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere;
  }
  .qk-ubr-td-content .qk-ubr-bet-main,
  .qk-ubr-td-content .qk-ubr-bet-pos,
  .qk-ubr-td-content .qk-ubr-bet-val,
  .qk-ubr-td-content .qk-ubr-bet-odds-line {
    display: block;
    max-width: 100%;
    white-space: normal;
    word-break: break-all;
    overflow-wrap: anywhere;
  }
  .qk-ubr-table thead th,
  .qk-ubr-table tbody td,
  .qk-ubr-summary-row td,
  .qk-ubr-td-content,
  .qk-ubr-td-left,
  .qk-ubr-td-order,
  .qk-ubr-td-num,
  .qk-ubr-td-center,
  .qk-ubr-td-kind,
  .qk-ubr-td-time {
    padding: var(--qk-ubr-cell-pad-y) var(--qk-ubr-cell-pad-x) !important;
  }
  .qk-ubr-empty-row {
    padding: 32px 8px !important;
  }
  body.qk-ubr-active.qk-ubr-mobile .qk-ubr-pager {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100vw;
    z-index: 200;
    padding: 6px 2px max(6px, env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  }
  body.qk-ubr-active.qk-ubr-mobile .qk-ubr-wrap {
    padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px));
  }
  .qk-ubr-pg-jump-input {
    width: 36px;
    height: 18px;
    line-height: 18px;
  }
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table,
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table thead th,
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-table tbody td,
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-empty-row {
    font-size: 6px !important;
  }
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-title {
    font-size: var(--qk-ubr-fs-base) !important;
  }
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-toolbar,
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-meta,
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-toolbar-label,
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-type-lock,
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-day-select .el-input__inner,
  body.qk-ubr-active.qk-ubr-desktop .qk-ubr-toolbar .el-button--mini {
    font-size: var(--qk-ubr-fs-base) !important;
  }
}