crypto_monitor/static/instance_theme.css

/* 实例页手机端：与中控一致，桌面专属区块隐藏；下载仅电脑端 */
@media (max-width: 720px) {
  .instance-desktop-only {
    display: none !important;
  }

  a[href^="/export/"] {
    display: none !important;
  }

  button[onclick*="exportDailyBundleMd"],
  button[onclick*="exportWeeklyBundleMd"] {
    display: none !important;
  }

  body {
    padding: 8px 10px !important;
  }

  .header h1 {
    font-size: 1rem !important;
    line-height: 1.35;
  }

  .header-row {
    flex-wrap: wrap;
    gap: 8px;
  }

  .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .top-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch;
    overflow-x: auto !important;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    gap: 6px !important;
    margin-bottom: 12px !important;
    padding: 2px 2px 6px;
    scroll-padding-inline: 10px;
    touch-action: pan-x;
  }

  .top-nav::-webkit-scrollbar {
    display: none;
  }

  .top-nav a {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 0.78rem;
  }

  .list-window-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .grid {
    gap: 10px;
  }

  .card {
    padding: 12px;
  }

  .form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .pos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .stat-box {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dual-panel-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .records-card .table-wrap {
    display: none !important;
  }

  .mobile-record-list {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
  }

  .mobile-record-row-wrap {
    display: flex;
    align-items: stretch;
    gap: 6px;
  }

  .mobile-record-row {
    flex: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) auto minmax(0, 0.9fr);
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid rgba(120, 140, 200, 0.28);
    border-radius: 8px;
    background: rgba(18, 24, 42, 0.65);
    color: #e8ecff;
    font-size: 0.82rem;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .mobile-record-row:active {
    background: rgba(30, 42, 72, 0.85);
  }

  .mrr-symbol {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mrr-dir {
    justify-self: center;
  }

  .mrr-dir .badge {
    font-size: 0.72rem;
    padding: 2px 8px;
  }

  .mrr-pnl {
    justify-self: end;
    font-weight: 600;
    white-space: nowrap;
  }

  .mrr-muted {
    color: #8892b0;
    font-size: 0.78rem;
  }

  .mobile-record-del {
    flex: 0 0 36px;
    width: 36px;
    border: 1px solid rgba(200, 80, 80, 0.35);
    border-radius: 8px;
    background: rgba(80, 24, 24, 0.35);
    color: #ff9a9a;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
  }

  #journal-list .entry {
    display: none;
  }

  #journal-list .journal-empty-msg {
    color: #8892b0;
    font-size: 0.82rem;
    padding: 8px 4px;
  }

  #detailActions.detail-actions,
  .detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 14px 14px;
    border-top: 1px solid rgba(120, 140, 200, 0.2);
  }

  .detail-actions-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }

  .detail-actions .table-del,
  .detail-actions button {
    font-size: 0.78rem !important;
    padding: 6px 10px !important;
  }
}

@media (min-width: 721px) {
  .mobile-record-list {
    display: none !important;
  }
}

