/**
 * 多分辨率适配样式
 * 以 1920px (1080P) 为设计基准
 * 不改动原有 1080P 样式逻辑，仅添加其他分辨率的适配规则
 */

/* ==========================================
   CSS 变量定义 - 用于不同分辨率的微调
   ========================================== */
:root {
    /* 基准值 - 1080P (1920px) */
    --scale-factor: 1;
    --container-max-width: 1440px;
    --section-padding: 80px;
    --hero-title-size: 60px;
    --section-title-size: 3rem;
    --body-text-size: 16px;
}

/* ==========================================
   720P 及以下分辨率适配 (1280px 及以下)
   ========================================== */
@media screen and (max-width: 1280px) and (min-width: 769px) {
    :root {
        --scale-factor: 0.75;
    }

    /* 容器适配 */
    .container {
        max-width: 100% !important;
        padding: 50px 40px;
    }

    /* Hero 区域适配 */
    .ub-hero-home__content {
        padding: 8rem 1.5rem 0 1.5rem;
    }

    .ub-hero-home__title {
        font-size: 42px !important;
        line-height: 52px !important;
    }

    .ub-hero-home__desc {
        font-size: 14px !important;
    }

    /* 展示图片适配 */
    .show-phone-wh {
        width: 520px !important;
        height: 233px !important;
    }

    .img-f {
        min-height: 233px;
    }

    /* 标题适配 */
    .section-title,
    .ub-features__title,
    .ub-how-it-works__title,
    .ub-testimonial__title,
    .ub-cta__title {
        font-size: 2rem !important;
        line-height: 40px !important;
    }

    .ub-features__title__new {
        font-size: 2rem !important;
        line-height: 40px !important;
    }

    /* 功能区域适配 */
    .ub-features_container {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .ub-features__item-title {
        font-size: 1.5rem !important;
        line-height: 36px !important;
    }

    /* 卡片适配 */
    .ub-blog__card-title {
        font-size: 18px;
    }

    .ub-blog__card-text {
        font-size: 14px;
    }

    /* 统计数据区域适配 */
    .ub-stats__grid_title {
        font-size: 18px;
    }

    .ub-stats__card-value {
        font-size: 2rem;
    }

    /* CTA 区域适配 */
    .ub-cta__area {
        padding: 4rem 1.5rem;
    }

    .ub-cta__title {
        font-size: 32px !important;
    }

    /* 品牌滑块适配 */
    .ub-brands .ub-brands__logo {
        width: 5.5rem;
    }

    .ub-brands .ub-brands__logo img {
        height: 2rem;
    }

    /* 工作流程区域适配 */
    .ub-how-it-works__content-area {
        padding: 4rem 1.5rem;
    }

    .ub-how-it-works__step {
        padding: 2rem 1rem;
    }

    .ub-how-it-works__step-title {
        font-size: 18px;
    }

    /* 证言区域适配 */
    .ub-testimonial__item {
        height: 300px;
        padding: 1.5rem;
    }

    .ub-testimonial__text {
        font-size: 1.5rem;
    }

    .ub-testimonial__profile {
        bottom: 2rem;
        right: 30px;
    }

    /* 页脚适配 */
    .footer__content {
        padding: 2rem 1.5rem;
    }

    .footer__navigation-title {
        font-size: 16px;
    }

    .scan-code-shop,
    .scan-code-agent {
        width: 110px;
        height: 120px;
    }
}

/* ==========================================
   1366px 分辨率适配 (常见笔记本)
   ========================================== */
@media screen and (min-width: 1281px) and (max-width: 1440px) {
    :root {
        --scale-factor: 0.85;
    }

    .container {
        max-width: 1200px !important;
        padding: 60px;
    }

    .ub-hero-home__content {
        padding: 9rem 1.5rem 0 1.5rem;
    }

    .ub-hero-home__title {
        font-size: 50px !important;
        line-height: 62px !important;
    }

    .show-phone-wh {
        width: 600px !important;
        height: 268px !important;
    }

    .img-f {
        min-height: 268px;
    }

    .ub-features__title__new {
        font-size: 2.4rem !important;
    }

    .ub-cta__title {
        font-size: 38px !important;
    }
}

/* ==========================================
   1600px 分辨率适配
   ========================================== */
@media screen and (min-width: 1441px) and (max-width: 1680px) {
    :root {
        --scale-factor: 0.9;
    }

    .container {
        max-width: 1340px !important;
    }

    .ub-hero-home__title {
        font-size: 54px !important;
        line-height: 66px !important;
    }

    .show-phone-wh {
        width: 640px !important;
        height: 286px !important;
    }

    .img-f {
        min-height: 286px;
    }
}

/* ==========================================
   1080P 标准分辨率 (1920px) - 保持原有样式
   ========================================== */
@media screen and (min-width: 1681px) and (max-width: 2048px) {
    :root {
        --scale-factor: 1;
    }
    /* 1080P 使用原有 common.css 中的所有样式，无需额外调整 */
}

/* ==========================================
   2K 分辨率适配 (2560px)
   ========================================== */
@media screen and (min-width: 2049px) and (max-width: 2880px) {
    :root {
        --scale-factor: 1.25;
    }

    .container {
        max-width: 1800px !important;
        padding: 100px;
    }

    .ub-hero-home__content {
        padding: 14rem 2rem 0 2rem;
    }

    .ub-hero-home__title {
        font-size: 75px !important;
        line-height: 90px !important;
    }

    .ub-hero-home__desc {
        font-size: 22px !important;
    }

    .show-phone-wh {
        width: 880px !important;
        height: 394px !important;
    }

    .img-f {
        min-height: 394px;
    }

    /* 标题放大 */
    .section-title,
    .ub-features__title,
    .ub-how-it-works__title,
    .ub-testimonial__title {
        font-size: 3.75rem !important;
        line-height: 72px !important;
    }

    .ub-features__title__new {
        font-size: 3.75rem !important;
        line-height: 72px !important;
    }

    .ub-features__item-title {
        font-size: 2.5rem !important;
        line-height: 60px !important;
    }

    /* 正文放大 */
    .ub-how-it-works__desc,
    .ub-blog__card-text,
    .ub-features__item-desc {
        font-size: 20px !important;
    }

    /* 卡片适配 */
    .ub-blog__card-title {
        font-size: 26px;
    }

    /* 统计数据区域放大 */
    .ub-stats__grid_title {
        font-size: 30px;
    }

    .ub-stats__card-value {
        font-size: 3.125rem;
    }

    /* CTA 区域放大 */
    .ub-cta__area {
        padding: 7.5rem 2rem;
    }

    .ub-cta__title {
        font-size: 60px !important;
    }

    /* 品牌滑块放大 */
    .ub-brands .ub-brands__logo {
        width: 8.75rem;
    }

    .ub-brands .ub-brands__logo img {
        height: 3.125rem;
    }

    /* 工作流程区域放大 */
    .ub-how-it-works__content-area {
        padding: 7.5rem 2.5rem;
    }

    .ub-how-it-works__step-title {
        font-size: 26px;
    }

    .ub-how-it-works__step-description {
        font-size: 20px;
    }

    /* 证言区域放大 */
    .ub-testimonial__item {
        height: 440px;
        padding: 2.5rem;
    }

    .ub-testimonial__text {
        font-size: 2.5rem;
    }

    /* 页脚放大 */
    .footer__content {
        padding: 3.125rem 2.5rem;
    }

    .footer__navigation-title {
        font-size: 24px;
    }

    .footer__desc {
        font-size: 1.25rem;
    }

    .scan-code-shop,
    .scan-code-agent {
        width: 168px;
        height: 180px;
    }

    /* 按钮放大 */
    .ub-hero-home__button--primary--blue,
    .ub-hero-home__button--secondary {
        padding: 15px 32px;
        font-size: 20px;
    }

    /* 导航放大 */
    .ub-header {
        height: 5.75rem;
    }

    .nav__logo {
        width: 147px;
        height: 55px;
    }

    .ub-header .menu__item a {
        font-size: 20px;
    }
}

/* ==========================================
   4K 分辨率适配 (3840px)
   ========================================== */
@media screen and (min-width: 2881px) {
    :root {
        --scale-factor: 1.5;
    }

    .container {
        max-width: 2400px !important;
        padding: 120px;
    }

    .ub-hero-home__content {
        padding: 16rem 2.5rem 0 2.5rem;
    }

    .ub-hero-home__title {
        font-size: 90px !important;
        line-height: 108px !important;
    }

    .ub-hero-home__desc {
        font-size: 27px !important;
    }

    .show-phone-wh {
        width: 1056px !important;
        height: 473px !important;
    }

    .img-f {
        min-height: 473px;
    }

    /* 标题放大 */
    .section-title,
    .ub-features__title,
    .ub-how-it-works__title,
    .ub-testimonial__title {
        font-size: 4.5rem !important;
        line-height: 86px !important;
    }

    .ub-features__title__new {
        font-size: 4.5rem !important;
        line-height: 86px !important;
    }

    .ub-features__item-title {
        font-size: 3rem !important;
        line-height: 72px !important;
    }

    /* 正文放大 */
    .ub-how-it-works__desc,
    .ub-blog__card-text,
    .ub-features__item-desc {
        font-size: 24px !important;
    }

    .ub-blog__card-title {
        font-size: 32px;
    }

    /* 统计数据区域放大 */
    .ub-stats__grid_title {
        font-size: 36px;
    }

    .ub-stats__card-value {
        font-size: 3.75rem;
    }

    /* CTA 区域放大 */
    .ub-cta__area {
        padding: 9rem 2.5rem;
    }

    .ub-cta__title {
        font-size: 72px !important;
    }

    /* 品牌滑块放大 */
    .ub-brands .ub-brands__logo {
        width: 10.5rem;
    }

    .ub-brands .ub-brands__logo img {
        height: 3.75rem;
    }

    /* 工作流程区域放大 */
    .ub-how-it-works__content-area {
        padding: 9rem 3rem;
    }

    .ub-how-it-works__step-title {
        font-size: 32px;
    }

    .ub-how-it-works__step-description {
        font-size: 24px;
    }

    /* 证言区域放大 */
    .ub-testimonial__item {
        height: 530px;
        padding: 3rem;
    }

    .ub-testimonial__text {
        font-size: 3rem;
    }

    /* 页脚放大 */
    .footer__content {
        padding: 3.75rem 3rem;
    }

    .footer__navigation-title {
        font-size: 30px;
    }

    .footer__desc {
        font-size: 1.5rem;
    }

    .scan-code-shop,
    .scan-code-agent {
        width: 200px;
        height: 216px;
    }

    /* 按钮放大 */
    .ub-hero-home__button--primary--blue,
    .ub-hero-home__button--secondary {
        padding: 18px 39px;
        font-size: 24px;
    }

    /* 导航放大 */
    .ub-header {
        height: 6.9rem;
    }

    .nav__logo {
        width: 176px;
        height: 66px;
    }

    .ub-header .menu__item a {
        font-size: 24px;
    }

    /* 功能特性图标放大 */
    .ub-how-it-works__step-icon {
        width: 48px;
        height: 48px;
        padding: 20px;
    }

    .ub-hero-home__icon {
        width: 30px;
        height: 30px;
    }

    /* 标签放大 */
    .hero__subtitle-group,
    .ub-hero-home__subtitle-group,
    .ub-features__subtitle-group,
    .ub-how-it-works__subtitle-group {
        padding: 6px 24px;
    }

    .hero__subtitle,
    .ub-hero-home__subtitle,
    .ub-features__subtitle,
    .ub-how-it-works__subtitle {
        font-size: 18px;
    }
}

/* ==========================================
   通用缩放状态样式
   ========================================== */
body.scaled-view {
    /* 缩放时的过渡效果 */
    transition: font-size 0.2s ease;
}

/* 防止某些元素过度缩放 */
body.scaled-view input,
body.scaled-view textarea,
body.scaled-view select,
body.scaled-view button {
    font-size: inherit;
}

/* ==========================================
   打印样式 - 保持原有布局
   ========================================== */
@media print {
    :root {
        --scale-factor: 1;
    }
    
    body {
        font-size: 12pt !important;
    }
    
    .container {
        max-width: 100% !important;
        padding: 20px !important;
    }
}