/* ================================================
   Omini 官网 - 首页模块样式 (ominiIndex.css)
   设计稿基准：2560px
   前缀规范：ominit-
   ================================================ */

/* ========== 模块1：Banner 首图 ========== */

/* Banner 容器
   设计稿：图片 width 2560px，height 28633px，距底部 10px
   自适应：宽度占满视口，高度按图片比例自动
*/
.ominit-banner {
    width: 100%;
    position: relative;
    background-color: #000000;
    /* 距底部 10px → 0.625rem */
    margin-bottom: 0.625rem;
}

/* Banner 图片
   使用 width:100% + height:auto 保持原始比例缩放
   不使用固定高度，避免溢出或变形
*/
.ominit-banner__img {
    width: 100%;
    height: auto;
    display: block;
}

/* Banner 文案内容容器
   绝对定位叠加在底图上，距顶 172px → 10.75rem
*/
.ominit-banner__content {
    position: absolute;
    top: 10.75rem;              /* 172px */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 2;
    width: 100%;
}

/* 主标题
   96px → 6rem，#F3F8FF
*/
.ominit-banner__title {
    font-size: 6rem;            /* 96px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
    margin: 0;
    text-align: center;
}

/* 小标题行容器
   距标题 50px → 3.125rem
*/
.ominit-banner__subtitle {
    margin-top: 3.125rem;       /* 50px */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;                  /* 文字与分隔符间距 */
}

/* 小标题文字
   30px → 1.875rem，#FFFFFF
*/
.ominit-banner__subtitle-item {
    font-size: 1.875rem;        /* 30px */
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.2;
}

/* 分隔符
   高 19px → 1.1875rem，宽 2px → 0.125rem，#A7AFBA
*/
.ominit-banner__divider {
    display: inline-block;
    width: 0.125rem;            /* 2px */
    height: 1.1875rem;          /* 19px */
    background-color: #A7AFBA;
}

/* 购买按钮
   距小标题 70px → 4.375rem
   图片 182×46px → 11.375rem × 2.875rem
*/
.ominit-banner__btn {
    display: inline-block;
    margin-top: 4.375rem;       /* 70px */
    cursor: pointer;
    text-decoration: none;
}

.ominit-banner__btn-img {
    width: 11.375rem;           /* 182px */
    height: 2.875rem;           /* 46px */
    display: block;
}

/* ========== 模块2：图片栅格区 ========== */

/* 模块2 容器
   居中显示，最大宽度 1440px，距 Banner 底部 10px
   内部使用 flex 纵向布局，每行间距 20px
*/
.ominit-module2 {
    max-width: 90rem;          /* 1440px */
    margin: 0.625rem auto 0;   /* 距上方 10px，水平居中 */
    display: flex;
    flex-direction: column;
    gap: 1.25rem;              /* 行间距 20px */
    padding: 0 0.625rem;       /* 左右各 10px 边距，防止贴边 */
}

/* 每一行通用样式 */
.ominit-module2__row {
    width: 100%;
}

/* Row 1: 单张满宽图 (omini-2-1.png, 1440×240) */
.ominit-module2__row1 img {
    width: 100%;
    height: auto;
    display: block;
}

/* Row 2: 左右两张图 (omini-2-2 + omini-2-3, 各710×260) */
.ominit-module2__row2 {
    display: flex;
    gap: 1.25rem;              /* 两图之间 20px 间距 */
}

.ominit-module2__row2 img {
    width: calc((100% - 1.25rem) / 2);  /* 各占一半减去间距 */
    height: auto;
    display: block;
}

/* Row 3: 左大右小布局
   左: omini-2-4 (710×540)
   右: omini-2-5 (710×260) + omini-2-6 (710×260) 上下堆叠
*/
.ominit-module2__row3 {
    display: flex;
    gap: 1.25rem;
}

.ominit-module2__col-left {
    width: calc((100% - 1.25rem) / 2);
}

.ominit-module2__col-left img {
    width: 100%;
    height: auto;
    display: block;
}

.ominit-module2__col-right {
    width: calc((100% - 1.25rem) / 2);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;              /* 上下两图间距 20px */
}

.ominit-module2__col-right img {
    width: 100%;
    height: auto;
    display: block;
}

/* Row 4: 单张满宽图 (omini-2-7.png, 1440×200) */
.ominit-module2__row4 img {
    width: 100%;
    height: auto;
    display: block;
}

/* Row 5: 左右两张图 (omini-2-8 + omini-2-9, 各710×540) */
.ominit-module2__row5 {
    display: flex;
    gap: 1.25rem;
}

.ominit-module2__row5 img {
    width: calc((100% - 1.25rem) / 2);
    height: auto;
    display: block;
}

/* ========== 模块2：滚动渐入动画 ========== */

/* 初始状态：透明 + 向下偏移 */
.ominit-slide-up {
    opacity: 0;
    transform: translateY(1.875rem);  /* 30px */
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 触发状态：完全显示 + 归位 */
.ominit-slide-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* 按行错开延迟，形成波浪效果 */
.ominit-module2__row1 .ominit-slide-up { transition-delay: 0s; }
.ominit-module2__row2 .ominit-slide-up { transition-delay: 0.1s; }
.ominit-module2__row3 .ominit-slide-up { transition-delay: 0.2s; }
.ominit-module2__row4 .ominit-slide-up { transition-delay: 0.3s; }
.ominit-module2__row5 .ominit-slide-up { transition-delay: 0.4s; }

/* ========== 模块3：体积对比区 ========== */

/* 模块3 容器
   距模块2底部 217px，内容居中
*/
.ominit-module3 {
    margin-top: 13.5625rem;    /* 217px */
    text-align: center;
}

/* 标题区 */
.ominit-module3__header {
    max-width: 160rem;        /* 2560px */
    margin: 0 auto;
    padding: 0 2rem;
}

.ominit-module3__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    margin-bottom: 2.875rem;      /* 46px */
    line-height: 1.2;
}

.ominit-module3__subtitle {
   
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.5;
}

/* 背景图容器
   2560×1180px 框架
*/
.ominit-module3__bg {
    position: relative;
    width: 100%;
    margin-top: 4rem;          /* 标题与背景图间距 */
}

.ominit-module3__bg-img {
    width: 100%;
    height: auto;
    display: block;
}

/* 左侧三图堆叠
   设计稿：left 526px (20.55%), top 181px (15.34%)
   图片间距 30px → 1.875rem
*/
.ominit-module3__stack {
    position: absolute;
    left: 20.55%;              /* 526/2560 */
    top: 15.34%;                /* 181/1180 */
    display: flex;
    flex-direction: column;
    gap: 1.875rem;             /* 30px */
}

.ominit-module3__stack img {
    display: block;
    width: 30.3125rem;          /* 485px */
    height: 13.75rem;           /* 220px */
    object-fit: contain;
}

/* 底部说明文字
   设计稿：left 643px (25.12%)
   top 由 JS 动态计算（堆叠底部 + 68px 间距）
*/
.ominit-module3__note {
    position: absolute;
    left: 25.12%;              /* 643/2560 */
    font-size: 1.125rem;       /* 18px */
    color: #7D7D81;
    line-height: 1.5;
    text-align: left;
}

/* ========== 模块4：接口扩展区 ========== */

/* 模块4 容器
   内容居中
*/
.ominit-module4 {
    text-align: center;
}

/* 标题区 */
.ominit-module4__header {
    max-width: 160rem;        /* 2560px */
    margin: 0 auto;
    padding: 0 2rem;
}

.ominit-module4__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
}

