スマホ用プロフィール画面モック

<div class="d11-06-09-frame">
          <div class="d11-06-09-cover"></div>
          <div class="d11-06-09-avatar"></div>
          <p class="d11-06-09-name">サンプル タロウ</p>
          <p class="d11-06-09-handle">@sample_user</p>
          <div class="d11-06-09-stats">
            <div><b>128</b><span>投稿</span></div>
            <div><b>3.2k</b><span>フォロワー</span></div>
            <div><b>340</b><span>フォロー中</span></div>
          </div>
        </div>

.d11-06-09-frame{ width:180px; height:240px; border:2px solid #26292f; border-radius:20px; overflow:hidden; background:#fff; position:relative; padding-top:0; }
        .d11-06-09-cover{ height:56px; background:linear-gradient(120deg,#5b8def,#9b7ee8); }
        .d11-06-09-avatar{ width:44px; height:44px; border-radius:50%; background:#dbe4f5; border:3px solid #fff; margin:-24px auto 0; }
        .d11-06-09-name{ text-align:center; margin:8px 0 0; font-size:12px; font-weight:700; color:#1f2328; }
        .d11-06-09-handle{ text-align:center; margin:2px 0 0; font-size:9px; color:#8792a2; }
        .d11-06-09-stats{ display:flex; justify-content:space-around; margin-top:14px; padding:0 8px; }
        .d11-06-09-stats div{ display:flex; flex-direction:column; align-items:center; gap:2px; }
        .d11-06-09-stats b{ font-size:11px; color:#1f2328; }
        .d11-06-09-stats span{ font-size:8px; color:#8792a2; }