/* 如果您有 HarmonyOS Sans SC 的字体文件，请将 @font-face 代码放在这里 */

    /* 全屏背景层，突破后台容器宽度限制 */
    .ys-fullwidth-bg {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #f3f7fc; /* 全屏背景色 */
        overflow: hidden; /* 防止水平滚动条 */
    }

    /* 内容限制层（让文字内容居中在 1200px 范围内，保证阅读体验） */
    .ys-about-section {
        font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
        max-width: 1200px;
        margin: 0 auto;
        padding: 60px 20px;
        background-color: transparent; 
        color: #333;
        box-sizing: border-box;
    }
    
    .ys-about-section * {
        box-sizing: border-box;
    }

    /* 顶部主内容区 */
    .ys-about-top {
        display: flex;
        justify-content: space-between;
        align-items: stretch; 
        gap: 50px;
        margin-bottom: 60px;
    }

    /* 左侧文本区 */
    .ys-about-text {
        flex: 1;
        max-width: 550px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; 
    }

    .ys-subtitle {
        font-size: 14px;
        text-transform: uppercase;
        color: #666;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

    /* 标题字号 44px，加粗 */
    .ys-title {
        font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
        font-size: 44px; 
        font-weight: 700; 
        line-height: 1.4;
        color: #1a1a1a;
        margin-top: 0;
        margin-bottom: 30px;
    }

    /* 第一大段描述文字样式（黑色，Medium） */
    .ys-desc-p1 {
        font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
        font-weight: 500; 
        font-size: 18px; 
        color: #000000; 
        line-height: 1.8;
        margin-top: 0;
        margin-bottom: 16px; 
        text-align: justify;
    }

    /* 后续描述文字样式（较小字体，50%透明度，Regular，无段落空隙） */
    .ys-desc-light {
        font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
        font-weight: 400; 
        font-size: 15px; 
        color: rgba(0, 0, 0, 0.5); 
        line-height: 1.7;
        text-align: justify;
        margin-top: 0;
        margin-bottom: 0; 
    }

    /* 右侧图片区 - 采用相对定位 */
    .ys-about-image {
        flex: 1;
        max-width: 550px;
        position: relative; 
        border-radius: 8px; 
        overflow: hidden; 
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); 
    }

    /* 图片 - 采用绝对定位撑满容器 */
    .ys-about-image img {
        position: absolute; 
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
        object-fit: cover; 
        display: block;
    }

    /* 【修改点】底部数据统计区：去掉白底、边框、阴影，只留文字和分割线 */
    .ys-stats-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0; /* 调整内边距，让其自然融入背景 */
        background-color: transparent; /* 背景透明 */
        border: none; /* 去掉边框 */
        border-radius: 0; /* 去掉圆角 */
        box-shadow: none; /* 去掉阴影 */
    }

    .ys-stat-item {
        flex: 1;
        text-align: center;
        border-right: 1px solid #e0e6ed; /* 保留分割线，稍微加深一点以适配底色 */
        padding: 0 10px;
    }

    .ys-stat-item:last-child {
        border-right: none;
    }

    /* 数字字号，颜色 #0c48ac */
    .ys-stat-number {
        font-size: 48px; 
        font-weight: 700;
        color: #0c48ac; 
        line-height: 1.2;
        display: flex;
        justify-content: center;
        align-items: baseline;
    }

    /* 单位字号按比例增大 */
    .ys-stat-unit {
        font-size: 20px; 
        font-weight: 600;
        color: #0c48ac; 
        margin-left: 2px;
    }

    .ys-stat-label {
        font-size: 14px;
        color: #888;
        margin-top: 10px;
    }

    /* 响应式设计 (手机端适配) */
    @media (max-width: 768px) {
        .ys-about-top {
            flex-direction: column;
            gap: 30px;
        }
        
        .ys-about-text, .ys-about-image {
            max-width: 100%;
        }

        .ys-title {
            font-size: 32px;
        }

        .ys-about-image {
            position: static;
            height: auto; 
            box-shadow: none; 
        }
        
        .ys-about-image img {
            position: static;
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }

        .ys-stats-container {
            flex-wrap: wrap;
            padding: 20px 0;
        }

        .ys-stat-item {
            flex: 0 0 50%;
            border-right: none; /* 移动端换行时去掉分割线，防止错乱 */
            margin-bottom: 30px;
        }

        .ys-stat-item:nth-last-child(-n+2) {
            margin-bottom: 0;
        }
        
        .ys-stat-number {
            font-size: 38px; 
        }
        
        .ys-stat-unit {
            font-size: 18px;
        }
    }