.ominit-module4__subtitle {
    margin-top: 2.8125rem;     /* 45px */
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.8;
}

/* 高亮关键词 */
.ominit-module4__highlight {
    color: #F3F8FF;
}

/* 图片区
   距说明文字 78px
   图片尺寸 1438×900px
*/
.ominit-module4__image {
    margin-top: 4.875rem;     /* 78px */
    display: flex;
    justify-content: center;
}

.ominit-module4__img {
    max-width: 89.875rem;     /* 1438px */
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* ========== 模块5：性能跑分区 ========== */

/* 模块5 容器
   距模块4底部 220px
*/
.ominit-module5 {
    position: relative;
    margin-top: 13.75rem;     /* 220px */
    text-align: center;
}

/* 背景图 */
.ominit-module5__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
    margin-top: 24px;
    pointer-events: none;
}

/* 内容容器 */
.ominit-module5__content {
    position: relative;
    z-index: 1;
}

/* 标题区 */
.ominit-module5__header {
    max-width: 160rem;        /* 2560px */
    margin: 0 auto;
}

.ominit-module5__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
}

.ominit-module5__subtitle {
    margin-top: 3.25rem;      /* 52px */
    line-height: 2.25rem;     /* 36px */
}

.ominit-module5__spec {
    display: inline-block;
    font-size: 1.375rem;      /* 22px */
    color: #F3F8FF;
}

.ominit-module5__desc1 {
    display: block;
    font-size: 1.375rem;      /* 22px */
    color: #7D7D81;
    line-height: 1.6;
}

.ominit-module5__desc2 {
    display: block;
    font-size: 1.375rem;      /* 22px */
    color: #7D7D81;
}

