/* 🆕 2026-06-26 老大追问: 视频卡片加自适应调节 */
/* 默认桌面端布局 */
.ai-yt-block{margin:2rem auto;max-width:720px;padding:0 1rem;font-family:inherit}
.ai-yt-card{display:flex;gap:1rem;align-items:center;background:#f7f8fa;border:1px solid #e3e6ec;border-radius:12px;padding:1rem;text-decoration:none;color:inherit;transition:box-shadow .15s}
.ai-yt-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.ai-yt-thumb{flex:0 0 120px;width:120px;height:90px;background:#000 center/cover no-repeat;border-radius:8px;position:relative;overflow:hidden}
.ai-yt-thumb picture{display:block;width:100%;height:100%}
.ai-yt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ai-yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;text-shadow:0 0 8px rgba(0,0,0,.6);pointer-events:none}
.ai-yt-body{flex:1;min-width:0}
.ai-yt-title{font-weight:600;font-size:.95rem;line-height:1.4;margin:0 0 .25rem 0;color:#1a1d23;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.ai-yt-meta{font-size:.8rem;color:#6c727f}
.ai-yt-label{display:inline-block;background:#ff0033;color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:3px;margin-bottom:.4rem;letter-spacing:.04em}

/* 🆕 平板 (≤768px): 缩略图略缩小 */
@media (max-width:768px){
  .ai-yt-block{padding:0 .9rem}
  .ai-yt-card{gap:.85rem;padding:.85rem}
  .ai-yt-thumb{flex:0 0 100px;width:100px;height:75px}
  .ai-yt-title{font-size:.92rem}
}

/* 🆕 手机 (≤600px): 卡片改竖排, 缩略图 16:9 全宽 */
@media (max-width:600px){
  .ai-yt-block{margin:1.5rem auto;padding:0 .75rem}
  .ai-yt-card{flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem}
  .ai-yt-thumb{flex:0 0 auto;width:100%;height:0;padding-bottom:56.25%;background-size:cover;background-position:center;border-radius:8px}
  .ai-yt-thumb picture{position:absolute;inset:0}
  .ai-yt-thumb img{position:absolute;inset:0;width:100%;height:100%}
  .ai-yt-play{font-size:1.75rem}
  .ai-yt-body{width:100%}
  .ai-yt-title{font-size:.95rem;-webkit-line-clamp:3;line-height:1.45}
  .ai-yt-meta{font-size:.78rem}
  .ai-yt-label{font-size:.65rem}
}

/* 🆕 小屏手机 (≤380px): 进一步压缩 */
@media (max-width:380px){
  .ai-yt-block{padding:0 .5rem}
  .ai-yt-card{padding:.6rem;gap:.5rem}
  .ai-yt-title{font-size:.88rem;-webkit-line-clamp:2}
  .ai-yt-meta{font-size:.72rem}
}