:root {
    /* 断点统一：移动端 < 1136px，PC端 >= 1136px */
    --breakpoint-pc: 1136px;
    --breakpoint-mobile: 1135px; /* max-width: 1135px 表示 < 1136px */

    --base-color: #ff7f00;
    --base-color-2: rgba(255, 127, 0, .6);
    --base-dark-color: #18191A;
    /* 整站文字基础色号 */
    --base-font-color: #212121;
    --base-error-color: #FF0000;
    --base-light-color-10: rgba(255, 255, 255, .1);
    --base-light-color-20: rgba(255, 255, 255, .2);
    --gray-color: rgba(33,33,33, .8);
    --gray1-color: rgba(33,33,33, .6);
    --gray2-color: rgba(33,33,33, .5);
    --gray3-color: rgba(33,33,33, .4);
    --gray5-color: rgba(33,33,33, .3);
    --gray4-color: rgba(33,33,33, .2);
    --gray6-color: rgba(33,33,33, .1);
    --green-color: #07C160;
    --base-light-color: rgba(255, 127, 0, .06);
    --base-light3-color: rgba(255, 127, 0, .04);
    --base-light2-color: rgba(255, 127, 0, .08);
    --base-light1-color: rgba(255, 127, 0, .1);
    --base-dark-light6-color: rgba(255, 127, 0, .6);
    --base-dark-light5-color: rgba(255, 127, 0, .5);
    --base-dark-light4-color: rgba(255, 127, 0, .4);
    --base-dark-light3-color: rgba(255, 127, 0, .3);
    --base-dark-light2-color: rgba(255, 127, 0, .2);
    --border-gray-color: #D1D1D1;
    --border-gray1-color: rgba(33,33,33, .06);
    --border-gray2-color: rgba(33,33,33, .04);

    --pc-nav-height: 66px;
    --mobi-nav-height: 58px;


    /* PC端头部两行布局高度变量 */
    /* 第一行高度（Logo + 操作按钮） */
    /* ≥1920px: 80px, 1920px-1440px: 平滑过渡到72px, 1440px-1136px: 平滑过渡到64px, <1136px: 64px */
    /* 使用嵌套 clamp：外层处理 1440px-1136px，内层处理 1920px-1440px */
    --pc-header-row1-height: clamp(
        64px,
        calc(72px - (1440px - 100vw) * (8 / 304)),
        clamp(72px, calc(80px - (1920px - 100vw) * (8 / 480)), 80px)
    );
    
    /* 第二行高度（导航链接） */
    /* ≥1920px: 64px, 1920px-1440px: 平滑过渡到56px, 1440px-1136px: 平滑过渡到52px, <1136px: 52px */
    /* 使用嵌套 clamp：外层处理 1440px-1136px，内层处理 1920px-1440px */
    --pc-header-row2-height: clamp(
        52px,
        calc(56px - (1440px - 100vw) * (4 / 304)),
        clamp(56px, calc(64px - (1920px - 100vw) * (8 / 480)), 64px)
    );
    
    /* 总高度（第一行 + 第二行） */
    --pc-header-total-height: calc(var(--pc-header-row1-height) + var(--pc-header-row2-height));


    --transition-base: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-property: all;
    --transition-duration: 0.6s;
    --transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    
    /* 圆角 */
    --small-border-radius: 4px;
    --base-border-radius: 6px;
    --medium-border-radius: 8px;
    --medium1-border-radius: 10px;
    --big-border-radius: 12px;
    /* 与 fusenshop-next 的 radius-XL-16 对齐：用于移动端底部抽屉顶部圆角 */
    --big2-border-radius: 16px;
    --large-border-radius: 16px;
    --large3-border-radius: 20px;
    --large4-border-radius: 24px;

    /* 字体大小 */
    --xsmini-font-size: 10px;
    --xsmallmini-font-size: 10px;
    --mini-font-size: 12px;
    --base-font-size: 14px;
    --small-font-size: 16px;
    --small1-font-size: 18px;
    --medium-font-size: 20px;
    --big-font-size: 24px;
    --big1-font-size: 32px;
    --large-font-size: 36px;
    --large1-font-size: 44px;
    --superLarge-font-size: 48px;
    --largest-font-size: 54px;

    /* 字重 */
    --light-font-weight: 300;
    --book-font-weight: 400;
    --medium-font-weight: 500;
    --bold-font-weight: 700;
    --black-font-weight: 900;

    --base-bg-color: #F8F8F8;
    --base-bg1-color: #FAFAFA;

    --base-gray-color: #666;
    --base-gray1-color: #999;
    --base-gray5-color:#F9F9F9;
    --base-gray-light-color: #B2B2B2;
    --base-gray-light1-color: #f0f0f0;
    --base-gray-light2-color: #D9D9D9;

    --base-border-color: rgba(240, 240, 240, 0.5);

    
    --font-dark-color: #000;
    --font-dark-color-9: rgba(0, 0, 0, .9);
    --font-dark-color-8: rgba(0, 0, 0, .8);
    --font-dark-color-7: rgba(0, 0, 0, .7);
    --font-dark-color-6: rgba(0, 0, 0, .6);
    --font-dark-color-5: rgba(0, 0, 0, .5);
    --font-dark-color-4: rgba(0, 0, 0, .4);
    --font-dark-color-3: rgba(0, 0, 0, .3);
    --font-dark-color-2: rgba(0, 0, 0, .2);
    --font-dark-color-1: rgba(0, 0, 0, .1);
    --font-dark-color-04: rgba(0, 0, 0, .04);
    --font-dark-color-08: rgba(0, 0, 0, .08);
    
    --base-blue-color: #5888ee;
    --base-blue-color-1: #5A79F8;
    --base-blue-color-9: rgba(88, 136, 238, .9);

    /* 100vh */
    --scene-height: var(--vh)* 100;

    /* 按钮 */
    --mini-button-radius: 4px;
    --small-button-radius: 6px;
    --base-button-radius: 8px;
    --base-button-padding: 16px;
    --button-mini-height: 24px;
    --button-mini-line-height: 24px;
    --button-small-height: 28px;
    --button-small-line-height: 28px;
    --button-medium-height: 36px;
    --button-medium-line-height: 36px;
    --button-big-height: 40px;
    --button-big-line-height: 40px;
    --button-large-height: 48px;
    --button-large-line-height: 48px;
    --button-default-color: var(--base-color);

    --color-stone-50: var(--font-dark-color-08);
    --color-stone-100: var(--font-dark-color-1);
    --color-stone-200: var(--font-dark-color-2);
    --color-stone-300: var(--font-dark-color-3);
    --color-stone-400: var(--font-dark-color-4);
    --color-stone-500: var(--font-dark-color-5);
    --color-stone-600: var(--font-dark-color-6);
    --color-stone-700: var(--font-dark-color-7);
    --color-stone-800: var(--font-dark-color-8);
    --color-stone-900: var(--font-dark-color-9);
    --color-stone-950: var(--font-dark-color);

    --color-orange-500: oklch(0.73 0.19 52.56);
    --color-orange-300: oklch(0.95 0.03 67.36);

    --color-blue-500: var(--base-blue-color);
    --color-blue-400: var(--base-blue-color-1);
    --color-blue-600: #3960ff;

    --color-neutral-10: rgba(255,255,255, .1);
    --color-neutral-20: rgba(255,255,255, .2);
    --color-neutral-30: rgba(255,255,255, .3);
    --color-neutral-40: rgba(255,255,255, .4);
    --color-neutral-50: rgba(255,255,255, .5);
    --color-neutral-60: rgba(255,255,255, .6);
    --color-neutral-70: rgba(255,255,255, .7);
    --color-neutral-80: rgba(255,255,255, .8);
    --color-neutral-90: rgba(255,255,255, .9);
    --color-neutral-950: rgba(255, 255, 255, 1);

    --color-gray-a: rgba(165, 165, 165, .5);
    --color-gray-ef: #efefef;
    --color-gray-ea: #eaeaea;
    --color-gray-ec: #ececec;
    --color-gray-d7: #d7d7d7;
    --color-gray-d8: #d8d8d8;
    --color-gray-d9: #d9d9d9;

    --color-tWhite-10: rgba(255, 255, 255, .1);
    --color-tWhite-20: rgba(255, 255, 255, .2);
    --color-tWhite-30: rgba(255, 255, 255, .3);
    --color-tWhite-40: rgba(255, 255, 255, .4);
    --color-tWhite-50: rgba(255, 255, 255, .5);
    --color-tWhite-70: rgba(255, 255, 255, .7);
    --color-tWhite-80: rgba(255, 255, 255, .8);
    --color-tWhite-90: rgba(255, 255, 255, .9);
}