/* r17 · 法律文件「即将上线」提示
   页脚与文件目录里的四份法律文件不再跳转,点击就地弹一行提示。
   按钮外观完全沿用原链接,不引入新的视觉语言。 */

.soon-btn {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

/* 页脚:沿用 .footer__list a 的字色与字号 */
.footer__list .soon-btn {
  color: var(--c-text-2);
  font-size: var(--fs-sm);
}
.footer__list .soon-btn:hover { color: var(--c-primary-700); text-decoration: underline; }

/* 文件目录页:沿用 .row__name 的字重与字色 */
.row__name .soon-btn { font-weight: 600; color: var(--c-text); }
.row__name .soon-btn:hover { color: var(--c-primary-700); text-decoration: underline; }

/* 提示本体 */
.soon-toast {
  position: fixed;
  left: 50%;
  bottom: clamp(24px, 6vh, 64px);
  z-index: 9999;
  /* shrink-to-fit 会在窄屏上收成一条 195px 的细柱,文字挤成四行 ⇒ 先按内容取宽,再由 max-width 收口 */
  width: max-content;
  max-width: min(calc(100vw - 32px), 420px);
  padding: 14px 20px;
  background: var(--c-surface);
  /* 深色下卡面对页面底只有 1.14,层级靠 1px 描边补足 —— 与 tokens 注释同一口径 */
  border: 1px solid var(--c-border-strong);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .34);
  opacity: 0;
  transform: translate(-50%, 12px);
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: none;
}
.soon-toast[data-in="1"] { opacity: 1; transform: translate(-50%, 0); }

.soon-toast__title {
  margin: 0;
  color: var(--c-text);
  font-weight: 600;
  line-height: 1.4;
}
.soon-toast__note {
  margin: 4px 0 0;
  color: var(--c-text-3);
  font-size: var(--fs-sm);
  line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
  .soon-toast { transition: none; transform: translate(-50%, 0); }
}