統計タイル(スパークライン付き・静止)

<div class="d11-08-01-tile">
          <div class="d11-08-01-head">
            <span class="d11-08-01-label">本日のアクセス</span>
            <span class="d11-08-01-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="M7 14l4-4 3 3 5-6"/></svg>
            </span>
          </div>
          <div class="d11-08-01-num">1,284</div>
          <div class="d11-08-01-foot">
            <span class="d11-08-01-delta">
              <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 15l6-6 6 6"/></svg>
              +8.4%
            </span>
            <span class="d11-08-01-sub">前日比</span>
          </div>
          <svg class="d11-08-01-spark" viewBox="0 0 120 32" preserveAspectRatio="none">
            <polyline points="0,26 15,22 30,24 45,16 60,18 75,10 90,14 105,6 120,8" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>
            <polyline points="0,26 15,22 30,24 45,16 60,18 75,10 90,14 105,6 120,8 120,32 0,32" fill="url(#g11-08-01)" stroke="none"/>
            <defs><linearGradient id="g11-08-01" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#3b82f6" stop-opacity="0.25"/><stop offset="1" stop-color="#3b82f6" stop-opacity="0"/></linearGradient></defs>
          </svg>
        </div>

.d11-08-01{background:#f1f5f9}
        .d11-08-01-tile{width:240px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 6px 18px rgba(15,23,42,.06)}
        .d11-08-01-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
        .d11-08-01-label{font-size:12px;color:#64748b;font-weight:600}
        .d11-08-01-icon{color:#3b82f6;display:flex}
        .d11-08-01-num{font-size:32px;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1}
        .d11-08-01-foot{display:flex;align-items:center;gap:8px;margin:8px 0 4px}
        .d11-08-01-delta{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;padding:2px 7px;border-radius:20px;color:#16a34a;background:#dcfce7}
        .d11-08-01-sub{font-size:11px;color:#94a3b8}
        .d11-08-01-spark{width:100%;height:32px;margin-top:6px;display:block}