/* =============================================================
   模型接入 · 配置卡片样式（只在总后台使用）
   ============================================================= */

/* ---------------- 模型接入页 ---------------- */
.llm-wrap { display: grid; gap: 16px; }
.llm-hero {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 18px 20px; border-radius: 14px;
  background: linear-gradient(120deg, rgba(43,92,230,.08), rgba(34,211,238,.06));
  border: 1px solid rgba(43,92,230,.14);
}
.llm-hero-bar { flex: 1; min-width: 240px; }
.llm-hero-bar b { display: block; font-size: .96rem; margin-bottom: 4px; }
.llm-hero-bar span { font-size: .8rem; color: var(--dim, #8a93a6); }
.llm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; }
.llm-card {
  border: 1px solid var(--line, #e6e9f0); border-radius: 14px; padding: 16px 16px 14px;
  background: var(--panel, #fff); display: flex; flex-direction: column; gap: 10px;
  transition: border-color .16s, box-shadow .16s;
}
.llm-card.on { border-color: rgba(43,92,230,.45); box-shadow: 0 6px 22px rgba(43,92,230,.08); }
.llm-card-h { display: flex; align-items: flex-start; gap: 10px; }
.llm-card-h .nm { flex: 1; min-width: 0; }
.llm-card-h b { display: block; font-size: .93rem; }
.llm-card-h .vd { font-size: .74rem; color: var(--dim, #8a93a6); margin-top: 2px; }
.llm-badge {
  font-size: .68rem; padding: 2px 7px; border-radius: 999px; white-space: nowrap;
  background: #EEF2FF; color: #3538CD; border: 1px solid #DDE3FF;
}
.llm-badge.trial { background: #FFF7E6; color: #B54708; border-color: #FDE3B0; }
.llm-badge.local { background: #E9FBF3; color: #067647; border-color: #B7EBCF; }
.llm-note { font-size: .78rem; color: var(--dim, #8a93a6); line-height: 1.6; }
.llm-row { display: flex; gap: 8px; align-items: center; }
.llm-row .input { flex: 1; min-width: 0; }
.llm-st { font-size: .74rem; display: inline-flex; align-items: center; gap: 5px; }
.llm-st.ok { color: #067647; }
.llm-st.err { color: #B42318; }
.llm-st.wait { color: #B54708; }
.llm-foot { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.llm-sw { display: inline-flex; align-items: center; gap: 6px; font-size: .78rem; }
.llm-help { font-size: .78rem; color: var(--dim, #8a93a6); line-height: 1.75; }
.llm-help code {
  background: #F2F4F8; padding: 1px 6px; border-radius: 5px;
  font-family: ui-monospace, Consolas, monospace; font-size: .74rem;
}
.llm-k { display: flex; align-items: center; gap: 8px; font-size: .78rem; color: var(--dim, #8a93a6); }
.llm-k input[type=checkbox] { accent-color: #2B5CE6; }

/* 接口地址：卡片上一行小字，直接看出打的是哪家 */
.llm-ep {
  font-size: .7rem; color: var(--muted, #6C7A94);
  background: #F5F8FD; border: 1px solid #E7EDF7; border-radius: 6px;
  padding: 3px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* 演示数据折叠区：默认收起，避免和上面的真实配置看混 */
.demo-fold { margin-top: 18px; }
.demo-fold > summary {
  display: flex; align-items: center; gap: 8px;
  cursor: pointer; list-style: none;
  padding: 10px 14px; border-radius: 10px;
  border: 1px dashed var(--line-2, #DDE3EE);
  background: #FAFBFE; color: var(--muted, #6C7A94);
  font-size: .8rem; user-select: none;
}
.demo-fold > summary::-webkit-details-marker { display: none; }
.demo-fold > summary:hover { border-color: var(--line-3, #C9D2E2); color: var(--text-2, #43506B); }
.demo-fold[open] > summary { margin-bottom: 14px; }