
/* PC端适配 */

/* 小屏PC：927px-1280px */
@media screen and (min-width: 927px) and (max-width: 1280px) {
    html {
        /* 1280 / 80 = 16px */
        font-size: calc(100vw / 120);
    }

    body:not(.responsive-page) {
        zoom: 1;
    }
}

/* 中屏PC：1281px-1600px */
@media screen and (min-width: 1281px) and (max-width: 1600px) {
    html {
        /* 1440 / 90 = 16px, 1600 / 100 = 16px */
        font-size: calc(100vw / 120);
    }
}

/* 标准屏PC：1601px及以上（1920px设计稿基准） */
@media screen and (min-width: 1601px) {
    html {
        /* 1920 / 120 = 16px（设计稿标准） */
        font-size: calc(100vw / 120);
    }
}

/* 超大屏幕限制：2560px以上锁定字体大小 */
@media screen and (min-width: 2560px) {
    html {
        /* 锁定最大字体大小，防止在超大屏幕上字体过大 */
        /* 2560 / 120 = 21.33px，限制为18px */
        font-size: 18px;
    }
}

/* ==========================================
 * 旧版浏览器兼容处理
 * ========================================== */
@media only screen and (min-width: 927px) and (max-width: 1200px) {
    body:not(.responsive-page) {
        zoom: 1 !important;
    }
}

/* ==========================================
 * 常用字体大小工具类（基于16px = 1rem）
 * ========================================== */

/* 12px */
.fs12 {
    font-size: 0.75rem;
}

/* 14px */
.fs14 {
    font-size: 0.875rem;
}

/* 16px - 基准 */
.fs16 {
    font-size: 1rem;
}

/* 18px */
.fs18 {
    font-size: 1.125rem;
}

/* 20px */
.fs20 {
    font-size: 1.25rem;
}

/* 22px */
.fs22 {
    font-size: 1.375rem;
}

/* 24px */
.fs24 {
    font-size: 1.5rem;
}

/* 26px */
.fs26 {
    font-size: 1.625rem;
}

/* 28px */
.fs28 {
    font-size: 1.75rem;
}

/* 30px */
.fs30 {
    font-size: 1.875rem;
}

/* 32px */
.fs32 {
    font-size: 2rem;
}

/* 34px */
.fs34 {
    font-size: 2.125rem;
}

/* 36px */
.fs36 {
    font-size: 2.25rem;
}

/* 38px */
.fs38 {
    font-size: 2.375rem;
}

/* 40px */
.fs40 {
    font-size: 2.5rem;
}

/* 42px */
.fs42 {
    font-size: 2.625rem;
}

/* 44px */
.fs44 {
    font-size: 2.75rem;
}

/* 46px */
.fs46 {
    font-size: 2.875rem;
}

/* 48px */
.fs48 {
    font-size: 3rem;
}
