:root {
    font-size: 12px;
}
/* 中等屏幕 / 笔记本或小尺寸桌面，设计稿宽度为1440px */
@media (min-width: 1441px) {
    :root {
        /* 设置根字体大小为设计稿与当前屏幕宽度的比例 */
        font-size: 8px;
    }
}
/* 中等屏幕 / 笔记本或小尺寸桌面，设计稿宽度为1440px */
@media (min-width: 901px) and (max-width: 1440px) {
    :root {
        /* 设置根字体大小为设计稿与当前屏幕宽度的比例 */
        font-size: calc(8 * (100vw / 1440));
    }
}
/* 小屏幕 / 大型平板竖屏，宽度介于移动端和中等屏幕之间，默认为900px */
@media (min-width: 769px) and (max-width: 900px) {
    :root {
        /* 根字体大小可以按比例减小，或者设定一个固定值 */
        font-size: calc(9 * 100vw / 900);; /* 示例值，根据实际需要调整 */
    }
}
/* 移动端设备，设计稿宽度为375px */
@media (min-width: 376px) and (max-width: 768px) {
    :root {
        /* 设置根字体大小为设计稿与当前屏幕宽度的比例 */
        font-size: calc(14 * 100vw / 768);
    }
}
@media (max-width: 376px) {
    :root {
        /* 设置根字体大小为设计稿与当前屏幕宽度的比例 */
        font-size: calc(7 * 100vw / 376);
    }
}
.oauth-root.mobile {
    min-width: 376px;
}
.oauth-root.mobile .content {
    width: 100%;
}
.oauth-root.mobile .tabs.tabs-mobile {
    width: 184px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
    margin-bottom: 50px;
    border-bottom: none;
}
.oauth-root.mobile .oauth-img-content {
    width: auto;
    padding-top: 6.4rem;
}
.oauth-root.mobile .content {
    width: 100%;
    margin: 0 auto;
}
.oauth-root.mobile .form {
    min-height: 300px;
}
.oauth-root.mobile .reminder {
    width: 100%;
}
.oauth-root.mobile .content .title {
    color: rgba(0, 7, 30, 0.85);
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 4rem;
}
.oauth-root.mobile .quick-logo .img {
    width: 14rem;
    margin: 0 auto;
}