锘军svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 680">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#0c1730"/>
      <stop offset="100%" stop-color="#111f43"/>
    </linearGradient>
    <linearGradient id="grad" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#60a5fa"/>
      <stop offset="100%" stop-color="#8b5cf6"/>
    </linearGradient>
  </defs>
  <rect width="960" height="680" rx="28" fill="url(#bg)"/>
  <rect x="76" y="88" width="808" height="504" rx="28" fill="#0b1730" stroke="rgba(255,255,255,0.08)"/>
  <rect x="112" y="132" width="736" height="70" rx="20" fill="rgba(96,165,250,0.10)" stroke="rgba(96,165,250,0.28)"/>
  <text x="142" y="168" fill="#e0f2fe" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="18">
    <tspan x="142" dy="0">鍒楀嚭鏈湀娲昏穬鐢ㄦ埛鏁版渶澶氱殑</tspan>
    <tspan x="142" dy="22">鍓 10 涓渷浠键/tspan>
  </text>
  <g transform="translate(112 246)">
    <rect width="310" height="286" rx="22" fill="#101b36" stroke="rgba(255,255,255,0.08)"/>
    <text x="28" y="42" fill="#e2e8f0" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="18" font-weight="700">鐢熸垚 SQL</text>
    <text x="28" y="84" fill="#7dd3fc" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="17">SELECT province,</text>
    <text x="28" y="114" fill="#c4b5fd" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="17">SUM(active_users) AS users</text>
    <text x="28" y="144" fill="#7dd3fc" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="17">FROM fact_activity</text>
    <text x="28" y="174" fill="#c4b5fd" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="17">GROUP BY province</text>
    <text x="28" y="204" fill="#7dd3fc" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="17">ORDER BY users DESC</text>
    <text x="28" y="234" fill="#c4b5fd" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="17">LIMIT 10;</text>
  </g>
  <g transform="translate(458 246)">
    <rect width="390" height="286" rx="22" fill="#f8fbff"/>
    <rect x="0" y="0" width="390" height="54" rx="22" fill="url(#grad)"/>
    <text x="28" y="34" fill="#08111f" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="18" font-weight="700">缁撴灉琛?/text>
    <g font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" font-size="16">
      <text x="28" y="92" fill="#0f172a" font-weight="700">鐪佷唤</text>
      <text x="260" y="92" fill="#0f172a" font-weight="700">鐢ㄦ埛鏁?/text>
      <text x="28" y="132" fill="#475569">骞夸笢</text><text x="260" y="132" fill="#2563eb">1,283,220</text>
      <text x="28" y="170" fill="#475569">姹熻嫃</text><text x="260" y="170" fill="#2563eb">1,044,090</text>
      <text x="28" y="208" fill="#475569">娴欐睙</text><text x="260" y="208" fill="#2563eb">992,411</text>
      <text x="28" y="246" fill="#475569">灞变笢</text><text x="260" y="246" fill="#2563eb">880,301</text>
      <text x="28" y="284" fill="#475569">娌冲崡</text><text x="260" y="284" fill="#2563eb">836,400</text>
    </g>
  </g>
</svg>