ランキングリストウィジェット(固定順位)

<div class="d11-08-11-card">
          <div class="d11-08-11-head">週間ランキング</div>
          <ol class="d11-08-11-list">
            <li><span class="d11-08-11-rank d11-08-11-r1">1</span><span class="d11-08-11-name">佐藤 花子</span><b>2,480pt</b></li>
            <li><span class="d11-08-11-rank d11-08-11-r2">2</span><span class="d11-08-11-name">田中 誠</span><b>2,120pt</b></li>
            <li><span class="d11-08-11-rank d11-08-11-r3">3</span><span class="d11-08-11-name">鈴木 蓮</span><b>1,890pt</b></li>
          </ol>
        </div>

.d11-08-11{background:#f8fafc}
        .d11-08-11-card{width:260px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 6px 18px rgba(15,23,42,.06)}
        .d11-08-11-head{font-size:12px;font-weight:700;color:#475569;margin-bottom:12px}
        .d11-08-11-list{list-style:none;margin:0;padding:0}
        .d11-08-11-list li{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid #f1f5f9;font-size:12px;color:#334155}
        .d11-08-11-list li:first-child{border-top:none}
        .d11-08-11-list b{margin-left:auto;font-weight:700;color:#0f172a}
        .d11-08-11-rank{flex:0 0 20px;height:20px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
        .d11-08-11-r1{background:#facc15;color:#78350f}
        .d11-08-11-r2{background:#cbd5e1;color:#334155}
        .d11-08-11-r3{background:#fdba74;color:#7c2d12}
        .d11-08-11-name{flex:1}