/* 跑分区 */
.ominit-module5__benchmark {
    margin-top: 66rem;          /* 与上方标题的间距，需调试 */
    max-width: 90.125rem;     /* 1442px */
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* 跑分标题 */
.ominit-module5__bench-title {
    font-size: 3rem;          /* 48px */
    color: #CBCFD8;
    font-weight: 400;
}

/* 进度条容器
   主条: 1442×20px, 圆角 10px
   副条: 423×21px, 圆角 10px
*/
.ominit-module5__bar-wrap {
    margin-top: 4.875rem;     /* 78px */
    display: flex;
    justify-content: center;
    /* 主条默认宽度 */
    width: 90.125rem;         /* 1442px */
    max-width: 100%;
}

.ominit-module5__bar {
    height: 1.25rem;          /* 20px */
    border-radius: 0.625rem;  /* 10px */
    width: 100%;              /* 固定宽度，通过 transform 缩放 */
    transform-origin: left center;  /* 关键：从左边开始 */
    transform: scaleX(0);     /* 初始：完全收缩 */
    transition: transform 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 主进度条 - 渐变色 */
.ominit-module5__bar--main {
    background: linear-gradient(
        to right,
        #FFDBC1,
        #FFADC8,
        #9394FF,
        #65A7FF,
        #A5DAFF
    );
}

/* 副进度条 - 灰色 */
.ominit-module5__bar--sub {
    height: 1.3125rem;        /* 21px */
    background: #BFC5D9;
}

/* 副进度条容器宽度覆盖 */
.ominit-module5__benchmark > .ominit-module5__bar-wrap:nth-child(4) {
    width: 26.4375rem;        /* 423px */
}

/* 跑分数据行 */
.ominit-module5__score-row {
    margin-top: 1.8rem;         /* 32px */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 主跑分文字 */
.ominit-module5__score-label {
    font-size: 2.5rem;        /* 40px */
    color: #F3F8FF;
    font-weight: 400;
}

.ominit-module5__score-value {
    font-size: 2.5rem;        /* 40px */
    font-weight: 400;
    background: linear-gradient(to right, #FFADC8, #65A7FF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* 副跑分文字 */
.ominit-module5__score-label--sub {
    font-size: 2rem;          /* 32px */
    color: #BFC5D9;
}

.ominit-module5__score-value--sub {
    font-size: 2rem;          /* 32px */
    color: #BFC5D9;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

/* 副进度条（第2个 bar-wrap）与上方间距 */
.ominit-module5__benchmark > .ominit-module5__bar-wrap:nth-child(4) {
    margin-top: 5.25rem;      /* 84px */
}

/* 副跑分数据行与上方间距 */
.ominit-module5__benchmark > .ominit-module5__score-row:nth-child(5) {
    margin-top: 1.75rem;      /* 28px */
    width: 26.4375rem;              /* 423px */
}

/* ========== 模块6：DDR5 内存区 ========== */

/* 模块6 容器 */
.ominit-module6 {
    position: relative;
    margin-top: 146px;     /* 与模块5的间距 */
    text-align: center;
    overflow: hidden;
}

/* 背景图 */
.ominit-module6__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
    pointer-events: none;
}

/* 内容容器 */
.ominit-module6__content {
    position: relative;
    z-index: 1;
    padding: 0 2rem;
}

/* 标题区 */
.ominit-module6__header {
    max-width: 160rem;        /* 2560px */
    margin: 0 auto;
    margin-top: 4.2rem;
}

.ominit-module6__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
}

.ominit-module6__subtitle {
    margin-top: 3.0625rem;    /* 49px */
    font-size: 1.375rem;      /* 22px */
    color: #7D7D81;
    line-height: 1.6;
}

.ominit-module6__highlight {
    color: #F3F8FF;
}

/* 跑分区 - 靠左对齐 */
.ominit-module6__benchmark {
    max-width: 90.125rem;     /* 1442px */
    margin: 4rem auto 0;
    text-align: left;          /* 靠左对齐 */
    margin-top: 64rem;
}

/* 跑分标题 */
.ominit-module6__bench-title {
    font-size: 3rem;          /* 48px */
    color: #CBCFD8;
    font-weight: 400;
}

/* 进度条容器 - 靠左 */
.ominit-module6__bar-wrap {
    margin-top: 4.875rem;     /* 78px */
    display: flex;
    justify-content: flex-start;  /* 靠左对齐 */
    width: 90.125rem;         /* 1442px */
    max-width: 100%;
}

/* 进度条通用样式 */
.ominit-module6__bar {
    height: 1.25rem;          /* 20px */
    border-radius: 0.625rem;  /* 10px */
    width: 100%;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 主进度条 - 渐变色 */
.ominit-module6__bar--main {
    background: linear-gradient(
        to right,
        #FFDBC1,
        #FFADC8,
        #9394FF,
        #65A7FF,
        #A5DAFF
    );
}

/* 副进度条 - 灰色 */
.ominit-module6__bar--sub {
    height: 1.25rem;          /* 20px */
    background: #BFC5D9;
}

/* 副进度条容器宽度覆盖 */
.ominit-module6__benchmark > .ominit-module6__bar-wrap:nth-child(4) {
    width: 47.9375rem;        /* 767px */
    margin-top: 5.25rem;      /* 84px */
}

/* 跑分文字 - 靠左 */
.ominit-module6__score-label {
    margin-top: 1.75rem;      /* 28px */
    font-size: 2.5rem;        /* 40px */
    font-weight: 400;
    background: linear-gradient(to right, #FFADC8, #65A7FF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* 副跑分文字 */
.ominit-module6__score-label--sub {
    margin-top: 1.5625rem;    /* 25px */
    font-size: 2rem;          /* 32px */
    color: #BFC5D9;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

/* ========== 模块7：轻创作区 ========== */

/* 模块7 容器
   距模块6底部 220px
*/
.ominit-module7 {
    margin-top: 13.75rem;     /* 220px */
    text-align: center;
}

/* 标题区 */
.ominit-module7__header {
    max-width: 160rem;        /* 2560px */
    margin: 0 auto;
    padding: 0 2rem;
}

.ominit-module7__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
}

.ominit-module7__subtitle {
    margin-top: 3rem;          /* 48px */
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
    font-weight: 400;          /* 不加粗 */
}

/* 图片区 */
.ominit-module7__img-wrap {
    max-width: 89.875rem;     /* 1438px */
    margin: 4rem auto 0;
    padding: 0 2rem;
}

.ominit-module7__img {
    width: 100%;
    height: auto;
    display: block;
}

/* ========== 模块8：多任务区 ========== */

/* 模块8 容器
   距模块7底部 70px
*/
.ominit-module8 {
    position: relative;
    margin-top: 4.375rem;     /* 70px */
}

/* 背景图 */
.ominit-module8__bg {
    width: 100%;
    height: auto;
    display: block;
}

/* 内容容器 - 偏左绝对定位
   设计稿：left 634px (24.77%), top 360px (26.87%)
*/
.ominit-module8__content {
    position: absolute;
    left: 22.5%;              /* 634/2560 */
    top: 25.87%;               /* 360/1340 */
    text-align: left;
}

/* 标题文字 - 大行 */
.ominit-module8__title {
    font-size: 4rem;           /* 64px */
    font-weight: 600;
    color: #F3F8FF;
    line-height: 1.2;
    margin-bottom: 3%;
}

/* 副标题 - 第三行 */
.ominit-module8__subtitle {
    margin-top: 2.5rem;        /* 40px */
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
}

/* 描述文字 - 后续行 */
.ominit-module8__desc {
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.5;
}

/* ========== 模块9：AI创作助手轮播 ========== */

/* 模块9 容器
   距模块8底部 70px
*/
.ominit-module9 {
    position: relative;
    margin-top: 4.375rem;     /* 70px */
}

/* 标题区 */
.ominit-module9__header {
    text-align: center;
}

.ominit-module9__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
}

.ominit-module9__subtitle {
    margin-top: 3.0625rem;    /* 49px */
    font-size: 1.5rem;        /* 24px */
    color: #7D7D81;
    font-weight: 400;          /* 不加粗 */
}

/* 轮播容器
   设计稿：第一张图距左 560px (21.875%)
*/
.ominit-module9__carousel {
    margin-top: 5rem;          /* 80px */
    overflow: hidden;
    position: relative;
}

/* 轮播轨道 */
.ominit-module9__track {
    display: flex;
    gap: 1.25rem;             /* 20px 图片间距 */
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    /* 第一张图距左边 560px */
    padding-left: 35rem;       /* 560px */
}

/* 单张图片容器
   700×900px
*/
.ominit-module9__slide {
    flex: 0 0 auto;
    width: 43.75rem;          /* 700px */
    height: 56.25rem;         /* 900px */
}

.ominit-module9__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 切换按钮组
   设计稿：距左边 1756px (68.6%)
   按钮间距 45px
*/
.ominit-module9__buttons {
    margin-top: 3.75rem;      /* 60px */
    display: flex;
    gap: 2.8125rem;           /* 45px */
    /* 距左边 1756px */
    padding-left: 109.75rem;  /* 1756px */
}

/* 按钮基础样式
   100×100px 圆形
*/
.ominit-module9__btn {
    width: 6.25rem;           /* 100px */
    height: 6.25rem;          /* 100px */
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: transparent;
    padding: 0;
    position: relative;
    overflow: hidden;
}

/* 按钮图标 */
.ominit-module9__btn-icon,
.ominit-module9__btn-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease;
}

/* 默认显示普通图标 */
.ominit-module9__btn-active {
    opacity: 0;
}

/* 悬停/按下时切换到激活图标 */
.ominit-module9__btn:hover .ominit-module9__btn-icon {
    opacity: 0;
}

.ominit-module9__btn:hover .ominit-module9__btn-active {
    opacity: 1;
}

.ominit-module9__btn:active .ominit-module9__btn-icon {
    opacity: 0;
}

.ominit-module9__btn:active .ominit-module9__btn-active {
    opacity: 1;
}

/* ========== 模块10：散热视频区 ========== */

/* 模块10 容器
   距模块9底部 218px
*/
.ominit-module10 {
    position: relative;
    margin-top: 13.625rem;    /* 218px */
}

/* 标题区 - 居中 */
.ominit-module10__header {
    max-width: 160rem;        /* 2560px */
    margin: 0 auto;
    text-align: center;
    padding: 0 2rem;
}

.ominit-module10__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
}

/* 第一行说明 - 高亮 */
.ominit-module10__subtitle {
    margin-top: 3rem;          /* 48px */
    font-size: 1.5rem;         /* 24px */
    color: #F3F8FF;
    font-weight: 400;          /* 不加粗 */
    line-height: 1.8;
}

/* 第二行说明 - 普通 */
.ominit-module10__desc {
    margin-top: 0;
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
}

/* 视频模块
   2560×1200px
   距标题 14px (0.875rem)
*/
.ominit-module10__video-wrap {
    margin-top: 0.875rem;      /* 14px */
    width: 100%;
}

.ominit-module10__video {
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;      /* 禁止用户交互 */
}

/* ========== 模块11：静音切换区 ========== */

/* 模块11 容器
   距模块10底部 85px
*/
.ominit-module11 {
    margin-top: 5.3125rem;    /* 85px */
    text-align: center;
}

/* 标题 */
.ominit-module11__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
}

/* 图片区域
   距标题 79px
   1438×900px
*/
.ominit-module11__img-wrap {
    margin-top: 4.9375rem;    /* 79px */
    max-width: 89.875rem;     /* 1438px */
    margin-left: auto;
    margin-right: auto;
}

.ominit-module11__img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.4s ease;
}

/* 切换标签框架
   距图片 50px
   宽 800px → 50rem
*/
.ominit-module11__tabs {
    margin-top: 3.125rem;     /* 50px */
    max-width: 50rem;              /* 800px */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    position: relative;
}

/* 标签选项
   按钮间距 74px → 每个按钮居中分布
   下 30px 是横线
*/
.ominit-module11__tab {
    position: relative;
    flex: 1;
    width: 50rem;
    cursor: pointer;
    user-select: none;
}

/* 标签文字
   字号 30.56px → 约 1.91rem
*/
.ominit-module11__tab-text {
    display: block;
    padding-bottom: 1.875rem;  /* 30px 下方间距 */
    font-size: 1.91rem;       /* 30.56px */
    color: #7D7D81;
    line-height: 1.3;
    transition: color 0.3s ease;
}

/* 底部横线
   高 2px
   默认 #7D7D81
*/
.ominit-module11__tab-line {
    display: block;
    width: 100%;
    height: 0.125rem;          /* 2px */
    background-color: #7D7D81;
    transition: background-color 0.3s ease;
}

/* 激活状态 */
.ominit-module11__tab--active .ominit-module11__tab-text {
    color: #F3F8FF;
}

.ominit-module11__tab--active .ominit-module11__tab-line {
    background-color: #004BFA;
}

/* 说明文字
   距标签 30px
   字号 25px → 1.5625rem
*/
.ominit-module11__desc {
    margin-top: 1.875rem;     /* 30px */
    font-size: 1.5625rem;     /* 25px */
    color: #7D7D81;
    line-height: 1.5;
    text-align: center;
    display: none;
    transition: opacity 0.3s ease;
}

.ominit-module11__desc--active {
    display: block;
}

/* ========== 模块12：DIY快拆视频区 ========== */

/* 模块12 容器
   距模块11底部 227px
*/
.ominit-module12 {
    margin-top: 14.1875rem;    /* 227px */
    text-align: center;
}

/* 标题
   宽 708px → 44.25rem
   字号 64px → 4rem
*/
.ominit-module12__title {
    margin: 0 auto;
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
}

/* 说明文字
   距标题 48px → 3rem
   字号 24px → 1.5rem
*/
.ominit-module12__desc-wrap {
    margin-top: 3rem;          /* 48px */
}

.ominit-module12__desc {
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
    margin: 0;
}

/* 视频模块
   距说明文字 25px → 1.5625rem
   视频尺寸 2560×1200px
*/
.ominit-module12__video-wrap {
    margin-top: 1.5625rem;    /* 25px */
    width: 100%;
    max-width: 160rem;         /* 2560px */
}

.ominit-module12__video {
    width: 100%;
    aspect-ratio: 2560 / 1200;  /* 2560:1200 比例 */
    height: auto;
    display: block;
    margin: 0 auto;
    pointer-events: none;      /* 禁止用户交互 */
    object-fit: cover;
}

/* ========== 模块13：DDR5内存与SSD ========== */

/* 模块13 容器 */
.ominit-module13 {
    position: relative;
    width: 100%;
    max-width: 160rem;         /* 2560px */
    margin: 0 auto;
}

/* 底图
   2560×1330px
*/
.ominit-module13__bg {
    width: 100%;
    height: auto;
    display: block;
}

/* 文案框架
   距上 426px → 26.625rem
   距左 561px → 35.0625rem
*/
.ominit-module13__content {
    position: absolute;
    top: 26.625rem;           /* 426px */
    left: 34.0625rem;         /* 561px */
}

/* 标题
   字号 64px → 4rem
   颜色 #F3F8FF
*/
.ominit-module13__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
    margin: 0;
}

/* 说明文字
   字号 24px → 1.5rem
   颜色 #7D7D81
   距标题 50px → 3.125rem
*/
.ominit-module13__desc {
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
    margin: 0;
}

/* 第一个说明文字距标题 50px */
.ominit-module13__desc:first-of-type {
    margin-top: 3.125rem;     /* 50px */
}

/* ========== 模块14：多屏联动轮播 ========== */

/* 模块14 容器 */
.ominit-module14 {
    text-align: center;
    overflow: hidden;
}

/* 标题
   字号 64px → 4rem
   颜色 #F3F8FF
*/
.ominit-module14__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
    margin: 0;
}

