YouTube動画埋め込みサムネイルカード

<div class="d06-15-04-card">
          <div class="d06-15-04-thumb">
            <span class="d06-15-04-play"><svg viewBox="0 0 24 24" width="14" height="14" fill="#fff"><path d="M8 5v14l11-7z"/></svg></span>
            <span class="d06-15-04-dur">12:04</span>
          </div>
          <div class="d06-15-04-info">
            <span class="d06-15-04-chavatar"></span>
            <div>
              <p class="d06-15-04-title">初心者向け盆栽の育て方講座</p>
              <span class="d06-15-04-meta">green channel &#183; 3.2万回視聴 &#183; 2週間前</span>
            </div>
          </div>
        </div>

.d06-15-04-card{ width:100%; max-width:250px; text-align:left; }
        .d06-15-04-thumb{ position:relative; height:120px; border-radius:10px; background:linear-gradient(135deg,#232526,#414345); margin-bottom:8px; }
        .d06-15-04-play{ position:absolute; top:50%; left:50%; margin:-16px 0 0 -22px; width:44px; height:32px; background:rgba(0,0,0,0.7); border-radius:8px; display:flex; align-items:center; justify-content:center; }
        .d06-15-04-dur{ position:absolute; right:6px; bottom:6px; background:rgba(0,0,0,0.8); color:#fff; font-size:9px; padding:2px 5px; border-radius:3px; }
        .d06-15-04-info{ display:flex; gap:8px; }
        .d06-15-04-chavatar{ width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#ff0000,#ff6666); flex-shrink:0; }
        .d06-15-04-title{ font-size:11px; font-weight:700; color:#0f0f0f; line-height:1.4; margin:0 0 3px; }
        .d06-15-04-meta{ font-size:9.5px; color:#606060; }