/* ============================================================
   API 页附加样式（继承 style.css 的设计变量，只加接口相关组件）
   ============================================================ */

/* ---------- 端点条目 ---------- */
.ep{
  border-top:1px solid var(--rule-soft);
  padding:1.6rem 0 .4rem;
}
.ep:first-of-type{border-top:0;padding-top:.6rem}

.ep-head{
  display:flex;
  align-items:center;
  gap:.7rem;
  flex-wrap:wrap;
  margin-bottom:.5rem;
}
.ep-m{
  font-family:var(--mono);
  font-size:.6875rem;
  letter-spacing:.08em;
  color:var(--accent);
  border:1px solid var(--accent-soft);
  background:var(--accent-soft);
  border-radius:3px;
  padding:.1rem .38rem;
}
.ep-p{
  font-family:var(--mono);
  font-size:.9375rem;
  background:none;
  padding:0;
  color:var(--ink);
}
.ep-d{
  margin:0 0 .8rem;
  font-size:.9375rem;
  line-height:1.85;
  color:var(--ink-2);
}

/* ---------- 运行按钮 ---------- */
.try{
  margin-left:auto;
  font-family:inherit;
  font-size:.8125rem;
  letter-spacing:.04em;
  color:var(--ink-2);
  background:var(--surface);
  border:1px solid var(--rule);
  border-radius:3px;
  padding:.28rem .7rem;
  cursor:pointer;
  transition:color .15s ease,border-color .15s ease;
}
.try:hover{color:var(--accent);border-color:var(--accent)}
.try[disabled]{color:var(--ink-3);cursor:default;border-color:var(--rule-soft)}

/* ---------- 请求示例 / 返回结果 ---------- */
.code{
  margin:0 0 .7rem;
  padding:.75rem .9rem;
  background:var(--surface-2);
  border:1px solid var(--rule-soft);
  border-radius:3px;
  font-family:var(--mono);
  font-size:.8125rem;
  line-height:1.7;
  color:var(--ink-2);
  overflow-x:auto;
}
.code code{background:none;padding:0;font-size:inherit;color:inherit}

.out{
  margin:0 0 1.2rem;
  padding:.9rem 1rem;
  background:var(--surface);
  border:1px solid var(--rule);
  border-left:2px solid var(--accent);
  border-radius:3px;
  font-family:var(--mono);
  font-size:.7813rem;
  line-height:1.65;
  color:var(--ink-2);
  max-height:22rem;
  overflow:auto;
  white-space:pre;
  tab-size:2;
}
.out.is-err{border-left-color:#9b2c2c;color:#9b2c2c}
html[data-theme="dark"] .out.is-err{border-left-color:#e08a8a;color:#e08a8a}

/* 结果里的键值着色，保持克制，只用两个色 */
.out .k{color:var(--ink)}
.out .s{color:#4c6b47}
html[data-theme="dark"] .out .s{color:#8fae83}
.out .n{color:var(--accent)}

/* ---------- 说明区两栏 ---------- */
.usage{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:2.5rem;
  margin-top:1.4rem;
}
@media (max-width:48rem){.usage{grid-template-columns:1fr;gap:1.75rem}}

.usage h3{
  font-family:var(--mono);
  font-size:.75rem;
  letter-spacing:.12em;
  font-weight:600;
  color:var(--ink-3);
  margin:1.5rem 0 .5rem;
}
.usage h3:first-child{margin-top:0}
.usage p{
  margin:0 0 1rem;
  font-size:.9688rem;
  line-height:1.9;
  color:var(--ink-2);
}
.usage code{
  font-family:var(--mono);
  font-size:.86em;
  background:var(--surface-2);
  padding:.1em .35em;
  border-radius:3px;
}

/* 端点表格里行内代码不要背景，保持表格干净 */
.tbl code{
  background:none;
  padding:0;
  font-family:var(--mono);
  font-size:.9em;
  color:var(--ink);
}