:root {
  /* 字体大小 */
  --font-size-xl: 3.5rem;
  --font-size-lg: 2.5rem;
  --font-size-md: 1.5rem;
  --font-size-sm: 1rem;
  --font-size-xs: 0.9rem;
  
  /* 间距 */
  --spacing-xl: 50px;
  --spacing-lg: 30px;
  --spacing-md: 20px;
  --spacing-sm: 15px;
  --spacing-xs: 10px;
  --spacing-xxs: 5px;
  
  /* 容器宽度 */
  --container-width: 1200px;
  --container-width-percentage: 80%;
  --card-width: 100%;
  
  /* 组件尺寸 */
  --button-width: 120px;
  --button-height: 50px;
  --logo-height: 35px;
  --card-min-height: 350px;
  --footer-button-width: 150px;
  
  /* 布局比例 */
  --content-left-width: 40%;
  --content-right-width: 60%;
  
  /* 边框圆角 */
  --border-radius-lg: 50px;
  --border-radius-md: 25px;
  --border-radius-sm: 15px;
  
  /* 动画时间 */
  --transition-time: 0.3s;
  
  /* 头部高度 */
  --header-height: 50px;
  
  /* 图片高度 */
  --news-img-height: 150px;
  --news-img-height-mobile: 130px;
  --news-img-height-small-mobile: 100px;
  --function-img-height: 400px;
  --carousel-height: 100vh;
  
  /* 内容最大高度 */
  --news-content-max-height: 300px; /* PC端文本最大高度 */
  --news-content-max-height-mobile: 250px; /* 平板文本最大高度 */
  --news-content-max-height-small-mobile: 200px; /* 手机文本最大高度 */
  
  /* 颜色 */
  --primary-color: #4285f4;
  --primary-color-dark: #3367d6;
  --secondary-color: #34a853;
  --accent-color: #fbbc05;
  --text-color: #333333;
  --text-color-secondary: #666666;
  --background-color: #f8f9fa;
  --card-background: #ffffff;
}

/* 移动设备变量 */
@media screen and (max-width: 768px) {
  :root {
    /* 字体大小 */
    --font-size-xl: 2rem;
    --font-size-lg: 1.5rem;
    --font-size-md: 1rem;
    --font-size-sm: 0.9rem;
    --font-size-xs: 0.8rem;
    
    /* 间距 */
    --spacing-xl: 30px;
    --spacing-lg: 20px;
    --spacing-md: 15px;
    --spacing-sm: 10px;
    --spacing-xs: 5px;
    
    /* 容器宽度 */
    --container-width: 100%;
    --container-width-percentage: 90%;
    --card-width: 100%;
    
    /* 组件尺寸 */
    --button-width: 100px;
    --button-height: 40px;
    --logo-height: 30px;
    --card-min-height: 250px;
    --footer-button-width: 200px;
    
    /* 布局比例 */
    --content-left-width: 100%;
    --content-right-width: 100%;
    
    /* 边框圆角 */
    --border-radius-lg: 30px;
    --border-radius-md: 20px;
    --border-radius-sm: 10px;
    
    /* 头部高度 */
    --header-height: auto;
  }
}

/* 小屏幕手机变量 */
@media screen and (max-width: 480px) {
  :root {
    --font-size-xl: 1.8rem;
    --font-size-lg: 1.3rem;
    --font-size-md: 0.9rem;
    --font-size-sm: 0.8rem;
    --font-size-xs: 0.7rem;
    
    --spacing-xl: 25px;
    --spacing-lg: 15px;
    --spacing-md: 10px;
    --spacing-sm: 8px;
    --spacing-xs: 5px;
    
    /* 组件尺寸 */
    --button-width: 90px;
    --button-height: 35px;
    --logo-height: 25px;
    --card-min-height: 200px;
  }
}