/* ================================================================
   dashboard-premium.css — Cupertino Pro 精修覆盖层
   由 dashboard.html 引用；核心样式与主题令牌内联在页面中，
   此文件只承载细节覆盖与小屏适配微调，不定义调色板。
================================================================ */

/* 平滑主题切换：颜色相关属性统一过渡 */
body,
.card,
.topbar,
.rail,
.island,
.btn,
.seg,
.switch,
.oco,
.schip,
.subtab,
.sum-card {
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: .3s;
  transition-timing-function: ease;
}

/* 浅色主题：卡片悬停微升起 */
html[data-theme="light"] .card {
  transition: transform .4s cubic-bezier(.32, .72, .28, 1),
              box-shadow .4s cubic-bezier(.32, .72, .28, 1),
              background-color .3s ease;
}
html[data-theme="light"] .card:hover {
  transform: translateY(-2px);
}

/* 深色主题：纯黑画布上的细节 */
html[data-theme="dark"] body {
  background: #000;
}
html[data-theme="dark"] .spark .btc-area {
  opacity: .8;
}
html[data-theme="dark"] .llogo,
html[data-theme="dark"] .brandmark {
  box-shadow: 0 10px 30px rgba(245, 130, 11, .25);
}
html[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .16);
  border-radius: 99px;
}
html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: transparent;
}

/* 走势图由有限时长的按需调度器驱动，SVG 几何属性不叠加 CSS 过渡。 */
.delta {
  transition: background-color .25s ease, color .25s ease;
}
.oco .ba, #btc-lag {
  transition: color .2s ease;
}

@media (prefers-reduced-motion: reduce) {
  body,
  .card,
  .topbar,
  .rail,
  .island,
  .btn,
  .seg,
  .switch,
  .oco,
  .schip,
  .subtab,
  .sum-card,
  .delta,
  .oco .ba,
  #btc-lag {
    transition: none !important;
  }
}

/* 小屏微调 */
@media (max-width: 840px) {
  .island {
    padding: 7px 13px;
    gap: 9px;
    font-size: 11.5px;
  }
  .tb-end {
    gap: 8px;
  }
  .spot {
    font-size: clamp(38px, 11vw, 52px);
  }
  .schip {
    width: 50px;
  }
  .actions .btn {
    min-width: 0;
  }
}

/* 打印：只留数据卡片 */
@media print {
  .rail, .topbar, .actions, #toast, .modal-scrim {
    display: none !important;
  }
  .card {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}