/* ============================================================
   overlay.css — 面板底部说明卡片 + 关于页
   ============================================================ */

/* ---------- 面板底部提示 ---------- */
.overlay-tip {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.7;
  background: var(--bg);
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  padding: 10px;
  margin-top: 10px;
}

/* ---------- 关于页的外链列表 ---------- */
.about-links {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.about-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.about-label {
  font-size: 12px;
  color: var(--muted);
}

/* 链接可能很长（B 站空间地址），允许在任意位置折行，避免撑破面板 */
.about-item a {
  color: var(--accent);
  font-size: 13px;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.about-item a:hover {
  text-decoration: underline;
}

.about-item a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 3px;
}