/* ==========================================================================
   首页专有样式
   ========================================================================== */

/* 顶部阅读进度条 */
.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--brand), var(--brand-2), var(--accent));
  will-change: transform;
}

/* 首屏数据条：宽屏加竖向分隔 */
@media (min-width: 901px) {
  .hero__meta-item {
    position: relative;
  }
  .hero__meta-item + .hero__meta-item {
    padding-left: 40px;
  }
  .hero__meta-item + .hero__meta-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: var(--line);
  }
}

/* 数据来源脚注 */
.stat-note {
  margin-top: 18px;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  opacity: 0.7;
}

/* 业务卡片：让两卡等高时底部对齐 */
.biz__card .biz__head {
  flex: 0 0 auto;
  margin-bottom: auto;
}

/* 业务卡片 hover 时内部元素微动 */
.biz__card:hover .biz__title {
  color: #fff;
}

.biz__title {
  transition: color 0.35s var(--ease);
}

.biz__card:hover .biz__art {
  opacity: 0.8;
  transform: scale(1.04) translate(-6px, -6px);
}

.biz__art {
  transition: opacity 0.6s var(--ease), transform 0.9s var(--ease);
}

/* 首屏标题在超大屏上不至于过宽 */
@media (min-width: 1600px) {
  .hero__title {
    max-width: 16ch;
  }
}