/* ================================================================
   page.css — CMS 独立页 /p/{path}（@layer pages）
   D 方向：banner + 面包屑 + 富文本正文卡。
   ================================================================ */
@layer pages {

  .cms-page { padding: var(--space-lg) 0 var(--space-xl); }

  /* 顶部 banner */
  .cms-banner { margin-bottom: var(--space-lg); }
  .cms-banner img {
    width: 100%;
    display: block;
    border-radius: var(--radius-md);
    max-height: 360px;
    object-fit: cover;
  }

  /* 正文卡 */
  .cms-content {
    background: var(--color-bg-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-xl);
    font-size: var(--font-size-md);
    color: var(--color-text);
    line-height: 1.85;
  }
  .cms-content img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
  .cms-content h1 { font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-text-strong); margin: 0 0 var(--space-md); }
  .cms-content h2 { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-text-strong); margin: var(--space-lg) 0 var(--space-sm); }
  .cms-content h3 { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-text-strong); margin: var(--space-md) 0 var(--space-sm); }
  .cms-content p { margin: 0 0 var(--space-md); }
  .cms-content ul, .cms-content ol { margin: 0 0 var(--space-md); padding-left: 1.4em; }
  .cms-content li { margin-bottom: 6px; }
  .cms-content a { color: var(--color-text-link); }
  .cms-content table { width: 100%; border-collapse: collapse; margin: var(--space-md) 0; }
  .cms-content th, .cms-content td { border: 1px solid var(--color-border); padding: 8px 12px; font-size: var(--font-size-sm); text-align: left; }
  .cms-content th { background: var(--color-bg-light); font-weight: var(--font-weight-semibold); }

  @media (max-width: 575.98px) {
    .cms-content { padding: var(--space-md); }
  }

}