/*
 * 组件层预留。
 * 当前主要用于镜像页角标、占位页按钮等轻量组件，不影响首页原有视觉。
 */

.mirror-badge {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 20;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.82);
  color: #ffffff;
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  pointer-events: none;
}

.stub-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0.8rem 1.15rem;
  border: 1px solid rgba(17, 17, 17, 0.16);
  border-radius: 999px;
  color: var(--site-ink);
  background: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

.stub-link:hover,
.stub-link:focus-visible {
  transform: translateY(-2px);
  background: rgba(239, 187, 0, 0.16);
  border-color: rgba(17, 17, 17, 0.28);
}

@media (max-width: 768px) {
  .mirror-badge {
    top: auto;
    right: 50%;
    bottom: 1rem;
    transform: translateX(50%);
  }
}