/* 说明文字
   距标题 48px → 3rem
   字号 24px → 1.5rem
   颜色 #7D7D81
*/
.ominit-module14__subtitle {
    margin-top: 3rem;          /* 48px */
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
    font-weight: 400;
}

/* 轮播容器
   距说明文字 80px → 5rem
*/
.ominit-module14__carousel {
    margin-top: 5rem;          /* 80px */
    width: 100%;
    overflow: hidden;
}

/* 轮播轨道 */
.ominit-module14__track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}

/* 轮播元素
   元素间距 20px → 1.25rem
*/
.ominit-module14__item {
    flex-shrink: 0;
    margin-right: 1.25rem;     /* 20px 间距 */
}

/* 第一个元素距左边 560px → 35rem */
.ominit-module14__item--first {
    margin-left: 35rem;        /* 560px */
}

/* 元素图片
   第一个 1000×656px
   其他 800×656px
*/
.ominit-module14__item-img {
    display: block;
    height: auto;
}

.ominit-module14__item--first .ominit-module14__item-img {
    width: 62.5rem;           /* 1000px */
}

.ominit-module14__item:not(.ominit-module14__item--first) .ominit-module14__item-img {
    width: 50rem;             /* 800px */
}

/* 元素标题
   距图片 57px → 3.5625rem
   字号 42px → 2.625rem
   颜色 #F3F8FF
*/
.ominit-module14__item-title {
    margin-top: 3.5625rem;     /* 57px */
    font-size: 2.625rem;      /* 42px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.3;
    text-align: left;
}

/* 元素说明文字
   距标题 38px → 2.375rem
   字号 24px → 1.5rem
   颜色 #7D7D81
*/
.ominit-module14__item-desc {
    margin-top: 2.375rem;     /* 38px */
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
    text-align: left;
}

.ominit-module14__item-desc p {
    margin: 0;
}

/* 切换按钮组
   距轮播 60px → 3.75rem
   距左边 1756px → 109.75rem
   按钮间距 45px → 2.8125rem
*/
.ominit-module14__buttons {
    margin-top: 3.75rem;      /* 60px */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2.8125rem;           /* 45px 按钮间距 */
    padding-left: 109.75rem;  /* 1756px 距左边 */
}

/* 按钮基础样式
   宽 100px → 6.25rem
   高 100px → 6.25rem
   圆形
*/
.ominit-module14__btn {
    width: 6.25rem;           /* 100px */
    height: 6.25rem;          /* 100px */
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: transparent;
    padding: 0;
    position: relative;
    overflow: hidden;
}

/* 按钮图标 */
.ominit-module14__btn-icon,
.ominit-module14__btn-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease;
}

