/* 首页 Hero 右侧 · 指数走势迷你组件（上海/深圳 1990→今） */
.hero-index {
  position: relative;
  flex: 1 1 auto;
  min-width: 340px;
  height: 252px;
  margin: 0;
  align-self: stretch;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  border: none;
  box-shadow: none;
}
.hero-index svg { display: block; width: 100%; height: 100%; overflow: visible; }
.hero-index .hidx-trail { fill: none; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; opacity: 1; }
.hero-index .hidx-yr {
  position: absolute; z-index: 3; transform: translate(-50%, 0);
  font-family: var(--mono); font-size: 15px; font-weight: 700; color: #2a2d34;
  bottom: 6px; left: 0; opacity: 0; transition: opacity .45s ease;
  pointer-events: none;
}
.hero-index .hidx-yr.enter { opacity: 1; }
.hero-index .hidx-yr.leave { opacity: 0; }
[data-theme="dark"] .hero-index .hidx-yr { color: #e8edf2; }
.hero-index .hidx-read {
  position: absolute; z-index: 3; transform: translate(-50%, -50%);
  font-family: var(--mono); white-space: nowrap; pointer-events: none;
}
.hero-index .hidx-read .nm { font-size: 10px; font-weight: 700; }
.hero-index .hidx-read .vl { font-size: 13px; font-weight: 800; line-height: 1.1; }
.hero-index .hidx-read.sh .nm, .hero-index .hidx-read.sh .vl { color: #E24B4A; }
.hero-index .hidx-read.sz .nm, .hero-index .hidx-read.sz .vl { color: #2F7ED8; }
.hero-index .hidx-read.cyb .nm, .hero-index .hidx-read.cyb .vl { color: #F59E0B; }
.hero-index .hidx-read.kcb .nm, .hero-index .hidx-read.kcb .vl { color: #A855F7; }
.hero-index .hidx-error {
  position: absolute; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center;
  font-size: 11px; color: #9a958c; background: rgba(255,255,255,.9); padding: 10px;
}
[data-theme="dark"] .hero-index .hidx-error { background: rgba(6,8,12,.9); color: #5c6675; }
@media (max-width: 720px) {
  .hero-index { display: none; }
}