@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/myfont.ttf') format('truetype'),
    url('../fonts/myfont.woff2') format('woff2');
    font-display: swap;
}

html {
    font-size: 62.5%; 
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue';
}

*[data-dev="auto"] .dev-mobile,
*[data-dev="desktop"] .dev-mobile,
*[data-dev="mobile"] .dev-desktop,
*[data-sys="auto"] .sys-mac,
*[data-sys="win"] .sys-mac,
*[data-sys="mac"] .sys-win
{
    display: none !important;
    margin: 0 !important
}

:root {

    /* ===================== */
    /* 颜色 */
    /* ===================== */
    --color-ffffff: #ffffff;
    --color-000000: #000000;
    --color-d9d9d9: #d9d9d9;
    --color-807880: #807880;
    --color-cccccc: #cccccc;
    --color-be8c40: #be8c40;
    --color-c7b8a3: #c7b8a3;
    --color-999999: #999999;
    --color-808080: #808080;
    --color-666666: #666666;
    --color-e7ac35: #e7ac35;

    --color-9ecd3d: #9ecd3d;
    --color-ffab1b: #ffab1b;
  /* ===================== */
  /*  Fluid 字体系统 */
  /* ===================== */
    --font-size-xs: clamp(1.2rem, 1.1rem + 0.3vw, 1.4rem);   /* 12px → 14px */
    --font-size-sm: clamp(1.4rem, 1.2rem + 0.4vw, 1.6rem);   /* 14px → 16px */
    --font-size-base: clamp(1.6rem, 1.3rem + 0.5vw, 1.8rem); /* 16px → 18px */
    --font-size-lg: clamp(1.8rem, 1.4rem + 0.6vw, 2rem);     /* 18px → 20px */
    --font-size-xl: clamp(2rem, 1.5rem + 1vw, 2.4rem);       /* 20px → 24px */
    --font-size-2xl: clamp(2.4rem, 1.8rem + 1.5vw, 3rem);    /* 24px → 30px */
    --font-size-3xl: clamp(2.8rem, 2rem + 2vw, 3.6rem);      /* 28px → 36px */
    --font-size-4xl: clamp(3rem, 2.4rem + 2.5vw, 4rem);    /* 32px → 40px */
    --font-size-5xl: clamp(3.2rem, 2.8rem + 1vw, 4.4rem);  /* 32 → 44 */
    --font-size-6xl: clamp(3.6rem, 3rem + 1.2vw, 4.8rem);  /* 36 → 48 */
    --font-size-7xl: clamp(4rem, 3.4rem + 1.3vw, 5.2rem);  /* 40 → 52 */
    --font-size-8xl: clamp(4.4rem, 3.8rem + 1.4vw, 5.6rem);/* 44 → 56 */
    --font-size-9xl: clamp(4.000rem, calc(3.296rem + 1.878vw), 6.000rem);    /* 52px → 60px */
    --font-size-10xl: clamp(6.000rem, calc(5.296rem + 1.878vw), 8.000rem);    /* 60px → 80px */

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    /* ===================== */
    /* 行高按照大小定义倍数 */
    /* ===================== */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* ===================== */
    /* 间距（4px体系 ✔） */
    /* ===================== */

    --spacing-0: 0;

    --spacing-1: 0.4rem;  /* 4px */
    --spacing-2: 0.8rem;  /* 8px */
    --spacing-3: 1.2rem;  /* 12px */
    --spacing-4: 1.6rem;  /* 16px */
    --spacing-5: 2rem;    /* 20px */
    --spacing-6: 2.4rem;  /* 24px */
    --spacing-8: 3.2rem;  /* 32px */
    --spacing-10: 4rem;   /* 40px */
    --spacing-12: 4.8rem; /* 48px */
    --spacing-16: 6.4rem; /* 64px */

    /*  Fluid 间距（新增） */

    --space-fluid-sm: clamp(1.6rem, 1.2rem + 1vw, 2.4rem);
    /* 16px → 24px */

    --space-fluid-md: clamp(2.4rem, 1.6rem + 2vw, 4rem);
    /* 24px → 40px */

    --space-fluid-lg: clamp(3.2rem, 2rem + 3vw, 6.4rem);
    /* 32px → 64px */

    /* ===================== */
    /*  圆角（已修正） */
    /* ===================== */

    --radius-none: 0;
    --radius-sm: 0.4rem;   /* 4px */
    --radius-md: 0.8rem;   /* 8px */
    --radius-lg: 1.2rem;   /* 12px */
    --radius-xl: 1.6rem;   /* 16px */
    --radius-2xl: 2.4rem;  /* 24px */
    --radius-full: 9999px;

    /* ===================== */
    /* 阴影（OK，无需改） */
    /* ===================== */

    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);

    /* ===================== */
    /* 动效 */
    /* ===================== */
    --duration-fast: 0.2s;
    --duration-normal: 0.3s;
    --duration-slow: 0.5s;
    /* ===================== */
    /* 其他 */
    /* ===================== */

    --opacity-0: 0;
    --opacity-30: 0.3;
    --opacity-60: 0.6;
    --opacity-100: 1;

    --focus-ring: 0 0 0 0.1rem hsl(217 91% 60% / 0.3);
    --letter-spacing-tight: -0.01em;
    --letter-spacing-wide: 0.02em;
    --letter-spacing-wider: 0.05em;
    --container-min-width: 128rem; /* 1280px */
    --container-max-width: 192rem; /* 1920px */
}

/*--断点 1920 1280 992 768 576--*/