#排版

<div class="grid w-full gap-5 rounded-xl border border-border bg-card p-6">
    <div>
      <span class="text-xs font-medium text-muted-foreground">
        展示 · 32–40 / 1.08
      </span>
      <p class="mt-2 text-4xl font-semibold tracking-[-0.03em]">
        让复杂工作保持清晰。
      </p>
    </div>
    <div>
      <span class="text-xs font-medium text-muted-foreground">
        页面标题 · 24 / 1.2
      </span>
      <h2 class="mt-2 text-2xl font-semibold">工作区配置</h2>
    </div>
    <div>
      <span class="text-xs font-medium text-muted-foreground">
        正文 · 15 / 1.7
      </span>
      <p class="mt-2 max-w-[70ch] text-[15px] leading-[1.7] text-muted-foreground">
        适合运维工具、文档编辑器与长时间任务会话的稳定阅读密度。
      </p>
    </div>
    <code class="rounded-md bg-muted px-3 py-2 text-sm">
      gateway.routing.strategy = "balanced"
    </code>
  </div>