:root {
    --base-font-size: 16px;
    --base-font-size: 1rem;
  }
  
  body {
    font-size: var(--base-font-size);
  }
  
  /* 自适应样式 */
  .text-sm { font-size: calc(var(--base-font-size) * 0.875); } /* 14px */
  .text-base { font-size: var(--base-font-size); } /* 16px */
  .text-lg { font-size: calc(var(--base-font-size) * 1.125); } /* 18px */
  .p-2 { padding: calc(var(--base-font-size) * 0.5); } /* 8px */
  .p-4 { padding: calc(var(--base-font-size) * 1); } /* 16px */
  .p-6 { padding: calc(var(--base-font-size) * 1.5); } /* 24px */
  
  /* 媒体查询 */
  @media (max-width: 767px) {
    :root {
      font-size: 12px;
      font-size: 0.75rem;
    }
  }
  
  /* @media (min-width: 768px) and (max-width: 1199px) {
    :root {
      --base-font-size: 15px;
    }
  } */
  
  @media (min-width: 100px) {
    :root {
      font-size: 16px;
      font-size: 1rem;
    }
  }