/* =========================================
   1. 全局样式重置与变量
   ========================================= */
:root {
    --primary-purple: #4a00e0;
    /* 核心深紫色 */
    --accent-yellow: #FFEC3A;
    /* 亮黄色高亮 */
    --text-dark: #333;
    --text-light: #fff;
    --gray-bg: #f6f7fb;
    --container-width: 1200px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* PC 端最小宽度限制（仅在大屏幕上应用） */
@media (min-width: 769px) {
    html {
        min-width: 1440px;
    }
    
    body {
        min-width: 1440px;
    }
}

body {
    font-family: 'Noto Sans SC', sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
    /* 全局单词完整性策略 - 防止单词断行 */
    word-break: normal;
    overflow-wrap: break-word;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.main-title {
    font-size: 32px;
    font-weight: 700;
    color: #333;
}

.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

.fade-up.active {
    opacity: 1;
    transform: translateY(0);
}

.highlight-mark {
    display: inline-block;
    background: linear-gradient(to top, var(--accent-yellow) 50%, transparent 50%);
    padding: 0 5px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* =========================================
   2. Header 导航
   ========================================= */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    background: transparent;
    /* backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); */
    height: 100px;
}

header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.30);
    opacity: 0.5;
}

header.scrolled {
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

header.scrolled::after {
    background: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

.nav-content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo {
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none;
    display: inline-block;
    line-height: 0 !important;
}

.logo:link,
.logo:visited,
.logo:hover,
.logo:active {
    text-decoration: none;
    color: inherit;
}

.logo img {
    width: 184px;
    height: 49px;
    object-fit: contain;
}

/* PC端1920及以上分辨率：logo去掉宽度限制，高度改为66px */
@media (min-width: 1920px) {
    .logo img {
        width: auto;
        height: 66px;
    }
}

.nav-links {
    display: flex;
    gap: 50px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-links li {
    list-style: none;
}

.nav-links a {
    color: #fff;
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2em;
    transition: all 0.3s ease;
    opacity: 0.6;
    white-space: nowrap;
}

.nav-links a:hover {
    opacity: 0.8;
}

.nav-links a.active {
    opacity: 1;
}

.nav-links>li:last-child {
    position: fixed;
    right: 80px;
    top: 41px;
    z-index: 1001;
}

/* 移动端菜单按钮（默认隐藏） */
.mobile-menu-btn {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    z-index: 1002;
}

.mobile-menu-btn .menu-icon {
    width: 32px;
    height: 32px;
    display: block;
}

/* 语言选择器 */
.language-selector {
    position: relative;
}

.language-current {
    display: flex;
    align-items: center;
    gap: 18px;
    color: #fff;
    font-size: 14px;
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
}

.language-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    transition: transform 0.3s ease;
    object-fit: contain;
    transform: rotate(180deg);
}

.language-selector.active .language-icon {
    transform: rotate(0deg);
}

.language-dropdown {
    position: absolute;
    top: 100%;
    right: -6px;
    margin-top: 8px;
    width: 103px;
    height: 156px; /* 根据 Figma 精确高度 */
    background: #FFFFFF;
    border-radius: 4px;
    list-style: none;
    padding: 0;
    margin-left: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.language-selector.active .language-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-option {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.28em;
    color: #3B3B3B;
    padding: 0;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    position: relative;
    opacity: 0.6;
}

/* 根据 Figma 精确位置：
   简体中文: y:16, height:18
   繁體中文: y:53, height:18
   English: y:90, height:18
   日本語: y:127, height:18
   间距：53-16-18=19, 90-53-18=19, 127-90-18=19
*/
.language-option:nth-child(1) {
    margin-top: 16px;
    margin-bottom: 19px;
}

.language-option:nth-child(2) {
    margin-bottom: 19px;
}

.language-option:nth-child(3) {
    margin-bottom: 19px;
}

.language-option:nth-child(4) {
    margin-bottom: 16px;
}

.language-option:hover {
    opacity: 0.8;
}

.language-option.active {
    opacity: 1;
    color: #3B3B3B;
}

/* 滚动后保持白色文字 */
header.scrolled .language-current {
    color: #fff;
}

/* =========================================
   3. Hero Section
   ========================================= */
#hero {
    height: 1080px;
    max-height: 100vh;
    position: relative;
    overflow: hidden;
    background: #000;
}

.hero-bg-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hero-bg-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.6s ease-in-out;
    pointer-events: none;
}

.hero-bg-slide.active {
    opacity: 1;
    pointer-events: auto;
}

.hero-container {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.hero-slides-wrapper {
    position: absolute;
    left: 160px;
    top: 402px;
    width: 700px;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.6s ease-in-out;
    pointer-events: none;
}

.hero-slide.active {
    opacity: 1;
    pointer-events: auto;
}

.hero-slide h1 {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.5em;
    color: #F8F8F8;
    margin-bottom: 35px;
    text-align: left;
}

.hero-slide p {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2em;
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
}

.hero-controls-area {
    position: absolute;
    left: 164px;
    bottom: 150px;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 10;
}

.nav-buttons {
    display: flex;
    gap: 16px;
}

.nav-btn {
    width: 52px;
    height: 52px;
    border-radius: 30px;
    background: transparent;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFFFFF;
    padding: 10px;
    box-sizing: border-box;
}

.nav-btn i {
    font-size: 20px;
    line-height: 1;
}

/* PC端按钮图片样式 */
@media (min-width: 769px) {
    /* PC端移除按钮所有样式，直接使用图片 */
    .nav-btn {
        width: 52px;
        height: 52px;
        border: none;
        border-radius: 0;
        background: transparent;
        padding: 0;
        color: transparent;
        opacity: 1;
        display: inline-block;
        box-sizing: content-box;
        flex: none;
        align-items: stretch;
        justify-content: flex-start;
    }
    
    .nav-btn.prev-btn,
    .nav-btn.next-btn {
        opacity: 1;
        border: none;
        color: transparent;
    }
    
    /* PC端移除所有hover效果，只使用图片 */
    .nav-btn:hover,
    .nav-btn.prev-btn:hover,
    .nav-btn.next-btn:hover {
        background: transparent !important;
        opacity: 1 !important;
        border: none !important;
        border-color: transparent !important;
        color: transparent !important;
        transform: none !important;
        box-shadow: none !important;
    }
    
    /* PC端prev-btn完全移除hover效果 */
    .nav-btn.prev-btn:hover {
        opacity: 1 !important;
        background: transparent !important;
    }
    
    .nav-btn-img-pc {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }
    
    /* PC端隐藏图标 */
    .nav-btn i {
        display: none;
    }
    
    /* PC端按钮图片默认显示状态 */
    .prev-btn .nav-prev-img-pc {
        display: block;
    }
    
    .prev-btn .nav-prev-img-pc-active {
        display: none;
    }
    
    .next-btn .nav-next-img-pc {
        display: none;
    }
    
    .next-btn .nav-next-img-pc-active {
        display: block;
    }
}

.nav-btn.prev-btn:hover {
    opacity: 0.5;
}

.nav-btn.next-btn {
    border-color: #FFEC3A;
    color: #FFEC3A;
    opacity: 1;
}

.nav-btn.next-btn:hover {
    background: rgba(255, 236, 58, 0.1);
}

.slide-counter {
    font-family: 'Noto Sans SC', sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
    margin-left: 32px;
}

.scroll-down {
    position: absolute;
    right: 192px;
    bottom: 0;
    width: 54px;
    height: 122px;
    color: #fff;
    z-index: 2;
    font-family: 'Noto Sans SC', serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.scroll-down span {
    overflow-wrap: normal; /* 所有语言下，SCROLL 文本不强制换行 */
}

.scroll-line {
    position: absolute;
    left: 27px;
    top: 22px;
    width: 1px;
    height: 100px;
    background: linear-gradient(to bottom,
            #FFFFFF 0%,
            #FFFFFF 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 100%);
}

/* =========================================
   4. About Section - 严格按照 Figma 设计
   ========================================= */
#about {
    background: #FFFFFF;
    min-height: 945px;
    display: flex;
    align-items: center;
    padding: 160px 0;
}

.about-grid {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 300px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 320px;
}

.about-text {
    flex: 0 0 780px;
}

/* 公司名称 - PC端显示 */
.company-name {
    display: block;
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25em;
    color: #000000;
    margin-bottom: 32px;
    position: relative;
}

/* 黄色高亮标签 */
.highlight-mark {
    display: inline-block;
    position: relative;
    padding: 0 3px;
}

.highlight-mark::after {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    height: 23px;
    background: #FFEC3A;
    z-index: -1;
}

/* 主标题 */
.about-text h2 {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.33em;
    color: #3B3B3B;
    margin-bottom: 24px;
    width: 780px;
    margin-top: 0;
}

/* 成立年份标签 */
.company-info {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25em;
    color: #3B3B3B;
    opacity: 0.6;
    margin-bottom: 42px;
    display: inline-block;
    position: relative;
    padding-right: 112px;
}

/* 分隔线 */
.company-info::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 96px;
    height: 1px;
    background: #3B3B3B;
    opacity: 0.6;
}

/* 描述文字 */
.about-text p {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.78em;
    color: #3B3B3B;
    width: 780px;
    margin: 0;
}

/* 右侧数据卡片容器 */
.stats-container {
    flex: 0 0 262px;
    display: flex;
    flex-direction: column;
    gap: 53px;
    padding-top: 0;
}

/* 单个数据卡片 */
.stat-card {
    background: #F6F7FC;
    width: 262px;
    height: 146px;
    padding: 21px 42px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

/* 数据标签 */
.stat-label {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.22em;
    color: #3B3B3B;
    opacity: 0.6;
    height: 29px;
}

/* 数据数字 */
.stat-number {
    font-family: 'Roboto', sans-serif;
    font-size: 66px;
    font-weight: 900;
    line-height: 0.67em;
    color: #9A5FFF;
}

/* 数据单位 */
.stat-unit {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25em;
    color: #3B3B3B;
    margin-left: 8px;
    align-self: flex-end;
}

/* =========================================
   5. Service Section - 严格按照 Figma 设计
   ========================================= */
#service {
    position: relative;
    height: 1080px;
    background-image: url('../images/service_bg.jpg');
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    overflow: hidden;
}

.service-container {
    max-width: 1920px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

/* 标题区域 */
.service-header {
    text-align: center;
    padding-top: 120px;
    margin-bottom: 72px;
}

.service-header p {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25em;
    color: #FFFFFF;
    margin-bottom: 24px;
}

.service-header h2 {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.21em;
    color: #FFFFFF;
}

/* 主图片区域 */
.service-main-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 296px;
    width: 1590px;
    height: 784px;
    overflow: hidden;
    z-index: 1;
}

    .service-bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transition: opacity 0.6s ease;
    }
    
    .service-bg-img-mobile {
        display: none;
    }
    
    .service-btn-img-pc {
        display: block;
    }
    
    .service-btn-img-mobile {
        display: none;
    }

.service-bg-img.active {
    opacity: 1;
}

/* PC端：左侧服务卡片及相关样式 */
@media (min-width: 769px) {
    /* 左侧服务卡片 */
    .service-left-card {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 812px;
        min-height: 502px;
        height: auto;
        background: #5500B7;
        z-index: 2;
        padding-bottom: 40px; /* 为英文文本预留额外空间 */
    }

    .service-slide {
        opacity: 0;
        transition: opacity 0.6s ease;
        position: absolute;
        top: 86px;
        left: 165px;
        width: calc(100% - 165px);
        pointer-events: none;
        padding-bottom: 20px; /* 防止内容被截断 */
    }

    .service-slide.active {
        opacity: 1;
        pointer-events: auto;
    }

    /* 编号 01/04 - 卡在卡片上边缘 */
    .num-wrap {
        position: absolute;
        top: -83px;
        left: 0;
        transform: translateY(-50%);
    }

    .num-big {
        font-family: 'Roboto', sans-serif;
        font-size: 144px;
        font-weight: 900;
        line-height: 1.21em;
        color: #FFFFFF;
    }

    .num-small {
        font-family: 'Roboto', sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1.22em;
        color: rgba(255, 255, 255, 0.4);
    }

    /* 标题 */
    .card-title {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 1.25em;
        color: #FFFFFF;
        margin: 78px 0 74px 0;
        text-align: left;
        width: 425px;
    }

    /* 副标题 */
    .card-subtitle {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.25em;
        color: #FFFFFF;
        margin: 0 0 28px 0;
        text-align: left;
    }

    /* 描述文字 */
    .card-desc {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 2.22em;
        color: rgba(255, 255, 255, 0.8);
        max-width: 566px;
        text-align: left;
        word-wrap: break-word;
        overflow-wrap: break-word;
        margin-bottom: 0; /* 确保底部有空间 */
    }

    /* 切换按钮组 - 严格按照Figma设计稿位置 */
    .service-nav-buttons {
        position: absolute;
        left: 620px;
        top: 680px;
        display: flex;
        gap: 24px;
        z-index: 3;
    }

    .service-nav-btn {
        width: 64px;
        height: 64px;
        background: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
        display: block;
    }

    .service-nav-btn img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .service-nav-btn.hidden {
        visibility: hidden;  /* 用 visibility 而不是 display,保持位置 */
    }

    /* 右侧服务列表 */
    .service-right-list {
        position: absolute;
        right: 0;
        bottom: 165px;
        width: 510px;
        background: #5500B7;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        padding: 24px 0 24px 32px;
        z-index: 2;
    }

    .service-right-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .service-right-list ul li {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 2.22em;
        letter-spacing: 0.08em;
        color: #FFFFFF;
        position: relative;
        padding-left: 16px;
    }

    .service-right-list ul li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 18px;
        width: 5px;
        height: 5px;
        background: #FFFFFF;
        border-radius: 50%;
    }

    /* PC端：第一个、第二个、第四个service-list-slide中的第四个li去掉前面的小白点 */
    .service-list-slide[data-index="1"] li:nth-child(5)::before,
    .service-list-slide[data-index="2"] li:nth-child(4)::before,
    .service-list-slide[data-index="4"] li:nth-child(4)::before {
        display: none;
    }

    .service-list-slide {
        display: none;
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    .service-list-slide.active {
        display: block;
        opacity: 1;
        animation: fadeIn 0.6s ease;
    }

    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
}

/* =========================================
   6. Process Section - 严格按照 Figma 设计
   ========================================= */
#process {
    background: #FFFFFF;
    min-height: 810px;
    padding: 0;
}

