:root {
  --bg-page: #0d0e11;
  --bg-card: #121418;
  --bg-header: #16181d;
  --bg-table-th: #1a1d24;
  --border-subtle: #22252c;
  --border-strong: #2a2d34;
  --accent-pink: #FF3366;
  --accent-yellow: #FFD700;
  --accent-cyan: #00E5FF;
  --text-primary: #f3f4f6;
  --text-secondary: #d1d5db;
  --text-muted: #9ca3af;
  --text-disabled: #6b7280;
}

html.cyber-theme,
html.cyber-theme body,
html.cyber-theme #app,
html.cyber-theme uni-page,
html.cyber-theme uni-page-wrapper,
html.cyber-theme uni-page-body {
  background: var(--bg-page) !important;
  color: var(--text-secondary) !important;
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important;
  line-height: 1.5;
}

html.cyber-theme uni-page-head,
html.cyber-theme .uni-page-head,
html.cyber-theme .uni-page-head-hd,
html.cyber-theme .uni-page-head-bd,
html.cyber-theme .uni-page-head-ft {
  background: var(--bg-header) !important;
  color: var(--text-primary) !important;
}

html.cyber-theme .uni-page-head {
  border-bottom: 1px solid var(--border-strong) !important;
}

html.cyber-theme .uni-page-head__title,
html.cyber-theme .uni-btn-icon {
  color: var(--accent-cyan) !important;
  font-weight: 800 !important;
}

html.cyber-theme uni-view,
html.cyber-theme uni-text,
html.cyber-theme span,
html.cyber-theme p,
html.cyber-theme li,
html.cyber-theme div {
  color: var(--text-secondary) !important;
  letter-spacing: 0 !important;
}

html.cyber-theme uni-view[style*="background-color: #fff"],
html.cyber-theme uni-view[style*="background-color:#fff"],
html.cyber-theme uni-view[style*="background: #fff"],
html.cyber-theme uni-view[style*="background:#fff"] {
  background: var(--bg-page) !important;
  background-color: var(--bg-page) !important;
}

html.cyber-theme uni-actionsheet,
html.cyber-theme .uni-actionsheet,
html.cyber-theme .uni-actionsheet__action {
  display: none !important;
}

html.cyber-theme .pages-mine-order-orderList uni-input,
html.cyber-theme .pages-mine-order-orderList input {
  background: #0f1116 !important;
  border-color: var(--border-strong) !important;
}

html.cyber-theme .pages-mine-order-orderList .f30.inbm {
  box-sizing: border-box !important;
}

html.cyber-theme .header,
html.cyber-theme .cyber-header {
  background: var(--bg-header) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin: 12px !important;
}

html.cyber-theme .card,
html.cyber-theme .cyber-card,
html.cyber-theme uni-view.card,
html.cyber-theme .hub-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle) !important;
  border-left: 4px solid var(--accent-cyan) !important;
  border-radius: 8px !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  max-width: calc(100vw - 12px) !important;
}

html.cyber-theme .card-red,
html.cyber-theme uni-view.card-red {
  border-left-color: var(--accent-pink) !important;
}

html.cyber-theme .card-yellow,
html.cyber-theme uni-view.card-yellow {
  border-left-color: var(--accent-yellow) !important;
}

html.cyber-theme .card-blue,
html.cyber-theme uni-view.card-blue {
  border-left-color: var(--accent-cyan) !important;
}

html.cyber-theme .card-title,
html.cyber-theme .cyber-card-title,
html.cyber-theme .hub-card-title,
html.cyber-theme [class*="title"] {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

html.cyber-theme .card-body,
html.cyber-theme .cyber-card-body,
html.cyber-theme .hub-card-desc,
html.cyber-theme [class*="desc"] {
  color: var(--text-secondary) !important;
  font-size: 14px !important;
}

html.cyber-theme .badge {
  display: inline-block !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
}

html.cyber-theme .badge-red {
  background: var(--accent-pink) !important;
  color: #ffffff !important;
}

html.cyber-theme .badge-yellow {
  background: var(--accent-yellow) !important;
  color: #070707 !important;
}

html.cyber-theme .badge-blue {
  background: var(--accent-cyan) !important;
  color: #05070a !important;
}

html.cyber-theme .highlight,
html.cyber-theme b,
html.cyber-theme strong {
  color: var(--accent-cyan) !important;
  font-weight: 800 !important;
}

html.cyber-theme uni-button,
html.cyber-theme button,
html.cyber-theme .jsuan,
html.cyber-theme .bottom text:last-child {
  background: var(--accent-cyan) !important;
  color: #05070a !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
}

html.cyber-theme uni-input,
html.cyber-theme input,
html.cyber-theme textarea,
html.cyber-theme .uni-input-input,
html.cyber-theme .uni-textarea-textarea {
  background: #0f1116 !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 6px !important;
}

html.cyber-theme uni-swiper,
html.cyber-theme uni-image {
  border-radius: 8px !important;
}

html.cyber-theme table,
html.cyber-theme thead,
html.cyber-theme tr,
html.cyber-theme th,
html.cyber-theme td {
  background: transparent !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-subtle) !important;
}

html.cyber-theme th {
  background: var(--bg-table-th) !important;
  color: var(--text-primary) !important;
}

html.cyber-theme .gui-shoppingcard-footer,
html.cyber-theme .bottom,
html.cyber-theme [class*="footer"],
html.cyber-theme [class*="tab"] {
  background: rgba(18, 20, 24, .96) !important;
  border-top: 1px solid var(--border-strong) !important;
}

html.cyber-theme .gui-shoppingcard-footer {
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
}

html.cyber-theme .gui-shoppingcard-footer .inbm[style*="width: 100%"] {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 0 !important;
}

html.cyber-theme .gui-shoppingcard-footer .f30.inbm {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  line-height: 42px !important;
  box-sizing: border-box !important;
  border-color: var(--accent-cyan) !important;
}

html.cyber-theme .share-item {
  background: var(--bg-card) !important;
  border-top: 1px solid var(--border-strong) !important;
  border-radius: 8px 8px 0 0 !important;
}

html.cyber-theme .share-item .f30.w {
  width: calc(100vw - 32px) !important;
  max-width: calc(100vw - 32px) !important;
  background: var(--accent-cyan) !important;
  color: #05070a !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

html.cyber-theme .t-ctn,
html.cyber-theme .s-ctn {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html.cyber-theme .s-ctns {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: 26px !important;
  line-height: 26px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}

html.cyber-theme .s-ctns uni-view {
  height: auto !important;
  line-height: 1.4 !important;
}

html.cyber-theme .cyber-page-tag {
  display: inline-block !important;
  padding: 3px 6px !important;
  border-radius: 4px !important;
  background: var(--accent-cyan) !important;
  color: #05070a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  margin: 10px 12px 0 !important;
}

@page {
  size: A4;
  margin: 15mm 12mm;
  background-color: #0d0e11;
}

html.cyber-theme .card,
html.cyber-theme tr {
  page-break-inside: avoid;
}

html.cyber-theme .section-title {
  page-break-after: avoid;
}