/* 默认显示普通图标 */
.ominit-module14__btn-active {
    opacity: 0;
}

/* 悬停/按下时切换到激活图标 */
.ominit-module14__btn:hover .ominit-module14__btn-icon {
    opacity: 0;
}

.ominit-module14__btn:hover .ominit-module14__btn-active {
    opacity: 1;
}

.ominit-module14__btn:active .ominit-module14__btn-icon {
    opacity: 0;
}

.ominit-module14__btn:active .ominit-module14__btn-active {
    opacity: 1;
}

/* ========== 模块15：有线与无线自动轮播 ========== */

/* 模块15 容器
   距上面 218px → 13.625rem
*/
.ominit-module15 {
    margin-top: 13.625rem;     /* 218px */
    text-align: center;
    overflow: hidden;
}

/* 标题
   居中，64px → 4rem，#F3F8FF
*/
.ominit-module15__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
    margin: 0;
    text-align: center;
}

/* 轮播容器
   距标题 79px → 4.9375rem
   容器宽度 2500px = 156.25rem (400 + 1700 + 400)
   让中间完整显示图片，两侧各露出一部分
*/
.ominit-module15__carousel {
    margin-top: 4.9375rem;     /* 79px */
    width: 156.25rem;          /* 2500px */
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

/* 轮播轨道 */
.ominit-module15__track {
    display: flex;
    transition: transform 0.6s ease;
    will-change: transform;
}

/* 轮播元素
   图片间距 30px → 1.875rem
*/
.ominit-module15__item {
    flex-shrink: 0;
    margin-right: 1.875rem;    /* 30px 间距 */
}

/* 元素图片
   1700×900px → 106.25rem × 56.25rem
*/
.ominit-module15__item-img {
    width: 106.25rem;          /* 1700px */
    height: 56.25rem;          /* 900px */
    display: block;
    object-fit: cover;
    border-radius: 0.75rem;    /* 轻微圆角 */
}

/* 切换按钮和文字内容容器
   距图片 51px → 3.1875rem
   按钮距左右两边各 510px → 31.875rem
*/
.ominit-module15__controls {
    margin-top: 3.1875rem;     /* 51px */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 160rem;         /* 2560px */
    margin-left: auto;
    margin-right: auto;
    padding-left: 31.875rem;   /* 510px 距左边 */
    padding-right: 31.875rem;  /* 510px 距右边 */
}

/* 按钮
   126×126px → 7.875rem × 7.875rem
   圆形
*/
.ominit-module15__btn {
    width: 7.875rem;           /* 126px */
    height: 7.875rem;          /* 126px */
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: transparent;
    padding: 0;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

/* 按钮图标 */
.ominit-module15__btn-icon,
.ominit-module15__btn-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease;
}

/* 默认显示普通图标 */
.ominit-module15__btn-active {
    opacity: 0;
}

/* 悬停/按下时切换到激活图标 */
.ominit-module15__btn:hover .ominit-module15__btn-icon,
.ominit-module15__btn:active .ominit-module15__btn-icon {
    opacity: 0;
}

.ominit-module15__btn:hover .ominit-module15__btn-active,
.ominit-module15__btn:active .ominit-module15__btn-active {
    opacity: 1;
}

/* 文字内容区
   居中显示在两个按钮之间
*/
.ominit-module15__content {
    flex: 1;
    text-align: center;
    margin: 0 3.125rem;         /* 一些间距 */
}

/* 文字内容项 */
.ominit-module15__content-item {
    text-align: center;
}

/* 元素标题
   42px → 2.625rem，#F3F8FF
*/
.ominit-module15__item-title {
    font-size: 2.625rem;       /* 42px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.3;
    margin: 0;
}

/* 元素说明文字
   距标题 30px → 1.875rem
   22px → 1.375rem，#7D7D81
*/
.ominit-module15__item-desc {
    margin-top: 1.875rem;      /* 30px */
    font-size: 1.375rem;       /* 22px */
    color: #7D7D81;
    line-height: 1.6;
}

.ominit-module15__item-desc p {
    margin: 0;
}

/* ========== 模块16：Windows的优雅新解 ========== */

/* 模块16 容器
   距上方 151px → 9.4375rem
*/
.ominit-module16 {
    margin-top: 9.4375rem;     /* 151px */
    position: relative;
    width: 100%;
    max-width: 160rem;         /* 2560px */
    margin-left: auto;
    margin-right: auto;
}

/* 背景图
   2560×1100px → 160rem × 68.75rem
*/
.ominit-module16__bg {
    width: 100%;
    height: 68.75rem;          /* 1100px */
    display: block;
    object-fit: cover;
}

/* 内容框架
   距上 324px → 20.25rem
   距右 561px → 35.0625rem
*/
.ominit-module16__content {
    position: absolute;
    top: 20.25rem;             /* 324px */
    left: 35.0625rem;         /* 561px */
    text-align: left;
}

/* 标题
   64px → 4rem，#F3F8FF
*/
.ominit-module16__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
    margin: 0;
}

/* 文字说明
   距标题 49px → 3.0625rem
   24px → 1.5rem，#7D7D81
*/
.ominit-module16__desc {
    margin-top: 3.0625rem;     /* 49px */
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
}

.ominit-module16__desc p {
    margin: 0;
}

/* ========== 模块17：温润触感 ========== */

/* 模块17 容器 */
.ominit-module17 {
    margin-top: 9.4375rem;     /* 151px */
    text-align: center;
}

/* 标题
   居中，64px → 4rem，#F3F8FF
*/
.ominit-module17__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
    margin: 0;
    text-align: center;
}

