X(旧Twitter)風投稿埋め込みカード

<div class="d06-15-01-card">
          <div class="d06-15-01-head">
            <span class="d06-15-01-avatar">M</span>
            <div class="d06-15-01-who">
              <span class="d06-15-01-name">みなも工房</span>
              <span class="d06-15-01-handle">@minamo_koubou</span>
            </div>
            <svg class="d06-15-01-logo" viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M18.9 2H22l-7 8 8.2 12h-6.4l-5-6.6L6 22H2.9l7.5-8.6L2 2h6.6l4.5 6zM17.8 20h1.7L8.3 4H6.5z"/></svg>
          </div>
          <p class="d06-15-01-text">新作の器がギャラリーに並びました。手のひらに収まるサイズ感が好評です。ぜひ店頭でご覧ください。</p>
          <div class="d06-15-01-foot">
            <span><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 6h-2v9H7v2c0 .55.45 1 1 1h10l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z"/></svg> 18</span>
            <span><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 7h8v3l4-4-4-4v3H5v6h2V7zm10 10H9v-3l-4 4 4 4v-3h12v-6h-2v4z"/></svg> 42</span>
            <span><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 21s-7-4.6-9.3-8.4C1 9.3 2.7 6 6 6c2 0 3.2 1.2 4 2.3C10.8 7.2 12 6 14 6c3.3 0 5 3.3 3.3 6.6C19 16.4 12 21 12 21z"/></svg> 210</span>
          </div>
        </div>

.d06-15-01-card{ width:100%; max-width:250px; background:#fff; border:1px solid #e1e8ed; border-radius:14px; padding:14px; text-align:left; }
        .d06-15-01-head{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
        .d06-15-01-avatar{ width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#2b2f77,#4b5bdc); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; flex-shrink:0; }
        .d06-15-01-who{ display:flex; flex-direction:column; line-height:1.25; }
        .d06-15-01-name{ font-size:12px; font-weight:700; color:#0f1419; }
        .d06-15-01-handle{ font-size:10.5px; color:#657786; }
        .d06-15-01-logo{ margin-left:auto; color:#0f1419; flex-shrink:0; }
        .d06-15-01-text{ font-size:12px; line-height:1.6; color:#0f1419; margin:0 0 10px; }
        .d06-15-01-foot{ display:flex; justify-content:space-between; color:#657786; font-size:10.5px; }
        .d06-15-01-foot span{ display:flex; align-items:center; gap:4px; }