/* 顶部标题区域 */
.process-header-container {
    padding: 114px 0 0 160px;
    margin-bottom: 54px;
}

/* 黄色标签 */
.process-tag {
    display: inline-block;
    background: linear-gradient(to top, #FFEC3A 50%, transparent 50%);
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 2em;
    color: #000000;
    padding: 0 5px;
    margin-bottom: 27px;
}

/* 主标题 */
.process-title-group .main-title {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.33em;
    color: #3B3B3B;
    text-align: left;
    margin: 0;
}

/* 灰色流程区域 */
.process-content-wrapper {
    background-color: #F6F7FC;
    padding: 234px 0 0 0;
    width: 100%;
    min-height: 528px;
    position: relative;
}

/* 流程步骤容器 */
.process-timeline {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 176px;
    position: relative;
    text-align: center;
    padding: 0 80px;
}

/* 虚线 - 严格按照 Figma */
.timeline-line {
    position: absolute;
    top: 6px;
    left: 155px;
    right: 155px;
    height: 1px;
    background: transparent;
    border: none;
    background-image: repeating-linear-gradient(to right,
            #CCCCCC 0,
            #CCCCCC 6px,
            transparent 6px,
            transparent 12px);
    z-index: 0;
}

/* 单个步骤 */
.process-step {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 96px;
}

.process-step:last-child {
    width: 120px;
}

/* 步骤数字 */
.step-num {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 96px;
    font-weight: 400;
    line-height: 1.21em;
    color: #000000;
    opacity: 0.2;
    position: absolute;
    top: -134px;
    left: 50%;
    transform: translateX(-50%);
}

/* 紫色圆点 */
.step-dot {
    width: 12px;
    height: 12px;
    background-color: #8278FF;
    border-radius: 50%;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.step-dot::before {
    display: none; /* PC 端不显示数字 */
}

/* 图标 */
.step-icon {
    width: 74px;
    height: 56px;
    margin-bottom: 22px;
}

.step-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.step-icon .process-icon-mobile {
    display: none;
}

/* 步骤文字 */
.step-text {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25em;
    color: #000000;
    width: 96px;
}

.process-step:last-child .step-text {
    width: 120px;
}

/* =========================================
   7. Models Section (Strict Redesign)
   ========================================= */
#models {
    position: relative;
    padding: 120px 20px 120px;
    /* 底部留白 */
    background-color: #f6f7fb;
}


/* 背景处理：背景图覆盖全高，紫色渐变叠加在底部 */
#models::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/cooperation_bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

#models::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 47%;
    /* 底部紫色渐变，透明度让背景图透出 */
    background: rgba(98, 0, 209, 0.70);
    z-index: 1;
}

.models-container {
    position: relative;
    z-index: 2;
    max-width: 1590px;
    margin: 0 auto;
    padding: 0 165px 0;
    /* 确保在背景之上 */
}

.models-header {
    text-align: center;
    color: #fff;
    margin-bottom: 110px;
}

.models-header p {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25em;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 24px;
}

.models-header h2 {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.33em;
    color: #FFFFFF;
}

/* 卡片网格布局 */
.models-grid {
    display: flex;
    gap: 50px;
    justify-content: center;
}

/* 卡片通用样式 */
.model-card-v2 {
    position: relative;
    flex: 0 0 360px;
    width: 360px;
    height: 531px;
}

/* 错位效果：偶数卡片下沉 */
.model-card-v2:nth-child(even) {
    margin-top: 60px;
}

/* 第二张卡片额外下移 */
.model-card-v2:nth-child(2) {
    margin-top: 110px;
}

/* 卡片图片部分 - 覆盖整个卡片 */
.mc-img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 480px;
    overflow: hidden;
    z-index: 0;
}

    .mc-img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s;
    }
    
    .mc-img-box .model-img-mobile {
        display: none;
    }

.model-card-v2:hover .mc-img-box img {
    transform: scale(1.05);
}

/* 卡片内容框 - 压在图片底部上方 */
.mc-content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
    width: 300px;
    padding: 29px 36px 36px 36px;
    min-height: 233px;
    box-sizing: border-box;
    z-index: 1;
}

/* 黄色装饰条 - 作为背景层 */
.mc-decoration {
    position: absolute;
    left: 0;
    top: 38px;
    width: 60px;
    height: 8px;
    background-color: #FFEC3A;
    z-index: 0;
}

/* 编号 - 在黄色条上方 */
.mc-num {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.29em;
    color: #000000;
    display: block;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.mc-title {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2em;
    color: #3B3B3B;
    margin-bottom: 24px;
}

.mc-desc {
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #000000;
    opacity: 0.7;
}


/* =========================================
   8. Footer / Contact - 严格按照 Figma 设计
   ========================================= */
/* Contact 组件样式已移至 css/contact.css */

/* 底部白色版权条 */
/* Footer Copyright 组件样式已移至 css/footer-copyright.css */

/* =========================================
   Responsive - 简单适配
   ========================================= */

/* 小于 1920px 的屏幕：保持居中,添加最小边距 */
@media (max-width: 1920px) {
    body {
        min-width: 1280px;
    }
}

/* 1440px 分辨率适配 */
@media (max-width: 1440px) {

    /* 语言选择器保持与 Logo 相同的右侧间距 80px */
    .nav-links>li:last-child {
        right: 80px;
    }

    /* 调整 SCROLL 指示器位置 */
    .scroll-down {
        right: 80px;
        bottom: 0;
    }

    /* Hero 区域微调 */
    .hero-slides-wrapper {
        left: 80px;
        width: 800px;
    }

    .hero-controls-area {
        left: 80px;
        bottom: 100px;
    }

    .hero-slide h1 {
        font-size: 54px;
        white-space: nowrap;
    }

    .hero-slide p {
        font-size: 20px;
    }

    /* Process 区域适配 */
    .process-header-container {
        padding: 80px 0 0 80px;
        margin-bottom: 40px;
    }

    .process-tag {
        font-size: 20px;
    }

    .process-title-group .main-title {
        font-size: 40px;
    }

    .process-content-wrapper {
        padding: 180px 0 0 0;
        min-height: 450px;
    }

    .process-timeline {
        gap: 100px;
        padding: 0 40px;
    }

    .timeline-line {
        left: 100px;
        right: 100px;
    }

    .process-step {
        flex: 0 0 80px;
    }

    .process-step:last-child {
        flex: 0 0 100px;
    }

    .step-num {
        font-size: 80px;
        top: -106px;
    }

    .step-icon {
        width: 60px;
        height: 41px;
    }

    .step-text {
        font-size: 20px;
        width: 80px;
    }

    .process-step:last-child .step-text {
        width: 100px;
    }

    /* About 区域适配 */
    #about {
        padding: 100px 0;
    }

    .about-grid {
        padding: 0 80px;
        gap: 100px;
    }

    .about-text {
        flex: 0 0 600px;
    }

    .about-text h2 {
        font-size: 40px;
        width: 600px;
    }

    .about-text p {
        width: 600px;
        font-size: 16px;
    }

    .stats-container {
        flex: 0 0 240px;
        gap: 25px;
        padding-top: 24px;
    }

    .stat-card {
        width: 240px;
        height: 130px;
        padding: 18px 36px 22px 36px;
    }

    .stat-label {
        font-size: 16px;
        height: 26px;
    }

    .stat-number {
        font-size: 56px;
    }

    .stat-unit {
        font-size: 14px;
        padding-bottom: 7px;
    }
    
    /* Models 区域适配 */
    .models-container {
        max-width: 1200px;
        padding: 30px 80px 30px;
    }
    
    .models-header {
        margin-bottom: 80px;
    }
    
    .models-header p {
        font-size: 20px;
    }
    
    .models-header h2 {
        font-size: 40px;
        font-weight: 900;
    }
    
    .models-grid {
        gap: 40px;
    }
    
    .model-card-v2 {
        flex: 0 0 270px;
        width: 270px;
    }
    
    .mc-content-box {
        width: 250px;
        padding: 24px 30px 30px 30px;
    }
    
    .mc-num {
        font-size: 12px;
    }
    
    .mc-title {
        font-size: 30px;
    }
    
    .mc-desc {
        font-size: 14px;
    }
    
    /* Contact 组件响应式样式已移至 css/contact.css */
    
    /* Service 区域适配 */
    .service-header {
        padding-top: 100px;
        margin-bottom: 60px;
    }
    
    .service-header p {
        font-size: 20px;
    }
    
    .service-header h2 {
        font-size: 40px;
    }
    
    .service-main-image {
        left: 50%;
        transform: translateX(-50%);
        width: 1200px;
        height: 650px;
    }
    
    .service-left-card {
        width: 680px;
        min-height: 420px;
        height: auto;
        padding-bottom: 30px; /* 为英文文本预留额外空间 */
    }
    
    /* 1440px 下英文文本需要更多空间 */
    :lang(en) .service-left-card {
        min-height: 500px;
        padding-bottom: 50px;
    }
    
    /* 1440px 下日语文本需要更多空间 */
    :lang(ja) .service-left-card {
        min-height: 480px;
        padding-bottom: 40px;
    }
    
    .service-slide {
        left: 80px;
        top: 70px;
        padding-bottom: 15px; /* 防止内容被截断 */
    }
    
    .service-nav-buttons {
        left: 480px;
        top: 191px;
    }
    
    .num-big {
        font-size: 120px;
    }
    
    .num-small {
        font-size: 30px;
    }
    
    .card-title {
        font-size: 40px;
    }
    
    .card-subtitle {
        font-size: 20px;
    }
    
    .card-desc {
        font-size: 16px;
        max-width: 480px;
    }
    
    .circle-arrow {
        right: 80px;
        top: 230px;
        width: 56px;
        height: 56px;
    }
    
    .service-right-list {
        right: 0;
        bottom: 140px;
        width: 430px;
        padding: 20px 28px 20px 28px;
    }
    
    .service-right-list ul li {
        font-size: 16px;
    }
}

/* PC端英文时，当分辨率在1440px到1600px之间时，hero-slides-wrapper的top值改为302px */
@media (min-width: 1440px) and (max-width: 1600px) {
    :lang(en) .hero-slides-wrapper {
        top: 302px !important;
    }
    
    /* 当分辨率在1440px到1600px之间时，about-grid水平居中展示 */
    .about-grid {
        justify-content: center !important;
    }
    
    /* 当分辨率在1440px到1600px之间时，process-timeline fade-up active的gap值改为100px */
    .process-timeline.fade-up.active {
        gap: 100px !important;
    }
}

/* =========================================
   多语言支持样式 - 弹性容器与防溢出
   ========================================= */

/* 文本容器：使用 min-height 替代固定 height */
.stat-label,
.card-title,
.card-subtitle,
.card-desc,
.mc-title,
.mc-desc,
.step-text,
.process-tag,
.main-title,
.about-text h2,
.about-text p,
.service-header p,
.service-header h2 {
    min-height: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: normal; /* 严禁单词断行，确保在空格处换行 */
}

/* 卡片容器：使用 min-height 和 padding */
.stat-card {
    min-height: 146px;
    height: auto;
}

.mc-content-box {
    min-height: auto;
    height: auto;
}

/* 多语言差异化排版 */
:lang(en) {
    line-height: 1.2;
}

:lang(en) .card-desc,
:lang(en) .about-text p,
:lang(en) .mc-desc {
    line-height: 1.6; /* 英文文本使用稍大的行高，确保可读性 */
}

/* PC端：多语言支持 - service-left-card 相关样式 */
@media (min-width: 769px) {
    /* PC端：英语语言下，service-left-card的min-height设置为600px */
    :lang(en) .service-left-card {
        min-height: 600px;
        padding-bottom: 60px;
    }

    :lang(en) .service-slide {
        padding-bottom: 30px; /* 英文文本需要更多底部空间 */
    }

    /* 日语文本在 service-left-card 中也需要更多底部空间 */
    :lang(ja) .service-left-card {
        min-height: 550px; /* 日语文本需要稍高的容器 */
        padding-bottom: 50px;
    }

    :lang(ja) .service-slide {
        padding-bottom: 25px; /* 日语文本需要更多底部空间 */
    }
}

/* 1920px 情况下，英语和日语时调整按钮位置 */
:lang(en) .service-nav-buttons,
:lang(ja) .service-nav-buttons {
    top: 680px;
}

/* PC端：英语语言下，service-nav-buttons的top设置为590px */
@media (min-width: 769px) {
    :lang(en) .service-nav-buttons {
        top: 590px;
    }
}

