/* 基础重置与变量定义 */
:root {
    /* 颜色变量 */
    --light-primary: #69ce88;
    --primary-color: #28c056;
    --dark-primary: #1a9a40;
    
    --orange-color: #FB5009;
    --dark-orange: #E64D07;

    --light-color: #f6f6f6;
    --line-color: #e9e9e9;
    --color-ccc: #cccccc;
    --dark-color: #212529;
    
    --light-gray: #999999;
    --gray-color: #666666;
    --dark-gray: #333333;
    
    --white-color: #ffffff;

    
    /* 字体大小变量（基于16px基准） */
    --font-xs: 0.75rem;   /* 12px */
    --font-sm: 0.875rem;  /* 14px */
    --font-base: 1rem;    /* 16px */
    --font-lg: 1.125rem;  /* 18px */
    --font-xl: 1.25rem;   /* 20px */
    --font-2xl: 1.5rem;   /* 24px */
    --font-3xl: 1.875rem; /* 30px */
    --font-4xl: 2.25rem;  /* 36px */
    --font-5xl: 3rem;     /* 48px */
    --font-6xl: 4rem;     /* 64px */
    --font-7xl: 5rem;     /* 80px */
    
    /* 间距变量 */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 4rem;
    --space-3xl: 5rem;
    
    /* 布局变量 */
    --container-max-width: 1600px;
    --header-height: 100px;
    --border-radius: 8px;
    --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --box-shadow-sm: 0 0 8px rgba(0, 0, 0, 0.5);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px; /* 基准字体大小 */
    scroll-behavior: smooth;
}

@font-face {
    font-family: "opposans";
    src: url(../font/OPPOSans-Regular.ttf);
}
@font-face {
    font-family: "jost";
    src: url(../font/Jost-VariableFont_wght.ttf);
}

body {
    line-height: 1.6;
    color: var(--dark-color);
    display: flex;
    flex-direction: column;
}
body .zh{
    font-family: 'opposans','Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
body .en{
    font-family: 'jost','Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}