body { font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif; }

/* 全局容器：随屏幕宽度自适应最大宽度 */
.container-fluid {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 640px)  { .container-fluid { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 1024px) { .container-fluid { padding-left: 2rem;   padding-right: 2rem; } }
@media (min-width: 1920px) { .container-fluid { max-width: 1760px; padding-left: 3rem; padding-right: 3rem; } }
@media (min-width: 2560px) { .container-fluid { max-width: 2400px; padding-left: 4rem; padding-right: 4rem; } }
@media (min-width: 3840px) { .container-fluid { max-width: 3400px; padding-left: 6rem; padding-right: 6rem; } }

/* 导航栏高度随屏幕放大 */
.nav-height { height: 56px; }
@media (min-width: 1920px) { .nav-height { height: 5rem; } }
@media (min-width: 2560px) { .nav-height { height: 6rem; } }
@media (min-width: 3840px) { .nav-height { height: 7rem; } }

/* Hero 最小高度随屏幕放大 */
@media (min-width: 1920px) { .hero-min-h { min-height: 480px; } }
@media (min-width: 2560px) { .hero-min-h { min-height: 600px; } }
@media (min-width: 3840px) { .hero-min-h { min-height: 800px; } }

/* Hero 图片最大高度随屏幕放大 */
@media (min-width: 1920px) { .hero-img { max-height: 480px; } }
@media (min-width: 2560px) { .hero-img { max-height: 600px; } }
@media (min-width: 3840px) { .hero-img { max-height: 800px; } }

/* 大屏字体缩放 */
@media (min-width: 1920px) {
    .text-scale-h1  { font-size: 3.75rem; }
    .text-scale-h2  { font-size: 2rem; }
    .text-scale-sub { font-size: 1.5rem; }
    .text-scale-sm  { font-size: 1rem; }
    .text-scale-xs  { font-size: 0.875rem; }
    .text-scale-2xs { font-size: 0.8rem; }
}
@media (min-width: 2560px) {
    .text-scale-h1  { font-size: 5rem; }
    .text-scale-h2  { font-size: 2.5rem; }
    .text-scale-sub { font-size: 2rem; }
    .text-scale-sm  { font-size: 1.25rem; }
    .text-scale-xs  { font-size: 1rem; }
    .text-scale-2xs { font-size: 0.9rem; }
}
@media (min-width: 3840px) {
    .text-scale-h1  { font-size: 7rem; }
    .text-scale-h2  { font-size: 3.5rem; }
    .text-scale-sub { font-size: 2.75rem; }
    .text-scale-sm  { font-size: 1.75rem; }
    .text-scale-xs  { font-size: 1.375rem; }
    .text-scale-2xs { font-size: 1.2rem; }
}

/* 大屏图标缩放 */
@media (min-width: 1920px) { .icon-scale { width: 1.75rem; height: 1.75rem; } }
@media (min-width: 2560px) { .icon-scale { width: 2.25rem; height: 2.25rem; } }
@media (min-width: 3840px) { .icon-scale { width: 3rem;    height: 3rem; } }

/* 大屏按钮缩放 */
@media (min-width: 1920px) { .btn-scale { padding: 0.875rem 1.75rem; font-size: 1rem; } }
@media (min-width: 2560px) { .btn-scale { padding: 1.125rem 2.25rem; font-size: 1.25rem; } }
@media (min-width: 3840px) { .btn-scale { padding: 1.5rem 3rem;    font-size: 1.625rem; } }

/* 大屏 Logo 缩放 */
@media (min-width: 1920px) { .logo-circle { width: 3rem; height: 3rem; } }
@media (min-width: 2560px) { .logo-circle { width: 4rem; height: 4rem; } }
@media (min-width: 3840px) { .logo-circle { width: 5.5rem; height: 5.5rem; } }

/* 大屏搜索框 */
@media (min-width: 1920px) { .search-box { width: 16rem; } }
@media (min-width: 2560px) { .search-box { width: 22rem; } }
@media (min-width: 3840px) { .search-box { width: 30rem; } }

/* CTA banner 最小高度 */
@media (min-width: 1920px) { .cta-min-h { min-height: 280px; } }
@media (min-width: 2560px) { .cta-min-h { min-height: 360px; } }
@media (min-width: 3840px) { .cta-min-h { min-height: 500px; } }

/* Footer QR 码大小 */
@media (min-width: 1920px) { .qr-box { width: 7rem; height: 7rem; } }
@media (min-width: 2560px) { .qr-box { width: 9rem; height: 9rem; } }
@media (min-width: 3840px) { .qr-box { width: 12rem; height: 12rem; } }

/* Hero 背景图大屏适配 — 始终撑满右半边高度 */
.hero-section {
    background-size: 50% 100%;
}
/* 移动端隐藏背景图，避免遮挡文字 */
/*@media (max-width: 767px) {*/
/*    .hero-section {*/
/*        background-image: none !important;*/
/*    }*/
/*}*/