/* 英文情况下，step-text 的 overflow-wrap 改为 normal */
:lang(en) .step-text {
    overflow-wrap: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 英文情况下，mc-title 的 overflow-wrap 改为 normal */
:lang(en) .mc-title {
    overflow-wrap: normal;
}


/* 日语情况下，process-content-wrapper 添加底部内边距 */
:lang(ja) .process-content-wrapper {
    padding-bottom: 80px;
}

:lang(ja) {
    line-height: 1.6;
}

:lang(zh-CN),
:lang(zh-TW) {
    line-height: 1.6;
}

/* 英文文本通常更长，预留更多空间 */
:lang(en) .card-title,
:lang(en) .mc-title {
    min-height: 2.5em;
}

:lang(en) .card-desc,
:lang(en) .mc-desc {
    min-height: 4em;
}

/* 确保列表项可以换行 */
.service-list-slide li,
.benefit-list li,
.job-detail-list li {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: normal; /* 严禁单词断行，确保在空格处换行 */
    white-space: normal;
}

/* 全局单词完整性策略 - 防止单词断行 */
/* 所有包含文本的元素都应用此规则 */
p, h1, h2, h3, h4, h5, h6, span, div, li, td, th, label, a, button {
    word-break: normal; /* 严禁单词断行，确保在空格处换行 */
    overflow-wrap: break-word; /* 长单词超出时才换行，但不切断 */
}

/* CJK (中日韩) 短标题防止词组断裂 */
:lang(zh-CN) h1,
:lang(zh-CN) h2,
:lang(zh-CN) h3,
:lang(zh-TW) h1,
:lang(zh-TW) h2,
:lang(zh-TW) h3,
:lang(ja) h1,
:lang(ja) h2,
:lang(ja) h3 {
    word-break: keep-all; /* 防止 CJK 词组断裂 */
}

/* 导航链接和按钮保持不换行 */
.nav-links a,
button,
.language-current,
.language-option {
    word-break: normal;
    white-space: nowrap; /* 导航和按钮通常不需要换行 */
}

/* =========================================
   移动端适配 (Mobile - max-width: 768px)
   设计基准: 390px (iPhone 标准宽度)
   ========================================= */
@media (max-width: 768px) {
    /* 基础重置 */
    html {
        font-size: 16px;
        overflow-x: hidden;
        max-width: 100vw;
        width: 100%;
    }
    
    body {
        min-width: auto;
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
        position: relative;
    }
    
    /* 所有section防止横向滚动 */
    section {
        max-width: 100vw;
        overflow-x: hidden;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* 确保所有绝对定位的元素不会超出视口 */
    [class*="container"],
    [id*="hero"],
    [id*="about"],
    [id*="service"],
    [id*="process"],
    [id*="models"],
    [id*="stats"],
    [id*="contact"] {
        max-width: 100vw;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    /* 容器适配 */
    .container {
        max-width: 100%;
        padding: 0 16px;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    /* =========================================
       移动端 Header
       ========================================= */
    header {
        height: 60px;
        padding: 0;
    }
    
    header::after {
        display: none;
    }
    
    .nav-content {
        height: 60px;
        padding: 0 16px;
        justify-content: space-between;
    }
    
    .logo {
        position: static;
        transform: none;
        text-decoration: none;
        display: inline-block;
        line-height: 0;
    }
    
    .logo:link,
    .logo:visited,
    .logo:hover,
    .logo:active {
        text-decoration: none;
        color: inherit;
    }
    
    .logo img {
        width: auto;
        height: 36px;
        object-fit: contain;
    }
    
    /* 隐藏 PC 端导航 */
    .nav-links {
        display: none;
    }
    
    /* 显示移动端菜单按钮 */
    .mobile-menu-btn {
        display: block;
        position: relative;
    }
    
    /* =========================================
       移动端 Hero 区域
       ========================================= */
    #hero {
        height: 556px;
        min-height: 556px;
        padding-top: 60px;
        position: relative;
    }
    
    /* H5端hero顶部渐变遮罩 */
    #hero::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 84px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
        pointer-events: none;
        z-index: 1;
    }
    
    .hero-bg-placeholder {
        height: 556px;
    }
    
    .hero-bg-slide {
        height: 556px;
        display: none; /* 移动端隐藏 PC 背景 */
    }
    
    .hero-bg-slide-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0;
        transition: all 0.6s ease-in-out;
        pointer-events: none;
    }
    
    .hero-bg-slide-mobile.active {
        opacity: 1;
        pointer-events: auto;
    }
    
    /* 背景渐变遮罩 - 按照 Figma 设计稿 */
    .hero-bg-slide-mobile::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, 1) 100%);
        pointer-events: none;
    }
    
    .hero-container {
        height: 100%;
        padding: 0 16px;
        position: static; /* 改为 static，让 hero-slide-counter 和 hero-pagination 相对于 #hero 定位 */
    }
    
    .hero-slides-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.6s ease-in-out;
        pointer-events: none;
    }
    
    .hero-slide.active {
        opacity: 1;
        pointer-events: auto;
    }
    
    /* 标题样式 - 按照 Figma 设计稿精确位置 (x: 32, y: 310) - 相对于 hero-bg-placeholder 定位 */
    .hero-slide h1 {
        position: absolute;
        left: 32px;
        top: 310px; /* 相对于 hero-bg-placeholder 的绝对位置 */
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 40px;
        font-weight: 900;
        line-height: 1.4em;
        color: #FFFFFF;
        text-shadow: 12px 4px 24px rgba(0, 0, 0, 0.7);
        text-align: left;
        margin: 0;
        padding: 0;
        white-space: normal;
        height: 112px;
    }
    
    /* 按照 Figma 设计稿，每个幻灯片的标题宽度不同 */
    .hero-slide[data-index="1"] h1,
    .hero-slide[data-index="2"] h1 {
        width: 249px;
    }
    
    .hero-slide[data-index="3"] h1 {
        width: 218px;
    }
    
    .hero-slide[data-index="4"] h1 {
        width: 287px;
    }
    
    /* 描述文字样式 - 按照 Figma 设计稿精确位置 (x: 32, y: 434) - 相对于 hero-bg-placeholder 定位 */
    .hero-slide p {
        position: absolute;
        left: 32px;
        top: 434px; /* 相对于 hero-bg-placeholder 的绝对位置 */
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8em;
        color: #FFFFFF;
        opacity: 0.7;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    
    /* 按照 Figma 设计稿，每个幻灯片的描述文字宽度和高度不同 */
    .hero-slide[data-index="1"] p,
    .hero-slide[data-index="2"] p {
        width: 326px;
        height: 58px;
    }
    
    .hero-slide[data-index="3"] p {
        width: 326px;
        height: 87px;
    }
    
    .hero-slide[data-index="4"] p {
        width: 340px;
        height: 58px;
    }
    
    /* H5端英语情况下，hero高度调整为710px */
    :lang(en) #hero {
        height: 710px;
        min-height: 710px;
    }
    
    :lang(en) .hero-bg-placeholder {
        height: 710px;
    }
    
    /* H5端英语情况下，第一个和第三个hero-slide中的h1的宽度设置为350px，top值设置为370px */
    :lang(en) .hero-slide[data-index="1"] h1,
    :lang(en) .hero-slide[data-index="3"] h1 {
        width: 350px;
        top: 370px;
    }
    
    /* H5端英语情况下，第二个hero-slide的h1的top改为250px，单词不切断 */
    :lang(en) .hero-slide[data-index="2"] h1 {
        top: 250px;
        word-break: normal;
        overflow-wrap: break-word;
        word-wrap: normal;
    }
    
    /* H5端英语情况下，第四个hero-slide的h1的top改为210px */
    :lang(en) .hero-slide[data-index="4"] h1 {
        top: 210px;
    }
    
    /* H5端英语情况下，所有hero-slide的p的top改为500px */
    :lang(en) .hero-slide[data-index="1"] p,
    :lang(en) .hero-slide[data-index="2"] p,
    :lang(en) .hero-slide[data-index="3"] p,
    :lang(en) .hero-slide[data-index="4"] p {
        top: 500px;
    }
    
    /* H5端英语情况下，hero-pagination的top改为670px */
    :lang(en) .hero-pagination {
        top: 670px;
    }
    
    /* H5端英语情况下，hero-slide-counter的top值改为445px */
    :lang(en) .hero-slide-counter {
        top: 445px;
    }
    
    /* H5端日语情况下，hero高度调整为610px */
    :lang(ja) #hero {
        height: 610px;
        min-height: 610px;
    }
    
    :lang(ja) .hero-bg-placeholder {
        height: 610px;
    }
    
    /* H5端日语情况下，hero-pagination的top改为572px */
    :lang(ja) .hero-pagination {
        top: 572px;
    }
    
    /* H5端日语情况下，第二个hero-slide的h1的top改为230px */
    :lang(ja) .hero-slide[data-index="2"] h1 {
        top: 250px;
        width: 285px;
    }
    
    /* H5端日语情况下，第四个hero-slide的h1的top改为250px */
    :lang(ja) .hero-slide[data-index="4"] h1 {
        top: 310px;
        width: 330px;
    }
    
    .hero-controls-area {
        display: none; /* 移动端隐藏控制按钮 */
    }
    
    /* 移动端隐藏PC端按钮图片 */
    .nav-btn-img-pc {
        display: none !important;
    }
    
    /* 移动端分页指示器 - 按照 Figma 设计稿精确位置 (x: 114, y: 519) - 相对于 hero-bg-placeholder 定位 */
    .hero-pagination {
        position: absolute;
        left: 114px;
        top: 519px; /* 相对于 hero-bg-placeholder 的绝对位置 */
        display: flex !important;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        z-index: 100;
        transform: none;
        pointer-events: auto;
    }
    
    .hero-pagination-dot {
        width: 33px; /* 按照 Figma 设计稿精确尺寸 */
        height: 4px; /* 按照 Figma 设计稿精确尺寸 */
        border-radius: 2px; /* 改为圆角矩形 */
        background: rgba(255, 255, 255, 0.2);
        transition: all 0.3s ease;
    }
    
    .hero-pagination-dot.active {
        background: rgba(255, 255, 255, 1);
    }
    
    /* H5端：当分辨率大于390px且小于768px时，hero-pagination水平居中 */
    @media (min-width: 391px) and (max-width: 768px) {
        .hero-pagination {
            left: 50% !important;
            transform: translateX(-50%) !important;
        }
        
        /* hero-slide-counter到屏幕右侧的距离和hero-slide到屏幕左侧的距离保持一致（32px） */
        .hero-slide-counter {
            left: auto !important;
            right: 32px !important;
        }
    }
    
    .scroll-down {
        display: none; /* 移动端隐藏 SCROLL 指示器 */
    }
    
    /* 移动端计数器 - 按照 Figma 设计稿精确位置 (x: 338, y: 389) - 相对于 hero-bg-placeholder 定位 */
    .hero-slide-counter {
        position: absolute;
        left: 338px;
        top: 389px; /* 相对于 hero-bg-placeholder 的绝对位置 */
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8em;
        color: rgba(255, 255, 255, 0.7);
        width: 25px;
        height: 29px;
        z-index: 100;
        white-space: nowrap;
    }
    
    /* =========================================
       移动端 About 区域（关于我们）
       ========================================= */
    #about {
        padding: 0;
        min-height: auto;
        background: #FFFFFF; /* 外层背景为白色，左右间距显示为白色 */
        position: relative;
        z-index: 0;
        margin: 64px 0;
    }
    
    .about-grid {
        flex-direction: column;
        padding: 0 16px 23px; /* 按照 Figma 设计稿：About 容器 x: 16，宽度 358px (390-16-16=358) */
        gap: 0;
        width: 100%;
        max-width: 358px; /* 按照 Figma 设计稿精确宽度 */
        margin: 0 auto;
        background: #F5F6FA; /* 内容区域背景为 #F5F6FA */
    }
    
    .about-text {
        flex: none;
        width: 326px; /* 按照 Figma 设计稿：Group 482016 width: 326px */
        padding: 40px 0;
        padding-left: 15px; /* 按照 Figma 设计稿：Group 482016 x: 15 (相对于 About 容器) */
        order: 2;
        margin-top: 33.8px; /* 按照 Figma 设计稿：Group 482016 y: 227, Group 482015 y: 24, height: 169.2, 间距 = 227 - 24 - 169.2 = 33.8px */
        background: #FFFFFF; /* 按照 Figma 设计稿：Rectangle 63 背景色为白色 */
        position: relative;
        z-index: 1;
    }
    
    .about-text.fade-up.active {
        background: #FFFFFF; /* 确保 active 状态下也是白色背景 */
    }
    
    .about-text .highlight-mark {
        display: none; /* 移动端隐藏黄色标签 */
    }
    
    .about-text .company-name {
        display: none; /* 移动端隐藏公司名称 */
    }
    
    .about-text h2 {
        font-size: 25px;
        line-height: 1.6em;
        font-weight: 900;
        width: 293px; /* 按照 Figma 设计稿：标题 width: 293px */
        margin-bottom: 24px; /* 按照 Figma 设计稿：标题 y: 40, 段落 y: 144, 间距 = 144 - 40 - 80(标题高度) = 24px */
        margin-top: 0;
        padding-left: 17px; /* 按照 Figma 设计稿：标题 x: 17 (相对于 Group 482016) */
    }
    
    .about-text p {
        font-size: 16px;
        line-height: 1.8em;
        width: 293px; /* 按照 Figma 设计稿：段落 width: 293px */
        padding-left: 17px; /* 按照 Figma 设计稿：段落 x: 17 (相对于 Group 482016) */
        margin: 0;
    }
    
    .company-info {
        display: none; /* 移动端隐藏成立年份 */
    }
    
    /* 移动端 Logo 和成立时间（在顶部）- 按照 Figma 设计稿精确还原 */
    .about-logo-section {
        order: 1;
        width: 177px; /* 按照 Figma 设计稿：Group 482015 width: 177px */
        height: 169.2px; /* 按照 Figma 设计稿：Group 482015 height: 169.2px */
        padding: 0;
        margin-left: 74px; /* 按照 Figma 设计稿：Group 482015 x: 90, About 容器 x: 16, 所以 margin-left = 90 - 16 = 74px */
        margin-top: 24px; /* 按照 Figma 设计稿：Group 482015 y: 24 */
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        z-index: 0; /* 创建定位上下文 */
    }
    
    /* 成立时间（在顶部，带黄色高亮）- 参考 PC 端 company-name highlight-mark 样式 */
    .about-logo-section .about-founded {
        position: relative;
        display: block;
        width: 177px; /* 按照 Figma 设计稿精确宽度 */
        height: 26px; /* 按照 Figma 设计稿精确高度 */
        padding: 0 3px; /* 参考 PC 端 highlight-mark 的 padding: 0 3px */
        margin: 0 auto; /* H5端水平居中 */
        font-family: 'Roboto', sans-serif;
        font-size: 14px; /* 按照 Figma 设计稿精确字体大小 */
        font-weight: 500; /* 按照 Figma 设计稿精确字重 */
        line-height: 1.8em; /* 按照 Figma 设计稿精确行高 (1.7999999182564872em) */
        color: #3B3B3B; /* 按照 Figma 设计稿精确颜色 */
        text-align: center; /* H5端文本居中 */
        z-index: 2; /* 确保文字在背景之上 */
    }
    
    .about-logo-section .about-founded::after {
        content: '';
        position: absolute;
        left: 50%; /* H5端水平居中 */
        transform: translateX(-50%); /* H5端水平居中 */
        top: 14px; /* 参考 PC 端 highlight-mark::after 的 top: 14px */
        width: 171px; /* 按照 Figma 设计稿精确宽度 */
        height: 13px; /* 按照 Figma 设计稿精确高度 */
        background: #FFEC3A; /* 参考 PC 端 highlight-mark::after 的背景色 */
        z-index: -1; /* 参考 PC 端 highlight-mark::after 的 z-index: -1 */
        pointer-events: none; /* 不影响点击事件 */
    }
    
    /* Logo（包含公司名称的图片）- 按照 Figma 设计稿精确位置和尺寸 */
    .about-logo-section .about-logo {
        width: 158.5px; /* 按照 Figma 设计稿精确宽度 */
        height: 121.2px; /* 按照 Figma 设计稿精确高度 */
        margin: 22px 0 0 10px; /* 按照 Figma 设计稿：Logo y: 48, 成立时间 y: 0, height: 26, 间距 = 48 - 26 = 22px; Logo x: 10 (相对于 Group 482015) */
    }
    
    .about-logo-section .about-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    /* H5端英语情况下，about-founded的宽度调整为195px */
    :lang(en) .about-logo-section .about-founded {
        width: 195px;
    }
    
    /* H5端英语情况下，about-founded的::after伪元素宽度也需要调整 */
    :lang(en) .about-logo-section .about-founded::after {
        width: 189px; /* 195px - 6px (左右padding 3px*2) = 189px，保持与容器宽度的比例关系 */
    }
    
    /* 移动端统计卡片 */
    /* =========================================
       移动端 Stats 区域（优势统计）- 独立部分
       严格按照图片截图还原
       ========================================= */
    /* 移动端显示独立的 stats section */
    #stats.stats-section {
        display: block; /* 移动端显示 */
        padding: 0;
        min-height: auto;
        background: #FFFFFF; /* 外层背景为白色 */
        position: relative;
        z-index: 0;
    }
    
    /* 移动端隐藏 PC 端的 stats-container（在 about-grid 内） */
    .about-grid .stats-container {
        display: none !important;
    }
    
    .stats-container-mobile {
        flex-direction: column;
        gap: 20px; /* 按照 Figma 设计稿：卡片之间的垂直间距 20px */
        width: 100%;
        max-width: 358px; /* 按照 Figma 设计稿精确宽度：358px */
        margin: 0 auto;
        display: flex;
        padding-top: 0; /* 移动端去掉 padding-top */
    }
    
    .stats-container-mobile .stat-card {
        width: 100%;
        max-width: 358px; /* 按照 Figma 设计稿：卡片宽度 358px */
        height: 140px; /* 按照 Figma 设计稿：卡片高度 140px */
        padding: 40px 68px; /* 按照 Figma 设计稿：内边距，标签在 x:68, y:40 附近 */
        background: #F5F6FA; /* 按照 Figma 设计稿：背景色 #F5F6FA */
        display: flex;
        flex-direction: row;
        align-items: center; /* 让stat-number垂直居中 */
        justify-content: space-between; /* 标签在左，数字在右 */
        position: relative;
        box-sizing: border-box;
    }
    
    .stats-container-mobile .stat-label {
        font-family: 'Noto Sans SC', sans-serif; /* 按照 Figma 设计稿：字体 Noto Sans SC */
        font-size: 18px; /* 按照 Figma 设计稿：字号 18px */
        font-weight: 500; /* 按照 Figma 设计稿：字重 500 */
        line-height: 1.22em; /* 按照 Figma 设计稿：行高 1.22em */
        color: #3B3B3B; /* 按照 Figma 设计稿：颜色 #3B3B3B */
        opacity: 1; /* 移动端去掉 opacity，确保完全不透明 */
        margin: 0;
        padding-top: 0; /* 移除padding-top，使用baseline对齐 */
        flex-shrink: 0;
        white-space: nowrap;
        align-self: flex-end; /* 底部对齐，然后通过margin-bottom调整与stat-number底部基线对齐 */
        margin-bottom: 5px; /* 计算使底部基线对齐 */
    }
    
    /* 第二个卡片标签位置调整 - 移除padding-top，使用baseline对齐 */
    .stats-container-mobile .stat-card:nth-child(2) .stat-label {
        padding-top: 0;
    }
    
    /* 第三个卡片标签位置调整 - 移除padding-top，使用baseline对齐 */
    .stats-container-mobile .stat-card:nth-child(3) .stat-label {
        padding-top: 0;
    }
    
    .stats-container-mobile .stat-number {
        font-family: 'Roboto', sans-serif; /* 按照 Figma 设计稿：字体 Roboto */
        font-size: 66px; /* 按照 Figma 设计稿：字号 66px */
        font-weight: 900; /* 按照 Figma 设计稿：字重 900 */
        line-height: 0.66em; /* 按照 Figma 设计稿：行高 0.66em */
        color: #9A5FFF; /* 按照 Figma 设计稿：颜色 #9A5FFF */
        margin: 0;
        display: flex;
        align-items: baseline;
        gap: 0;
        flex-shrink: 0;
        align-self: center; /* H5端垂直居中 */
    }
    
    .stats-container-mobile .stat-unit {
        font-family: 'Noto Sans SC', sans-serif; /* 单位"年"使用 Noto Sans SC */
        font-size: 16px; /* 按照 Figma 设计稿：字号 16px */
        font-weight: 400; /* 按照 Figma 设计稿：单位"年"字重 400 */
        line-height: 1em; /* 按照 Figma 设计稿：单位"年"行高 1em */
        color: #3B3B3B; /* 按照 Figma 设计稿：颜色 #3B3B3B */
        margin: 0;
        margin-left: 4.61px; /* 按照 Figma 设计稿：单位"年"与数字间距，从 x:44.61 计算得出 */
        padding-bottom: 0; /* 移动端去除 padding-bottom */
        vertical-align: baseline;
    }
    
    /* 第三个卡片的单位（%）使用 Roboto 字体，字重 700 */
    .stats-container-mobile .stat-card:nth-child(3) .stat-unit {
        font-family: 'Roboto', sans-serif; /* 单位"%"使用 Roboto */
        font-weight: 700; /* 按照 Figma 设计稿：单位"%"字重 700 */
        line-height: 1.25em; /* 按照 Figma 设计稿：单位"%"行高 1.25em */
        margin-left: 5px; /* 按照 Figma 设计稿：单位"%"与数字间距，从 x:120 计算得出 */
    }
    
    /* H5端中文和繁体情况下，第一个stat-card的padding-right设置为100px */
    :lang(zh-CN) .stats-container-mobile .stat-card:nth-child(1),
    :lang(zh-TW) .stats-container-mobile .stat-card:nth-child(1) {
        padding-right: 100px;
    }
    
    /* H5端英语和日语情况下，stat-card的左右padding设置为30px */
    :lang(en) .stats-container-mobile .stat-card,
    :lang(ja) .stats-container-mobile .stat-card {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    /* =========================================
       移动端 Process 区域（服务流程）
       严格按照设计稿还原
       ========================================= */
    #process {
        padding: 0;
        margin-bottom: 64px;
        min-height: auto;
        background: #FFFFFF; /* 背景为白色 */
    }
    
    .process-header-container {
        padding: 48px 0 0 0;
        margin-bottom: 0;
        text-align: center;
        position: relative; /* 创建定位上下文 */
    }
    
    .process-title-group {
        position: relative; /* 创建定位上下文 */
        z-index: 0; /* 确保层级正确 */
    }
    
    .process-tag {
        display: inline-block;
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 14px; /* 按照设计稿精确字体大小 */
        font-weight: 400; /* 按照设计稿精确字重 */
        line-height: 1.79em; /* 按照设计稿精确行高 */
        color: #3B3B3B; /* 按照设计稿精确颜色：深灰色 */
        padding: 0 3px; /* 参考 PC 端 highlight-mark 的 padding: 0 3px */
        margin-bottom: 13px; /* 标签和标题之间的间距 */
        position: relative;
        background: transparent; /* 文字本身无背景 */
        z-index: 2; /* 确保文字在背景之上 */
    }
    
    /* 黄色背景层 - 参考 PC 端 highlight-mark::after 样式 */
    .process-tag::after {
        content: '';
        position: absolute;
        left: 0;
        top: 14px; /* 参考 PC 端 highlight-mark::after 的 top: 14px */
        width: 100%; /* 根据文字宽度自适应 */
        height: 13px; /* 参考移动端 about-founded 的高度，保持一致性 */
        background: #FFEC3A; /* 参考 PC 端 highlight-mark::after 的背景色 */
        z-index: -1; /* 参考 PC 端 highlight-mark::after 的 z-index: -1 */
        pointer-events: none; /* 不影响点击事件 */
    }
    
    .process-title-group .main-title {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 30px; /* 按照设计稿精确字体大小 */
        font-weight: 900; /* 按照设计稿精确字重：超粗 */
        line-height: 1.2em; /* 按照设计稿精确行高 */
        color: #3B3B3B; /* 按照设计稿精确颜色：深灰色 */
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0; /* 两行之间无间距 */
    }
    
    .process-title-group .main-title .title-line1,
    .process-title-group .main-title .title-line2 {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    .process-content-wrapper {
        padding: 0;
        min-height: 1047.5px; /* 按照Figma设计稿精确高度 */
        background: #F5F6FA; /* 按照Figma设计稿精确背景色 */
        width: 358px; /* 按照Figma设计稿精确宽度 */
        margin: 35px auto 0;
        position: relative;
    }
    
    .process-timeline {
        flex-direction: column;
        gap: 0; /* 移除gap，使用精确位置 */
        padding: 0;
        align-items: flex-start;
        position: relative; /* 为伪元素提供定位上下文 */
        width: 100%;
    }
    
    /* 虚线连接线 - 按照Figma设计稿和图片 */
    /* 虚线不贯穿圆圈，只在圆圈之间连接 */
    /* 步骤位置：
       步骤1: top 51.5px, 圆圈范围 51.5px - 115.5px
       步骤2: top 227.5px, 圆圈范围 227.5px - 291.5px
       步骤3: top 403.5px, 圆圈范围 403.5px - 467.5px
       步骤4: top 579.5px, 圆圈范围 579.5px - 643.5px
       步骤5: top 755.5px, 圆圈范围 755.5px - 819.5px
       步骤6: top 931.5px, 圆圈范围 931.5px - 995.5px
    */
    .timeline-line {
        position: absolute;
        left: 64px; /* 圆圈中心位置 x: 64 (32 + 64/2) */
        top: 0;
        width: 1px; /* 线条宽度 */
        height: 1047.5px; /* 容器总高度 */
        display: block;
        z-index: 1; /* 在圆圈下方 */
        background: transparent;
        border: none;
    }
    
    /* 使用伪元素创建分段虚线，在圆圈之间，上下各有10px间隙 */
    /* 步骤1和步骤2之间：
       步骤1底部：51.5 + 64 = 115.5px，虚线从 115.5 + 10 = 125.5px 开始
       步骤2顶部：227.5px，虚线到 227.5 - 10 = 217.5px 结束
       虚线高度：217.5 - 125.5 = 92px
    */
    .timeline-line::before {
        content: '';
        position: absolute;
        left: 0;
        top: 125.5px; /* 步骤1底部 + 10px间隙：115.5 + 10 = 125.5px */
        width: 1px;
        height: 92px; /* 到步骤2顶部 - 10px间隙：217.5 - 125.5 = 92px */
        background: repeating-linear-gradient(
            to bottom,
            #aaacb0 0px,
            #aaacb0 6px,
            transparent 6px,
            transparent 12px
        );
    }
    
    /* 步骤2和步骤3之间：
       步骤2底部：227.5 + 64 = 291.5px，虚线从 291.5 + 10 = 301.5px 开始
       步骤3顶部：403.5px，虚线到 403.5 - 10 = 393.5px 结束
       虚线高度：393.5 - 301.5 = 92px
    */
    .timeline-line::after {
        content: '';
        position: absolute;
        left: 0;
        top: 301.5px; /* 步骤2底部 + 10px间隙：291.5 + 10 = 301.5px */
        width: 1px;
        height: 92px; /* 到步骤3顶部 - 10px间隙：393.5 - 301.5 = 92px */
        background: repeating-linear-gradient(
            to bottom,
            #aaacb0 0px,
            #aaacb0 6px,
            transparent 6px,
            transparent 12px
        );
    }
    
    /* 步骤3和步骤4之间：
       步骤3底部：403.5 + 64 = 467.5px，虚线从 467.5 + 10 = 477.5px 开始
       步骤4顶部：579.5px，虚线到 579.5 - 10 = 569.5px 结束
       虚线高度：569.5 - 477.5 = 92px
    */
    .process-timeline::before {
        content: '';
        position: absolute;
        left: 64px;
        top: 477.5px; /* 步骤3底部 + 10px间隙：467.5 + 10 = 477.5px */
        width: 1px;
        height: 92px; /* 到步骤4顶部 - 10px间隙：569.5 - 477.5 = 92px */
        background: repeating-linear-gradient(
            to bottom,
            #aaacb0 0px,
            #aaacb0 6px,
            transparent 6px,
            transparent 12px
        );
        z-index: 1;
    }
    
    /* 步骤4和步骤5之间：
       步骤4底部：579.5 + 64 = 643.5px，虚线从 643.5 + 10 = 653.5px 开始
       步骤5顶部：755.5px，虚线到 755.5 - 10 = 745.5px 结束
       虚线高度：745.5 - 653.5 = 92px
    */
    .process-timeline::after {
        content: '';
        position: absolute;
        left: 64px;
        top: 653.5px; /* 步骤4底部 + 10px间隙：643.5 + 10 = 653.5px */
        width: 1px;
        height: 92px; /* 到步骤5顶部 - 10px间隙：745.5 - 653.5 = 92px */
        background: repeating-linear-gradient(
            to bottom,
            #aaacb0 0px,
            #aaacb0 6px,
            transparent 6px,
            transparent 12px
        );
        z-index: 1;
    }
    
    /* 步骤5和步骤6之间：
       步骤5底部：755.5 + 64 = 819.5px，虚线从 819.5 + 10 = 829.5px 开始
       步骤6顶部：931.5px，虚线到 931.5 - 10 = 921.5px 结束
       虚线高度：921.5 - 829.5 = 92px
    */
    .process-content-wrapper::before {
        content: '';
        position: absolute;
        left: 64px;
        top: 829.5px; /* 步骤5底部 + 10px间隙：819.5 + 10 = 829.5px */
        width: 1px;
        height: 92px; /* 到步骤6顶部 - 10px间隙：921.5 - 829.5 = 92px */
        background: repeating-linear-gradient(
            to bottom,
            #aaacb0 0px,
            #aaacb0 6px,
            transparent 6px,
            transparent 12px
        );
        z-index: 1;
    }
    
    .process-step {
        flex-direction: row;
        align-items: center;
        width: 304px; /* 按照Figma设计稿精确宽度（前4个步骤） */
        gap: 10px; /* H5端gap值改为10px */
        position: relative;
    }
    
    /* 步骤1 */
    .process-step:nth-child(2) {
        position: absolute;
        left: 32px; /* 按照Figma设计稿精确位置 x: 32 */
        top: 51.5px; /* 按照Figma设计稿精确位置 y: 51.5 */
        width: 304px;
        height: 64px;
    }
    
    /* 步骤2 */
    .process-step:nth-child(3) {
        position: absolute;
        left: 32px;
        top: 227.5px; /* 按照Figma设计稿精确位置 y: 227.5 */
        width: 304px;
        height: 64px;
    }
    
    /* 步骤3 */
    .process-step:nth-child(4) {
        position: absolute;
        left: 32px;
        top: 403.5px; /* 按照Figma设计稿精确位置 y: 403.5 */
        width: 304px;
        height: 64px;
    }
    
    /* 步骤4 */
    .process-step:nth-child(5) {
        position: absolute;
        left: 32px;
        top: 579.5px; /* 按照Figma设计稿精确位置 y: 579.5 */
        width: 237px; /* 按照Figma设计稿精确宽度（后3个步骤） */
        height: 64px;
    }
    
    /* 步骤5 */
    .process-step:nth-child(6) {
        position: absolute;
        left: 32px;
        top: 755.5px; /* 按照Figma设计稿精确位置 y: 755.5 */
        width: 237px;
        height: 64px;
    }
    
    /* 步骤6 */
    .process-step:nth-child(7) {
        position: absolute;
        left: 32px;
        top: 931.5px; /* 按照Figma设计稿精确位置 y: 931.5 */
        width: 270px; /* 按照Figma设计稿精确宽度（最后一步） */
        height: 64px;
    }
    
    .step-num {
        display: none; /* 移动端隐藏大数字 */
    }
    
    .step-dot {
        width: 64px; /* 按照Figma设计稿精确尺寸 */
        height: 64px;
        border-radius: 50%; /* 使用50%确保完美圆形 */
        border: 1px solid #3B3B3B; /* 按照Figma设计稿精确边框 */
        background: transparent;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        z-index: 2; /* 确保圆圈在虚线上方 */
    }
    
    .step-dot::before {
        content: attr(data-step) !important; /* 确保显示数字 */
        font-family: 'Roboto', sans-serif !important;
        font-size: 30px !important; /* 按照Figma设计稿精确字体大小 */
        font-weight: 500 !important; /* 按照Figma设计稿精确字重 */
        line-height: 1.2em !important; /* 按照Figma设计稿精确行高 */
        color: #3B3B3B !important; /* 按照Figma设计稿精确颜色 */
        position: absolute !important;
        display: block !important; /* 确保显示 */
        text-align: center !important;
        /* 数字居中显示 */
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: auto !important;
        height: auto !important;
        z-index: 1 !important;
        pointer-events: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .step-icon {
        width: 55px; /* h5端宽度改为55px */
        height: 55px; /* h5端高度改为55px */
        margin-bottom: 0;
        margin-left: 12px; /* H5端添加margin-left为12px */
        flex-shrink: 0;
    }
    
    .step-icon .process-icon-pc {
        display: none;
    }
    
    .step-icon .process-icon-mobile {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .step-text {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 24px; /* 按照Figma设计稿精确字体大小 */
        font-weight: 500; /* 按照Figma设计稿精确字重 */
        line-height: 1.33em; /* 按照Figma设计稿精确行高 */
        color: #3B3B3B; /* 按照Figma设计稿精确颜色 */
        width: auto;
        flex: 1;
        text-align: left;
        /* 文字位置：x: 73, y: 16，相对于步骤左上角 */
        margin: 0;
        padding: 0;
    }
    
    /* H5端中文和繁体情况下，step-text文案不换行 */
    :lang(zh-CN) .step-text,
    :lang(zh-TW) .step-text {
        white-space: nowrap;
    }
    
    /* H5端日语情况下，第二个步骤文案宽度调窄 */
    :lang(ja) .process-step:nth-child(3) .step-text {
        white-space: normal;
        word-break: keep-all;
        width: 140px; /* 调窄宽度优化换行 */
        flex: 0 0 140px; /* 覆盖flex:1，使用固定宽度 */
    }
    
    /* H5端日语情况下，步骤4改为两行显示 */
    :lang(ja) .process-step:nth-child(5) .step-text {
        white-space: normal;
        word-break: keep-all;
        width: 100px; /* 固定宽度强制换行为两行 */
        flex: 0 0 100px; /* 覆盖flex:1，使用固定宽度 */
        line-height: 1.2em; /* 调整行高以适应两行 */
    }
    
    /* H5端日语情况下，步骤5改为三行显示 */
    :lang(ja) .process-step:nth-child(6) .step-text {
        white-space: normal;
        word-break: keep-all;
        width: 100px; /* 固定宽度强制换行为两行 */
        flex: 0 0 100px; /* 覆盖flex:1，使用固定宽度 */
        line-height: 1.2em; /* 调整行高以适应两行 */
    }
    
    /* H5端日语情况下，步骤6改为两行显示 */
    :lang(ja) .process-step:nth-child(7) .step-text {
        white-space: normal;
        word-break: keep-all;
        width: 120px; /* 固定宽度强制换行为两行 */
        flex: 0 0 120px; /* 覆盖flex:1，使用固定宽度 */
        line-height: 1.2em; /* 调整行高以适应两行 */
    }
    
    /* =========================================
       移动端 Service 区域（我们的服务）
       ========================================= */
    #service {
        height: 683px; /* 按照 Figma 设计稿精确高度 */
        min-height: 683px;
        padding: 0;
        position: relative;
        background-image: url('../images/mobile/service_bg.jpg'); /* 使用移动端背景图 */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
        margin-top: 64px;
    }
    
    .service-container {
        position: relative;
        height: 100%;
        z-index: 2; /* 确保内容在遮罩层之上 */
    }
    
    .service-header {
        padding-top: 0;
        margin-bottom: 0;
        text-align: center;
        position: relative;
    }
    
    .service-header p {
        font-size: 14px; /* 按照 Figma 设计稿精确字体大小 */
        margin-bottom: 0;
        margin-top: 48px; /* 按照 Figma 设计稿：我们的服务 y: 48 */
        color: #AFAFAF; /* 按照 Figma 设计稿精确颜色 */
        font-weight: 500; /* 按照 Figma 设计稿精确字重 */
        line-height: 1.79em; /* 按照 Figma 设计稿精确行高 */
    }
    
    .service-header h2 {
        font-size: 30px; /* 按照图片显示精确字体大小 */
        line-height: 1.2em; /* 按照图片显示精确行高 */
        color: #FFFFFF; /* 按照图片显示：白色文字 */
        font-weight: 700; /* 按照图片显示：粗体 */
        font-family: 'Noto Sans SC', sans-serif; /* 按照图片显示：无衬线字体 */
        margin-top: 32px; /* 按照 Figma 设计稿：更高效、更省心 更专业 y: 105, 我们的服务 y: 48, height: 25, 间距 = 105 - 48 - 25 = 32px，但需要加上 margin-bottom，调整为 57px */
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center; /* 按照图片显示：文字居中 */
        white-space: pre-line; /* 允许换行显示两行文字 */
    }
    
    .service-main-image {
        position: absolute;
        left: 50%; /* 居中显示 */
        transform: translateX(-50%); /* 居中显示 */
        top: 230px; /* 原 180px，下移 50px 以匹配最新视觉 */
        width: 100%; /* 使用100%而不是固定390px，避免超出视口 */
        height: 271px; /* 按照 Figma 设计稿：图片高度 271px */
        margin: 0;
        background: transparent;
        overflow: hidden;
        z-index: 1;
        box-sizing: border-box;
    }
    
    .service-bg-img-pc {
        display: none;
    }
    
    .service-bg-img-mobile {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .service-left-card {
        position: absolute;
        left: 16px; /* 按照 Figma 设计稿：Group 482020 x: 0, 但相对于容器是 16px */
        top: 443px; /* 原 393px，整体下移 50px 与主图保持相对位置 */
        width: 310px; /* 按照 Figma 设计稿：Group 482020 width: 310px */
        min-height: 116px; /* 按照 Figma 设计稿：Group 482020 height: 116px */
        margin: 0;
        padding: 0; /* 移除 padding，使用内部元素定位 */
        background: transparent; /* 背景由 Rectangle 281 提供 */
        z-index: 2;
        cursor: pointer; /* H5端可点击，添加指针样式 */
    }
    
    /* H5端：英文和日语情况下，去掉service-left-card的最小高度设置 */
    :lang(en) .service-left-card,
    :lang(ja) .service-left-card {
        min-height: auto;
        padding-bottom: 0;
    }
    
    /* Rectangle 281 背景层 - 根据当前 slide 动态更新 */
    .service-left-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 283px; /* 按照 Figma 设计稿：Rectangle 281 width: 283px */
        height: 116px; /* 按照 Figma 设计稿：Rectangle 281 height: 116px */
        background: #5500B7; /* 默认背景色（第一个 slide） */
        z-index: 0;
        transition: none; /* 移除过渡效果，避免闪动 */
    }
    
    /* 根据 data-bg-color 属性动态更新背景色 */
    .service-left-card[data-bg-color="#5500B7"]::before {
        background: #5500B7; /* 第一个内容背景色 */
    }
    
    .service-left-card[data-bg-color="#0035B0"]::before {
        background: #0035B0; /* 第二个内容背景色 */
    }
    
    .service-left-card[data-bg-color="#8414F4"]::before {
        background: #8414F4; /* 第三个内容背景色 */
    }
    
    .service-left-card[data-bg-color="#BD31C7"]::before {
        background: #BD31C7; /* 第四个内容背景色 */
    }
    
    /* H5端英文和日语情况下，service-left-card的before宽度设置为315px */
    :lang(en) .service-left-card::before,
    :lang(ja) .service-left-card::before {
        width: 315px;
    }
    
    /* H5端日语情况下，service-left-card的before高度设置为150px */
    :lang(ja) .service-left-card::before {
        height: 150px;
    }
    
    /* H5端日语情况下，第二条数据的service-left-card::before高度设置为175px */
    :lang(ja) .service-left-card[data-bg-color="#0035B0"]::before {
        height: 175px;
    }
    
    /* H5端英文情况下，第一个数据时，service-left-card的before尺寸调整 */
    :lang(en) .service-left-card[data-bg-color="#5500B7"]::before {
        width: 315px;
        height: 153px;
    }
    
    /* H5端英文情况下，第一个数据时，card-title和card-subtitle的top值调整 */
    :lang(en) .service-slide:nth-child(1) .card-title {
        top: 12px !important;
    }
    
    :lang(en) .service-slide:nth-child(1) .card-subtitle {
        top: 82px !important;
    }
    
    /* H5端英语情况下，第二个和第三个内容的service-left-card::before高度设置为180px */
    :lang(en) .service-left-card[data-bg-color="#0035B0"]::before,
    :lang(en) .service-left-card[data-bg-color="#8414F4"]::before {
        height: 180px;
    }
    
    /* H5端英语情况下，第二个和第三个内容的card-subtitle高度设置为80px */
    :lang(en) .service-slide:nth-child(2) .card-subtitle,
    :lang(en) .service-slide:nth-child(3) .card-subtitle {
        top: 80px !important;
    }
    
    /* H5端英文情况下，第四个内容的service-left-card::before高度设置为190px */
    :lang(en) .service-left-card[data-bg-color="#BD31C7"]::before {
        height: 190px;
    }
    
    /* H5端英文情况下，第四个内容的card-title和card-subtitle的top值调整 */
    :lang(en) .service-slide:nth-child(4) .card-title {
        top: 5px !important;
    }
    
    :lang(en) .service-slide:nth-child(4) .card-subtitle {
        top: 102px !important;
    }
    
    .service-slide {
        position: relative !important; /* 覆盖 PC 端的 absolute 定位 */
        top: 0 !important;
        left: 0 !important;
        width: 310px !important; /* 按照 Figma 设计稿：Group 482020 width: 310px（所有卡片统一） */
        height: 116px !important; /* 按照 Figma 设计稿：Group 482020 height: 116px（所有卡片统一） */
        padding: 0 !important;
        z-index: 1;
        opacity: 1 !important; /* 覆盖 PC 端的 opacity: 0 */
        visibility: visible !important;
        pointer-events: auto !important; /* 覆盖 PC 端的 pointer-events: none */
    }
    
    /* 确保非激活状态的卡片隐藏 */
    .service-slide:not(.active) {
        display: none !important; /* 隐藏非激活的卡片 */
    }
    
    /* 激活状态的卡片显示 */
    .service-slide.active {
        display: block !important; /* 显示激活的卡片 */
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .num-wrap {
        display: none; /* 移动端隐藏 num-wrap，使用 card-title 显示完整标题 */
    }
    
    .num-big {
        font-size: 26px; /* 按照 Figma 设计稿精确字体大小 */
        line-height: 1.23em; /* 按照 Figma 设计稿精确行高 */
        font-weight: 900; /* 按照 Figma 设计稿精确字重 */
        color: #FFFFFF; /* 按照 Figma 设计稿精确颜色 */
    }
    
    .num-small {
        font-size: 16px; /* 假设的小字体大小 */
        color: #FFFFFF;
    }
    
    .card-title {
        font-size: 26px !important; /* 按照 Figma 设计稿精确字体大小（所有卡片统一） */
        line-height: 1.23em !important; /* 按照 Figma 设计稿精确行高（所有卡片统一） */
        font-weight: 900 !important; /* 按照 Figma 设计稿精确字重（所有卡片统一） */
        color: #FFFFFF !important; /* 按照 Figma 设计稿精确颜色（所有卡片统一） */
        margin: 0 !important; /* 覆盖 PC 端的 margin */
        position: absolute !important;
        top: 26.92px !important; /* 按照 Figma 设计稿：标题 y: 26.92（所有卡片统一） */
        left: 11px !important; /* 按照 Figma 设计稿：文本 x: 11（所有卡片统一） */
        width: 299px !important; /* 按照 Figma 设计稿精确宽度（所有卡片统一） */
        height: auto !important; /* 允许内容自适应高度 */
        min-height: 25.51px; /* 按照 Figma 设计稿最小高度 */
        z-index: 1;
        text-align: left !important; /* 覆盖 PC 端的 text-align */
    }
    
    /* H5端英文和日语情况下，card-title的top值设置为12px */
    :lang(en) .card-title {
        top: 12px !important;
    }
    
    /* H5端日语情况下，第二条数据的card-title的word-break改为normal */
    :lang(ja) .service-slide:nth-child(2) .card-title {
        word-break: normal !important;
    }
    
    /* 移动端标题前缀编号 */
    .service-slide:nth-child(1) .card-title::before {
        content: '01 /';
        display: inline-block;
        color: #FFFFFF;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin-right: 5px;
    }
    
    .service-slide:nth-child(2) .card-title::before {
        content: '02 /';
        display: inline-block;
        color: #FFFFFF;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin-right: 5px;
    }
    
    .service-slide:nth-child(3) .card-title::before {
        content: '03 /';
        display: inline-block;
        color: #FFFFFF;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin-right: 5px;
    }
    
    .service-slide:nth-child(4) .card-title::before {
        content: '04 /';
        display: inline-block;
        color: #FFFFFF;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin-right: 5px;
    }
    
    .card-subtitle {
        font-size: 16px !important; /* 按照 Figma 设计稿精确字体大小（所有卡片统一） */
        line-height: 1.87em !important; /* 按照 Figma 设计稿精确行高（所有卡片统一） */
        font-weight: 500 !important; /* 按照 Figma 设计稿精确字重（所有卡片统一） */
        color: #FFFFFF !important; /* 按照 Figma 设计稿精确颜色（所有卡片统一） */
        margin: 0 !important; /* 覆盖 PC 端的 margin */
        position: absolute !important;
        top: 68.38px !important; /* 按照 Figma 设计稿：副标题 y: 68.38（所有卡片统一） */
        left: 11px !important; /* 按照 Figma 设计稿：文本 x: 11（所有卡片统一） */
        width: 208px !important; /* 按照 Figma 设计稿精确宽度（所有卡片统一） */
        height: auto !important; /* 允许内容自适应高度 */
        min-height: 23.91px; /* 按照 Figma 设计稿最小高度 */
        z-index: 1;
        text-align: left !important; /* 覆盖 PC 端的 text-align */
    }
    
    /* H5端日语情况下，第二条数据的card-subtitle的top值改为95px */
    :lang(ja) .service-slide:nth-child(2) .card-subtitle {
        top: 95px !important;
    }
    
    /* 箭头图标 - 按照 Figma 设计稿 */
    .service-slide::after {
        content: '';
        position: absolute;
        top: 71px; /* 按照 Figma 设计稿：icon_arrow y: 71 */
        left: 229px; /* 按照 Figma 设计稿：icon_arrow x: 229 */
        width: 24px; /* 按照 Figma 设计稿精确宽度 */
        height: 24px; /* 按照 Figma 设计稿精确高度 */
        background-image: url('../images/mobile/service_icon_arrow.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }
    
    /* H5端英文情况下，service-slide::after的top和left值调整 */
    :lang(en) .service-slide::after {
        top: 100px;
        left: 250px;
    }
    
    /* H5端日语情况下，第二条数据的service-slide::after的top值改为99px */
    :lang(ja) .service-slide:nth-child(2)::after {
        top: 99px;
    }
    
    .card-desc {
        display: none; /* 移动端隐藏详细描述 */
    }
    
    
    /* 分页指示器 - 按照 Figma 设计稿 */
    .service-pagination {
        position: absolute;
        left: 114px; /* 按照 Figma 设计稿：Frame 481998 x: 114 */
        top: 611px; /* 原 561px，整体下移 50px */
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        z-index: 3;
    }
    
    /* H5端英语情况下，service-pagination的top值设置为650px */
    :lang(en) .service-pagination {
        top: 650px;
    }
    
    /* H5端日语情况下，service-pagination的top值设置为635px */
    :lang(ja) .service-pagination {
        top: 640px;
    }
    
    .service-pagination-dot {
        width: 33px; /* 按照 Figma 设计稿精确宽度 */
        height: 4px; /* 按照 Figma 设计稿精确高度 */
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.2); /* 按照 Figma 设计稿精确颜色 */
        transition: all 0.3s ease;
    }
    
    .service-pagination-dot.active {
        background: rgba(255, 255, 255, 1); /* 按照 Figma 设计稿精确颜色 */
    }
    
    /* H5端：当分辨率大于390px且小于768px时，service-pagination水平居中 */
    @media (min-width: 391px) and (max-width: 768px) {
        .service-pagination {
            left: 50% !important;
            transform: translateX(-50%) !important;
        }
    }
    
    .service-nav-buttons {
        position: absolute;
        left: 0;
        right: 0;
        top: 330.5px; /* 原 280.5px，整体下移 50px */
        display: flex;
        justify-content: space-between;
        padding: 0; /* 紧贴屏幕两边 */
        z-index: 10;
        pointer-events: none; /* 容器不拦截点击，让按钮可以点击 */
        width: 100%;
        max-width: 100vw;
        box-sizing: border-box;
    }
    
    /* H5端：英文和日语情况下，service-nav-buttons的top设置为330.5px */
    :lang(en) .service-nav-buttons,
    :lang(ja) .service-nav-buttons {
        top: 330.5px;
    }
    
    .service-nav-btn {
        width: 35px;
        height: 70px;
        background: transparent;
        border: none;
        border-radius: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        transition: all 0.3s ease;
        pointer-events: auto; /* 按钮可以点击 */
        position: relative;
    }
    
    .service-nav-btn:hover {
        opacity: 0.8;
    }
    
    /* 移动端隐藏PC端按钮图片 */
    .service-nav-btn .service-btn-img-pc {
        display: none !important;
    }
    
    /* 移动端按钮图片基础样式（默认隐藏，由JS控制显示） */
    .service-nav-btn .service-btn-img-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: none; /* 默认隐藏，由JavaScript控制显示 */
    }
    
    .service-prev-btn {
        position: relative; /* 相对定位，在flex容器内 */
        left: 0;
    }
    
    .service-next-btn {
        position: relative; /* 相对定位，在flex容器内 */
        right: 0;
    }
    
    .service-right-list {
        display: none; /* 移动端隐藏右侧列表 */
    }
    
    /* =========================================
       移动端 Models 区域（合作方式）
       严格按照Figma设计稿还原
       ========================================= */
    #models {
        padding: 0;
        min-height: 774px; /* 按照Figma设计稿精确高度 */
        height: 774px;
        background-image: url('../images/mobile/cooperation_bg.jpg'); /* 使用移动端背景图 */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden; /* 保持hidden，但models-grid内部可以滚动 */
    }
    
    /* 底部紫色渐变遮罩 - 按照Figma设计稿 */
    #models::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 411px; /* 按照Figma设计稿精确高度 */
        background: rgba(98, 0, 209, 0.7); /* 按照Figma设计稿精确颜色和透明度 */
        z-index: 1;
        display: block;
    }
    
    .models-container {
        padding: 0 !important; /* 确保覆盖.container的padding */
        max-width: 100% !important; /* 确保占满整个宽度 */
        width: 100% !important; /* 确保容器占满整个宽度 */
        margin: 0 !important; /* 确保没有margin影响 */
        position: relative;
        z-index: 2;
        height: 100%;
        box-sizing: border-box; /* 确保padding和border包含在宽度内 */
    }
    
    .models-header {
        text-align: center;
        margin-bottom: 0;
        padding: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 100%; /* 使用100%而不是固定390px，避免超出视口 */
        max-width: 390px; /* 最大宽度限制 */
        height: 177px; /* 按照Figma设计稿：标题底部位置约177px */
    }
    
    .models-header p {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 14px; /* 按照Figma设计稿精确字体大小 */
        font-weight: 500; /* 按照Figma设计稿精确字重 */
        line-height: 1.8em; /* 按照Figma设计稿精确行高 25.2px */
        color: #FFFFFF; /* 按照Figma设计稿精确颜色 */
        margin: 48px auto 0; /* H5端水平居中，top保持48px */
        padding: 0;
        position: relative; /* 改为相对定位 */
        width: auto; /* 去掉固定宽度 */
        height: 25px; /* 按照Figma设计稿精确高度 */
        text-align: center; /* 文本居中对齐 */
        display: block;
    }
    
    .models-header h2 {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 30px; /* 按照Figma设计稿精确字体大小 */
        font-weight: 700; /* 按照Figma设计稿精确字重 */
        line-height: 1.2em; /* 按照Figma设计稿精确行高 36px */
        color: #FFFFFF; /* 按照Figma设计稿精确颜色 */
        margin: 32px auto 0; /* H5端水平居中，top保持32px（105-48-25=32px间距） */
        padding: 0;
        position: relative; /* 改为相对定位 */
        width: auto; /* 去掉固定宽度 */
        height: 72px; /* 按照Figma设计稿精确高度 */
        text-align: center; /* 文本居中对齐 */
        white-space: pre-line; /* 允许换行显示两行文字 */
        word-break: keep-all; /* 保持单词完整，在逗号处换行 */
    }
    
    .models-grid {
        display: flex !important;
        flex-direction: row !important; /* 明确设置横向布局 */
        gap: 35px !important; /* 卡片间隔 35px，完全参考test.html */
        justify-content: flex-start !important; /* 覆盖PC端的center，确保从左侧开始 */
        overflow-x: auto !important; /* 允许横向滚动，完全参考test.html，强制应用 */
        overflow-y: hidden !important;
        padding: 0 32px !important; /* 两侧留白，方便第一张和最后一张显示，完全参考test.html */
        margin-top: 35px;
        scroll-behavior: smooth !important; /* 平滑滚动，完全参考test.html */
        width: 100% !important; /* 使用100%宽度，强制应用 */
        max-width: 100% !important; /* 确保在移动端不溢出 */
        height: 438px; /* 按照Figma设计稿精确高度 */
        position: absolute;
        left: 0 !important; /* 从左侧开始，强制应用 */
        right: 0 !important; /* 延伸到右侧，确保宽度是100%，强制应用 */
        top: 188px; /* 按照Figma设计稿精确位置 y: 188 */
        z-index: 2;
        box-sizing: border-box !important; /* 确保padding包含在宽度内，强制应用 */
        /* 隐藏滚动条 (完全参考test.html的兼容性写法) */
        -ms-overflow-style: none !important;  /* IE and Edge */
        scrollbar-width: none !important;  /* Firefox */
        -webkit-overflow-scrolling: touch !important; /* iOS平滑滚动 */
    }
    
    .models-grid::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    
    .model-card-v2 {
        flex: 0 0 275px !important; /* 固定宽度，不伸缩，参考test.html，强制应用 */
        width: 275px !important;
        min-width: 275px !important; /* 确保最小宽度 */
        max-width: 275px !important; /* 确保最大宽度 */
        height: 397px; /* 按照Figma设计稿精确高度 */
        position: relative;
    }
    
    .model-card-v2:nth-child(even),
    .model-card-v2:nth-child(2) {
        margin-top: 0; /* 移动端取消错位效果 */
    }
    
    .mc-img-box {
        width: 275px; /* 按照Figma设计稿精确宽度 */
        height: 366px; /* 按照Figma设计稿精确高度 */
        overflow: hidden;
        position: relative;
    }
    
    .mc-img-box .model-img-pc {
        display: none;
    }
    
    .mc-img-box .model-img-mobile {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .mc-content-box {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 229px; /* 按照Figma设计稿精确宽度 */
        height: auto; /* H5端去掉固定高度，改为自适应 */
        min-height: 200px; /* 保持最小高度 */
        padding: 21px 11px 15px 28px; /* 按照Figma设计稿精确padding：上21px，右11px，下15px，左28px */
        background: #FFFFFF; /* 按照Figma设计稿精确背景色 */
        box-sizing: border-box;
    }
    
    /* 黄色装饰条和编号组合 - 按照Figma设计稿 */
    .mc-decoration {
        position: absolute;
        left: 0;
        top: 21.79px; /* 按照Figma设计稿精确位置 */
        width: 51px; /* 按照Figma设计稿精确宽度 */
        height: 9px; /* 按照Figma设计稿精确高度（黄色条） */
        background-color: #FFEC3A; /* 按照Figma设计稿精确颜色 */
        z-index: 0;
    }
    
    .mc-num {
        font-family: 'Roboto', sans-serif;
        font-size: 14px; /* 按照Figma设计稿精确字体大小 */
        font-weight: 700; /* 按照Figma设计稿精确字重 */
        line-height: 1.29em; /* 按照Figma设计稿精确行高 */
        color: #000000; /* 按照Figma设计稿精确颜色 */
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 28px; /* 按照Figma设计稿精确位置 */
        top: 13px; /* 按照Figma设计稿精确位置 */
        width: 17px; /* 按照Figma设计稿精确宽度 */
        height: 13.75px; /* 按照Figma设计稿精确高度 */
        z-index: 1;
    }
    
    .mc-title {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 24px; /* 按照Figma设计稿精确字体大小 */
        font-weight: 700; /* 按照Figma设计稿精确字重 */
        line-height: 1.83em; /* 按照Figma设计稿精确行高 */
        color: #3B3B3B; /* 按照Figma设计稿精确颜色 */
        margin: 0;
        margin-top: 16px; /* 按照Figma设计稿精确位置（相对于mc-content-box顶部） */
        padding: 0;
        width: auto;
    }
    
    /* H5端英文和日语情况下，mc-title的行高改为1.2em */
    :lang(en) .mc-title,
    :lang(ja) .mc-title {
        line-height: 1.2em;
    }

    :lang(en) .mc-desc,
    :lang(ja) .mc-desc {
        margin-top: 6px;
    }
    
    .mc-desc {
        font-family: 'Noto Sans SC', sans-serif;
        font-size: 16px; /* 按照Figma设计稿精确字体大小 */
        font-weight: 400; /* 按照Figma设计稿精确字重 */
        line-height: 1.5em; /* 按照Figma设计稿精确行高 */
        color: #000000; /* 按照Figma设计稿精确颜色 */
        opacity: 0.7; /* 按照Figma设计稿精确透明度 */
        margin: 0;
        padding: 0;
        width: auto;
    }
    
    /* 卡片1描述宽度 */
    .model-card-v2:nth-child(1) .mc-desc {
        width: 190px; /* 按照Figma设计稿精确宽度 */
    }
    
    /* 卡片2描述宽度 */
    .model-card-v2:nth-child(2) .mc-desc {
        width: 190px; /* 按照Figma设计稿精确宽度 */
    }
    
    /* 卡片3描述宽度 */
    .model-card-v2:nth-child(3) .mc-desc {
        width: 171px; /* 按照Figma设计稿精确宽度 */
    }
    
    /* 卡片4描述宽度 */
    .model-card-v2:nth-child(4) .mc-desc {
        width: 190px; /* 按照Figma设计稿精确宽度 */
    }
    
    /* 移动端滑动指示器 - 按照Figma设计稿 */
    /* 这是一个整体的指示器条，白色块根据滚动位置动态移动 */
    .models-scroll-indicator {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 683px; /* 按照Figma设计稿精确位置 y: 683 */
        width: 175px; /* 按照Figma设计稿精确宽度 */
        height: 4px; /* 按照Figma设计稿精确高度 */
        padding: 0;
        z-index: 3;
        background: rgba(255, 255, 255, 0.2); /* 按照Figma设计稿精确颜色（未激活部分） */
        border-radius: 0;
        display: block;
        overflow: hidden; /* 确保白色块不溢出 */
    }
    
    /* 白色进度块（激活部分） */
    .scroll-indicator-progress {
        position: absolute;
        left: 0; /* 初始位置，由JavaScript动态更新 */
        top: 0;
        width: 25%; /* 白色块占总长度的四分之一 */
        height: 100%;
        background: #FFFFFF; /* 白色激活部分 */
        transition: left 0.1s linear; /* 平滑过渡效果，参考test.html使用linear */
    }
    
    /* 隐藏原来的dot结构 */
    .scroll-indicator-dot {
        display: none;
    }
    
    /* 移动端 Service 背景图片 - 使用图片元素，不需要 background-image */
    
    /* 移动端显示移动端元素 */
    .hero-slide-counter {
        display: block;
    }
    
    .hero-pagination {
        display: flex !important; /* 确保分页指示器在移动端显示 */
    }
    
    .about-logo-section {
        display: block;
    }
    
    .models-scroll-indicator {
        display: flex;
    }
}

/* H5端：当分辨率大于390px且小于768px时，hero-slide-counter到屏幕右侧的距离和hero-slide到屏幕左侧的距离保持一致 */
@media (min-width: 391px) and (max-width: 768px) {
    #hero {
        position: relative;
    }
    
    .hero-slide-counter {
        position: absolute !important;
        left: auto !important;
        right: 32px !important;
    }
    
    .hero-pagination {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    /* service-pagination水平居中 */
    .service-pagination {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* PC 端隐藏移动端元素 */
@media (min-width: 769px) {
    .hero-slide-counter,
    .hero-pagination,
    .about-logo-section,
    .models-scroll-indicator,
    .mobile-menu-btn,
    .hero-bg-slide-mobile,
    .service-bg-img-mobile,
    .model-img-mobile,
    .process-icon-mobile {
        display: none !important;
    }
    
    /* PC端首页header在顶部时添加backdrop-filter */
    header:not(.scrolled) {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
    
    /* PC端 about-text fade-up active 中的 h2 字体 weight 改为 700 */
    .about-text.fade-up.active h2 {
        font-weight: 700;
    }
    
    /* PC端 hero-slide h1 最大宽度和允许换行 */
    .hero-slide h1 {
        width: 1100px !important;
        white-space: normal !important;
        line-height: 1.2em !important;
    }
    
    /* PC端中文和繁体中文时，hero-slide的top值改为-50px */
    :lang(zh-CN) .hero-slide,
    :lang(zh-TW) .hero-slide {
        top: -50px !important;
    }
    
    /* PC端中文和繁体中文时，第二条hero-slide中的h1宽度设置为750px */
    :lang(zh-CN) .hero-slide[data-index="2"] h1,
    :lang(zh-TW) .hero-slide[data-index="2"] h1 {
        width: 750px !important;
    }
    
    /* PC端中文和繁体中文时，第三条hero-slide中的h1宽度设置为650px */
    :lang(zh-CN) .hero-slide[data-index="3"] h1,
    :lang(zh-TW) .hero-slide[data-index="3"] h1 {
        width: 650px !important;
    }
    
    /* PC端中文和繁体中文时，第四条hero-slide中的h1宽度设置为800px */
    :lang(zh-CN) .hero-slide[data-index="4"] h1,
    :lang(zh-TW) .hero-slide[data-index="4"] h1 {
        width: 800px !important;
    }
    
    /* PC端：当分辨率在1920px及以上时，hero-slide中的h1字体改为110px */
    @media (min-width: 1920px) {
        .hero-slide h1 {
            font-size: 110px !important;
        }
        
        /* PC端1920px及以上：中文和繁体中文时，第一个hero-slide的top值设置为-20px */
        :lang(zh-CN) .hero-slide[data-index="1"],
        :lang(zh-TW) .hero-slide[data-index="1"] {
            top: -20px !important;
        }
        
        /* PC端1920px及以上：中文和繁体中文时，第2、3、4个hero-slide的top值设置为-150px */
        :lang(zh-CN) .hero-slide[data-index="2"],
        :lang(zh-TW) .hero-slide[data-index="2"],
        :lang(zh-CN) .hero-slide[data-index="3"],
        :lang(zh-TW) .hero-slide[data-index="3"],
        :lang(zh-CN) .hero-slide[data-index="4"],
        :lang(zh-TW) .hero-slide[data-index="4"] {
            top: -150px !important;
        }
        
        /* PC端1920px及以上：英文时，第二个hero-slide的top设置为-220px */
        :lang(en) .hero-slide[data-index="2"] {
            top: -220px !important;
        }
        
        /* PC端1920px及以上：英文时，第二个hero-slide中的h1的line-height设置为1.1em，margin-bottom设置为30px */
        :lang(en) .hero-slide[data-index="2"] h1 {
            line-height: 1.1em !important;
            margin-bottom: 30px !important;
        }
        
        /* PC端1920px及以上：英文时，第三个hero-slide的top设置为-100px */
        :lang(en) .hero-slide[data-index="3"] {
            top: -100px !important;
        }
        
        /* PC端1920px及以上：英文时，第三个hero-slide中的h1的line-height设置为1.1em，margin-bottom设置为30px */
        :lang(en) .hero-slide[data-index="3"] h1 {
            line-height: 1.1em !important;
            margin-bottom: 30px !important;
        }
        
        /* PC端1920px及以上：英文时，第四个hero-slide的top设置为-220px */
        :lang(en) .hero-slide[data-index="4"] {
            top: -220px !important;
        }
        
        /* PC端1920px及以上：英文时，第四个hero-slide中的h1的width设置为1300px，line-height设置为1.1em，margin-bottom设置为30px */
        :lang(en) .hero-slide[data-index="4"] h1 {
            width: 1300px !important;
            line-height: 1.1em !important;
            margin-bottom: 30px !important;
        }
        
        /* PC端1920px及以上：日语时，第一个hero-slide的top设置为-120px */
        :lang(ja) .hero-slide[data-index="1"],
        :lang(ja) .hero-slide[data-index="2"],
        :lang(ja) .hero-slide[data-index="4"] {
            top: -120px !important;
        }
        
        /* PC端1920px及以上：日语时，第一个hero-slide中的h1的width设置为900px */
        :lang(ja) .hero-slide[data-index="1"] h1 {
            width: 900px !important;
        }
    }
    
    /* PC端：当分辨率在2560px及以上时，hero-slide中的h1字体改为110px */
    @media (min-width: 2560px) {
        .hero-slide h1 {
            width: 1200px !important;
            font-size: 110px !important;
            line-height: 1.2em !important;
        }
        
        .hero-slides-wrapper {
            top: 350px !important;
        }
        
        /* PC端2560px及以上时，英语语言下第一个hero-slide的top值设置为100px */
        :lang(en) .hero-slide[data-index="1"] {
            top: 100px !important;
        }
        
        /* PC端2560px及以上时，英语语言下第二个和第四个hero-slide的top值设置为-125px */
        :lang(en) .hero-slide[data-index="2"],
        :lang(en) .hero-slide[data-index="4"] {
            top: -125px !important;
        }

        :lang(en) .hero-slide[data-index="2"] h1,
        :lang(en) .hero-slide[data-index="4"] h1 {
            line-height: 1.1em !important;
        }
        
        /* PC端2560px及以上时，英语语言下第三个hero-slide的top值设置为-5px */
        :lang(en) .hero-slide[data-index="3"] {
            top: -5px !important;
        }
        
        :lang(en) .hero-slide[data-index="4"] {
            margin-bottom: 38px !important;
        }

        :lang(ja) .hero-slide {
            top: -60px !important;
        }
        
        /* PC端2560px及以上时，日语时，第一个hero-slide的top值设置为-20px */
        :lang(ja) .hero-slide[data-index="1"],
        :lang(ja) .hero-slide[data-index="2"],
        :lang(ja) .hero-slide[data-index="4"] {
            top: -20px !important;
        }
        
        /* PC端2560px及以上时，日语时，第三个hero-slide的top值设置为110px */
        :lang(ja) .hero-slide[data-index="3"] {
            top: 110px !important;
        }
        
        /* PC端2560px及以上时，中文和繁体中文时，第一个hero-slide的top值设置为50px */
        :lang(zh-CN) .hero-slide[data-index="1"],
        :lang(zh-TW) .hero-slide[data-index="1"] {
            top: 90px !important;
        }
        
        /* PC端2560px及以上时，中文和繁体中文时，第二个、第三个、第四个hero-slide的top值设置为-80px */
        :lang(zh-CN) .hero-slide[data-index="2"],
        :lang(zh-TW) .hero-slide[data-index="2"],
        :lang(zh-CN) .hero-slide[data-index="3"],
        :lang(zh-TW) .hero-slide[data-index="3"],
        :lang(zh-CN) .hero-slide[data-index="4"],
        :lang(zh-TW) .hero-slide[data-index="4"] {
            top: -40px !important;
        }
        
        /* PC端2560px及以上时，中文和繁体中文时，第二条hero-slide中的h1宽度设置为750px */
        :lang(zh-CN) .hero-slide[data-index="2"] h1,
        :lang(zh-TW) .hero-slide[data-index="2"] h1 {
            width: 750px !important;
        }
        
        /* PC端2560px及以上时，中文和繁体中文时，第三条hero-slide中的h1宽度设置为650px */
        :lang(zh-CN) .hero-slide[data-index="3"] h1,
        :lang(zh-TW) .hero-slide[data-index="3"] h1 {
            width: 650px !important;
        }
        
        /* PC端2560px及以上时，中文和繁体中文时，第四条hero-slide中的h1宽度设置为800px */
        :lang(zh-CN) .hero-slide[data-index="4"] h1,
        :lang(zh-TW) .hero-slide[data-index="4"] h1 {
            width: 800px !important;
        }
        
        /* PC端2560px及以上时，hero-controls-area的bottom设置为195px */
        .hero-controls-area {
            bottom: 195px !important;
        }
    }
    
    /* PC端英文时第二条hero-slide的h1宽度设置为1000px */
    :lang(en) .hero-slide[data-index="2"] h1 {
        width: 1000px !important;
    }
    
    /* PC 端隐藏移动端的独立 stats section */
    #stats.stats-section {
        display: none !important;
    }
    
    /* PC 端显示 about-grid 内的 stats-container */
    .about-grid .stats-container {
        display: flex !important;
    }
    
    /* PC 端 Service 区域 - 还原原始样式，不受移动端影响 */
    .service-container {
        max-width: 1920px !important;
        height: 100% !important;
        margin: 0 auto !important;
        position: relative !important;
        z-index: auto !important;
    }
    
    /* PC 端隐藏移动端分页指示器 */
    .service-pagination {
        display: none !important;
    }
    
    /* PC 端 service-header 保持原始样式 */
    .service-header {
        text-align: center !important;
        padding-top: 120px !important;
        margin-bottom: 72px !important;
        position: static !important;
    }
    
    .service-header p {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1.25em !important;
        color: #FFFFFF !important;
        margin-bottom: 24px !important;
        margin-top: 0 !important;
    }
    
    .service-header h2 {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 48px !important;
        font-weight: 700 !important;
        line-height: 1.21em !important;
        color: #FFFFFF !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        white-space: normal !important;
    }
    
    /* PC端隐藏移动端的换行标签 */
    .service-header h2 br.mobile-only {
        display: none !important;
    }
    
    /* PC 端 service-main-image 保持原始样式 */
    .service-main-image {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 296px !important;
        width: 1590px !important;
        height: 784px !important;
        margin: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }
    
    .service-bg-img-pc {
        display: block !important;
    }
    
    .service-bg-img-mobile {
        display: none !important;
    }
    
    /* PC 端 service-left-card 保持原始样式 */
    .service-left-card {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 812px !important;
        min-height: 502px !important;
        height: auto !important;
        /* background 由 JS 动态控制，不在此设置 */
        z-index: 2 !important;
        padding-bottom: 40px !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
    }
    
    /* PC端：英语语言下，service-left-card的min-height设置为600px */
    :lang(en) .service-left-card {
        min-height: 600px !important;
    }
    
    /* PC 端移除移动端的 ::before 背景层 */
    .service-left-card::before {
        display: none !important;
        content: none !important;
    }
    
    /* PC 端 service-slide 保持原始样式 */
    .service-slide {
        position: absolute !important;
        top: 86px !important;
        left: 165px !important;
        width: calc(100% - 165px) !important;
        height: auto !important;
        padding: 0 !important;
        padding-bottom: 20px !important;
        opacity: 0 !important;
        transition: opacity 0.6s ease !important;
        pointer-events: none !important;
        visibility: visible !important;
        display: block !important;
        z-index: auto !important;
    }
    
    .service-slide.active {
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    
    .service-slide:not(.active) {
        display: block !important;
    }
    
    /* PC 端移除移动端的 ::after 箭头图标 */
    .service-slide::after {
        display: none !important;
        content: none !important;
    }
    
    /* PC 端 num-wrap 显示 */
    .num-wrap {
        display: block !important;
    }
    
    /* PC 端 card-title 保持原始样式 */
    .card-title {
        position: static !important;
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 48px !important;
        width: 425px !important;
        font-weight: 700 !important;
        line-height: 1em !important;
        color: #FFFFFF !important;
        margin: 20px 0 45px 0 !important;
        text-align: left !important;
        top: auto !important;
        left: auto !important;
        height: auto !important;
        min-height: auto !important;
        z-index: auto !important;
    }
    
    /* PC 端 card-subtitle 保持原始样式 */
    .card-subtitle {
        position: static !important;
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1.25em !important;
        color: #FFFFFF !important;
        margin: 0 0 30px 0 !important;
        width: auto !important;
        text-align: left !important;
        top: auto !important;
        left: auto !important;
        height: auto !important;
        min-height: auto !important;
        z-index: auto !important;
    }
    
    /* PC 端显示 card-desc */
    .card-desc {
        display: block !important;
    }
    
    /* PC 端 service-nav-buttons 保持原始样式 */
    .service-nav-buttons {
        position: absolute !important;
        left: 620px !important;
        top: 680px !important;
        right: auto !important;
        display: flex !important;
        gap: 24px !important;
        z-index: 3 !important;
        padding: 0 !important;
        pointer-events: auto !important;
        justify-content: flex-start !important;
    }
    
    /* PC端：英语语言下，service-nav-buttons的top设置为590px */
    :lang(en) .service-nav-buttons {
        top: 590px !important;
    }
    
    .service-nav-btn {
        width: 64px !important;
        height: 64px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        cursor: pointer !important;
        display: block !important;
        position: static !important;
        border-radius: 0 !important;
        flex-shrink: 0 !important;
    }
    
    /* PC端按钮始终显示，不使用hidden */
    .service-nav-btn.hidden {
        visibility: visible !important;
        display: block !important;
    }
    
    /* PC端隐藏移动端按钮图片 */
    .service-btn-img-mobile {
        display: none !important;
    }
    
    /* PC端显示PC端按钮图片 */
    .service-btn-img-pc {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    
    /* PC端按钮图片默认显示状态 */
    .service-prev-btn .service-prev-img-pc {
        display: block;
    }
    
    .service-prev-btn .service-prev-img-pc-active {
        display: none;
    }
    
    .service-next-btn .service-next-img-pc {
        display: none;
    }
    
    .service-next-btn .service-next-img-pc-active {
        display: block;
    }
    
    .service-prev-btn {
        position: static !important;
        left: auto !important;
    }
    
    .service-next-btn {
        position: static !important;
        right: auto !important;
    }
    
    /* PC 端显示 service-right-list */
    .service-right-list {
        display: block !important;
        position: absolute !important;
        right: 0 !important;
        bottom: 165px !important;
        width: 510px !important;
        /* background 由 JS 动态控制，不在此设置 */
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        padding: 24px 0 24px 32px !important;
        z-index: 2 !important;
    }
    
    /* PC端还原process部分所有样式 - 完全按照原始PC样式 */
    #process {
        background: #FFFFFF !important;
        min-height: 810px !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .process-header-container {
        padding: 114px 0 0 160px !important;
        margin-bottom: 54px !important;
        text-align: left !important;
        position: static !important;
    }
    
    .process-title-group {
        position: static !important;
        z-index: auto !important;
    }
    
    .process-tag {
        display: inline-block !important;
        background: linear-gradient(to top, #FFEC3A 50%, transparent 50%) !important;
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 2em !important;
        color: #000000 !important;
        padding: 0 5px !important;
        margin-bottom: 27px !important;
        position: static !important;
        z-index: auto !important;
    }
    
    .process-tag::after {
        display: none !important; /* PC端不使用::after，使用linear-gradient背景 */
        content: none !important;
    }
    
    .process-title-group .main-title {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 48px !important;
        font-weight: 900 !important;
        line-height: 1.33em !important;
        color: #3B3B3B !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }
    
    .process-title-group .main-title .title-line1,
    .process-title-group .main-title .title-line2 {
        display: inline !important;
        width: auto !important;
        text-align: left !important;
    }
    
    .process-content-wrapper {
        background-color: #F6F7FC !important;
        padding: 234px 0 0 0 !important;
        width: 100% !important;
        min-height: 528px !important;
        position: relative !important;
        margin: 0 !important;
    }
    
    .process-timeline {
        max-width: 1920px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        gap: 176px !important;
        position: relative !important;
        text-align: center !important;
        padding: 0 80px !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        width: auto !important;
    }
    
    .timeline-line {
        position: absolute !important;
        top: 6px !important;
        left: 155px !important;
        right: 155px !important;
        height: 1px !important;
        background: transparent !important;
        border: none !important;
        background-image: repeating-linear-gradient(to right,
                #CCCCCC 0,
                #CCCCCC 6px,
                transparent 6px,
                transparent 12px) !important;
        z-index: 0 !important;
        display: block !important;
        width: auto !important;
    }
    
    .process-step {
        position: relative !important;
        z-index: 1 !important;
        flex: 0 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 96px !important;
        height: auto !important;
        gap: 0 !important;
        left: auto !important;
        top: auto !important;
    }
    
    .process-step:last-child {
        width: 120px !important;
    }
    
    /* 移除移动端的nth-child绝对定位 */
    .process-step:nth-child(2),
    .process-step:nth-child(3),
    .process-step:nth-child(4),
    .process-step:nth-child(5),
    .process-step:nth-child(6),
    .process-step:nth-child(7) {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 96px !important;
        height: auto !important;
    }
    
    .process-step:last-child:nth-child(n) {
        width: 120px !important;
    }
    
    .step-num {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 96px !important;
        font-weight: 400 !important;
        line-height: 1.21em !important;
        color: #000000 !important;
        opacity: 0.2 !important;
        position: absolute !important;
        top: -134px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: auto !important;
    }
    
    .step-dot {
        width: 12px !important;
        height: 12px !important;
        background-color: #8278FF !important;
        border-radius: 50% !important;
        margin-bottom: 40px !important;
        position: relative !important;
        z-index: 2 !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    
    .step-dot::before {
        display: none !important; /* PC 端不显示数字 */
        content: none !important;
    }
    
    .step-icon {
        width: 74px !important;
        height: 56px !important;
        margin-bottom: 22px !important;
        flex-shrink: 0 !important;
    }
    
    .step-icon img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    
    .step-icon .process-icon-pc {
        display: block !important;
    }
    
    .step-icon .process-icon-mobile {
        display: none !important;
    }
    
    .step-text {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1.25em !important;
        color: #000000 !important;
        width: 96px !important;
        text-align: center !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .process-step:last-child .step-text {
        width: 120px !important;
    }
    
    /* PC端还原Models样式 - 完全按照原始PC样式 */
    #models {
        position: relative !important;
        padding: 120px 20px 120px !important;
        background-color: #f6f7fb !important;
        min-height: auto !important;
        height: auto !important;
        background-image: none !important;
        overflow: visible !important;
    }
    
    #models::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: url('../images/cooperation_bg.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        z-index: 0 !important;
        display: block !important;
    }
    
    #models::after {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 47% !important;
        background: rgba(98, 0, 209, 0.70) !important;
        z-index: 1 !important;
        display: block !important;
    }
    
    .models-container {
        position: relative !important;
        z-index: 2 !important;
        max-width: 1590px !important;
        margin: 0 auto !important;
        padding: 0 165px 0 !important;
        height: auto !important;
    }
    
    .models-header {
        text-align: center !important;
        color: #fff !important;
        margin-bottom: 110px !important;
        padding: 0 !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: auto !important;
    }
    
    .models-header p {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1.25em !important;
        color: #FFFFFF !important;
        opacity: 1 !important;
        margin-bottom: 24px !important;
        margin-top: 0 !important;
        display: block !important;
    }
    
    .models-header h2 {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 48px !important;
        font-weight: 900 !important;
        line-height: 1.33em !important;
        color: #FFFFFF !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        white-space: normal !important;
    }
    
    .models-grid {
        display: flex !important;
        gap: 50px !important;
        justify-content: center !important;
        flex-direction: row !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        padding: 0 !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        -webkit-overflow-scrolling: auto !important;
        scroll-snap-type: none !important;
    }
    
    .models-grid::-webkit-scrollbar {
        display: block !important;
    }
    
    .model-card-v2 {
        position: relative !important;
        flex: 0 0 360px !important;
        width: 360px !important;
        height: 531px !important;
        scroll-snap-align: none !important;
    }
    
    /* PC端恢复错位效果 */
    .model-card-v2:nth-child(even) {
        margin-top: 60px !important;
    }
    
    .model-card-v2:nth-child(2) {
        margin-top: 110px !important;
    }
    
    /* 移动端的nth-child规则需要移除 */
    .model-card-v2:nth-child(1),
    .model-card-v2:nth-child(3) {
        margin-top: 0 !important;
    }
    
    .model-card-v2:nth-child(4) {
        margin-top: 60px !important; /* 因为是偶数，使用60px */
    }
    
    .mc-img-box {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 480px !important;
        overflow: hidden !important;
        z-index: 0 !important;
    }
    
    .mc-img-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.5s !important;
    }
    
    .mc-img-box .model-img-pc {
        display: block !important;
    }
    
    .mc-img-box .model-img-mobile {
        display: none !important;
    }
    
    .model-card-v2:hover .mc-img-box img {
        transform: scale(1.05) !important;
    }
    
    .mc-content-box {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        background: #FFFFFF !important;
        width: 300px !important;
        padding: 29px 36px 36px 36px !important;
        min-height: 233px !important;
        box-sizing: border-box !important;
        z-index: 1 !important;
        height: auto !important;
    }
    
    .mc-decoration {
        position: absolute !important;
        left: 0 !important;
        top: 38px !important;
        width: 60px !important;
        height: 8px !important;
        background-color: #FFEC3A !important;
        z-index: 0 !important;
    }
    
    .mc-num {
        font-family: 'Roboto', sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.29em !important;
        color: #000000 !important;
        display: block !important;
        margin-bottom: 10px !important;
        position: relative !important;
        z-index: 1 !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .mc-title {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 36px !important;
        font-weight: 700 !important;
        line-height: 1.2em !important;
        color: #3B3B3B !important;
        margin-bottom: 24px !important;
        margin-top: 0 !important;
        padding: 0 !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
    }
    
    .mc-desc {
        font-family: 'Noto Sans SC', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.5em !important;
        color: #000000 !important;
        opacity: 0.7 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* 移除移动端的特定卡片描述宽度 */
    .model-card-v2:nth-child(1) .mc-desc,
    .model-card-v2:nth-child(2) .mc-desc,
    .model-card-v2:nth-child(3) .mc-desc,
    .model-card-v2:nth-child(4) .mc-desc {
        width: auto !important;
    }
    
    .models-scroll-indicator {
        display: none !important; /* PC端隐藏滑动指示器 */
    }
}

/* PC端时，当分辨率在1440px到1600px之间时，将model-card-v2的宽度改为310px */
@media (min-width: 1440px) and (max-width: 1600px) {
    .model-card-v2 {
        flex: 0 0 310px !important;
        width: 310px !important;
    }
    
    /* PC端时，当分辨率在1440px到1600px之间时，job-arrow-icon向右移动80px */
    .job-arrow-icon {
        right: calc((30px + (-20px - 30px) * ((1920px - 100vw) / (1920px - 1440px))) - 80px) !important;
    }
}

/* 1440px时的特殊情况：right值为30px，减去80px后为-50px */
@media (min-width: 1440px) and (max-width: 1449px) {
    .job-arrow-icon {
        right: -50px !important;
    }
}

/* PC端日语时，当分辨率在1440px到1600px之间时，hero-slides-wrapper的top值改为290px */
@media (min-width: 1440px) and (max-width: 1600px) {
    :lang(ja) .hero-slides-wrapper {
        top: 290px !important;
    }
    
    /* PC端日语时，当分辨率在1440px到1600px之间时，hero-slide中的h1宽度改为700px */
    :lang(ja) .hero-slide h1 {
        width: 700px !important;
    }
}

/* 大于1920px时，确保process-title-group与hero-slides-wrapper到屏幕左边缘的距离一致 */
@media (min-width: 1921px) {
    /* 让#process容器也居中，与hero-container保持一致 */
    #process {
        max-width: 1920px !important;
        margin: 0 auto !important;
    }
    
    /* 确保process-header-container的左边距与hero-slides-wrapper的left值保持一致 */
    .process-header-container {
        padding-left: 160px !important;
    }
    
    /* 首页container的左右边距与process-header-container的左边距保持一致 */
    body:has(#hero) .container {
        padding: 0 160px !important;
    }
    
    /* 确保language-selector到屏幕右侧的距离与logo到屏幕左侧的距离保持一致 */
    .nav-links>li:last-child {
        right: calc(80px + (100vw - 1920px) / 2) !important;
    }
}

/* PC端：当分辨率在2560px及以上时，hero-slides-wrapper的top值改为350px */
@media (min-width: 2560px) {
    .hero-slides-wrapper {
        top: 350px !important;
    }
    
    /* PC端2560px及以上时，英语语言下第二条hero-slide的top值设置为-125px */
    :lang(en) .hero-slide[data-index="2"] {
        top: -125px !important;
    }
}