/* =========================================================
 * TypechoGlass · 卡片（可点击链接卡）
 * 由文章正文中的 ```cards 代码块（JSON 数组）生成，1-3 张/行，总宽与正文同宽。
 * ========================================================= */
.ag-cards{
  display:grid;gap:16px;margin:1.4em 0;width:100%;
  grid-template-columns:repeat(1,minmax(0,1fr));
}
.ag-cards[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr));}
.ag-cards[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr));}

.ag-card{
  display:flex;align-items:center;gap:16px;
  padding:16px 18px;text-decoration:none;color:var(--text);
  border-radius:var(--radius-lg);
  background:var(--bg-elevated);
  backdrop-filter:blur(var(--blur-md)) saturate(160%);
  -webkit-backdrop-filter:blur(var(--blur-md)) saturate(160%);
  border:1px solid var(--line);box-shadow:var(--shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  min-height:72px;
}
.ag-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float);border-color:var(--line-strong);}
.ag-card-ico{
  flex:0 0 auto;width:48px;height:48px;border-radius:14px;overflow:hidden;
  background:var(--bg-soft);display:grid;place-items:center;color:var(--brand);
}
.ag-card-ico img{width:100%;height:100%;object-fit:cover;}
.ag-card-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;}
.ag-card-body{min-width:0;flex:1 1 auto;}
.ag-card-title{display:block;font-weight:700;font-size:1rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ag-card-sub{display:block;margin-top:4px;color:var(--text-2);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 2 列：更高的长方形 */
.ag-cards[data-cols="2"] .ag-card{min-height:96px;}

/* 3 列：纵向近正方形 */
.ag-cards[data-cols="3"] .ag-card{
  flex-direction:column;text-align:center;justify-content:center;gap:12px;
  aspect-ratio:1/1;min-height:0;padding:18px;
}
.ag-cards[data-cols="3"] .ag-card-ico{width:56px;height:56px;}
.ag-cards[data-cols="3"] .ag-card-body{width:100%;}
.ag-cards[data-cols="3"] .ag-card-title,
.ag-cards[data-cols="3"] .ag-card-sub{white-space:normal;overflow:visible;}

@media (max-width:640px){
  .ag-cards[data-cols="2"],.ag-cards[data-cols="3"]{grid-template-columns:1fr;}
  .ag-cards[data-cols="3"] .ag-card{flex-direction:row;text-align:left;aspect-ratio:auto;min-height:72px;}
  .ag-cards[data-cols="3"] .ag-card-title,
  .ag-cards[data-cols="3"] .ag-card-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}