/* 1. 基础设置：根元素字体大小 */
html {
    /* 基础值：1rem = 16px（浏览器默认） */
    /* 通常设置为 10px 便于计算：1rem = 10px → 1.6rem = 16px */
    font-size: 10px; 
  }
  /* 2. 响应式调整根字体大小 */
  @media (min-width: 768px) {
    html {
      font-size: 12px; /* 平板：1rem = 12px */
    }
  }
  
  @media (min-width: 1024px) {
    html {
      font-size: 16px; /* 桌面：1rem = 16px */
    }
  }
  .nav-sticky {
    /* position: sticky;
    position: -webkit-sticky; */
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    transform: translateY(0);
    transition: all 0.3s ease;
  }
  .nav-tab-item {
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(128,161,217,0.16);
    cursor: pointer;
    text-align: center;
    color: #3D4553;
    margin-right: 1.25rem;
    padding: 1.25rem 1.5rem;
  }
  .nav-tab-item.active {
    color: #fff;
    background-color: #2573FB;
  }
  .menu-transition{
    background-color: rgba(0,0,0,0.7);
  }
  .animate-ping-slow {
    -webkit-animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
    animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
  }
  .animate-spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  /* 第一行超出省略 */
  .truncate-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* 不换行 */
  }
  
  /* 第二行超出省略 */
  .truncate-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 显示2行 */
    -webkit-box-orient: vertical; /* 垂直排列 */
  }
  @layer utilities {
    .text-primary {
      color: #2573FB;
    }
  }
  /* 向右白色三角 */
  .icon-right-triangle,.icon-right-triangle-b {
    display: inline-block;
    width: .375rem;
    height: .375rem;
    background: linear-gradient(135deg, transparent 50%, #fff 50%);
    transform: rotate(-45deg);
  }
  .icon-right-triangle-b{
    background: linear-gradient(135deg, transparent 50%, #63676D 50%);
  }
  /* 禁止双击缩放的CSS辅助 */
  * {
    touch-action: manipulation;
  }