/* 文字说明
   距标题 48px → 3rem
   24px → 1.5rem，#7D7D81
*/
.ominit-module17__desc {
    margin-top: 3rem;          /* 48px */
    font-size: 1.5rem;         /* 24px */
    color: #7D7D81;
    line-height: 1.6;
    text-align: center;
}

.ominit-module17__desc p {
    margin: 0;
}

/* 图片容器
   距说明 80px → 5rem
*/
.ominit-module17__img-wrap {
    margin-top: 5rem;          /* 80px */
    text-align: center;
}

/* 图片
   1440×900px → 90rem × 56.25rem
*/
.ominit-module17__img {
    width: 90rem;              /* 1440px */
    height: 56.25rem;          /* 900px */
    display: inline-block;
    object-fit: cover;
}

/* ========== 模块18：轮播（复制自模块15） ========== */

/* 模块18 容器
   距上方 220px → 13.75rem
*/
.ominit-module18 {
    margin-top: 13.75rem;      /* 220px */
    text-align: center;
    overflow: hidden;
}

/* 标题
   居中，64px → 4rem，#F3F8FF
*/
.ominit-module18__title {
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
    margin: 0;
    text-align: center;
}

/* 轮播容器
   距标题 79px → 4.9375rem
   容器宽度 2500px = 156.25rem
*/
.ominit-module18__carousel {
    margin-top: 4.9375rem;     /* 79px */
    width: 156.25rem;          /* 2500px */
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

/* 轮播轨道 */
.ominit-module18__track {
    display: flex;
    transition: transform 0.6s ease;
    will-change: transform;
}

/* 轮播元素
   图片间距 30px → 1.875rem
*/
.ominit-module18__item {
    flex-shrink: 0;
    margin-right: 1.875rem;    /* 30px 间距 */
}

/* 元素图片
   1700×900px → 106.25rem × 56.25rem
*/
.ominit-module18__item-img {
    width: 106.25rem;          /* 1700px */
    height: 56.25rem;          /* 900px */
    display: block;
    object-fit: cover;
    border-radius: 0.75rem;
}

/* 切换按钮和文字内容容器
   距图片 51px → 3.1875rem
   按钮距左右两边各 510px → 31.875rem
*/
.ominit-module18__controls {
    margin-top: 3.1875rem;     /* 51px */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 160rem;         /* 2560px */
    margin-left: auto;
    margin-right: auto;
    padding-left: 31.875rem;   /* 510px 距左边 */
    padding-right: 31.875rem;  /* 510px 距右边 */
}

/* 按钮
   126×126px → 7.875rem × 7.875rem
*/
.ominit-module18__btn {
    width: 7.875rem;           /* 126px */
    height: 7.875rem;          /* 126px */
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: transparent;
    padding: 0;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

/* 按钮图标 */
.ominit-module18__btn-icon,
.ominit-module18__btn-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease;
}

.ominit-module18__btn-active {
    opacity: 0;
}

.ominit-module18__btn:hover .ominit-module18__btn-icon,
.ominit-module18__btn:active .ominit-module18__btn-icon {
    opacity: 0;
}

.ominit-module18__btn:hover .ominit-module18__btn-active,
.ominit-module18__btn:active .ominit-module18__btn-active {
    opacity: 1;
}

/* 文字内容区 */
.ominit-module18__content {
    flex: 1;
    text-align: center;
    margin: 0 3.125rem;
}

.ominit-module18__content-item {
    text-align: center;
}

/* 元素标题
   42px → 2.625rem，#F3F8FF
*/
.ominit-module18__item-title {
    font-size: 2.625rem;       /* 42px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.3;
    margin: 0;
}

/* 元素说明文字
   距标题 30px → 1.875rem
   22px → 1.375rem，#7D7D81
*/
.ominit-module18__item-desc {
    margin-top: 1.875rem;      /* 30px */
    font-size: 1.375rem;       /* 22px */
    color: #7D7D81;
    line-height: 1.6;
}

.ominit-module18__item-desc p {
    margin: 0;
}

/* ========== 模块19：选择你的Omini ========== */

/* 模块19 容器
   距上方 230px → 14.375rem
*/
.ominit-module19 {
    margin-top: 14.375rem;    /* 230px */
    margin-bottom: 30.25rem;  /* 484px */
    text-align: center;
}

/* 底图容器（相对定位，标题绝对定位） */
.ominit-module19__bg-wrap {
    position: relative;
    text-align: center;
    display: inline-block;
}

/* 底图
   1440×1889px → 90rem × 118.0625rem
*/
.ominit-module19__bg {
    width: 90rem;              /* 1440px */
    height: 118.0625rem;       /* 1889px */
    display: block;
    object-fit: cover;
}

/* 标题
   绝对定位在底图上，距顶 149px → 9.3125rem
   64px → 4rem，#F3F8FF
   注意：transform 需要同时处理 translateX 和 translateY
*/
.ominit-module19__title {
    position: absolute;
    top: 9.3125rem;            /* 149px */
    left: 50%;
    font-size: 4rem;           /* 64px */
    font-weight: 700;
    color: #F3F8FF;
    line-height: 1.2;
    margin: 0;
    text-align: center;
    z-index: 2;
    width: 100%;
}

/* 初始状态：translateX(-50%) + translateY(1.875rem) + opacity: 0 */
.ominit-module19__title.ominit-slide-up {
    opacity: 0;
    transform: translateX(-50%) translateY(1.875rem);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 触发状态：translateX(-50%) + translateY(0) + opacity: 1 */
.ominit-module19__title.ominit-slide-up.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ========== 回到顶部按钮 ========== */

.ominit-back-top {
    position: fixed;
    right: 1.25rem;            /* 20px */
    bottom: 10%;
    padding: 0.625rem 0.3125rem;  /* 10px 5px */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #666;
    font-size: 1rem;           /* 16px */
    background: #fff;
    cursor: pointer;
    border: 0.0625rem solid rgb(241, 241, 241);  /* 1px */
    border-radius: 0.25rem;    /* 4px */
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    font-family: inherit;
}

.ominit-back-top.show {
    opacity: 1;
    visibility: visible;
}

.ominit-back-top:hover {
    background: #f5f5f5;
}

.ominit-back-top__icon {
    width: 1.5rem;             /* 24px */
    height: 1.5rem;            /* 24px */
    margin-bottom: 0.3125rem;  /* 5px */
}

.ominit-back-top__text {
    font-size: 0.875rem;       /* 14px */
    line-height: 1;
}