/* ===== EVO Ⅲ 新版页面样式（占位图版本，rem 基准 1rem=100px @1920） ===== */

/* ===== HarmonyOS Sans SC 字体（专属名，仅本页 .mainer 内生效，不影响全站） =====
   字体文件上线后放于 /wp-content/themes/autel/fonts/ */
@font-face {
    font-family: 'HarmonyOS Sans SC EVO3';
    src: url('/wp-content/themes/autel/fonts/HarmonyOS_Sans_SC_Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans SC EVO3';
    src: url('/wp-content/themes/autel/fonts/HarmonyOS_Sans_SC_Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans SC EVO3';
    src: url('/wp-content/themes/autel/fonts/HarmonyOS_Sans_SC_Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans SC EVO3';
    src: url('/wp-content/themes/autel/fonts/HarmonyOS_Sans_SC_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

.mainer {
    font-family: 'HarmonyOS Sans SC EVO3', 'HarmonyOS Sans SC', 'SourceHanSansCN-Regular', 'Microsoft YaHei', 'Arial', sans-serif;
    background-color: #000;
}

.evo3n {
    background: #000;
    color: #fff;
    overflow: hidden;
}

@media (min-width: 768px) {
    .h5 {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .pc {
        display: none !important;
    }
}

/* PC 端整体缩到 80%：容器由 75% 变 60%，元素/字号/间距等比缩小，左右留白加大。
   用 zoom 而非改全局 rem 基准，避免影响其他产品页（footer-scripts.php 共用）。
   手机端（≤750px）在下方 media query 里恢复 zoom:1。 */
.evo3n {
    zoom: 0.8;
}

.w1200 {
    width: 12rem;
    margin: 0 auto;
}

.w1440 {
    width: 14.4rem;
    margin: 0 auto;
}

img {
    display: block;
    max-width: 100%;
}

/* ---------- 顶部导航 ---------- */
.evo3n-nav {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.evo3n-nav-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.16rem 0;
    line-height: 1;
}

.evo3n-nav-title {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 0.2rem;
    align-self: center;
}

.evo3n-nav-menu {
    display: flex;
    align-items: center;
    align-self: center;
    list-style: none;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    height: 0.2rem;
}

.evo3n-nav-menu li {
    flex: none;
    list-style: none;
    display: flex;
    align-items: center;
    height: 0.2rem;
}

.evo3n-nav-menu a {
    display: inline-block;
    font-size: 0.16rem;
    line-height: 1;
    color: #bbb;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s;
}

.evo3n-nav-menu a:hover,
.evo3n-nav-menu a.active {
    color: #fff;
}

/* ---------- 通用 section ---------- */
.evo3n-sec {}

.evo3n-h2 {
    font-size: 0.48rem;
    font-weight: 700;
    text-align: center;
}

.evo3n-h2-left {
    text-align: left;
}

.evo3n-desc {
    font-size: 0.22rem;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.evo3n-desc-left {
    text-align: left;
}

.evo3n-lead {
    font-size: 0.26rem;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 0.42rem;
}

/* * 开头的测试条件 / 备注：斜体、比正文小、颜色更淡。
   用 .evo3n 前缀提升优先级，避免被 .evo3n-eco-card p / .evo3n-app-txt p 等卡片内 p 规则覆盖 */
.evo3n .evo3n-note,
.evo3n .evo3n-eco-card p.evo3n-note,
.evo3n .evo3n-app-txt p.evo3n-note {
    font-style: italic;
    font-size: 0.15rem;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.45);
    margin-top: 0.12rem;
}

/* 法务声明 */
.evo3n-legal {
    padding: 0.8rem 0 1rem;
}

.evo3n-legal .w1200 .evo3n-legal-txt {
    font-style: italic;
    font-size: 0.18rem;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.55);
}

.evo3n-legal .evo3n-legal-txt p {
    margin-bottom: 0.12rem;
}

.evo3n-legal .evo3n-legal-copyright {
    font-style: normal;
    margin-top: 0.24rem;
    color: rgba(255, 255, 255, 0.6);
}

.linear-text {
    /* 渐变背景 */
    background: linear-gradient(180deg, #fdf7d3 0%, #86c7ff 46.8%, #064e8d 100%);
    /* 关键：把背景裁切到文字 */
    -webkit-background-clip: text;
    background-clip: text;
    /* 关键：文字本身透明，露出背景 */
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* ---------- 1. Hero ---------- */
.evo3n-hero {
    position: relative;
    height: 10.8rem;
    overflow: hidden;
}

.evo3n-hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.evo3n-hero-txt {
    position: absolute;
    top: 1.64rem;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    color: rgba(255, 255, 255, 1)
}

.evo3n-hero-over {
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 0.5rem;
    color: rgba(255, 255, 255, 0.7);
}

.evo3n-hero-title {
    font-size: 0.8rem;
    font-weight: 700;
    margin-top: 0.18rem;
}


.evo3n-hero-sub {
    font-size: 0.32rem;
    font-weight: 500;
    margin-top: 0.18rem;
    line-height: 0.5rem;
}

.evo3n-h1 {
    font-size: 0.6rem;
    font-weight: 700;
}

/* ---------- 2. 简介 ---------- */
.evo3n-intro {
    padding: 1rem 0 0;
}

.evo3n-intro-txt {
    font-size: 0.26rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 0.42rem;
}

.evo3n-intro .img-list {
    margin-top: 2.5rem;
}

.evo3n-intro .img-li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}

.evo3n-intro .img-li .img-warp {
    position: relative;
    width: 4.65rem;
    height: 3.52rem;
    background: #171717;
}

.evo3n-intro .img-li .img-left {
    width: 7.4rem;
    height: 5rem
}

.evo3n-intro .img-li .img-right {
    width: 6.48rem;
    height: 5rem
}

.evo3n-intro .img-li .img-warp img,
.evo3n-intro .img-li .img-warp video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.evo3n-intro .img-li .img-warp .img-pos {
    position: absolute;
    font-size: 0.34rem;
    font-weight: 700;
    line-height: 0.48rem;
    bottom: 0.48rem;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 1);
    width: auto;
    white-space: nowrap;
}

/* .evo3n-intro .img-li .img-left .img-pos {
    top: 0.75rem;
}

.evo3n-intro .img-li .img-right .img-pos {
    top: 0.75rem;
} */

/* ---------- 3. 强劲机动 stats ---------- */
.evo3n-perf .evo3n-h1 {
    font-size: 0.6rem;
    text-align: center;
    font-weight: 700;
    margin: 3.84rem auto 0;

}

.evo3n-perf .evo3n-lead {
    margin: 0.83rem auto 0;
    width: 9.75rem;
}

.evo3n-perf .evo3n-h2 {
    margin-top: 2.5rem;
}

.evo3n-perf .evo3n-desc {
    margin: 0.22rem 0 0;
}

.evo3n-perf .video-item,
.evo3n-perf .img-item {
    margin-top: 2rem;
}

.evo3n-perf .video-item:first-child {
    margin-top: 2.5rem;
}

.evo3n-perf .video-item .video-title {
    display: flex;
    justify-content: space-between;
    color: rgba(255, 255, 255, 1);
}

.evo3n-perf .video-item .video-title h2,
.evo3n-perf .img-item .img-title h2 {
    font-size: 0.48rem;
    font-weight: 700;
}

.evo3n-perf .img-item .img-title h2 {
    width: 5.7rem;
}

.evo3n-perf .video-item .video-title p,
.evo3n-perf .img-item .img-title p {
    font-size: 0.22rem;
    font-weight: 300;
}

.evo3n-perf .video-item .video-title p {
    width: 6.92rem;
}

.evo3n-perf .img-item .img-title p {
    width: 5.79rem;
    margin-top: 0.5rem;
}

.evo3n-perf .video-item .video-warp {
    width: 100%;
    height: 7.2rem;
    margin: 1.05rem 0 0;
    background: #171717;
}

.evo3n-perf .video-item .video-warp video,
.evo3n-perf .video-item .video-warp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.evo3n-perf .img-item {
    display: flex;
    justify-content: space-between;
}

.evo3n-perf .img-item .img-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.evo3n-perf .img-item .img-warp {
    width: 7.2rem;
    height: 4rem;
}

.evo3n-perf .img-item .img-warp img {
    width: 100%;
    height: 100%;
}

.evo3n-stats {
    display: flex;
    justify-content: center;
    gap: 1.74rem;
    list-style: none;
    margin: 0.6rem 0;
}

.evo3n-stats li {
    text-align: center;
    font-size: 0.22rem;
}

.evo3n-stats b {
    font-size: 0.6rem;
    font-weight: 500;
    /* 渐变背景 */
    background: linear-gradient(180deg, #fdf7d3 0%, #86c7ff 46.8%, #064e8d 100%);
    /* 关键：把背景裁切到文字 */
    -webkit-background-clip: text;
    background-clip: text;
    /* 关键：文字本身透明，露出背景 */
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.evo3n-stats span {
    display: block;
    font-size: 0.22rem;
    color: #fff;
    margin-top: 0.08rem;
}

.evo3n-bigimg {
    margin-top: 0.94rem;
    width: 100%;
    height: 6.87rem;
}

.evo3n-bigimg img {
    width: 100%;
    height: 100%;
}

/* ---------- 4. 全向感知 ---------- */

.evo3n-sense .evo3n-h2 {
    margin-top: 1.5rem;
}

.evo3n-sense .evo3n-desc {
    margin: 0.22rem auto 0;
    width: 9.75rem;
}

.evo3n-senseimg {
    margin: 0.56rem auto 0;
    width: 100%;
    height: 7rem;
    position: relative;
}

.evo3n-senseimg img {
    width: 100%;
    height: 100%;
}

.evo3n-sense .evo3n-stats3 {
    display: flex;
    list-style: none;
    justify-content: center;
    color: #fff;
    margin: 1.17rem auto 1.23rem;
}

.evo3n-sense .evo3n-stats3 li {
    font-size: 0.22rem;
}

.evo3n-sense .evo3n-stats3 li.item-tow {
    display: flex;
}

.evo3n-sense .evo3n-stats3 li.item-tow .tow-li {
    margin-right: 1.81rem;
}

.evo3n-sense .evo3n-stats3 li.item-tow .tow-li:last-child {
    margin-right: 0;
}

.evo3n-sense .evo3n-stats3 li.item-tow .tow-li p {
    text-align: center;
}

.evo3n-stats3 b {
    font-size: 0.6rem;
    font-weight: 500;
    /* 渐变背景 */
    background: linear-gradient(180deg, #fdf7d3 0%, #86c7ff 46.8%, #064e8d 100%);
    /* 关键：把背景裁切到文字 */
    -webkit-background-clip: text;
    background-clip: text;
    /* 关键：文字本身透明，露出背景 */
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.evo3n-stats3 span {
    display: block;
    font-size: 0.22rem;
    color: #fff;
    margin-top: 0.08rem;
}

.evo3n-sense .evo3n-stats3 .evo3n-sense-list {
    font-size: 0.26rem;
    font-weight: 500;
}

/* ---------- 5. 融光系列 ---------- */
.evo3n-fusion .evo3n-h1 {
    margin: 2.54rem auto 0;
    font-size: 0.6rem;
    font-weight: 700;
    text-align: center;
}

.evo3n-fusion .evo3n-lead {
    margin: 0.75rem auto 0;
}

.evo3n-fusion-img {
    margin-top: 0.28rem;
}

.evo3n-fusion-img img {
    width: 100%;
}

/* ---------- 6. 规格对比 ---------- */
.evo3n-spec .evo3n-spec-grid {
    margin-top: 0.73rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

.evo3n-spec-col {
    background: linear-gradient(179.03deg, rgba(0, 0, 0, 0.94) -1.17%, #3d435a 127.7%);
    ;
    padding: 0.97rem 0.75rem 0;
}

.evo3n-spec-head {
    margin-bottom: 0.3rem;
}

.evo3n-spec-head h3 {
    font-size: 0.42rem;
    font-weight: 700;
}

.evo3n-spec-head p {
    font-size: 0.22rem;
    color: #fff;
    margin-top: 0.27rem;
}

.evo3n-spec-item {
    padding: 0.25rem 0;
}

.evo3n-spec-item h4 {
    font-size: 0.34rem;
    font-weight: 700;
    margin-bottom: 0.12rem;
}

.evo3n-spec-item p {
    font-size: 0.22rem;
    font-weight: 300;
    color: #fff;
}

.evo3n-spec-grid-img {
    margin-top: 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

.evo3n-spec-grid-img .grid-img {
    width: 7rem;
    height: 2.31rem;
}

/* ---------- 7. 多光协同 ---------- */
.evo3n-multi-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}

.evo3n-multi-left {
    flex: 0 0 5.5rem;
    position: relative;
    padding-left: 0.4rem;
}

/* 轨道：贯穿整个左栏高度的暗色竖线 */
.evo3n-multi-left::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.03rem;
    background: rgba(255, 255, 255, .18);
    border-radius: 0.02rem;
}

/* 白色滑块：位置/高度由 JS 根据 active acc 计算（含展开的 p） */
.evo3n-acc-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.03rem;
    height: 0;
    background: #fff;
    border-radius: 0.02rem;
    z-index: 1;
    transition: top .35s ease, height .35s ease;
}

.evo3n-acc {
    padding: 0.28rem 0;
    cursor: pointer;
}

.evo3n-acc.active {
    opacity: 1;
}

.evo3n-acc h3 {
    font-size: 0.44rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .55);
    transition: color .3s;
}

.evo3n-acc.active h3 {
    color: #fff;
}

.evo3n-acc p {
    font-size: 0.24rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.6;
    margin-top: 0.15rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s, margin .3s;
}

.evo3n-acc.active p {
    max-height: 2rem;
}

.evo3n-multi-right {
    width: 7rem;
    height: clac(7rem / 4 * 3);
}

.evo3n-multi-right img,
.evo3n-multi-right video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #171717;
    display: none;
}

.evo3n-multi-right img.active,
.evo3n-multi-right video.active {
    display: block;
}

/* ---------- 9. 特性网格 ---------- */
.evo3n-feature .evo3n-h1 {
    margin: 3rem auto 0;
    text-align: center;
}

.evo3n-feature .evo3n-intro-txt {
    font-size: 0.26rem;
    line-height: 0.42rem;
    text-align: center;
    font-weight: 400;
    margin: 0.8rem auto 0;
    width: 10.21rem;
}

.evo3n-frow-content {
    margin-top: 1.88rem;
}

.evo3n-frow {
    display: flex;
    align-items: center;
    gap: 0.66rem;
    margin-bottom: 1.5rem;
    justify-content: space-between;
}

.evo3n-frow.reverse {
    flex-direction: row-reverse;
}


.evo3n-frow:last-child {
    margin-bottom: 0;
}

.evo3n-ftxt {
    flex: 0 0 5.74rem;
    padding-left: 0.6rem;
}

.evo3n-frow.reverse .evo3n-ftxt {
    padding-left: 0;
    padding-right: 0.6rem;
}

.evo3n-ftxt h3 {
    font-size: 0.48rem;
    font-weight: 700;
}

.evo3n-ftxt p {
    font-size: 0.26rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.7;
    margin-top: 0.37rem;
}

.evo3n-fimg {
    width: 7.4rem;
    height: calc(7.4rem / 16 * 9);
}

.evo3n-fimg-2 {
    height: calc(7.4rem / 4 * 3);
}

.evo3n-fimg img,
.evo3n-fimg video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #171717;
}

/* ---------- 11/13. 组网 & AI tabs ---------- */
.evo3n-mesh .evo3n-h1,
.evo3n-ai .evo3n-h1 {
    margin: 2.5rem auto 0;
    text-align: center;
}

.evo3n-mesh .evo3n-intro-txt {
    margin: 0.76rem auto 0;
    width: 11.39rem;
}

.evo3n-ai .evo3n-intro-txt {
    margin: 0.76rem auto 0;
    width: 8.25rem;
}

.evo3n-mesh-swiper {
    overflow: hidden;
    margin: 2.5rem 0 0.84rem;
}

.evo3n-mesh-top {
    align-items: center;
}

/* swiper 每一屏：左文右图 */
.evo3n-mesh-top .swiper-slide {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    box-sizing: border-box;
}

.evo3n-mesh-txt {
    flex: 0 0 5rem;
}

.evo3n-mesh-txt h3 {
    font-size: 0.48rem;
    font-weight: 700;
}

.evo3n-mesh-txt p {
    font-size: 0.26rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.7;
    margin-top: 0.25rem;
}

.evo3n-mesh-img {
    width: 8.2rem;
    height: 4.62rem;
}

.evo3n-mesh-img img,
.evo3n-mesh-img video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #171717;
}

.evo3n-tabs {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 0.9rem;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 0.3rem;
    margin: 0 auto;
}

/* 顶部滑动指示条 */
.evo3n-tabs::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: var(--tab-w, 0);
    height: 2px;
    background: #2f8dff;
    transform: translateX(var(--tab-x, 0));
    transition: transform .35s ease, width .35s ease;
    pointer-events: none;
}

.evo3n-tabs li {
    font-size: 0.22rem;
    font-weight: 700;
    color: #8a8a8a;
    cursor: pointer;
    padding-bottom: 0.15rem;
    transition: color .25s;
}

.evo3n-tabs li:hover {
    color: #ccc;
}

.evo3n-tabs li.active {
    color: #fff;
}

/* ---------- 14. 生态配件（swiper） ---------- */
.evo3n-eco .evo3n-h1 {
    text-align: center;
    margin: 2.5rem auto 0;
}

.evo3n-eco-swiper {
    position: relative;
    overflow: hidden;
    margin-top: 0.6rem;
    /* 在 .w1440 容器内横滑，首卡对齐容器左缘。
       （旧方案用 100vw 全屏出血 + JS slidesOffset，与页面 zoom:0.8 混用会错位，改为容器内对齐） */
    width: 100%;
}

.evo3n-eco-list {
    display: flex;
    align-items: flex-start;
}

.evo3n-eco-list .evo3n-eco-card {
    overflow: hidden;
    box-sizing: border-box;
    width: 6rem;
    /* 固定卡宽；提升选择器优先级盖过 swiper 默认 width:100% */
    margin-right: 0.5rem;
    /* 卡间距，随 rem 缩放（代替 swiper spaceBetween） */
    flex-shrink: 0;
}

.evo3n-eco-list .evo3n-eco-card:last-child {
    margin-right: 0;
}

.evo3n-eco-img {
    width: 100%;
    height: 4rem;
}

.evo3n-eco-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.evo3n-eco-card h4 {
    font-size: 0.32rem;
    font-weight: 700;
    margin: 0.25rem 0 0.15rem;
    min-height: 0.5rem;
    line-height: 1.25;
}

.evo3n-eco-card p {
    font-size: 0.18rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.6;
    margin: 0;
}

/* 底部左/右箭头（卡片下方，水平居中） */
.evo3n-eco .swiper-btn {
    display: flex;
    justify-content: center;
    gap: 0.2rem;
    margin-top: 0.5rem;
    position: relative;
    z-index: 2;
}

.evo3n-eco .swiper-btn img {
    width: 0.49rem;
    height: 0.49rem;
    cursor: pointer;
    border-radius: 50%;
    transition: opacity .25s;
    margin: 0;
}

.evo3n-eco .swiper-btn img:hover {
    opacity: 0.8;
}

.evo3n-eco .swiper-btn .swiper-button-disabled {
    opacity: 0.35;
    cursor: default;
}

/* ---------- 15. 行业应用（两列，点击展开 p） ---------- */
.evo3n-app .evo3n-h1 {
    margin: 2.5rem auto 0;
    text-align: center;
}

.evo3n-app-in {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0.4rem;
    row-gap: 1.48rem;
    margin: 1.7rem 0 1.5rem;
}

.evo3n-app-item {
    /* 每项：图 + 标题行 + 可展开 p */
}

.evo3n-app-mainimg {
    width: 7rem;
    height: 4rem;
}

.evo3n-app-mainimg img {
    width: 100%;
    height: 100%;
}

/* 标题行：标题左 + 展开按钮右 */
.evo3n-app-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.28rem;
    cursor: pointer;
}

.evo3n-app-txt h3 {
    font-size: 0.4rem;
    font-weight: 700;
}

.evo3n-app-toggle {
    width: 0.49rem;
    height: 0.49rem;
    flex-shrink: 0;
    border-radius: 50%;
    transition: transform .3s ease, opacity .25s;
    margin: 0;
}

.evo3n-app-head:hover .evo3n-app-toggle {
    opacity: 0.8;
}

/* 展开时箭头旋转 180° */
.evo3n-app-item.open .evo3n-app-toggle {
    transform: rotate(180deg);
}

/* p 默认收起（max-height 动画） */
.evo3n-app-txt p {
    font-size: 0.24rem;
    font-weight: 300;
    color: #cfcfcf;
    line-height: 1.7;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;
    transition: max-height .4s ease, opacity .3s ease, margin-top .3s ease;
}

.evo3n-app-item.open .evo3n-app-txt p {
    max-height: 3rem;
    opacity: 1;
    margin-top: 0.2rem;
}

.evo3n-app-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.3rem;
    margin-top: 0.5rem;
}

.evo3n-app-tab {
    position: relative;
    border-radius: 0.06rem;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity .2s;
}

.evo3n-app-tab.active,
.evo3n-app-tab:hover {
    opacity: 1;
}

.evo3n-app-tab img {
    width: 100%;
}

.evo3n-app-tab span {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.34rem;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.3);
}

/* ==================================================================
   移动端适配（≤750px）
   rem 基准：手机上 1rem = innerWidth/750*100 px（见 head setRem 脚本），
   即 750 设计稿下 1rem=100px。以下所有 rem 值均按 750 设计稿书写。
   ================================================================== */
@media (max-width: 768px) {

    /* 手机端不缩放（PC 的 zoom:0.8 在此恢复） */
    .evo3n {
        zoom: 1;
    }

    /* ---- 容器：全部收成近满屏 ---- */
    .w1200,
    .w1440 {
        width: 6rem;
        /* 690/750，左右留 30px 边距 */
        margin: 0 auto;
    }

    /* ---- 通用标题/正文字号放大 ---- */
    .evo3n-h1 {
        font-size: 0.5rem;
        line-height: 1.35;
    }

    .evo3n-h2 {
        font-size: 0.46rem;
        line-height: 1.35;
    }

    .evo3n-desc,
    .evo3n-lead,
    .evo3n-intro-txt {
        font-size: 0.22rem;
        line-height: 0.42rem;
        width: 100% !important;
        text-align: center;
    }

    /* ---- 1. Hero ---- */
    .evo3n-hero {
        height: 7.88rem;
    }

    .evo3n-hero-txt {
        top: 1.2rem;
        padding: 0 0.3rem;
    }

    .evo3n-hero-over {
        font-size: 0.18rem;
        line-height: 0.37rem;
    }

    .evo3n-hero-title {
        font-size: 0.61rem;
        margin-top: 0.3rem;
    }

    .evo3n-hero-sub {
        font-size: 0.23rem;
        margin-top: 0.3rem;
        line-height: 0.36rem;
    }

    /* ---- 2. 简介 ---- */
    .evo3n-intro {
        padding: 0.8rem 0 0;
    }

    /* 简介图组改两列：内容块 6rem，每图 2.95rem×3.75rem */
    .evo3n-intro .img-list {
        width: 6rem;
        margin: 0.6rem auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0.1rem;
    }

    /* 两个 .img-li 打成“透明”，让内部 5 张图直接参与父级两列排列 */
    .evo3n-intro .img-li {
        display: contents;
    }

    .evo3n-intro .img-li .img-warp,
    .evo3n-intro .img-li .img-right {
        width: 2.95rem;
        height: 3.75rem;
        margin-bottom: 0.1rem;
    }

    /* 第一格 AI（img-left 视频）独占一整行（设计图） */
    .evo3n-intro .img-li .img-left {
        width: 6rem;
        height: 3.94rem;
        margin-bottom: 0.1rem;
    }

    .evo3n-intro .img-li .img-warp img,
    .evo3n-intro .img-li .img-warp video {
        object-fit: cover;
    }

    .evo3n-intro .img-li .img-warp .img-pos {
        font-size: 0.26rem;
        bottom: 0.4rem;
        line-height: 1.3;
    }

    /* ---- 3. 强劲机动 / AI 识别（perf 复用） ---- */
    .evo3n-perf .w1440 {
        width: 6.5rem
    }

    .evo3n-perf .evo3n-h1 {
        margin: 1.2rem auto 0;
        font-size: 0.5rem;
    }

    .evo3n-perf .evo3n-lead {
        margin: 0.4rem auto 0;
        width: 100%;
    }

    .evo3n-perf .evo3n-h2 {
        margin-top: 1rem;
    }

    .evo3n-perf .video-item,
    .evo3n-perf .img-item {
        margin-top: 0.9rem;
    }

    .evo3n-perf .video-item:first-child {
        margin-top: 0.9rem;
    }

    /* 标题+描述：横排改纵排 */
    .evo3n-perf .video-item .video-title,
    .evo3n-perf .img-item {
        flex-direction: column;
    }

    /* h2 标题居中对齐 */
    .evo3n-perf .video-item .video-title h2,
    .evo3n-perf .img-item .img-title h2 {
        font-size: 0.44rem;
        width: 100%;
        text-align: center;
    }

    .evo3n-perf .video-item .video-title p,
    .evo3n-perf .img-item .img-title p {
        font-size: 0.18rem;
        width: 100%;
        margin-top: 0.24rem;
        line-height: 1.6;
        text-align: center;
    }

    .evo3n-perf .video-item .video-warp {
        height: 4.27rem;
        margin-top: 0.4rem;
    }

    .evo3n-perf .img-item {
        margin-top: 0.9rem;
    }

    .evo3n-perf .img-item .img-title {
        align-items: flex-start;
    }

    .evo3n-perf .img-item .img-warp {
        width: 100%;
        height: 3.9rem;
        margin-top: 0.4rem;
    }

    /* stats 数据行：2 列换行 */
    /* 手机端：4 项一排均分（对齐设计稿） */
    .evo3n-stats {
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 0.1rem;
        margin: 0.6rem 0;
    }

    .evo3n-stats li {
        flex: 1 1 0;
        font-size: 0.2rem;
    }

    .evo3n-stats b {
        font-size: 0.46rem;
    }

    .evo3n-stats span {
        font-size: 0.2rem;
        line-height: 1.3;
    }

    .evo3n-bigimg {
        margin-top: 0.54rem;
        height: auto;
    }

    .evo3n-bigimg img {
        height: auto;
    }

    /* ---- 4. 全向感知 ---- */
    .evo3n-sense .w1440 {
        width: 6.5rem
    }
    .evo3n-sense .evo3n-h2 {
        margin-top: 1rem;
    }

    .evo3n-sense .evo3n-desc {
        width: 100%;
    }

    .evo3n-senseimg {
        width: 100%;
        height: auto;
        margin-top: 0.5rem;
    }

    .evo3n-senseimg img {
        height: auto;
    }

    .evo3n-sense .evo3n-stats3 {
        margin: 0.7rem auto;
    }

    /* 手机端：3 项一排均分（对齐设计稿） */
    .evo3n-sense .evo3n-stats3 li.item-tow {
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 0.1rem;
        width: 100%;
    }

    .evo3n-sense .evo3n-stats3 li.item-tow .tow-li {
        margin-right: 0;
        flex: 1 1 0;
    }

    .evo3n-stats3 b {
        font-size: 0.5rem;
    }

    .evo3n-stats3 span {
        font-size: 0.2rem;
        line-height: 1.3;
    }

    /* ---- 5. 融光系列 ---- */
    .evo3n-fusion .evo3n-h1 {
        margin: 1.2rem auto 0;
        font-size: 0.5rem;
    }

    .evo3n-fusion .evo3n-lead {
        margin: 0.4rem auto 0;
    }

    .evo3n-fusion-img {
        margin-top: 0.4rem;
    }

    /* ---- 6. 规格对比：保持两列，每列 3.4rem，间距 0.06rem，居中 ---- */
    .evo3n-spec .w1440 {
        width: 100%
    }

    .evo3n-spec .evo3n-spec-grid {
        grid-template-columns: 3.4rem 3.4rem;
        gap: 0.06rem;
        justify-content: center;
        margin-top: 0.6rem;
    }

    .evo3n-spec-col {
        padding: 0.6rem 0.2rem 0.4rem;
        text-align: center;
    }

    .evo3n-spec-head h3 {
        font-size: 0.36rem;
    }

    .evo3n-spec-head p {
        font-size: 0.22rem;
        margin-top: 0.16rem;
    }

    .evo3n-spec-item {
        padding: 0.28rem 0;
    }

    .evo3n-spec-item h4 {
        font-size: 0.32rem;
    }

    .evo3n-spec-item p {
        font-size: 0.22rem;
        line-height: 1.6;
    }

    /* 日/夜间识别能力图：两列，每张 3.4rem×4.92rem，居中 */
    .evo3n-spec-grid-img {
        grid-template-columns: 3.4rem 3.4rem;
        gap: 0.06rem;
        justify-content: center;
        margin-top: 0.4rem;
    }

    .evo3n-spec-grid-img .grid-img {
        width: 3.4rem;
        height: 4.92rem;
        object-fit: cover;
    }

    /* ---- 7. 多光协同：手机端完全换成轮播布局（标题上 / 图中 / 描述+圆点+箭头下）
       PC 的手风琴列表形态隐藏，改由 JS initMultiMobile 注入的标题栏/底部栏控制 ---- */
    .evo3n-multi .w1440 {
        width: 6.5rem
    }

    .evo3n-multi-in {
        display: block;
        margin-top: 0.9rem;
        position: relative;
    }

    /* 隐藏 PC 的手风琴轨道/滑条 */
    .evo3n-acc-bar {
        display: none;
    }

    /* JS 注入的标题栏（取 active acc 的 h3） */
    .evo3n-multi-mtitle {
        margin-bottom: 0.5rem;
    }
    /* 多个 h3 只显 active */
    .evo3n-multi-mtitle h3 {
        display: none;
        font-size: 0.36rem;
        font-weight: 700;
        color: #fff;
        line-height: 1.35;
    }
    .evo3n-multi-mtitle h3.active {
        display: block;
    }

    /* 原标题/描述列表容器：手机下不直接显示（文本由 JS 搬到标题栏/底部栏） */
    .evo3n-multi-left {
        position: static;
        width: 100%;
        padding: 0;
    }

    .evo3n-multi-left::before {
        display: none;
    }

    .evo3n-acc {
        display: none;
    }

    /* 隐藏原四项手风琴块 */

    /* 图/视频区 */
    .evo3n-multi-right {
        width: 100%;
        height: auto;
    }

    .evo3n-multi-right img,
    .evo3n-multi-right video {
        height: auto;
        aspect-ratio: 4 / 3;
    }

    /* 底部栏：描述文字（左） + 圆点分页（中） + 箭头（右） */
    .evo3n-multi-bottom {
        display: flex;
        align-items: flex-start;   /* 顶部对齐，不居中 */
        justify-content: space-between;
        gap: 0.2rem;
        margin-top: 0.4rem;
    }

    .evo3n-multi-mdesc {
        width: 3.21rem;
    }
    /* 多个 p 只显 active */
    .evo3n-multi-mdesc p {
        display: none;
        font-size: 0.18rem;
        font-weight: 400;
        color: #fff;
        line-height: 1.6;
    }
    .evo3n-multi-mdesc p.active {
        display: block;
    }

    /* 圆点分页（下移一点，与描述第一行字视觉居中） */
    .evo3n-multi-dots {
        display: flex;
        align-items: center;
        gap: 0.14rem;
        flex: none;
        margin-top: 0.15rem;
        margin-left: auto;   /* 圆点+箭头成组靠右 */
    }

    .evo3n-multi-dots .dot {
        width: 0.12rem;
        height: 0.12rem;
        border-radius: 50%;
        background: rgba(255, 255, 255, .35);
        transition: background .25s;
    }

    .evo3n-multi-dots .dot.active {
        background: #fff;
    }

    /* 左右箭头 */
    .evo3n-multi-btns {
        display: flex;
        gap: 0.16rem;
        flex: none;
        margin-top: 0.06rem;   /* 箭头下移，与描述第一行字视觉居中 */
    }

    .evo3n-multi-btns img {
        width: 0.3rem;
        height: 0.3rem;
        cursor: pointer;
    }
    /* ---- 9. 特性网格：左右图文改纵向堆叠 ---- */
    .evo3n-feature .evo3n-h1 {
        margin: 1.2rem auto 0;
    }

    .evo3n-feature .evo3n-intro-txt {
        margin: 0.5rem auto 0;
        width: 100%;
    }

    .evo3n-frow-content {
        margin-top: 0.9rem;
    }

    /* 手机端：标题在顶居中 → 图/视频在中间 → 描述在底居中 */
    .evo3n-frow,
    .evo3n-frow.reverse {
        flex-direction: column;
        gap: 0.4rem;
        margin-bottom: 0.9rem;
    }

    /* ftxt 摆平，让 h3 / p 直接成为 frow 的子项以便分开排序 */
    .evo3n-ftxt,
    .evo3n-frow.reverse .evo3n-ftxt {
        display: contents;
    }

    .evo3n-ftxt h3 {
        font-size: 0.36rem;
        order: 1;
        width: 100%;
        text-align: center;
    }

    .evo3n-ftxt p {
        font-size: 0.18rem;
        margin-top: 0;
        line-height: 1.7;
        order: 3;
        width: 5.9rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .evo3n-fimg,
    .evo3n-fimg-2 {
        width: 100%;
        height: auto;
        order: 2;
    }

    .evo3n-fimg img,
    .evo3n-fimg video {
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 0.08rem;
    }

    .evo3n-fimg-2 img,
    .evo3n-fimg-2 video {
        aspect-ratio: 4 / 3;
    }

    /* ---- 11/13. 组网 & AI tabs：左文右图改上文下图 ---- */
    .evo3n-mesh .w1440 {
        width: 6.5rem
    }
    .evo3n-mesh .evo3n-h1,
    .evo3n-ai .evo3n-h1 {
        margin: 1.2rem auto 0;
    }

    .evo3n-mesh .evo3n-intro-txt,
    .evo3n-ai .evo3n-intro-txt {
        margin: 0.5rem auto 0;
        width: 100%;
    }

    .evo3n-mesh-swiper {
        margin: 0.7rem 0 0.5rem;
    }

    /* 手机端：标题 + 描述在顶部居中，图/视频在中间 */
    .evo3n-mesh-top .swiper-slide {
        flex-direction: column;
        gap: 0.5rem;
    }

    .evo3n-mesh-txt {
        flex: none;
        width: 100%;
        order: 1;
        text-align: center;
    }

    .evo3n-mesh-txt h3 {
        font-size: 0.36rem;
    }

    .evo3n-mesh-txt p {
        font-size: 0.18rem;
        margin-top: 0.4rem;
        line-height: 0.3rem;
        width: 6rem;
        margin-left: auto;
        margin-right: auto;
    }

    .evo3n-mesh-img {
        width: 100%;
        height: auto;
        order: 2;
    }

    .evo3n-mesh-img img,
    .evo3n-mesh-img video {
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 0.08rem;
    }

    /* tabs：底部 4 列均分，标签换 2 行 */
    .evo3n-tabs {
        gap: 0;
        padding-top: 0.3rem;
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow: visible;
    }

    .evo3n-tabs::-webkit-scrollbar {
        display: none;
    }

    .evo3n-tabs li {
        font-size: 0.18rem;
        line-height: 1.35;
        flex: 1 1 0;
        text-align: center;
        white-space: normal;
        padding-bottom: 0;
    }

    /* ---- 14. 生态配件 swiper ---- */
    .evo3n-eco .evo3n-h1 {
        margin: 1.2rem auto 0;
    }

    /* 手机端：一次一张卡（满宽），图上文下；描述在左、箭头在右下角同行 */
    .evo3n-eco-swiper {
        margin-top: 0.5rem;
        margin-left: 0;
        position: relative;
    }

    .evo3n-eco-list .evo3n-eco-card {
        width: 100%;
        margin-right: 0;
    }

    .evo3n-eco-img {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .evo3n-eco-card h4 {
        font-size: 0.36rem;
        margin: 0.3rem 0 0.16rem;
        min-height: auto;
    }

    .evo3n-eco-card p {
        font-size: 0.18rem;
        line-height: 1.6;
        padding-right: 1.5rem;
        /* 给右下角箭头留位 */
    }

    /* 箭头绝对定位到 swiper 右下角，与描述末行对齐 */
    .evo3n-eco .swiper-btn {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-top: 0;
        gap: 0.16rem;
        justify-content: flex-end;
    }

    .evo3n-eco .swiper-btn img {
        width: 0.3rem;
        height: 0.3rem;
    }

    /* ---- 15. 行业应用：手机端保持双列，图 3.16×1.81rem，开关 0.3rem ---- */
    .evo3n-app .evo3n-h1 {
        margin: 1.2rem auto 0;
    }
    .evo3n-app .w1440 {
        width: 6.5rem;
    }
    .evo3n-app-in {
        grid-template-columns: 1fr 1fr;
        column-gap: 0.18rem;
        row-gap: 0.6rem;
        margin: 0.7rem 0 1rem;
    }

    .evo3n-app-mainimg {
        width: 3.16rem;
        height: 1.81rem;
    }

    .evo3n-app-mainimg img {
        height: 100%;
        object-fit: cover;
    }

    .evo3n-app-head {
        margin-top: 0.18rem;
    }

    .evo3n-app-txt h3 {
        font-size: 0.28rem;
    }

    .evo3n-app-toggle {
        width: 0.3rem;
        height: 0.3rem;
    }

    .evo3n-app-txt p {
        font-size: 0.22rem;
        line-height: 1.6;
    }

    .evo3n-app-item.open .evo3n-app-txt p {
        max-height: 6rem;
        margin-top: 0.2rem;
    }

    .evo3n .evo3n-note,
    .evo3n .evo3n-eco-card p.evo3n-note,
    .evo3n .evo3n-app-txt p.evo3n-note {
        font-style: italic;
        font-size: 0.16rem;
        color: rgba(255, 255, 255, 0.45);
    }

    /* 规格对比区的注释：移动端加横向 padding，与图片区对齐不贴边 */
    .evo3n-spec .evo3n-note {
        padding: 0 0.4rem;
        box-sizing: border-box;
    }

    .evo3n-legal .w1200 .evo3n-legal-txt {
        font-size: 0.2rem;
    }
}