/* ── AI 工具（第三方网页版大模型入口）卡片样式 ──
   与「在线工具」的 .tool-card 视觉同族：白底卡片 + 左侧主色条，主色由每条数据的 accent 决定 */

.ai-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}

.ai-card{position:relative;display:flex;flex-direction:column;background:var(--card);
  border:1px solid var(--line);border-radius:12px;padding:14px 15px 13px;overflow:hidden;
  box-shadow:0 6px 18px -14px rgba(15,23,42,.5);transition:transform .16s,box-shadow .16s}
.ai-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(15,23,42,.6)}
/* 左侧主色条 */
.ai-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--ai-accent,#2563eb)}

.ai-hd{display:flex;align-items:center;gap:10px}
.ai-ico{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;
  font-size:20px;line-height:1;background:var(--brand-soft);border-radius:10px}
.ai-img{width:24px;height:24px;object-fit:contain}
.ai-tt{min-width:0}
.ai-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px}
.ai-prov{margin-top:2px;font-size:12.2px;color:var(--ink-3)}

.ai-ds{margin:9px 0 0;font-size:12.8px;line-height:1.72;color:var(--ink-2);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.ai-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}

.ai-foot{margin-top:auto;padding-top:11px;display:flex;align-items:center;gap:9px}
.ai-open{text-decoration:none}
.ai-host{margin-left:auto;font-size:11.6px;color:var(--ink-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width:560px){
  .ai-grid{grid-template-columns:1fr}
}