/* ==========================================================================
   GeekHonize 开发者平台 · 补充样式
   只做平台独有的少量布局微调，全部取自 @geekhonize/ui 的令牌；
   不重复定义组件、不加装饰性渐变。
   ========================================================================== */

/* 应用详情页的键值对（凭证卡片） */
.pd-kv {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--gh-s2) var(--gh-s5);
  margin: 0;
  font-size: var(--gh-fs-14);
}
.pd-kv dt {
  color: var(--gh-fg-muted);
  font-weight: var(--gh-fw-regular);
}
.pd-kv dd {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--gh-s2);
  flex-wrap: wrap;
}

/* 一次性密钥高亮块 */
.pd-secret {
  user-select: all;
}

/* flash 提示：底部居中浮层，数秒后自动消失（由 portal.js 移除） */
.pd-flash {
  position: fixed;
  left: 50%;
  bottom: var(--gh-s6);
  transform: translateX(-50%);
  z-index: calc(var(--gh-z-toast, 1200) + 1);
  max-width: min(520px, calc(100vw - 2rem));
  padding: var(--gh-s3) var(--gh-s5);
  border-radius: var(--gh-r-md);
  font-size: var(--gh-fs-14);
  background: var(--gh-bg-elev);
  border: 1px solid var(--gh-border);
  box-shadow: var(--gh-shadow-16);
}
.pd-flash--err {
  border-color: var(--gh-danger);
  color: var(--gh-danger);
}
.pd-flash--ok {
  border-color: var(--gh-success);
  color: var(--gh-success);
}

/* 文档卡片整卡可点的 hover 态交给 gh-card--hover；这里只补索引页间距 */
.pd-doccard p {
  margin: 0;
}
