/* 浏览器兼容性增强 */
/* 确保所有浏览器都能正确渲染 */
* {
    /* 标准化渲染 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 设计稿尺寸换算变量 */
:root {
    /* 设计稿基准尺寸 */
    --design-width: 1125px;
    /* 实际容器宽度 */
    --actual-width: 375px;
    /* 换算比例 = 实际宽度 / 设计稿宽度 */
    --scale-ratio: calc(var(--actual-width) / var(--design-width));
    
    /* 设计稿中的字体尺寸（设计稿原始值） */
    --design-font-title-chinese: 180px;
    --design-font-title-english: 216px;
    --design-font-letter-g: 720px;
    --design-font-copyright: 36px;
    --design-font-contact: 54px;
    --design-font-conttxt: 50px;
    --design-font-join-title: 150px; /* Join Us 标题设计稿尺寸 */
    --design-font-join-subtitle: 54px; /* 小标题设计稿尺寸 */
    --design-font-join-title-chinese: 80px; /* 成为我们的同行者 设计稿尺寸 */
    --design-font-join-text: 50px; /* Join 正文 设计稿尺寸 */
    --design-font-founder-text: 45px; /* Founder Park 文案 设计稿尺寸（OPPOSans-R 45px） */
    --design-font-subscribe-name: 50px; /* 订阅模块栏目名 设计稿尺寸 */
    --design-font-subscribe-desc: 40px; /* 订阅模块描述 设计稿尺寸 */
    --design-bottom-nav-height: 200px; /* 底部导航单元格高度（设计稿 218px） */
    --design-bottom-nav-width: 228px;  /* 底部导航单元格宽度（设计稿 228px） */
    --design-font-bottom-nav: 40px;    /* 底部导航文字字号（设计稿 40px，OPPOSans-H） */
    --design-bottom-nav-top-padding: 10px; /* 底部导航顶部间距（设计稿 10px） */
    --design-welcome-title-top: 134px; /* 欢迎标题距离顶部（设计稿 134px） */
    --design-scroll-arrow-size: 40px; /* 向下箭头尺寸（设计稿 40px） */
    --design-brand-logo-main-size: 300px; /* 主 Logo 尺寸（设计稿 300px） */
    --design-brand-logo-small-size: 150px; /* 小 Logo 尺寸（设计稿 150px） */
    
    /* 自动换算后的实际尺寸 */
    --font-title-chinese: calc(var(--design-font-title-chinese) * var(--scale-ratio));
    --font-title-english: calc(var(--design-font-title-english) * var(--scale-ratio));
    --font-letter-g: calc(var(--design-font-letter-g) * var(--scale-ratio));
    --font-copyright: calc(var(--design-font-copyright) * var(--scale-ratio));
    --font-contact: calc(var(--design-font-contact) * var(--scale-ratio));
    --font-conttxt: calc(var(--design-font-conttxt) * var(--scale-ratio));
    --font-join-title: calc(var(--design-font-join-title) * var(--scale-ratio));
    --font-join-subtitle: calc(var(--design-font-join-subtitle) * var(--scale-ratio));
    --font-join-title-chinese: calc(var(--design-font-join-title-chinese) * var(--scale-ratio));
    --font-join-text: calc(var(--design-font-join-text) * var(--scale-ratio));
    --font-founder-text: calc(var(--design-font-founder-text) * var(--scale-ratio));
    --font-subscribe-name: calc(var(--design-font-subscribe-name) * var(--scale-ratio));
    --font-subscribe-desc: calc(var(--design-font-subscribe-desc) * var(--scale-ratio));
    --bottom-nav-height: calc(var(--design-bottom-nav-height) * var(--scale-ratio));
    --bottom-nav-width: calc(var(--design-bottom-nav-width) * var(--scale-ratio));
    --font-bottom-nav: calc(var(--design-font-bottom-nav) * var(--scale-ratio));
    --bottom-nav-top-padding: calc(var(--design-bottom-nav-top-padding) * var(--scale-ratio));
    --welcome-title-top: calc(var(--design-welcome-title-top) * var(--scale-ratio));
    --scroll-arrow-size: calc(var(--design-scroll-arrow-size) * var(--scale-ratio));
    --brand-logo-main-size: calc(var(--design-brand-logo-main-size) * var(--scale-ratio));
    --brand-logo-small-size: calc(var(--design-brand-logo-small-size) * var(--scale-ratio));
    
    /* 微信浏览器安全区域适配（iPhone X 及以后设备） */
    --safe-area-inset-top: env(safe-area-inset-top, 0px);
    --safe-area-inset-right: env(safe-area-inset-right, 0px);
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-inset-left: env(safe-area-inset-left, 0px);
    
    /* 微信浏览器实际视口高度（使用标准 100vh） */
    --viewport-height: 100vh;
}

/* OPPOSans 字体定义 */
@font-face {
    font-family: 'OPPOSans';
    src: url('./fonts/OPPOSans.woff2') format('woff2'),
         url('./fonts/OPPOSans.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OPPOSans';
    src: url('./fonts/OPPOSans.woff2') format('woff2'),
         url('./fonts/OPPOSans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OPPOSans';
    src: url('./fonts/OPPOSans.woff2') format('woff2'),
         url('./fonts/OPPOSans.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OPPOSans';
    src: url('./fonts/OPPOSans.woff2') format('woff2'),
         url('./fonts/OPPOSans.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OPPOSans';
    src: url('./fonts/OPPOSans.woff2') format('woff2'),
         url('./fonts/OPPOSans.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html {
    height: auto; /* 改为 auto，允许内容超出视口 */
    min-height: 100%; /* 最小高度100% */
    overflow-x: hidden;
    overflow-y: auto; /* 确保可以垂直滚动 */
    /* 确保 fixed 定位元素相对于 viewport */
    position: relative;
    /* 标准化字体渲染 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    /* 允许滚动，但防止双击缩放 */
    touch-action: pan-y pinch-zoom; /* 允许垂直滚动和双指缩放 */
    -ms-touch-action: pan-y pinch-zoom; /* IE10+ */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* 微信浏览器优化 */
    -webkit-tap-highlight-color: transparent; /* 移除点击高亮 */
    -webkit-touch-callout: none; /* 禁用长按菜单 */
}

/* 语言切换按钮 */
.lang-switcher {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 8px 16px;
    font-family: 'OPPOSans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.lang-switcher:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.lang-switcher:active {
    transform: translateY(0);
}

.lang-switcher-text {
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .lang-switcher {
        top: 15px;
        right: 15px;
        padding: 6px 12px;
        font-size: 12px;
        border-radius: 16px;
    }
}

body {
    font-family: 'OPPOSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    min-height: 100vh; /* 使用标准的 100vh，避免滚动时悬空 */
    height: auto; /* 允许内容超出视口高度 */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto; /* 确保可以滚动 */
    padding-bottom: 0; /* 移除预留底部导航高度，避免空隙 */
    margin-bottom: 0;
    /* 微信浏览器滚动优化 */
    -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
    overscroll-behavior-y: none; /* 防止滚动穿透 */
    /* 跨浏览器字体渲染一致性 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    /* 允许滚动和缩放 */
    touch-action: pan-y pinch-zoom; /* 允许垂直滚动和双指缩放 */
    -ms-touch-action: pan-y pinch-zoom; /* IE10+ */
}

/* 全局图片样式：确保所有图片不会超出容器 */
img {
    max-width: 100%;
    height: auto;
    display: block;
    /* 跨浏览器图片渲染优化 */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: auto;
}

.container {
    width: 100%;
    max-width: 100vw; /* 防止超出视口宽度 */
    min-height: 100vh;
    height: auto; /* 允许内容超出视口高度 */
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    overflow-x: hidden; /* 防止水平滚动 */
    overflow-y: visible; /* 允许垂直滚动 */
}

/* 顶部欢迎文字区域 */
.welcome-section {
    width: 85%;
    margin: 0 auto;
    padding: 40px 0;
    background-color: #FFFFFF;
}

.welcome-title {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 900; /* OPPOSans-H (Heavy) */
    font-size: var(--font-join-title-chinese); 
    color: #000000;
    line-height: 1.3;
    margin: 0 auto 30px;
    text-align: left;
    width: 85%; /* 与 .conttxt .txt 保持一致 */
}

.welcome-content {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 300; /* OPPOSans-L (Light) */
    font-size: var(--font-join-text); /* 50px 设计稿，自动换算 */
    color: #000000;
    line-height: 1.6;
    text-align: justify;
}

.welcome-content p {
    margin-bottom: 20px;
}

.welcome-content p:last-child {
    margin-bottom: 0;
}

/* PC端适配 - 保持手机端样式，两边留白 */
@media (min-width: 481px) {
    /* 确保body和html在PC端正确显示 */
    html, body {
        width: 100%;
        overflow-x: hidden;
    }
    
    /* 主容器限制宽度并居中 */
    .container {
        width: 375px;
        max-width: 375px;
        margin: 0 auto;
        position: relative;
    }
    
    /* 限制所有包装容器宽度，与 container 保持一致 */
    .wrapper {
        max-width: 375px;
        width: 375px;
        margin: 0 auto;
    }
    
    .wrapper_box2 {
        max-width: 375px;
        width: 375px;
        margin: 0 auto;
    }
    
    /* 确保 container 内部的所有包装容器也受限制 */
    .wrapper_box3,
    .wrapper_box4,
    .wrapper_box5 {
        max-width: 375px;
        width: 375px;
        margin: 0 auto;
    }
    
    /* PC端首屏图片元素优化：所有首屏图片统一处理 */
    .hero-section img,
    .hero-section-2 img,
    .hero-section-3 img,
    .hero-section-4 img,
    .hero-section-5 img {
        max-width: 100%;
        height: auto;
        display: block;
    }
    
    /* PC端实际图片元素优化 */
    .brand-section img,
    .join-image img {
        max-width: 100%;
        height: auto;
        object-fit: contain; /* 保持图片比例，不裁剪 */
        -o-object-fit: contain; /* Opera 浏览器 */
    }
    
    /* PC端二维码图片优化 */
    .platform-image img,
    .fp-qr img,
    .anliang-cta-image img,
    .zhangpeng-platform-qr img,
    .join-contact-qr img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
        -o-object-fit: contain; /* Opera 浏览器 */
    }
    
    /* PC端文本内容优化 */
    .conttxt .txt,
    .join-content,
    .founder-content,
    .anliang-content {
        max-width: 100%;
        word-wrap: break-word;
    }
    
    /* PC端品牌图片和底部线条优化 */
    .brand-section {
        width: 100%;
        max-width: 375px;
        margin: 60px auto 0;
    }
    
    .brand-section img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    
    .brand-logos-row {
        max-width: 100%;
        padding: 0 20px;
    }
    
    /* PC端底部导航栏宽度限制和居中 */
    .bottom-nav {
        max-width: 375px !important;
        width: 375px !important;
        left: 50% !important;
        right: auto !important;
        margin-left: -187.5px !important; /* 375px / 2 = 187.5px，确保居中 */
        margin-right: 0 !important;
        padding: 0 !important;
        transform: translateZ(0) !important; /* 移除translateX，使用margin-left居中 */
        -webkit-transform: translateZ(0) !important;
        overflow: hidden !important; /* 防止内容超出 */
    }
    
    .bottom-nav-inner {
        max-width: 375px !important;
        width: 375px !important; /* 严格限制为375px */
        margin: 0 auto !important;
        overflow: hidden !important; /* 防止内容超出 */
    }
    
    /* PC端张鹏联系方式区域优化 */
    .zhangpeng-contact {
        max-width: 375px;
        margin: 0 auto;
    }
    
    .zhangpeng-title {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px;
    }
    
    .zhangpeng-platforms {
        max-width: 100%;
        justify-content: flex-start;
    }
    
    /* PC端联系部分优化 */
    .join-contact {
        max-width: 100%;
        width: 90%;
        margin: 40px auto 0;
    }
    
    .join-contact-row {
        flex-wrap: nowrap;
        gap: 40px; /* PC端调整间距 */
    }
    
    /* PC端愿景部分优化 - 限制宽度并居中 */
    .vision-content {
        width: 100% !important;
        max-width: 375px !important;
        margin: 0 auto !important;
        margin-left: auto !important;
        padding: 60px 30px 10px 30px !important;
        /* 覆盖基础样式中的 100vw 和 calc(-50vw + 50%) */
        left: auto !important;
        right: auto !important;
    }
    
    .vision-text {
        width: 90%;
        max-width: 100%;
    }
    
    /* PC端品牌logo区域优化 - 覆盖基础样式中的 100vw */
    .brand-logos {
        width: 100% !important;
        max-width: 375px !important;
        margin: 40px auto 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        /* 覆盖基础样式中的 100vw 和 calc(-50vw + 50%) */
        left: auto !important;
        right: auto !important;
    }
    
    /* PC端首屏内容区域优化 */
    .conttxt {
        max-width: 375px;
        margin: 0 auto;
    }
    
    /* PC端订阅内容区域优化 */
    .subscribe-content {
        max-width: 375px;
        margin: 0 auto;
    }
    
    /* PC端 Founder Park 订阅内容区域优化 */
    .fp-subscribe {
        max-width: 375px;
        margin: 0 auto;
    }
    
    /* PC端 Founder Park 文案区域优化 */
    .founder-content {
        max-width: 375px;
        margin: 0 auto 60px;
    }
    
    /* PC端安量资本文案区域优化 */
    .anliang-content {
        max-width: 375px;
        margin: 0 auto 80px;
    }
    
    /* PC端 Join 内容区域优化 */
    .join-content {
        max-width: 375px;
        margin: 0 auto;
    }
}

/* 内容包装容器 */
.wrapper {
    width: 100%;
    max-width: 100vw; /* 防止超出视口宽度 */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-x: hidden; /* 防止水平滚动 */
}

/* 手机端首屏图区域（包含 header、main-content、footer） */
.hero-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.hero-section img {
    width: 100%;
    height: auto;
    display: block;
}

/* 第二个包装容器 */
.wrapper_box2 {
    width: 100%;
    max-width: 100vw; /* 防止超出视口宽度 */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 40px;
    overflow-x: hidden; /* 防止水平滚动 */
}

/* 第三个包装容器 */
.wrapper_box3 {
    width: 100%;
    max-width: 100vw; /* 防止超出视口宽度 */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 40px;
    overflow-x: hidden; /* 防止水平滚动 */
}

/* 第四个包装容器 */
.wrapper_box4 {
    width: 100%;
    max-width: 100vw; /* 防止超出视口宽度 */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-x: hidden; /* 防止水平滚动 */
}

/* 第二个首屏图区域 */
.hero-section-2 {
    width: 20%;
    position: relative;
    margin: 0 auto;
}

.hero-section-2 img {
    width: 100%;
    height: auto;
    display: block;
}

/* 第三个首屏图区域 */
.hero-section-3 {
    width: 100%;
    position: relative;
}

.hero-section-3 img {
    width: 100%;
    height: auto;
    display: block;
    /* 不设置 object-fit，让图片自然保持宽高比，宽度撑满 */
}

/* 第四个首屏图区域 */
.hero-section-4 {
    width: 100%;
    position: relative;
}

.hero-section-4 img {
    width: 100%;
    height: auto;
    display: block;
}

/* Founder Park 文案区域 */
.founder-content {
    width: 86%;
    margin: 0 auto 60px;
    padding: 0px 0px 40px 0;
    /* background-color: #f3f3f3; */
    font-family: 'OPPOSans', sans-serif;
    font-weight: 400; /* OPPOSans-R (Regular) */
    font-size: var(--font-founder-text); /* 设计稿 45px 自动换算 */
    line-height: 1.6;
    color: #4D4D4D;
    border-bottom: 2px solid #E5E5E5;
    text-align: justify;
}

.founder-content p {
    margin-bottom: 20px;
}

/* 第五个包装容器 */
.wrapper_box5 {
    width: 100%;
    max-width: 100vw; /* 防止超出视口宽度 */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #000; /* 整屏黑底 */
    overflow-x: hidden; /* 防止水平滚动 */
}

/* 第五个首屏图区域 */
.hero-section-5 {
    width: 100%;
    position: relative;
}

.hero-section-5 img {
    width: 100%;
    height: auto;
    display: block;
}

/* 安量资本 文案区域 */
.anliang-content {
    width: 86%;
    margin: 0 auto 80px;
    /* padding: 40px 0 60px; */
    font-family: 'OPPOSans', sans-serif;
    font-weight: 300; /* 偏轻的阅读感 */
    font-size: var(--font-founder-text); /* 继续用 45px 自动换算 */
    line-height: 1.6;
    color: #DDDDDD;
    background-color: #000;
    text-align: justify;
}

.anliang-content p {
    margin-bottom: 20px;
}

/* 安量资本文案区域的链接样式 */
.anliang-content a.anliang-link {
    color: #FFFFFF;
    text-decoration: underline;
}

.anliang-content a.anliang-link:hover {
    color: #DDDDDD;
}

/* 安量资本文案区域的加粗文字样式 */
.anliang-content .anliang-bold {
    color: #DDDDDD;
    font-weight: 900; /* OPPOSans-H */
}

.anliang-content strong {
    font-weight: 900; /* OPPOSans-H */
}

.anliang-cta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 30px;
}

.anliang-cta {
    font-weight: 700;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.anliang-arrow {
    width: auto;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
}

.anliang-cta-image {
    flex-shrink: 0;
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    width: 46px; /* 138px设计稿 ÷ 3 = 46px */
    height: 46px;
    /* width: calc(138px * var(--scale-ratio)); 优先使用CSS变量 */
    /* height: calc(138px * var(--scale-ratio)); */
}

.anliang-cta-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover; /* Opera 浏览器 */
    display: block;
}

/* 张鹏联系方式区域 */
.zhangpeng-contact {
    width: 100%;
    background-color: #FFFFFF;
    font-family: 'OPPOSans', sans-serif;
}

.zhangpeng-title {
    font-size: var(--font-founder-text); /* 45px 自动换算 */
    font-weight: 900; /* OPPOSans-R */
    color: #000000;
    margin-bottom: 20px;
    line-height: 1.6;
    width: 90%;
    margin-left: 30px;
    margin-top: 40px;
}

.zhangpeng-subtitle {
    font-size: var(--font-founder-text); /* 45px 自动换算 */
    font-weight: 300; /* OPPOSans-L */
    color: #000000;
    margin-bottom: 40px;
    line-height: 1.6;
}

.zhangpeng-platforms {
    display: flex;
    gap: 44px;
    flex-wrap: wrap;
    width: 84%;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* 英文版：三个平台垂直排列（每个一行） */
html[lang="en"] .zhangpeng-platforms {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

/* 英文版：确保每个平台项目左对齐，文字标签宽度一致 */
html[lang="en"] .zhangpeng-platform-item {
    width: 100%;
    justify-content: flex-start;
}

/* 英文版：文字标签固定宽度，确保二维码对齐 */
html[lang="en"] .zhangpeng-platform-label {
    width: 200px; /* 固定宽度，确保所有文字标签宽度一致 */
    min-width: 200px;
    flex-shrink: 0;
}

.zhangpeng-platform-item {
    display: flex;
    align-items: flex-start;
    gap: 16px; /* 文字和二维码之间的间距 */
}

.zhangpeng-platform-label {
    font-size: var(--font-subscribe-name); /* 50px 自动换算 */
    font-weight: 700; /* OPPOSans-B */
    color: #000000;
    line-height: 1.4;
    flex-shrink: 0;
    min-width: 80px;
}

.zhangpeng-platform-qr {
    flex-shrink: 0;
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    width: 46px; /* 138px设计稿 ÷ 3 = 46px */
    height: 46px;
    /* width: calc(138px * var(--scale-ratio)); 优先使用CSS变量 */
    /* height: calc(138px * var(--scale-ratio)); */
}

.zhangpeng-platform-qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain; /* Opera 浏览器 */
    display: block;
}

/* 底部固定导航 */
.bottom-nav {
    position: fixed !important; /* 强制固定定位 */
    left: 0;
    right: 0;
    bottom: 0 !important;
    width: 100%;
    max-width: 100%;
    height: var(--bottom-nav-height);
    background-color: #FFFFFF;
    border-top: 1px solid #000000; /* 顶部边框 */
    z-index: 9999; /* 提高层级 */
    /* 确保始终贴底，不受滚动影响 */
    transform: translateZ(0); /* 启用硬件加速 */
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0); /* IE 9 */
    will-change: transform;
    /* 防止被其他元素影响 */
    isolation: isolate;
    /* 确保在任何情况下都贴在底部 */
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid #000000;
    /* 跨浏览器兼容性 */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bottom-nav-inner {
    display: flex;
    width: 100%;
    max-width: 100%;
    height: 100%;
    justify-content: center;
    align-items: stretch;
    overflow: hidden; /* 防止内容超出 */
}

.bottom-nav-item {
    flex: 1 1 0; /* 平均分配宽度，flex-basis为0确保严格平均 */
    min-width: 0; /* 允许flex项缩小 */
    max-width: none; /* 移除最大宽度限制，让flex控制 */
    height: 100%; /* 填满导航栏高度 */
    border: none;
    background: #FFFFFF;
    font-family: 'OPPOSans', sans-serif;
    font-weight: 900; /* OPPOSans-H */
    font-size: var(--font-bottom-nav); /* 设计稿 40px 自动换算 */
    color: #000000;
    text-align: center;
    padding: 4px 4px 0px 4px; /* 顶部间距 10px（设计稿），左右 padding */
    border-left: 1px solid #000000; /* 左侧分隔线 */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box; /* 确保padding和border包含在宽度内 */
}

.bottom-nav-item:first-child {
    border-left: none;
}

.bottom-nav-item span {
    display: block;
    line-height: 1.3;
    text-align: left;
}

.bottom-nav-item.logo {
    /* 回到顶部：箭头水平居中，垂直靠顶部 */
    align-items: center;
    justify-content: flex-start;
    border-left: none;
}

.bottom-nav-item.logo img {
    width: 20%;
    margin-top: 5px;
}

/* Logo 图片显示控制 */
.bottom-nav-item.logo .logo-img-active {
    display: none; /* 默认隐藏高亮logo */
}

.bottom-nav-item.logo .logo-img-normal {
    display: block; /* 默认显示普通logo */
}

.bottom-nav-item.logo.active .logo-img-active {
    display: block; /* 高亮时显示高亮logo */
}

.bottom-nav-item.logo.active .logo-img-normal {
    display: none; /* 高亮时隐藏普通logo */
}

.bottom-nav-item.active {
    background-color: #000000;
    color: #FFFFFF;
}

/* 订阅内容部分 */
.subscribe-content {
    width: 100%;
    margin: 0 auto;
    padding: 40px 20px;
    background-color: #f3f3f3; /* 接近设计稿的灰色背景 */
}

.subscribe-title {
    font-size: var(--font-join-title-chinese);
    font-weight: 700; /* OPPOSans-B (Bold) */
    color: #000;
    margin-bottom: 60px;
    line-height: 1.2;
}

.subscribe-platforms {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.platform-item {
    display: flex;
    align-items: flex-start; /* 顶部对齐 */
    justify-content: space-between;
    gap: 24px;
    flex-wrap: nowrap; /* 始终一行展示 */
}

.platform-info {
    flex: 1;              /* 占据除图片外的剩余空间 */
    min-width: 0;        /* 允许 flex 子元素收缩 */
    text-align: left;
    display: flex;        /* 内部再做一行两列布局：左 label，右描述 */
    align-items: flex-start;
    overflow: hidden;     /* 防止内容溢出 */
}

.platform-name {
    font-size: var(--font-subscribe-name); /* 设计稿 50px 自动换算 */
    font-weight: 700; /* OPPOSans-B (Bold) */
    color: #000;
    line-height: 1.4;
    margin: 0;
    margin-right: 12px;   /* label 和描述之间的间距 */
    flex-shrink: 0;       /* 不被压缩 */
    width: 4.5em;         /* 宽度按文字大致一列，和设计稿类似 */
    word-wrap: break-word; /* 允许长单词换行 */
    overflow-wrap: break-word; /* 兼容性更好的换行 */
}

/* 英文版：调整平台名称宽度，防止溢出 */
html[lang="en"] .platform-name {
    width: 5em; /* 英文"Podcast"比中文"播客"长，增加宽度 */
    min-width: 5em;
    word-break: break-word; /* 允许在单词内换行 */
}

/* 英文版：平台描述文字处理 */
html[lang="en"] .platform-desc {
    word-break: break-word; /* 允许在单词内换行 */
    hyphens: auto; /* 自动添加连字符 */
}

.platform-name .subtitle-small {
    font-size: 0.75em;    /* 相对于父元素字体大小的75% */
}

.platform-desc {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 500; /* OPPOSans-L (Light) */
    font-size: var(--font-subscribe-desc); /* 设计稿 40px 自动换算 */
    line-height: 1.6;
    color: #666666;
    flex: 1;           /* 占满右侧文字列空间 */
    margin: 0;         /* 不再居中，左侧与上方文案对齐 */
    text-align: justify;
    word-wrap: break-word; /* 允许长单词换行 */
    overflow-wrap: break-word; /* 兼容性更好的换行 */
    min-width: 0; /* 允许 flex 子元素收缩 */
}

.platform-image {
    flex-shrink: 0;
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    width: 66.67px; /* 200px设计稿 ÷ 3 = 66.67px */
    height: 66.67px;
    /* 设计稿为 200x200，这里用自动换算比例缩放 */
    /* width: calc(200px * var(--scale-ratio)); 优先使用CSS变量 */
    /* height: calc(200px * var(--scale-ratio)); */
}

.platform-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover; /* Opera 浏览器 */
    display: block;
}

/* Founder Park 订阅模块特殊行 */
.founder-subscribe {
    margin-top: 40px;
}

/* meta 行保持与上方栏目名对齐，只是文案不同 */
.meta-row .platform-name {
    width: 4.5em;
    margin-right: 12px;
}

.meta-row.last-meta {
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

/* Founder Park 订阅模块第一行下边框：同时在文案和二维码下方，长度不过分延伸 */
.founder-subscribe .platform-item:first-child .platform-info,
.founder-subscribe .platform-item:first-child .platform-image {
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.global-ready .platform-logo {
    flex-shrink: 0;
    margin-right: 12px;
}

.global-ready .platform-logo img {
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    width: 26.67px; /* 80px设计稿 ÷ 3 = 26.67px */
    height: auto;
    width: calc(80px * var(--scale-ratio)); /* 优先使用CSS变量 */
    display: block;
}

.f-row .platform-logo {
    flex-shrink: 0;
    margin-right: 12px;
}

.f-logo {
    display: inline-block;
    font-family: 'OPPOSans', sans-serif;
    font-weight: 700;
    font-size: var(--font-subscribe-name);
}

/* F 行：让描述与上方文案左边缘对齐 */
.f-row .platform-name {
    width: 0;
    margin-right: 0;
}

.f-row .platform-desc {
    margin: 0; /* 不再水平居中，紧贴左侧，与其他行对齐 */
}

/* Join Us 内容区域 */
.join-content {
    width: 85%;
    margin: 0 auto;
    position: relative;
    background-color: #fff; /* 白色背景，确保内容清晰可见 */
}

/* 中文标题 */
.join-title-chinese {
    font-size: var(--font-join-title-chinese);
    font-weight: 700; /* OPPOSans-B (Bold) */
    color: #000;
    line-height: 1.2;
    margin-bottom: 10px; /* 与英文标题之间的间距 */
}

/* 英文标题包装器 */
.join-title-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 40px; /* 与 vision-title 的 margin-bottom 一致 */
}

/* 英文标题 */
.join-title-english {
    font-size: var(--font-join-title-chinese);
    font-weight: 900; /* OPPOSans-H (Heavy) */
    color: #000;
    margin: 0;
    line-height: 1;
}

/* 粉色标签 */
.join-tag {
    display: inline-block;
    background-color: #FF69B4; /* 粉色 */
    color: #fff;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

/* 正文区域 */
.join-text {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 300; /* OPPOSans-L (Light) */
    font-size: var(--font-join-text);
    line-height: 1.6;
    color: #000;
    width: 90%;
    margin: 0 auto;
    position: relative; /* 为绝对定位的图片提供定位参考 */
    text-align: justify;
    margin-top: 40px;
}

.join-text p {
    margin-bottom: 20px;
}

/* 最后一个 join-subtitle 下面的 p 标签样式 */
.join-text-last {
    padding-bottom: 80px;
}

/* 联系部分 */
.join-contact {
    width: 90%;
    margin: 40px auto 0;
}

.join-contact-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 30px;
}

.join-contact-row:last-child {
    margin-bottom: 40px;
}

.join-contact-text {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 900; /* OPPOSans-H (Heavy) */
    font-size: var(--font-subscribe-desc); /* 40px 设计稿，自动换算 */
    line-height: 1.6;
    color: #444444;
    margin: 0;
    flex: 1;
    text-align: justify;
}

.join-contact-arrow {
    width: auto;
    height:0.8em;
    display: inline-block;
    vertical-align: middle;
    margin-left:0;
    flex-shrink: 0;
}

.join-contact-qr {
    flex-shrink: 0;
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    width: 46px; /* 138px设计稿 ÷ 3 = 46px */
    height: 46px;
    /* width: calc(138px * var(--scale-ratio)); 优先使用CSS变量 */
    /* height: calc(138px * var(--scale-ratio)); */
}

.join-contact-qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain; /* Opera 浏览器 */
    display: block;
}

.join-contact-email {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 500; /* OPPOSans-M (Medium) */
    font-size: var(--font-subscribe-desc); /* 40px 设计稿，自动换算 */
    color: #000;
    margin: 0;
    flex-shrink: 0;
    text-decoration: none;
}

.join-contact-email:hover {
    text-decoration: underline;
}

/* 愿景部分 */
.vision-content {
    width: 100vw; /* 占满整个视口宽度 */
    margin-left: calc(-50vw + 50%); /* 突破父容器限制，从视口左边缘开始 */
    padding: 60px 30px 10px 30px;
    background: #1A1A1A;
}

.vision-title {
    font-size: var(--font-join-title-chinese);
    font-weight: 700; /* OPPOSans-B (Bold) */
    color: #FFFFFF;
    margin-bottom: 40px;
    line-height: 1.2;
    text-align: left;
}

.vision-title-indent {
    display: inline-block;
    text-indent: -0.5em; /* 缩进半个字符宽度 */
}

.vision-text {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 300; /* OPPOSans-L (Light) */
    font-size: var(--font-join-text);
    line-height: 1.6;
    color: #DDDDDD;
    width: 90%;
    margin: 0 auto;
    text-align: justify;
}

.vision-text p {
    margin-bottom: 20px;
}

.vision-text p:last-child {
    margin-bottom: 80px;
}

/* GEEKPARK 品牌图片区域 */
.brand-section {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    /* padding-bottom: calc(var(--bottom-nav-height) + -7px); 底部留出导航栏高度 + 额外间距 */
    position: relative;
    z-index: 1; /* 确保在背景之上，但在导航栏之下 */
    margin: 0 auto;
    padding-bottom:30px;
}

.brand-section img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    -o-object-fit: cover; /* Opera 浏览器 */
    position: relative;
    z-index: 1;
}

/* 第四屏 Founder Park 订阅内容（全新布局） */
.fp-subscribe {
    width: 100%;
    padding: 0px 20px 40px 20px;
}

.fp-title {
    font-size: var(--font-join-title-chinese);
    font-weight: 700;
    color: #000;
    margin-bottom: 40px;
    line-height: 1.2;
}

.fp-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0 0px 0;
}

.fp-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex: 1;
    min-width: 0; /* 防止flex子元素溢出 */
}

.fp-row-divider .fp-main {
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 16px;
}

/* 当 fp-row-divider 后面跟着 fp-row-no-border-top 时，去掉边框 */
/* 使用兼容性更好的方式：通过JavaScript动态添加类 */
.fp-row-divider.fp-no-border-next .fp-main {
    border-bottom: none;
}

.fp-row-border {
    padding-bottom: 16px;
}

.fp-row-border .fp-main {
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 16px;
}

.fp-label {
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    font-size: 16.67px; /* 50px设计稿 ÷ 3 = 16.67px */
    font-size: var(--font-subscribe-name); /* 优先使用CSS变量 */
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    flex-shrink: 0;
    width: 4.5em;
}

.fp-label-logo img {
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    width: 50px; /* 150px设计稿 ÷ 3 = 50px */
    height: auto;
    width: calc(150px * var(--scale-ratio)); /* 优先使用CSS变量 */
    display: block;
}

.fp-label-f {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 700;
    font-size: var(--font-subscribe-name);
    width: auto;
}

.fp-text {
    font-family: 'OPPOSans', sans-serif;
    font-weight: 500;
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    font-size: 13.33px; /* 40px设计稿 ÷ 3 = 13.33px */
    font-size: var(--font-subscribe-desc); /* 优先使用CSS变量 */
    line-height: 1.6;
    color: #666666;
    flex: 1;
    text-align: left; /* 改为左对齐，避免justify导致的奇怪换行 */
    word-break: normal; /* 正常换行，不在单词中间断开 */
    word-wrap: break-word; /* 允许长单词换行 */
    overflow-wrap: break-word; /* 兼容性更好的换行 */
}

.fp-text strong {
    font-weight: 900; /* OPPOSans-H (Heavy) */
}

.fp-meta-text {
    font-weight: 700;
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    font-size: 16.67px; /* 50px设计稿 ÷ 3 = 16.67px */
    font-size: var(--font-subscribe-name); /* 优先使用CSS变量 */
}

.fp-meta-arrow {
    width: auto;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.3em;
    /* 兼容性更好的对齐方式 */
    position: relative;
    top: -0.05em;
    margin-top: 1px;
}

/* 四个箭头独立设置margin */
.fp-meta-arrow-1 {
    margin-left: 0.2em;
    margin-top: -1px
}

.fp-meta-arrow-2 {
    margin-left: 0.3em;
    margin-top: -1px;
}

.fp-meta-arrow-3 {
    margin-left: 0.3em;
    margin-top: -1px;
}

.fp-meta-arrow-4 {
    margin-left: 0.3em;
    margin-top: 1px;
}

.fp-qr {
    flex-shrink: 0;
    /* 降级方案：如果CSS变量不支持，使用固定值 */
    width: 66.67px; /* 200px设计稿 ÷ 3 = 66.67px */
    height: 66.67px;
    /* width: calc(200px * var(--scale-ratio)); 优先使用CSS变量 */
    /* height: calc(200px * var(--scale-ratio)); */
}

.fp-qr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover; /* Opera 浏览器 */
    display: block;
}

/* 小标题（第一类、第二类） */
.join-subtitle {
    font-size: var(--font-join-subtitle);
    font-weight: 300; /* OPPOSans-L */
    color: #000;
    margin: 40px 0 0px 0;
    line-height: 1.4;
}

/* 顶部区域 */
.header {
    padding: 20px 20px 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.copyright {
    font-size: var(--font-copyright);
    color: #000;
    font-weight: 400;
}

.since {
    font-size: var(--font-copyright);
    color: #000;
    font-weight: 400;
}

.header-line {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #999;
}

/* 主要内容区域 */
.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    padding: 40px 20px;
    position: relative;
    z-index: 2;
}

/* 背景字母装饰 */
.background-letters {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3;
}

.letter-g {
    font-size: var(--font-letter-g);
    font-weight: 900;
    color: #fff;
    -webkit-text-stroke: 8px #fff;
    line-height: 1;
    font-family: 'OPPOSans', 'Arial Black', Arial, sans-serif;
    letter-spacing: -20px;
}

/* 主标题 */
.title-wrapper {
    z-index: 3;
    position: relative;
    font-weight: 900; /* OPPOSans-H (Heavy) */
}

.title-chinese {
    font-size: var(--font-title-chinese);
    font-weight: 900; /* OPPOSans-H (Heavy) */
    color: #000;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.title-english {
    font-size: var(--font-title-english);
    font-weight: 900; /* OPPOSans-H (Heavy) */
    color: #000;
    line-height: 1.2;
    letter-spacing: 1px;
}

.title-english .line {
    display: block;
}

/* 底部联系信息 */
.footer {
    padding: 30px 20px 40px;
    z-index: 2;
    position: relative;
}

.contact-text {
    font-size: var(--font-contact);
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
}

.contact-email {
    font-size: var(--font-contact);
    font-weight: 700;
    color: #000;
}

.conttxt {
    /* padding-top: var(--welcome-title-top); 标题距离顶部 134px（设计稿），自动换算 */
    padding-top: 40px;
}

.conttxt .txt {
    width: 85%;
    margin: 0 auto;
    font-family: 'OPPOSans', sans-serif;
    font-weight: 300;
    font-size: var(--font-conttxt);
    line-height: 1.6;
    text-align: justify;
    margin-top: 30px;
}

.conttxt .txt strong {
    font-weight: 900; /* OPPOSans-H (Heavy) */
}

/* 英文版本：移除两端对齐，使用左对齐 */
html[lang="en"] .conttxt .txt,
html[lang="en"] .join-text,
html[lang="en"] .join-text p,
html[lang="en"] .founder-content,
html[lang="en"] .founder-content p,
html[lang="en"] .anliang-content,
html[lang="en"] .anliang-content p,
html[lang="en"] .vision-text,
html[lang="en"] .vision-text p,
html[lang="en"] .platform-desc,
html[lang="en"] .fp-text,
html[lang="en"] .subscribe-content p,
html[lang="en"] .join-text-last,
html[lang="en"] .join-contact-text,
html[lang="en"] .zhangpeng-title {
    text-align: left !important;
}

/* 中文版本：确保使用两端对齐 */
html[lang="zh-CN"] .conttxt .txt,
html[lang="zh-CN"] .join-text,
html[lang="zh-CN"] .join-text p,
html[lang="zh-CN"] .founder-content,
html[lang="zh-CN"] .founder-content p,
html[lang="zh-CN"] .anliang-content,
html[lang="zh-CN"] .anliang-content p,
html[lang="zh-CN"] .vision-text,
html[lang="zh-CN"] .vision-text p,
html[lang="zh-CN"] .platform-desc,
html[lang="zh-CN"] .fp-text,
html[lang="zh-CN"] .subscribe-content p,
html[lang="zh-CN"] .join-text-last,
html[lang="zh-CN"] .join-contact-text,
html[lang="zh-CN"] .zhangpeng-title {
    text-align: justify !important;
}

/* 向下箭头/Logo 占位区域 */
.scroll-arrow {
    text-align: center;
    margin-top: 30px;
    width: 100%;
    display: block;
    min-height: 40px; /* 先占位置，后续替换为 logo */
}

.scroll-arrow img {
    /* width: var(--scroll-arrow-size); 使用设计稿尺寸自动换算 */
    width: 8%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

/* 品牌 Logo 展示区域 */
.brand-logos {
    width: 100vw; /* 占满整个视口宽度 */
    margin-left: calc(-50vw + 50%); /* 突破父容器限制，从视口左边缘开始 */
    margin-top: 40px;
}

.brand-logo-main {
    text-align: center;
    width: 100%;
}

.brand-logo-main img {
    width:70%; /* 使用设计稿尺寸自动换算 */
    height: auto;
    max-width: 100%;
    display: inline-block;
    object-fit: contain;
    -o-object-fit: contain; /* Opera 浏览器 */
}

.brand-logos-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* 底部对齐 */
    gap: 15px;
    width: 100%;
    padding: 0 20px; /* 左右内边距，避免logo贴边 */
    margin-top: 10px;
    margin-bottom:60px;
}

.brand-logos-row img {
    height: auto;
    display: block;
    object-fit: contain;
    -o-object-fit: contain; /* Opera 浏览器 */
    flex: 0 0 auto; /* 固定尺寸，不自动拉伸 */
}

.brand-logos-row img:nth-child(1) {
    width: 35%; /* 第一个logo */
}

.brand-logos-row img:nth-child(2) {
    width: 30%; /* 第二个logo */
}

.brand-logos-row img:nth-child(3) {
    width: 22%; /* 第三个logo */
}

/* 底部背景图区域 */
.bottom-background {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 0.5;
}

/* 手机端适配 */
@media (max-width: 480px) {
    .hero-section-2{
        width: 100%;
    }
    /* 手机端底部导航栏高度调整 */
    .bottom-nav {
        /* height: calc(var(--bottom-nav-height) * 0.9) !important; 减小30%的高度 */
        height: 70px !important;
        bottom: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        transform: translateY(0) translateZ(0) !important;
        -webkit-transform: translateY(0) translateZ(0) !important;
    }
    
    /* 手机端body移除底部padding */
    body {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* 手机端首屏图片优化：所有首屏图片统一处理 */
    .hero-section img,
    .hero-section-2 img,
    .hero-section-3 img,
    .hero-section-4 img,
    .hero-section-5 img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .title-chinese {
        font-size: var(--font-title-chinese); /* 保持与基础样式一致 */
    }

    .title-english {
        font-size: var(--font-title-english); /* 保持与基础样式一致 */
        font-weight: 900; /* OPPOSans-H (Heavy) */
    }

    .letter-g {
        font-size: calc(var(--font-letter-g) * 0.833); /* 缩小到原来的83.3% */
    }

    .header {
        padding: 15px 15px 8px;
    }

    .footer {
        padding: 20px 15px 30px;
    }
    
    /* 手机端正文和描述字体放大10%，提升可读性 */
    .conttxt .txt {
        font-size: calc(var(--font-conttxt) * 1.1) !important;
    }
    
    .join-text {
        font-size: calc(var(--font-join-text) * 1.1) !important;
    }
    
    .founder-content,
    .anliang-content,
    .vision-text,
    .platform-desc,
    .join-contact-text,
    .join-contact-email {
        font-size: calc(var(--font-conttxt) * 1.1) !important;
    }
    
    /* 手机端标题字体放大10% */
    .join-title-chinese,
    .vision-title,
    .subscribe-title,
    .welcome-title {
        font-size: calc(var(--font-join-title-chinese) * 1.1) !important;
    }
    
    /* 手机端小标题字体放大10% */
    .join-subtitle {
        font-size: calc(var(--font-join-subtitle) * 1.1) !important;
    }
    
    /* 手机端订阅模块字体放大10% */
    .platform-name,
    .zhangpeng-platform-label {
        font-size: calc(var(--font-subscribe-name) * 1.1) !important;
    }
    
    /* 手机端 Founder Park 和安量资本文案字体放大10% */
    .founder-content,
    .anliang-content,
    .zhangpeng-title {
        font-size: calc(var(--font-founder-text) * 1.1) !important;
    }
    
    /* 手机端订阅描述字体放大10% */
    .platform-desc,
    .join-contact-text,
    .join-contact-email {
        font-size: calc(var(--font-subscribe-desc) * 1.1) !important;
    }
    
    /* 手机端张鹏联系方式区域优化 */
    .zhangpeng-title {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    
    .zhangpeng-platforms {
        gap: 30px; /* 手机端减小间距 */
    }
    
    /* 手机端联系部分优化 */
    .join-contact-row {
        gap: 20px; /* 手机端减小间距 */
        flex-wrap: wrap; /* 允许换行 */
    }
}

/* 小屏幕优化 */
@media (max-width: 360px) {
    .title-chinese {
        font-size: calc(var(--font-title-chinese) * 0.8); /* 缩小到原来的80% */
    }

    .title-english {
        font-size: calc(var(--font-title-english) * 0.833); /* 缩小到原来的83.3% */
    }

    .letter-g {
        font-size: calc(var(--font-letter-g) * 0.667); /* 缩小到原来的66.7% */
    }
    
    /* 小屏幕张鹏联系方式区域进一步优化 */
    .zhangpeng-platforms {
        gap: 20px; /* 更小的间距 */
        width: 90%; /* 增加宽度 */
    }
    
    .zhangpeng-title {
        width: 90%;
    }
    
    .join-contact-row {
        gap: 16px; /* 更小的间距 */
    }
}