:root {
  font-family: 'Inter', 'system-ui', 'sans-serif';
  line-height: 1.6;
  font-weight: 400;
  
   --color-primary: #165DFF;
   --color-primary-light: #4080FF;
   --color-primary-dark: #0E42D2;
   --color-secondary: #86BFFF;
   --color-background: #f8fafc;
   --color-text-primary: #0F172A;
   --color-text-secondary: #334155;
   --color-text-tertiary: #64748B;
  
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* Custom components */
@layer components {
  .btn-primary {
    @apply bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-all shadow-md hover:shadow-lg font-medium;
  }
  
  .btn-secondary {
    @apply bg-white text-blue-600 border border-blue-200 px-6 py-3 rounded-lg hover:bg-blue-50 transition-all shadow-sm font-medium;
  }
  
  .input-field {
    @apply w-full px-4 py-3 rounded-lg border border-blue-200 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition-colors;
  }
  
  .section-padding {
    @apply py-16 md:py-24;
  }
}

    @layer utilities {
      :root {
        --color-primary: #3b82f6; /* 蓝色主色调 */
        --color-primary-dark: #2563eb; /* 深色变体 */
        --color-text-primary: #1e3a8a; /* 主要文本色 */
      }
      /* 隐藏滚动条 */
      .scrollbar-hide::-webkit-scrollbar {
        display: none;
      }
      .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
      }
      /* 动画基础类 */
      .avatar-animate {
        opacity: 0;
        transform: scale(0.9);
        transition: opacity 0.5s ease-out, transform 0.5s ease-out;
      }
      .avatar-animate-active {
        opacity: 1;
        transform: scale(1);
      }
      .title-animate {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
      }
      .title-animate-active {
        opacity: 1;
        transform: translateY(0);
      }
    }