Facebook風シェア投稿カード

<div class="d06-15-03-card">
          <div class="d06-15-03-head">
            <span class="d06-15-03-avatar"></span>
            <div class="d06-15-03-who">
              <span class="d06-15-03-name">やまと工務店</span>
              <span class="d06-15-03-time">3時間前 &#183; <svg viewBox="0 0 24 24" width="9" height="9" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/></svg></span>
            </div>
          </div>
          <p class="d06-15-03-text">リフォーム完成見学会を今週末に開催します。ご予約はプロフィールのリンクから。</p>
          <div class="d06-15-03-photo"></div>
          <div class="d06-15-03-stats"><span>&#128077; 86</span><span>コメント12件・シェア5件</span></div>
          <div class="d06-15-03-bar"><span>いいね!</span><span>コメント</span><span>シェア</span></div>
        </div>

.d06-15-03-card{ width:100%; max-width:250px; background:#fff; border:1px solid #dadde1; border-radius:8px; overflow:hidden; text-align:left; }
        .d06-15-03-head{ display:flex; align-items:center; gap:8px; padding:10px 12px 6px; }
        .d06-15-03-avatar{ width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#1877f2,#42a5f5); flex-shrink:0; }
        .d06-15-03-who{ display:flex; flex-direction:column; line-height:1.3; }
        .d06-15-03-name{ font-size:11.5px; font-weight:700; color:#050505; }
        .d06-15-03-time{ font-size:9.5px; color:#65676b; display:flex; align-items:center; gap:3px; }
        .d06-15-03-text{ font-size:11px; color:#050505; line-height:1.5; padding:0 12px 8px; margin:0; }
        .d06-15-03-photo{ height:80px; background:linear-gradient(135deg,#a1c4fd,#c2e9fb); }
        .d06-15-03-stats{ display:flex; justify-content:space-between; font-size:9.5px; color:#65676b; padding:6px 12px; }
        .d06-15-03-bar{ display:flex; border-top:1px solid #ebedf0; padding:5px 12px; gap:8px; }
        .d06-15-03-bar span{ flex:1; text-align:center; font-size:10px; color:#65676b; font-weight:600; }