SNS投稿風レビューカード(静止)

<div class="d06-05-11-card">
          <div class="d06-05-11-head">
            <span class="d06-05-11-avatar">N</span>
            <div class="d06-05-11-who"><span class="d06-05-11-name">中島 圭</span><span class="d06-05-11-handle">@nakajima_shop</span></div>
          </div>
          <p class="d06-05-11-text">導入して3ヶ月、問い合わせ対応の時間が半分になりました。もっと早く使えばよかったです。</p>
          <div class="d06-05-11-foot"><span class="d06-05-11-ic">&#9825; 128</span><span class="d06-05-11-ic">&#8617; 34</span></div>
        </div>

.d06-05-11-card{ width:100%; max-width:250px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:14px; text-align:left; }
        .d06-05-11-head{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
        .d06-05-11-avatar{ width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#38bdf8,#6366f1); color:#fff; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .d06-05-11-who{ display:flex; flex-direction:column; line-height:1.3; }
        .d06-05-11-name{ font-size:11.5px; font-weight:700; color:#111827; }
        .d06-05-11-handle{ font-size:10px; color:#9ca3af; }
        .d06-05-11-text{ font-size:11.5px; line-height:1.6; color:#374151; margin:0 0 10px; }
        .d06-05-11-foot{ display:flex; gap:14px; font-size:10px; color:#9ca3af; }