/* ==========================================================================
   HKWeb3.0 静态 UI 克隆 — 补充样式
   原站样式完整保留在 app.css / chunk-vendors.css / muse-theme.css 中，
   这里只做静态化所需的少量补齐与交互态修饰。
   ========================================================================== */

/* --- 基础：沿用原站移动端壳层，保证 1:1 观感 --- */
html, body {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

#app {
  overflow: hidden;
}

/* 滚动区域统一手感 */
.mu-load-more,
[style*="overflow: auto"],
[style*="overflow:auto"] {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
[style*="overflow: auto"]::-webkit-scrollbar,
[style*="overflow:auto"]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
[style*="overflow: auto"]::-webkit-scrollbar-thumb,
[style*="overflow:auto"]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .12);
  border-radius: 4px;
}

/* --- 可点击元素的光标与按下反馈 --- */
.footer .flex-column,
.inner-menu .flex-column,
.mu-item-wrapper,
.mu-appbar-left button,
.about-btn,
.header-right-fixed button,
.tabbtd,
.mu-tab {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.footer .flex-column:active,
.inner-menu .flex-column:active {
  opacity: .65;
}

/* --- 选项卡指示条 --- */
.mu-tabs {
  position: relative;
}
.mu-tab-active-bar {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #2196f3;
  transition: left .25s ease, width .25s ease;
}

/* --- 下拉弹层 --- */
.mu-popover.popforlang {
  max-height: 60vh;
  overflow: auto;
}

.mu-popover.popforlang.lang-popover {
  position: fixed !important;
  top: 60px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  width: min(220px, calc(100vw - 16px)) !important;
  max-height: calc(100vh - 70px) !important;
  overflow-y: auto !important;
}

/* --- 表单：禁用状态沿用原站灰底 --- */
.mu-raised-button.mu-button-disabled,
.mu-raised-button:disabled {
  opacity: 1;
}

/* --- K 线静态占位 --- */
#tv_chart_container {
  background: #fff;
}

/* --- 空数据占位（原站为空态时展示） --- */
.icon-empty,
.icon-empty1 {
  color: #b9b9b9;
}


.list-item .book-source{font-size:10px;line-height:18px;height:auto;justify-content:center;color:#999;white-space:normal;text-align:center}

/* 桌面端沿用参考站的单卡全宽轮播与品牌标识。移动端保持原有 390px 版式。 */
@media (min-width: 768px) {
  .home .swiper-slide {
    width: 100% !important;
  }
}

.home .header > div:first-child > span {
  display: inline-block;
  width: 253px;
  height: 60px;
  font-size: 0 !important;
  line-height: 60px;
  letter-spacing: 0;
  color: transparent !important;
  background: url('/img/logo.web3.72291fd8.svg') left center / contain no-repeat;
  vertical-align: top;
}

/* Keep the About label readable beside the logo on narrow screens. */
.header > div:first-child { min-width: 0; }
.header .header-about-wrap { flex: 0 0 auto; min-width: 48px; overflow: visible; }
.header .about-btn { flex-shrink: 0; min-width: 48px; max-width: none; overflow: visible; }
.header .header-about-wrap .popforlang { max-height: 70vh; overflow-y: auto; }
@media (max-width: 380px) { .header .header-right-fixed button { width: 36px; min-width: 36px; } }