/* 手机竖屏（含大屏手机） */
@media (max-width: 900px) and (orientation: portrait) {
  .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .dual-panel-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 平板横屏：双列布局，充分利用宽屏 */
@media (min-width: 721px) and (max-width: 1200px) and (orientation: landscape) {
  body {
    padding: 10px 14px !important;
  }

  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  .dual-panel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .pos-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .stat-box {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .records-card,
  .review-card {
    grid-column: 1 / -1;
  }
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="light"] body {
  background: #d8e2ec !important;
  color: #1a2838 !important;
}

html[data-theme="light"] .header h1 {
  color: #142232 !important;
}

html[data-theme="light"] .exchange-tag {
  color: #087a50 !important;
  background: rgba(10, 143, 92, 0.12) !important;
  border-color: rgba(10, 143, 92, 0.35) !important;
}

html[data-theme="light"] .top-nav a {
  background: #fff !important;
  color: #006e9a !important;
  border-color: rgba(0, 95, 140, 0.22) !important;
}

html[data-theme="light"] .top-nav a.active {
  background: rgba(0, 110, 154, 0.12) !important;
  color: #142232 !important;
}

html[data-theme="light"] .stat-item,
html[data-theme="light"] .card,
html[data-theme="light"] .meta-item,
html[data-theme="light"] .list-item,
html[data-theme="light"] .journal-card {
  background: #fff !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .stat-item .label,
html[data-theme="light"] .status,
html[data-theme="light"] .rule-tip {
  color: #4a6078 !important;
}

html[data-theme="light"] .stat-item .value,
html[data-theme="light"] .card h2 {
  color: #142232 !important;
}

html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #f6f9fc !important;
  color: #142232 !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] input[type="radio"] {
  accent-color: #007aa8;
  background: transparent !important;
  border: none !important;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

html[data-theme="light"] .mood-grid {
  color: #1a2838 !important;
}

html[data-theme="light"] .mood-grid label {
  color: #1a2838 !important;
}

/* 复盘区次要按钮（内联 #1f3a5a）：浅底深字，避免白字看不见 */
html[data-theme="light"] .journal-card .form-row button[type="button"],
html[data-theme="light"] .review-card .form-row button[type="button"][onclick*="export"],
html[data-theme="light"] .review-card-fs-btn,
html[data-theme="light"] .ai-result-toolbar .btn-fs {
  background: #e8eef5 !important;
  background-image: none !important;
  color: #006e9a !important;
  border: 1px solid rgba(0, 95, 140, 0.28) !important;
}

html[data-theme="light"] .journal-card button[type="submit"],
html[data-theme="light"] .review-card .form-row button[onclick="genDaily()"],
html[data-theme="light"] .review-card .form-row button[onclick="genWeekly()"] {
  background: linear-gradient(90deg, #007aa8, #5b4fc7) !important;
  color: #fff !important;
  border: none !important;
}

html[data-theme="light"] .flash {
  background: rgba(0, 110, 154, 0.1) !important;
  color: #006e9a !important;
  border-color: rgba(0, 95, 140, 0.22) !important;
}

html[data-theme="light"] th {
  color: #4a6078 !important;
}

html[data-theme="light"] td {
  color: #142232 !important;
  border-bottom-color: #d0dae4 !important;
}

html[data-theme="light"] .ai-result,
html[data-theme="light"] .login-box {
  background: #fff !important;
  border-color: #b8c8d8 !important;
  color: #142232 !important;
}

html[data-theme="light"] #chart-wrap {
  background: #f0f4f9 !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .btn {
  background: #fff !important;
  color: #006e9a !important;
  border-color: rgba(0, 95, 140, 0.22) !important;
}

html[data-theme="light"] .btn:hover {
  background: #eef3f8 !important;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 8px;
  border: 1px solid #304164;
  background: #151a2a;
}

html[data-theme="light"] .theme-toggle {
  background: #fff;
  border-color: #b8c8d8;
}

.theme-toggle.is-hub-linked {
  display: none !important;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #8fc8ff;
  cursor: pointer;
}

html[data-theme="light"] .theme-toggle-btn {
  color: #4a6078;
}

.theme-toggle-btn.is-active {
  color: #dbe4ff;
  background: rgba(79, 121, 255, 0.2);
  box-shadow: inset 0 0 0 1px #304164;
}

html[data-theme="light"] .theme-toggle-btn.is-active {
  color: #006e9a;
  background: rgba(0, 110, 154, 0.12);
  box-shadow: inset 0 0 0 1px #b8c8d8;
}

.header-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
}

.login-theme-bar {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 10px;
}

/* ── 交易执行 / 复盘 / 统计（index 内联样式覆盖）── */
html[data-theme="light"] .list-window-bar,
html[data-theme="light"] .export-bar a {
  background: #fff !important;
  border-color: #b8c8d8 !important;
  color: #1a2838 !important;
}

html[data-theme="light"] .list-window-bar label,
html[data-theme="light"] .export-bar {
  color: #4a6078 !important;
}

html[data-theme="light"] .stats-segment-block {
  border-top-color: #c8d4e0 !important;
}

html[data-theme="light"] .stats-segment-block h2,
html[data-theme="light"] .stats-period-block h3,
html[data-theme="light"] .key-history h3 {
  color: #142232 !important;
}

html[data-theme="light"] .stats-period-block .sub,
html[data-theme="light"] .key-history .sub,
html[data-theme="light"] .pos-section-title,
html[data-theme="light"] .pos-empty {
  color: #4a6078 !important;
}

html[data-theme="light"] .stats-period-block {
  border-bottom-color: #d0dae4 !important;
}

html[data-theme="light"] .key-history {
  border-top-color: #d0dae4 !important;
}

html[data-theme="light"] .pos-card,
html[data-theme="light"] .pos-empty {
  background: #fff !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .pos-card-symbol strong,
html[data-theme="light"] .pos-value,
html[data-theme="light"] .pos-value.price-flat {
  color: #142232 !important;
}

html[data-theme="light"] .pos-label,
html[data-theme="light"] .pos-meta,
html[data-theme="light"] .pos-footer,
html[data-theme="light"] .pos-ex-orders-title,
html[data-theme="light"] .pos-ex-order-row {
  color: #4a6078 !important;
}

html[data-theme="light"] .pos-meta-item::after {
  color: #b8c8d8 !important;
}

.pos-time-close-meta {
  color: #8fc8ff;
}
.pos-time-close-meta .pos-time-close-cd {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
.pos-symbol-time-close {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.72rem;
  font-weight: 500;
  color: #8fc8ff;
  padding: 1px 6px;
  border-radius: 4px;
  background: rgba(143, 200, 255, 0.1);
  white-space: nowrap;
}
.pos-symbol-time-close .pos-time-close-cd {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
}
.key-time-close-wrap.is-disabled > label,
.order-time-close-wrap.is-disabled > label {
  opacity: 0.72;
}
.key-time-close-wrap select,
.order-time-close-wrap select {
  cursor: pointer;
}
html[data-theme="light"] .pos-meta-on {
  color: #006e9a !important;
}

html[data-theme="light"] .pos-side-long {
  background: rgba(0, 110, 154, 0.12) !important;
  color: #006e9a !important;
}

html[data-theme="light"] .pos-side-short {
  background: rgba(180, 50, 50, 0.1) !important;
  color: #b03030 !important;
}

html[data-theme="light"] .pos-entrust-btn,
html[data-theme="light"] .stats-card .stats-toggle,
html[data-theme="light"] .btn-del[style*="1f3a5a"],
html[data-theme="light"] a.btn-del[style*="1f3a5a"],
html[data-theme="light"] .detail-modal .panel-fs,
html[data-theme="light"] .review-card-fs-btn {
  background: #e8eef5 !important;
  color: #006e9a !important;
}

html[data-theme="light"] .pos-ex-orders {
  border-top-color: #d0dae4 !important;
}

html[data-theme="light"] .pos-ex-cancel-btn {
  background: #eef3f8 !important;
  color: #5b4fc7 !important;
}

html[data-theme="light"] .tpsl-modal {
  background: #fff !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .tpsl-modal h3 {
  color: #142232 !important;
}

html[data-theme="light"] .tpsl-modal-cancel {
  background: #eef3f8 !important;
  color: #4a6078 !important;
}

html[data-theme="light"] .list-item {
  background: #f6f9fc !important;
  border-color: #d0dae4 !important;
}

html[data-theme="light"] .price-flat {
  color: #4a6078 !important;
}

html[data-theme="light"] .detail-modal .panel,
html[data-theme="light"] .ai-result {
  background: #fff !important;
}

html[data-theme="light"] .detail-modal .panel-title {
  color: #142232 !important;
}

/* 交易复盘详情：上方元数据（非 Markdown 区）浅色主题对比度 */
html[data-theme="light"] .detail-modal .panel-body:not(.md-review) {
  color: #1a2838 !important;
}

html[data-theme="light"] .detail-modal .panel {
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .detail-modal .panel-image {
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .detail-modal .panel-close {
  background: #f6f9fc !important;
  color: #4a6078 !important;
  border: 1px solid #b8c8d8 !important;
}

/* ── 交易记录：方向 / 结果徽章（浅底描边，避免黑底块）── */
html[data-theme="light"] .badge.direction-long,
html[data-theme="light"] .direction-long {
  background: rgba(8, 122, 80, 0.1) !important;
  color: #087a50 !important;
  border: 1px solid rgba(8, 122, 80, 0.28) !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .badge.direction-short,
html[data-theme="light"] .direction-short {
  background: rgba(192, 48, 48, 0.08) !important;
  color: #b03030 !important;
  border: 1px solid rgba(192, 48, 48, 0.25) !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .badge.profit {
  background: rgba(8, 122, 80, 0.1) !important;
  color: #087a50 !important;
  border: 1px solid rgba(8, 122, 80, 0.28) !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .badge.loss {
  background: rgba(192, 48, 48, 0.08) !important;
  color: #b03030 !important;
  border: 1px solid rgba(192, 48, 48, 0.25) !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .badge.miss {
  background: rgba(180, 130, 20, 0.1) !important;
  color: #8a6200 !important;
  border: 1px solid rgba(180, 130, 20, 0.28) !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .badge.direction {
  background: rgba(0, 110, 154, 0.08) !important;
  color: #006e9a !important;
  border: 1px solid rgba(0, 110, 154, 0.22) !important;
}

html[data-theme="light"] .table-del,
html[data-theme="light"] button.table-del {
  background: #fff5f5 !important;
  color: #b03030 !important;
  border: 1px solid rgba(176, 48, 48, 0.28) !important;
}

html[data-theme="light"] .pos-breakeven-badge {
  background: rgba(8, 122, 80, 0.1) !important;
  color: #087a50 !important;
  border: 1px solid rgba(8, 122, 80, 0.25) !important;
}

/* ── 实时持仓 / 行情：浮盈亏涨跌色 ── */
html[data-theme="light"] .price-up,
html[data-theme="light"] .pos-value.price-up {
  color: #087a50 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .price-down,
html[data-theme="light"] .pos-value.price-down {
  color: #c03030 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .journal-detail-meta {
  color: #1a2838 !important;
  line-height: 1.65 !important;
}

html[data-theme="light"] .journal-card .form-grid label,
html[data-theme="light"] .journal-card .sub {
  color: #4a6078 !important;
}

html[data-theme="light"] .btn-del:not([style*="1f3a5a"]) {
  background: #fff5f5 !important;
  color: #b03030 !important;
  border: 1px solid rgba(176, 48, 48, 0.25) !important;
}

html[data-theme="light"] table th {
  background: #eef3f8 !important;
}

html[data-theme="light"] .strategy-subnav {
  border-bottom-color: #d0dae4 !important;
}

/* ── 策略交易 / 策略记录（strategy_templates 内联）── */
html[data-theme="dark"] .strategy-records-page .sr-summary,
html[data-theme="dark"] .strategy-records-page .sr-detail {
  color: #cfd3ef !important;
}
html[data-theme="dark"] .strategy-records-page .sr-summary .sr-sym,
html[data-theme="dark"] .strategy-records-page .sr-detail-grid .val {
  color: #f0f2ff !important;
}
html[data-theme="dark"] .strategy-records-page .sr-summary .sr-dca-tag {
  color: #8892b0 !important;
}
html[data-theme="dark"] .strategy-records-page .sr-summary .sr-pnl.pos,
html[data-theme="dark"] .strategy-records-page .sr-pnl.pos {
  color: #4cd97f !important;
}
html[data-theme="dark"] .strategy-records-page .sr-summary .sr-pnl.neg,
html[data-theme="dark"] .strategy-records-page .sr-pnl.neg {
  color: #ff6666 !important;
}

html[data-theme="light"] .strategy-records-page h2,
html[data-theme="light"] .plan-card-title,
html[data-theme="light"] .sr-panel-title,
html[data-theme="light"] .sr-summary .sr-sym,
html[data-theme="light"] .sr-detail-grid .val,
html[data-theme="light"] .plan-cell .val:not(.pnl-profit):not(.pnl-loss) {
  color: #142232 !important;
}

html[data-theme="light"] .plan-cell .val.pnl-profit,
html[data-theme="light"] .pnl-profit {
  color: #087a50 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .plan-cell .val.pnl-loss,
html[data-theme="light"] .pnl-loss {
  color: #c03030 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .plan-dca-table td.st-done,
html[data-theme="light"] .plan-dca-table .st-done,
html[data-theme="light"] .sr-dca-table .st-done {
  color: #087a50 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .plan-dca-table .st-pending,
html[data-theme="light"] .sr-dca-table .st-pending {
  color: #6a7588 !important;
}

html[data-theme="light"] .strategy-records-tip,
html[data-theme="light"] .plan-card-meta,
html[data-theme="light"] .plan-cell .lbl,
html[data-theme="light"] .sr-panel-count,
html[data-theme="light"] .sr-empty,
html[data-theme="light"] .plan-dca-title {
  color: #4a6078 !important;
}

html[data-theme="light"] .plan-position-card,
html[data-theme="light"] .sr-filters,
html[data-theme="light"] .sr-panel {
  background: #fff !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .sr-filters select,
html[data-theme="light"] .sr-filters input[type="datetime-local"] {
  background: #f6f9fc !important;
  color: #142232 !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .sr-chip {
  background: #fff !important;
  color: #4a6078 !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .sr-chip.active {
  background: rgba(0, 110, 154, 0.12) !important;
  color: #006e9a !important;
  border-color: rgba(0, 95, 140, 0.35) !important;
}

html[data-theme="light"] .sr-item {
  background: #f6f9fc !important;
  border-color: #d0dae4 !important;
}

html[data-theme="light"] .sr-summary,
html[data-theme="light"] .sr-detail,
html[data-theme="light"] .plan-cell .val.pnl-neutral {
  color: #1a2838 !important;
}

html[data-theme="light"] .sr-summary:hover {
  background: rgba(0, 110, 154, 0.06) !important;
}

html[data-theme="light"] .sr-detail {
  border-top-color: #d0dae4 !important;
}

html[data-theme="light"] .plan-dca-block {
  border-top-color: #d0dae4 !important;
}

html[data-theme="light"] .plan-dca-table th,
html[data-theme="light"] .plan-dca-table td,
html[data-theme="light"] .sr-dca-table th,
html[data-theme="light"] .sr-dca-table td {
  border-bottom-color: #d0dae4 !important;
}

html[data-theme="light"] .plan-dca-table th,
html[data-theme="light"] .sr-dca-table th {
  color: #4a6078 !important;
}

html[data-theme="light"] .trend-running-plans {
  border-top-color: #d0dae4 !important;
}

html[data-theme="light"] .plan-card-meta .accent,
html[data-theme="light"] .sr-panel-title.trend,
html[data-theme="light"] .sr-summary::before {
  color: #006e9a !important;
}

html[data-theme="light"] .sr-panel-title.roll {
  color: #a06010 !important;
}

html[data-theme="light"] .btn-close-plan {
  background: #fff5f5 !important;
  color: #b03030 !important;
}

html[data-theme="light"] .running-plans-stack .plan-position-card[style*="8892b0"] {
  color: #4a6078 !important;
  background: #f6f9fc !important;
}

html[data-theme="light"] button[style*="1f4a3a"] {
  background: #e8f5ef !important;
  color: #087a50 !important;
}

html[data-theme="light"] .strategy-trading-grid .card,
html[data-theme="light"] .dual-panel-grid .card {
  background: #fff !important;
}

/* ── AI 复盘（panel-list / ai-result）── */
html[data-theme="light"] .panel-item {
  background: #fff !important;
  border-color: #b8c8d8 !important;
  color: #1a2838 !important;
}

html[data-theme="light"] .panel-item strong {
  color: #142232 !important;
}

html[data-theme="light"] .panel-item .entry {
  border-bottom-color: #d0dae4 !important;
  color: #1a2838 !important;
}

html[data-theme="light"] .panel-item .entry div {
  color: #4a6078 !important;
}

html[data-theme="light"] .ai-result {
  background: #f6f9fc !important;
  border-color: #b8c8d8 !important;
  color: #1a2838 !important;
}

.ai-result.is-loading {
  color: #8fc8ff;
  font-style: italic;
  animation: ai-review-pulse 1.2s ease-in-out infinite;
}

html[data-theme="light"] .ai-result.is-loading {
  color: #006e9a !important;
}

@keyframes ai-review-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}

/* AI 日复盘 / 周复盘 Markdown（弹窗 + 内联结果区，四所共用） */
html[data-theme="light"] .ai-result-md,
html[data-theme="light"] .detail-modal .panel-body.md-review {
  color: #1a2838 !important;
}

html[data-theme="light"] .ai-result-md p,
html[data-theme="light"] .detail-modal .panel-body.md-review p,
html[data-theme="light"] .ai-result-md li,
html[data-theme="light"] .detail-modal .panel-body.md-review li,
html[data-theme="light"] .ai-result-md ol,
html[data-theme="light"] .ai-result-md ul,
html[data-theme="light"] .detail-modal .panel-body.md-review ol,
html[data-theme="light"] .detail-modal .panel-body.md-review ul {
  color: #1a2838 !important;
}

html[data-theme="light"] .ai-result-md strong,
html[data-theme="light"] .detail-modal .panel-body.md-review strong {
  color: #142232 !important;
}

html[data-theme="light"] .ai-result-md h2,
html[data-theme="light"] .detail-modal .panel-body.md-review h2,
html[data-theme="light"] .ai-result-md h3,
html[data-theme="light"] .detail-modal .panel-body.md-review h3,
html[data-theme="light"] .ai-result-md h4,
html[data-theme="light"] .detail-modal .panel-body.md-review h4 {
  color: #142232 !important;
}

html[data-theme="light"] .ai-result-md h2,
html[data-theme="light"] .detail-modal .panel-body.md-review h2 {
  border-bottom-color: #d0dae4 !important;
}

html[data-theme="light"] .ai-result-md h3,
html[data-theme="light"] .detail-modal .panel-body.md-review h3 {
  color: #006e9a !important;
}

html[data-theme="light"] .ai-result-md code,
html[data-theme="light"] .detail-modal .panel-body.md-review code {
  background: #eef3f8 !important;
  color: #142232 !important;
}

html[data-theme="light"] .ai-result-md .md-raw-block-title,
html[data-theme="light"] .detail-modal .panel-body.md-review .md-raw-block-title {
  color: #4a6078 !important;
  border-top-color: #d0dae4 !important;
}

/* ── Gate Bot 统计分栏（机器人 / 趋势回调）── */
html[data-theme="light"] .stats-split-col {
  background: #fff !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .stats-split-head {
  color: #142232 !important;
  border-bottom-color: #d0dae4 !important;
}

html[data-theme="light"] .stats-split-col .stat-item {
  background: #f6f9fc !important;
  border-color: #d0dae4 !important;
}

html[data-theme="light"] .stats-split-col .stat-item .label {
  color: #4a6078 !important;
}

html[data-theme="light"] .stats-split-col .stat-item .value {
  color: #142232 !important;
}

/* ── 可折叠说明（规则 / 划转 / 价格）── */
.tip-collapse {
  margin-bottom: 8px;
  border: 1px solid #2a3348;
  border-radius: 8px;
  background: rgba(20, 25, 35, 0.45);
  overflow: hidden;
}

.tip-collapse-summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  padding: 8px 12px;
  cursor: pointer;
  list-style: none;
  font-size: 0.8rem;
  color: #95a2c2;
  line-height: 1.45;
}

.tip-collapse-summary::-webkit-details-marker {
  display: none;
}

.tip-collapse-summary::before {
  content: "▸";
  flex: 0 0 auto;
  color: #6d7a99;
  transition: transform 0.15s ease;
}

.tip-collapse[open] > .tip-collapse-summary::before {
  transform: rotate(90deg);
}

.tip-collapse-hint {
  color: #6d7a99;
  font-size: 0.74rem;
}

.tip-collapse-body {
  padding: 0 12px 10px;
  border-top: 1px solid #232b3d;
}

.tip-collapse-body.rule-tip {
  margin-bottom: 0;
  padding-top: 8px;
}

html[data-theme="light"] .tip-collapse {
  background: #f6f9fc !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .tip-collapse-summary {
  color: #4a6078 !important;
}

html[data-theme="light"] .tip-collapse-summary::before {
  color: #6a7588 !important;
}

html[data-theme="light"] .tip-collapse-hint {
  color: #6a7588 !important;
}

html[data-theme="light"] .tip-collapse-body {
  border-top-color: #d0dae4 !important;
}

html[data-theme="light"] .tip-collapse-body.rule-tip {
  color: #4a6078 !important;
}

html[data-theme="light"] .key-rule-table th,
html[data-theme="light"] .key-rule-table td {
  border-color: #d0dae4 !important;
}

html[data-theme="light"] .key-rule-table th {
  background: #eef3f8 !important;
  color: #4a6078 !important;
}

html[data-theme="light"] .key-rule-table td {
  color: #142232 !important;
}

html[data-theme="light"] .key-rule-table .key-rule-type {
  color: #142232 !important;
}

html[data-theme="light"] .key-rule-table .key-rule-sub {
  color: #006e9a !important;
}

html[data-theme="light"] .key-rule-foot {
  color: #6a7588 !important;
}

html[data-theme="light"] .key-rule-foot code {
  color: #006e9a !important;
}

/* ── 关键位折叠行（亮色）── */
html[data-theme="light"] .key-row-collapse {
  background: #f6f9fc !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .key-row-collapse-summary {
  color: #1a2838 !important;
}

html[data-theme="light"] .key-row-collapse-summary::before {
  color: #6a7588 !important;
}

html[data-theme="light"] .key-row-summary-title strong {
  color: #142232 !important;
}

html[data-theme="light"] .key-row-summary-line,
html[data-theme="light"] .key-history-brief {
  color: #4a6078 !important;
}

html[data-theme="light"] .key-row-summary-live {
  color: #006e9a !important;
}

html[data-theme="light"] .key-row-summary-live.key-row-summary-pending {
  color: #087a50 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .key-row-collapse-body {
  border-top-color: #d0dae4 !important;
}

html[data-theme="light"] .key-history-alert {
  color: #4a6078 !important;
}

html[data-theme="light"] .key-row-collapse .pos-side-badge[style*="2a3152"] {
  background: rgba(0, 110, 154, 0.1) !important;
  color: #006e9a !important;
}

html[data-theme="light"] .key-row-collapse.key-history-success {
  background: rgba(8, 122, 80, 0.08) !important;
  border-color: rgba(8, 122, 80, 0.35) !important;
}

html[data-theme="light"] .key-row-collapse.key-history-success .key-row-collapse-summary,
html[data-theme="light"] .key-row-collapse.key-history-success .key-row-summary-title strong {
  color: #142232 !important;
}

html[data-theme="light"] .key-row-collapse.key-history-success .key-history-brief,
html[data-theme="light"] .key-row-collapse.key-history-success .key-history-outcome-badge {
  color: #087a50 !important;
  background: rgba(8, 122, 80, 0.1) !important;
  border-color: rgba(8, 122, 80, 0.28) !important;
}

html[data-theme="light"] .key-row-collapse.key-history-manual {
  background: #f0f2f6 !important;
  border-color: #b8c0cc !important;
}

html[data-theme="light"] .key-row-collapse.key-history-manual .key-history-brief,
html[data-theme="light"] .key-row-collapse.key-history-manual .key-history-outcome-badge {
  color: #5a6478 !important;
  background: rgba(90, 100, 120, 0.1) !important;
  border-color: rgba(90, 100, 120, 0.22) !important;
}

html[data-theme="light"] .key-row-collapse.key-history-failed {
  background: rgba(192, 48, 48, 0.06) !important;
  border-color: rgba(192, 48, 48, 0.28) !important;
}

html[data-theme="light"] .key-row-collapse.key-history-failed .key-row-collapse-summary {
  color: #1a2838 !important;
}

html[data-theme="light"] .key-row-collapse.key-history-failed .key-history-brief,
html[data-theme="light"] .key-row-collapse.key-history-failed .key-history-outcome-badge {
  color: #b04040 !important;
  background: rgba(192, 48, 48, 0.08) !important;
  border-color: rgba(192, 48, 48, 0.22) !important;
}

html[data-theme="light"] .mobile-record-row {
  background: #fff !important;
  border-color: #b8c8d8 !important;
  color: #142232 !important;
}

html[data-theme="light"] .mobile-record-row:active {
  background: #eef3f8 !important;
}

html[data-theme="light"] .mrr-muted {
  color: #6a7588 !important;
}

html[data-theme="light"] .mobile-record-del {
  background: rgba(192, 48, 48, 0.08) !important;
  border-color: rgba(192, 48, 48, 0.28) !important;
  color: #b04040 !important;
}

html[data-theme="light"] .detail-actions {
  border-top-color: #d0dae4 !important;
}