/* ----------------------------------------------------------------------
 | 首页样式 (布局源自目标站内联样式本地化, 现服务于卓宜教育官网)
 | 资源位于 public/assets/img/zm/
 ---------------------------------------------------------------------- */
body{position:relative;margin:0;padding:0;min-width:1200px;font:12px/1.5 tahoma,arial,"Hiragino Sans GB";font-family:"PingFang SC",Helvetica,"思源黑体 CN Normal",Tahoma,Arial,DengXian,"Microsoft YaHei",Simsun,SimHei,sans-serif!important}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0;font-weight:500;text-decoration:none}img{outline:0;border:none}a{text-decoration:none}a:hover{text-decoration:underline}button,input{margin:0;padding:0;background-color:transparent;border:none;outline:0}
#top-nav{position:fixed;top:0;left:0;right:0;width:100%;height:75px;background-color:#fff;border-bottom:1px solid #eee;z-index:99}#top-nav .content{position:relative;margin:0 auto;width:1200px;height:75px}#top-nav .content .logo{position:absolute;left:0;top:11px;width:62px;height:52px;background:url(../img/zm/company-logo.png?v=1.0.5) center/contain no-repeat}#top-nav .content .item-box{position:absolute;right:0;top:0;height:75px;white-space:nowrap}#top-nav .content .item{padding:0 30px;height:75px;display:inline-block;line-height:75px}#top-nav .content .item a{font-size:18px;color:#000;text-decoration:none}#top-nav .content .item.q7{position:relative;padding-right:0}#top-nav .content .item.q7::before{content:"";position:absolute;top:28px;left:0;width:1px;height:20px;background-color:rgba(0,0,0,.31)}#top-nav .content .item.q7 .phone-icon{display:inline-block;width:17px;height:18px;vertical-align:-2px;background-image:url(../img/zm/red-phone.png)}#top-nav .content .item.q7 .phone-number{font-size:18px;font-weight:700;color:#c80032}#top-nav .content .current-line{position:absolute;left:8px;bottom:0;width:80px;height:2px;border-radius:2px;background-color:#c80032;transition:left .2s ease}#top-nav.init{background-color:transparent;border-bottom:none}#top-nav.init .logo{background:url(../img/zm/company-logo.png?v=1.0.5) center/contain no-repeat;filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 4px rgba(255,255,255,.8))}#top-nav.init .content .item-box .current-line{background-color:#fff}#top-nav.init .content .item-box .item a{color:#fff}#top-nav.init .content .item-box .item.q7::before{background-color:rgba(255,255,255,.31)}#top-nav.init .content .item-box .item.q7 .phone-icon{background-image:url(../img/zm/white-phone.png)}#top-nav.init .content .item-box .item.q7 .phone-number{color:#fff}
.slideBox1{position:relative;height:766px;display:inline-block}.slideBox1 .hd{position:absolute;bottom:140px;left:50%;margin-left:-83px;z-index:1;overflow:hidden}.slideBox1 .hd ul{overflow:hidden;zoom:1;float:left;list-style-type:none}.slideBox1 .hd ul li{margin:10px;width:9px;height:9px;float:left;line-height:14px;text-align:center;border:2px solid #fff;border-radius:30px;cursor:pointer}.slideBox1 .hd ul li.on{background:#fff}.slideBox1 .bd{position:relative;height:100%;width:100%;z-index:0;cursor:pointer}.slideBox1 .bd ul{position:relative;left:50%;margin-left:-960px;width:1920px;height:766px;overflow:hidden;list-style-type:none}.slideBox1 .bd ul li img{height:766px;width:1920px;display:block}.slideBox2 .hd ul{position:relative;margin:0 auto;width:244px;height:46px;background:#edecec;line-height:46px;border-radius:30px;list-style:none}.slideBox2 .hd ul li{width:119px;height:46px;display:inline-block;text-align:center;font-size:20px;cursor:pointer;z-index:2;color:#000}.slideBox2 .hd ul li.on{transition:left .25s,color .2s;border-radius:30px;background:#c80032;color:#fff}.slideBox2 .bd{position:relative;margin-top:60px;height:100%;width:100%;z-index:0;cursor:pointer}.slideBox2 .bd ul{list-style:none}.slideBox2 .next,.slideBox2 .prev{position:absolute;top:41%;margin-top:-25px;width:70px;height:70px;display:block;opacity:.3}.slideBox2 .prev{left:1%;background:url(../img/zm/left.png) no-repeat center}.slideBox2 .next{right:1%;background:url(../img/zm/right.png) no-repeat center}.slideBox2 .next:hover,.slideBox2 .prev:hover{opacity:1}.slideBox2 .nextStop,.slideBox2 .prevStop{display:none}#wrapper{text-align:center;overflow:hidden;}#wrapper .layout{margin:0 auto;width:1200px;display:block}#wrapper .first .block-box{position:relative;z-index:1;margin-top:-125px;width:1128px;height:230px;border-radius:13px;display:inline-block;background:#fff;box-shadow:1px 6px 20px rgba(119,119,119,.64);-webkit-box-shadow:1px 6px 20px rgba(119,119,119,.64);-moz-box-shadow:1px 6px 20px rgba(119,119,119,.64);line-height:315px}#wrapper .first .block-box .item{display:inline-block;line-height:2.2;padding:0 55px}#wrapper .first .block-box .item .item-info{margin:10px;padding-top:20px;width:212px;height:110px;border-radius:8px;display:inline-block;text-decoration:none}#wrapper .first .block-box .item .item-info p{font-size:16px;text-decoration:none;color:#333}#wrapper .third{margin-top:100px}#wrapper .third .item .item-img{margin-left:40px;width:592px;height:502px}#wrapper .third .item .item-right{display:inline-block;width:340px;vertical-align:top;margin-left:100px;text-align:left}#wrapper .third .item .item-right h3{font-size:45px}#wrapper .third .item .item-right .info-box{margin-top:25px}#wrapper .third .item .item-right .info-box .info-pic{vertical-align:top;margin-top:5px}#wrapper .third .item .item-right .info-box .info-right{display:inline-block;margin-left:30px}#wrapper .third .item .item-right .info-box .info-right h4{font-size:22px;text-align:left}#wrapper .third .item .item-right .info-box .info-right h5{font-size:15px;width:180px;margin-top:15px}#wrapper .third .item .item-right .btn{margin-top:30px;width:172px;height:56px;display:block;background-color:#c81432;line-height:56px;color:#fff;font-size:21px;text-align:center;text-decoration:none}#wrapper .third .item .item-right .btn:hover{opacity:.9}#wrapper .third .item .item-right .btn:active{opacity:.7}#wrapper .fourth{margin-top:100px}#wrapper .fourth .title{position:relative;font-size:45px;font-weight:700}#wrapper .fourth .title::after{content:"";position:absolute;left:50%;bottom:-13px;margin-left:-27px;width:54px;height:4px;display:block;background-color:#c80032}#wrapper .fourth .content-wrapper{margin-top:69px}#wrapper .fourth .content-wrapper .content h2{font-size:30px;color:#fff;font-weight:700}#wrapper .fourth .content-wrapper .content p{color:#fff;font-size:18px}#wrapper .fourth .content-wrapper .content .subtitle{display:block}#wrapper .fourth .content-wrapper .content .detail{width:100%;height:100%;display:none;opacity:0;background-color:rgba(200,20,50,.8)}#wrapper .fourth .content-wrapper .content .detail h2{margin-bottom:15px}#wrapper .fourth .content-wrapper .content-right{display:inline-block}#wrapper .fourth .content-wrapper .content1{width:565px;height:558px;display:inline-block;vertical-align:top;background:url(../img/zm/pic24.jpg) no-repeat center;background-size:cover}#wrapper .fourth .content-wrapper .content1 .subtitle{padding-top:250px}#wrapper .fourth .content-wrapper .content1 .detail h2{padding-top:210px}#wrapper .fourth .content-wrapper .content2{width:555px;height:273px;background:url(../img/zm/pic25.jpg) no-repeat center;background-size:cover}#wrapper .fourth .content-wrapper .content2 .subtitle{padding-top:120px}#wrapper .fourth .content-wrapper .content2 .detail h2{padding-top:75px}#wrapper .fourth .content-wrapper .content3{margin-top:11px;width:555px;height:274px;background:url(../img/zm/pic26.jpg) no-repeat center;background-size:cover}#wrapper .fourth .content-wrapper .content3 .subtitle{padding-top:120px}#wrapper .fourth .content-wrapper .content3 .detail h2{padding-top:50px}#wrapper .sixth{margin-top:100px}#wrapper .sixth .title{margin-bottom:30px}#wrapper .sixth .title h3{font-size:45px;font-weight:700}#wrapper .sixth .content .item-box .item{margin:10px;display:inline-block}#wrapper .sixth .content .item-box .item p{font-size:14px}#wrapper .seventh{margin-bottom:60px}#wrapper .seventh .title h3{font-size:45px;font-weight:700;margin-top:100px;margin-bottom:30px}#wrapper .seventh .content .item-box a{text-decoration:none}#wrapper .seventh .content .item-box a img{margin:10px 25px;display:inline-block;border-radius:8px}
#bottom-nav{height: auto;min-height:410px;background-color:#f7f7f7;text-align:center;overflow: hidden;padding-bottom: 40px;border-top:3px solid #c80032;}#bottom-nav .item-wrapper{padding-top:42px}#bottom-nav .item-wrapper .item{margin:30px;display:inline-block;vertical-align:middle;text-align:left}#bottom-nav .item-wrapper .item a{color:#000}#bottom-nav .item-wrapper .item a:hover{color:#c80032}#bottom-nav .item-wrapper .item .item-info{margin-top:0;font-size:16px}#bottom-nav .item-wrapper .item .one{margin-top:60px;font-size:21px;font-weight:700}#bottom-nav .item-wrapper .item .item-detail{margin-top:25px}#bottom-nav .item-wrapper .item .item-detail p{margin-top:10px;font-size:16px}#bottom-nav .item-wrapper .item h5{font-size:20px}#bottom-nav .footer-info{margin-top:20px;display:inline-block;font-size:14px}#bottom-nav .footer-info a{color:#000};

/* ----------------------------------------------------------------------
 | 共享导航的移动端汉堡菜单 (配合 common/zm_nav 使用; 本文件全站加载, 首页同样生效)
 ---------------------------------------------------------------------- */
.zm-burger{display:none;position:absolute;right:16px;top:19px;width:38px;height:38px;padding:9px 6px;background:transparent;border:none;cursor:pointer;box-sizing:border-box}
.zm-burger span{display:block;height:3px;margin:4px 0;border-radius:2px;background:#333;transition:transform .25s,opacity .25s}
#top-nav.init .zm-burger span{background:#fff}
.zm-mobile-menu{display:none}
@media (max-width:767px){
    .zm-burger{display:block}
    .zm-mobile-menu{position:fixed;top:75px;left:0;right:0;z-index:98;display:none;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
    body.zm-menu-open .zm-mobile-menu{display:block}
    .zm-mobile-menu a{display:block;padding:0 22px;height:52px;line-height:52px;border-bottom:1px solid #f0f0f0;color:#333;font-size:16px;text-decoration:none}
    .zm-mobile-menu a.zm-mobile-phone{color:#c80032;font-weight:700;border-bottom:none}
    body.zm-menu-open{overflow:hidden}
    /* 首屏移动端适配: banner 与三大卡片区流式布局 (下方区块维持既有 1200px 画布) */
    body{min-width:0}
    #wrapper{overflow:visible}
    #top-nav .content{width:100%;box-sizing:border-box}
    #top-nav .content .item-box{display:none}
    .banner-box .slideBox1{display:block;width:100%;height:auto}
    .slideBox1 .bd{height:auto}
    .slideBox1 .bd ul{left:0;margin-left:0;width:100%;height:auto}
    .slideBox1 .bd ul li img{width:100%;height:230px;object-fit:cover}
    .slideBox1 .bd ul li::after{width:100%;height:100%}
    .slideBox1 .hd{bottom:16px;margin-left:-50px}
    .zm-slogan{width:calc(100% - 48px)}
    .zm-slogan h2{font-size:32px;letter-spacing:4px}
    .zm-slogan .zm-slogan-line{width:40px;margin:14px auto}
    .zm-slogan p{font-size:14px;letter-spacing:2px}
    #wrapper .first .layout{width:100%;box-sizing:border-box;padding:0 12px}
    #wrapper .first .block-box{width:auto;margin-top:0;display:block;height:auto;line-height:normal;box-shadow:0 4px 14px rgba(119,119,119,.4)}
    #wrapper .first .block-box .item{display:block;padding:0 14px}
    #wrapper .first .block-box .item + .item{margin-top:10px}
    #wrapper .first .block-box .item .item-info{display:flex;align-items:center;gap:14px;margin:0;padding:12px;width:100%;height:auto;box-sizing:border-box;text-align:left}
    #wrapper .first .block-box .item .item-info img{width:150px;height:98px;flex:none}
    #wrapper .first .block-box .item .item-info p{font-size:16px;text-align:left}
}

/* ----------------------------------------------------------------------
 | 卓宜教育首页内容样式 (banner 文案层 / 卡片配图防拉伸 / 提分案例卡)
 ---------------------------------------------------------------------- */
.slideBox1 .bd ul li{position:relative}
.slideBox1 .bd ul li a{display:block}
.slideBox1 .bd ul li::after{content:"";position:absolute;left:0;top:0;width:1920px;height:766px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(12,16,32,.40) 0%,rgba(12,16,32,.14) 45%,rgba(12,16,32,.44) 100%)}
.zm-slogan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:1200px;box-sizing:border-box;text-align:center}
.zm-slogan h2{font-size:64px;font-weight:700;color:#fff;letter-spacing:8px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.zm-slogan .zm-slogan-line{width:54px;height:4px;margin:24px auto;border-radius:2px;background-color:#c80032}
.zm-slogan p{font-size:24px;color:#fff;letter-spacing:4px;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#wrapper .first .block-box .item .item-info img{width:212px;height:110px;object-fit:cover;border-radius:8px}
#wrapper .third .item .item-img{object-fit:cover}
#wrapper .seventh .zm-case-box{display:flex;justify-content:center;flex-wrap:wrap}
.zm-case-card{margin:10px 25px;padding:34px 30px 28px;width:330px;box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 18px rgba(119,119,119,.18);text-align:center}
.zm-case-card .zm-case-tag{display:inline-block;padding:4px 18px;border-radius:20px;background-color:#c80032;color:#fff;font-size:15px}
.zm-case-card .zm-case-score{margin-top:16px;font-size:40px;font-weight:700;color:#333}
.zm-case-card .zm-case-score .up{color:#c80032;font-size:52px}
.zm-case-card .zm-case-score .arrow{margin:0 12px;color:#999;font-size:30px}
.zm-case-card .zm-case-score .delta{display:block;margin-top:6px;font-size:16px;font-weight:500;color:#c80032}
.zm-case-card .zm-case-quote{margin-top:16px;font-size:15px;color:#666;line-height:1.8}
/* 第四板块明亮配图: 白色标题压图需要阴影保证可读性 */
#wrapper .fourth .content-wrapper .content .subtitle h2{text-shadow:0 2px 12px rgba(0,0,0,.55)}

/* ----------------------------------------------------------------------
 | 第五板块 成果与未来 (原生页面实现, 替代原整图嵌入 about-future.jpg)
 | 配色对齐全站主题: #c80032 红 / 标题 #333 / 副标题 #999 (v1.3.13 调整)
 ---------------------------------------------------------------------- */
#wrapper .fifth{position:relative;margin-top:100px;padding:88px 0 128px;background:#fff;overflow:hidden}
#wrapper .fifth .zm-future-inner{width:1200px;box-sizing:border-box;text-align:left}
.zm-future-head{display:flex;justify-content:space-between;align-items:flex-start}
.zm-future-title{position:relative;padding-left:24px}
.zm-future-title::before{content:"";position:absolute;left:0;top:6px;width:6px;height:58px;border-radius:3px;background-color:#c80032}
.zm-future-title h3{font-size:36px;font-weight:700;color:#333;line-height:1.3}
.zm-future-title p{margin-top:12px;font-size:16px;color:#999;letter-spacing:1px}
.zm-future-brand img{display:block;width:150px;height:auto}
.zm-future-cards{display:flex;justify-content:center;perspective:1500px;margin-top:64px;position:relative;z-index:2}
.zm-future-card{width:360px;height:420px;box-sizing:border-box;padding:118px 44px 0;background:#fff;border:2px solid #c80032;text-align:center;box-shadow:0 18px 45px rgba(200,20,50,.10)}
.zm-future-card h4{font-size:22px;font-weight:700;color:#333;line-height:1.4}
.zm-future-card p{margin-top:22px;font-size:16px;color:#666;line-height:1.8;text-align:justify;text-align-last:center}
/* 三折页: 左右卡片沿折缝向内后仰, 模拟展开的折页册 */
.zm-future-card-left{border-radius:14px 0 0 14px;transform-origin:right center;transform:rotateY(-14deg);background:linear-gradient(90deg,rgba(200,20,50,.06),rgba(200,20,50,0) 45%),#fff}
.zm-future-card-center{background:linear-gradient(90deg,rgba(200,20,50,.08),rgba(200,20,50,0) 16%,rgba(200,20,50,0) 84%,rgba(200,20,50,.08)),#fff}
.zm-future-card-right{border-radius:0 14px 14px 0;transform-origin:left center;transform:rotateY(14deg);background:linear-gradient(270deg,rgba(200,20,50,.06),rgba(200,20,50,0) 45%),#fff}
.zm-future-wave{position:absolute;left:0;bottom:0;width:100%;height:88px;display:block;z-index:1}
/* 移动端: 卡片纵向堆叠, 取消三折页透视, 标题缩放 */
@media (max-width:767px){
    #wrapper .fifth{margin-top:56px;padding:44px 0 0}
    #wrapper .fifth .zm-future-inner{width:100%;padding:0 16px}
    .zm-future-head{flex-direction:column;align-items:flex-start}
    .zm-future-title{padding-left:14px}
    .zm-future-title::before{top:4px;width:4px;height:34px}
    .zm-future-title h3{font-size:24px}
    .zm-future-title p{margin-top:8px;font-size:12px}
    .zm-future-brand{display:none}
    .zm-future-cards{perspective:none;margin-top:32px}
    .zm-future-card{width:100%;height:auto;padding:34px 26px 30px;border-radius:12px!important;transform:none!important;background:#fff!important;margin-bottom:14px}
    .zm-future-card p{margin-top:14px;font-size:15px;text-align:center}
    .zm-future-wave{height:44px}
}


/* ----------------------------------------------------------------------
 | 首页新增区块 (需求落地 v1.4.0)
 | A) 核心优势四宫格  B) 服务保障三重保障  C) 在线咨询/试听预约转化区
 | 配色对齐全站主题: #c80032 红 / 标题 #333 / 副标题 #999 / 底灰 #f7f7f7
 ---------------------------------------------------------------------- */
/* A) 核心优势 */
#wrapper .zm-core{margin-top:80px;padding:80px 0 84px;background:#f7f7f7}
.zm-core-head{text-align:center}
.zm-core-head h3{margin:0 auto;font-size:45px;font-weight:700;color:#333}
.zm-core-head p{margin-top:6px;font-size:16px;letter-spacing:3px;text-transform:uppercase;color:#999}
.zm-core-head::after{content:"";display:block;margin:20px auto 0;width:54px;height:4px;border-radius:2px;background-color:#c80032}
.zm-core-grid{display:flex;justify-content:center;flex-wrap:wrap;margin-top:56px}
.zm-core-card{margin:0 12px 20px;padding:46px 34px 40px;width:250px;box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 6px 18px rgba(119,119,119,.14);text-align:center;text-decoration:none!important;transition:transform .25s,box-shadow .25s,border-color .25s}
.zm-core-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(200,0,50,.18);border-color:#c80032}
.zm-core-icon{display:block;margin:0 auto 22px;width:64px;height:64px;border-radius:50%;background-color:rgba(200,0,50,.08);line-height:64px;font-size:26px;font-weight:700;color:#c80032}
.zm-core-icon::before{content:"◆"}
.zm-core-card h4{font-size:22px;font-weight:700;color:#333}
.zm-core-card p{margin-top:14px;font-size:15px;line-height:1.8;color:#666;text-align:center;min-height:81px}

/* B) 服务保障 */
#wrapper .zm-guarantee{margin-top:80px;padding:80px 0 84px}
.zm-guarantee-head{text-align:center}
.zm-guarantee-head h3{margin:0 auto;font-size:45px;font-weight:700;color:#333}
.zm-guarantee-head p{margin-top:6px;font-size:16px;letter-spacing:3px;text-transform:uppercase;color:#999}
.zm-guarantee-head::after{content:"";display:block;margin:20px auto 0;width:54px;height:4px;border-radius:2px;background-color:#c80032}
.zm-guarantee-more{display:inline-block;margin-top:14px;font-size:15px;color:#c80032;text-decoration:none}
.zm-guarantee-more:hover{text-decoration:underline}
.zm-guarantee-grid{display:flex;justify-content:center;flex-wrap:wrap;margin-top:56px}
.zm-guarantee-card{position:relative;margin:0 12px 20px;padding:38px 32px 34px;width:340px;box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 6px 18px rgba(119,119,119,.14);text-align:left}
.zm-guarantee-num{position:absolute;top:18px;right:22px;font-size:44px;font-weight:700;color:rgba(200,0,50,.12)}
.zm-guarantee-tag{display:block;font-size:22px;font-weight:700;color:#c80032}
.zm-guarantee-card p{margin-top:14px;font-size:15px;line-height:1.9;color:#666}
.zm-guarantee-extra{display:flex;align-items:center;justify-content:center;margin-top:34px;padding:20px 40px;box-sizing:border-box;background:#f7f7f7;border-radius:12px}
.zm-guarantee-dot{flex:none;width:10px;height:10px;margin-right:16px;border-radius:50%;background-color:#c80032}
.zm-guarantee-extra p{font-size:16px;color:#333;line-height:1.8;text-align:left}

/* C) 在线咨询 / 试听预约 (v1.4.2 布局重设计: 修复 flex 被 #wrapper .layout{display:block} 覆盖导致的右侧留白, 左侧补充三步流程) */
#wrapper .zm-consult{margin-top:80px;padding:64px 0;background:linear-gradient(135deg,#c80032 0%,#9c0029 100%)}
#wrapper .zm-consult .layout{display:flex;align-items:center;justify-content:space-between;text-align:left}
.zm-consult-info{width:40%;color:#fff}
.zm-consult-info h3{font-size:36px;font-weight:700;letter-spacing:2px}
.zm-consult-sub{margin-top:16px;font-size:17px;line-height:1.8;color:rgba(255,255,255,.92)}
.zm-consult-steps{list-style:none;margin-top:30px}
.zm-consult-steps li{display:flex;align-items:center;margin:14px 0}
.zm-consult-steps li:first-child{margin-top:0}
.zm-consult-steps li:last-child{margin-bottom:0}
.zm-consult-step-num{flex:none;width:34px;height:34px;line-height:34px;margin-right:14px;border-radius:50%;background:rgba(255,255,255,.16);text-align:center;font-size:15px;font-weight:700;color:#fff}
.zm-consult-step-txt b{display:block;font-size:17px;color:#fff;line-height:1.3}
.zm-consult-step-txt em{display:block;margin-top:3px;font-size:13px;font-style:normal;color:rgba(255,255,255,.8)}
.zm-consult-phone{margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.35)}
.zm-consult-phone p{font-size:15px;color:rgba(255,255,255,.88)}
.zm-consult-phone a{display:inline-block;margin-top:8px;font-size:34px;font-weight:700;color:#fff;letter-spacing:2px;text-decoration:none}
.zm-consult-phone a:hover{text-decoration:underline}
.zm-consult-phone span{margin-left:14px;font-size:14px;color:rgba(255,255,255,.85)}
.zm-consult-form{width:56%;padding:34px 36px 30px;box-sizing:border-box;background:#fff;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.22);text-align:left}
.zm-consult-row{display:flex}
.zm-consult-field{flex:1;min-width:0;margin:0 0 18px;box-sizing:border-box}
.zm-consult-row .zm-consult-field + .zm-consult-field{margin-left:18px}
.zm-consult-field label{display:block;margin-bottom:8px;font-size:14px;color:#333}
.zm-consult-field input,.zm-consult-field select{width:100%;height:44px;padding:0 14px;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:8px;background:#f7f7f7;font-size:15px;color:#333;outline:none}
.zm-consult-field input:focus,.zm-consult-field select:focus,.zm-consult-field textarea:focus{border-color:#c80032;background:#fff}
.zm-consult-field select{appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%3E%3Cpath%20d%3D%22M0%200l5%206%205-6z%22%20fill%3D%22%23999%22%2F%3E%3C%2Fsvg%3E) no-repeat right 14px center}
.zm-consult-field-full{display:block;width:100%}
.zm-consult-field textarea{width:100%;padding:10px 14px;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:8px;background:#f7f7f7;font-size:15px;color:#333;font-family:inherit;outline:none;resize:vertical}
.zm-consult-btn{width:100%;height:50px;margin-top:4px;border:none;border-radius:8px;background-color:#c80032;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:opacity .2s}
.zm-consult-btn:hover{opacity:.88}
.zm-consult-btn[disabled]{opacity:.6;cursor:not-allowed}
.zm-consult-tip{margin-top:12px;font-size:14px;line-height:1.6;color:#666}
.zm-consult-tip.ok{color:#1a9c47}
.zm-consult-tip.err{color:#c80032}

/* 新板块响应式: 平板与手机 */
@media (max-width:1199px){
    .zm-core-card{width:230px}
    .zm-guarantee-card{width:300px}
}
@media (max-width:991px){
    #wrapper .zm-core{margin-top:60px;padding:56px 0 58px}
    #wrapper .zm-guarantee{margin-top:60px;padding:56px 0 58px}
    #wrapper .zm-consult{margin-top:60px;padding:60px 0}
    #wrapper .zm-consult .layout{flex-direction:column}
    .zm-consult-info{width:100%;text-align:center}
    .zm-consult-steps li{justify-content:center}
    .zm-consult-form{width:100%;max-width:560px;margin-top:36px}
    .zm-core-card{width:46%}
    .zm-guarantee-card{width:46%}
    .zm-guarantee-extra{padding:18px 24px;text-align:center}
}
@media (max-width:767px){
    .zm-core-head h3,.zm-guarantee-head h3{font-size:30px}
    .zm-core-head p,.zm-guarantee-head p{font-size:13px}
    .zm-core-head::after,.zm-guarantee-head::after{margin-top:14px}
    .zm-core-grid,.zm-guarantee-grid{margin-top:34px}
    .zm-core-card{width:100%;max-width:340px;margin:0 0 14px;padding:32px 24px 28px}
    .zm-guarantee-card{width:100%;max-width:340px;margin:0 0 14px;padding:30px 24px 26px}
    .zm-guarantee-extra{flex-direction:column;padding:16px}
    .zm-guarantee-dot{margin:0 0 8px}
    .zm-guarantee-extra p{text-align:center;font-size:15px}
    .zm-consult-info h3{font-size:28px}
    .zm-consult-sub{font-size:15px}
    .zm-consult-steps{margin-top:26px}
    .zm-consult-steps li{margin:12px 0}
    .zm-consult-phone a{font-size:32px}
    .zm-consult-phone span{display:block;margin:6px 0 0}
    .zm-consult-form{padding:26px 20px 24px;margin-top:30px}
    .zm-consult-row{display:block}
    .zm-consult-field{display:block;width:100%;margin:0 0 16px!important}
}

/* 移动端修复: 新板块脱离 1200px 全局画布 + 禁止横向滚动 (v1.4.0 复查) */
@media (max-width:767px){
    #wrapper{overflow-x:hidden;overflow-y:visible}
    #wrapper .zm-core .layout,#wrapper .zm-guarantee .layout,#wrapper .zm-consult .layout,#wrapper .zm-story .layout{width:100%;max-width:100%;box-sizing:border-box;padding-left:16px;padding-right:16px}
    .zm-core-grid{width:100%}
}

/* ----------------------------------------------------------------------
 | 首页品牌故事板块 (v1.4.1, 18年品牌叙事)
 | 配置: 金句 + 数据条 + 三大不同 + 承诺三句 + CTA
 ---------------------------------------------------------------------- */
#wrapper .zm-story{margin-top:80px;padding:80px 0 84px;background:#fff}
.zm-story-head{text-align:center}
.zm-story-head h3{margin:0 auto;font-size:45px;font-weight:700;color:#333}
.zm-story-head p{margin-top:6px;font-size:16px;letter-spacing:3px;text-transform:uppercase;color:#999}
.zm-story-head::after{content:"";display:block;margin:20px auto 0;width:54px;height:4px;border-radius:2px;background-color:#c80032}
.zm-story-slogan{position:relative;margin:44px auto 0;padding:0 60px;max-width:900px;text-align:center}
.zm-story-quote-mark{position:absolute;left:0;top:-16px;font-family:Georgia,serif;font-size:90px;line-height:1;color:rgba(200,0,50,.2)}
.zm-story-slogan p{font-size:38px;font-weight:700;color:#333;line-height:1.5}
.zm-story-slogan .zm-story-slogan-sub{display:block;margin-top:16px;font-size:18px;font-weight:500;color:#666;line-height:1.8}
.zm-story-stats{display:flex;justify-content:center;flex-wrap:wrap;margin-top:56px;padding:36px 20px;background:linear-gradient(135deg,#c80032 0%,#9c0029 100%);border-radius:16px}
.zm-story-stat{width:22%;box-sizing:border-box;text-align:center;color:#fff}
.zm-story-stat + .zm-story-stat{border-left:1px solid rgba(255,255,255,.3)}
.zm-story-num{font-size:46px;font-weight:700;line-height:1.2}
.zm-story-stat p{margin-top:10px;font-size:15px;color:rgba(255,255,255,.92)}
.zm-story-diff{margin-top:64px}
.zm-story-diff > h4{text-align:center;font-size:32px;font-weight:700;color:#333}
.zm-story-diff-grid{display:flex;justify-content:center;flex-wrap:wrap;margin-top:36px}
.zm-story-diff-card{position:relative;display:flex;flex-direction:column;margin:0 12px 20px;padding:40px 32px 36px;width:338px;box-sizing:border-box;background:#f7f7f7;border:1px solid #eee;border-radius:14px;text-align:left;transition:transform .25s,box-shadow .25s,border-color .25s}
.zm-story-diff-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(200,0,50,.14);border-color:#c80032;background:#fff}
.zm-story-diff-num{position:absolute;top:16px;right:22px;font-size:44px;font-weight:700;color:rgba(200,0,50,.14)}
.zm-story-diff-card h5{padding-right:64px;box-sizing:border-box;font-size:20px;font-weight:700;color:#c80032;line-height:1.4}
.zm-story-diff-card p{margin-top:auto;padding-top:14px;font-size:15px;line-height:1.9;color:#666}
.zm-story-promise{display:flex;justify-content:center;flex-wrap:wrap;margin-top:48px}
.zm-story-promise p{display:flex;align-items:center;margin:6px 22px;font-size:18px;font-weight:600;color:#333}
.zm-story-promise-dot{flex:none;width:8px;height:8px;margin-right:12px;border-radius:50%;background-color:#c80032}
.zm-story-btn{display:inline-block;margin-top:44px;padding:0 44px;height:54px;line-height:54px;border-radius:27px;background-color:#c80032;font-size:18px;font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s}
.zm-story-btn:hover{opacity:.88;text-decoration:none}

/* 品牌故事板块响应式 */
@media (max-width:991px){
    #wrapper .zm-story{margin-top:60px;padding:56px 0 58px}
    .zm-story-stat{width:48%;margin-bottom:26px}
    .zm-story-stat + .zm-story-stat{border-left:none}
    .zm-story-diff-card{width:46%}
    .zm-story-slogan p{font-size:30px}
}
@media (max-width:767px){
    .zm-story-slogan{padding:0 16px}
    .zm-story-slogan p{font-size:24px}
    .zm-story-slogan .zm-story-slogan-sub{font-size:15px}
    .zm-story-stats{margin-top:38px;padding:26px 16px}
    .zm-story-stat{width:100%;margin-bottom:22px}
    .zm-story-stat:last-child{margin-bottom:0}
    .zm-story-num{font-size:36px}
    .zm-story-diff{margin-top:46px}
    .zm-story-diff > h4{font-size:22px}
    .zm-story-diff-card{width:100%;max-width:340px;margin:0 0 14px;padding:32px 24px 28px}
    .zm-story-promise{margin-top:34px;flex-direction:column;align-items:flex-start;padding:0 8px}
    .zm-story-promise p{margin:8px 0;font-size:16px}
    .zm-story-btn{margin-top:34px;padding:0 26px;height:48px;line-height:48px;font-size:16px}
}

/* 首页案例区: 查看全部按钮 (v1.4.3) */
.zm-case-more{display:inline-block;margin:26px auto 6px;padding:0 34px;height:48px;line-height:48px;border-radius:24px;background-color:#c80032;font-size:16px;font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s}
.zm-case-more:hover{opacity:.88;text-decoration:none}
@media (max-width:767px){
    .zm-case-more{margin-top:20px;padding:0 24px;height:44px;line-height:44px;font-size:15px}
}

/* ----------------------------------------------------------------------
 | 首页整体动效体系 (v1.4.6)
 | 1) 滚动显现: 复用 zm-page.js 的 IntersectionObserver(.zm-anim/.zm-in)
 | 2) 首屏轮播: kenburns 缓动 + 文案浮入
 | 3) 标题装饰: 红色短线下划线生长
 | 4) 卡片 hover: 浮起 + 阴影 (补充首页自有卡片)
 | 移动端在底部 @media 收敛, 并尊重 prefers-reduced-motion
 ---------------------------------------------------------------------- */
/* ---- 滚动显现 (JS 就绪后 .zm-anim 才生效, 无 JS 时内容直接可见) ---- */
html.zm-anim .zm-reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}
html.zm-anim .zm-reveal.zm-in{opacity:1;transform:translateY(0)}
html.zm-anim .zm-reveal[data-delay="1"]{transition-delay:.12s}
html.zm-anim .zm-reveal[data-delay="2"]{transition-delay:.24s}
html.zm-anim .zm-reveal[data-delay="3"]{transition-delay:.36s}
html.zm-anim .zm-reveal[data-delay="4"]{transition-delay:.48s}

/* ---- 首屏轮播: 图片缓慢缩放(kenburns) + 文案浮入 ---- */
.slideBox1 .bd ul li img{-webkit-animation:zmKenburns 9s ease-in-out infinite alternate;animation:zmKenburns 9s ease-in-out infinite alternate;will-change:transform}
@keyframes zmKenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
.slideBox1 .bd ul li .zm-slogan{-webkit-animation:zmSloganFade .9s ease-out both;animation:zmSloganFade .9s ease-out both}
.slideBox1 .bd ul li .zm-slogan h2{opacity:0;-webkit-animation:zmSloganUp .7s ease-out .15s forwards;animation:zmSloganUp .7s ease-out .15s forwards}
.slideBox1 .bd ul li .zm-slogan p{opacity:0;-webkit-animation:zmSloganUp .7s ease-out .35s forwards;animation:zmSloganUp .7s ease-out .35s forwards}
@keyframes zmSloganUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* ---- 板块标题红色装饰线生长 (配合 zm-reveal 显现) ---- */
html.zm-anim .zm-reveal.zm-in .zm-core-head::after,
html.zm-anim .zm-reveal.zm-in .zm-guarantee-head::after,
html.zm-anim .zm-reveal.zm-in .zm-story-head::after,
html.zm-anim .zm-reveal.zm-in .zm-future-title::before{width:54px;transition:width .9s ease .2s}
html.zm-anim .zm-core-head::after,
html.zm-anim .zm-guarantee-head::after,
html.zm-anim .zm-story-head::after,
html.zm-anim .zm-future-title::before{width:0;transition:none}

/* ---- 卡片 hover 动效补充 (首页自有卡片一致性) ---- */
.zm-guarantee-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.zm-reveal.zm-in.zm-guarantee-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(200,0,50,.16)}
.zm-case-card{transition:transform .3s ease,box-shadow .3s ease}
.zm-reveal.zm-in.zm-case-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(200,0,50,.14)}
.zm-story-stat{transition:transform .3s ease}
.zm-reveal.zm-in.zm-story-stat:hover{transform:translateY(-3px)}
.zm-story-btn,.zm-case-more{transition:transform .25s ease,box-shadow .25s ease,opacity .25s}
.zm-reveal.zm-in.zm-story-btn:hover,.zm-reveal.zm-in.zm-case-more:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(200,0,50,.3)}

/* ---- 咨询表单区卡片微浮 ---- */
.zm-consult-form{transition:transform .35s ease,box-shadow .35s ease}
.zm-reveal.zm-in.zm-consult-form:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(0,0,0,.28)}

/* ---- 移动端收敛动画强度 ---- */
@media (max-width:991px){
    html.zm-anim .zm-reveal{transform:translateY(24px)}
}
@media (max-width:767px){
    html.zm-anim .zm-reveal{transform:translateY(16px);transition-duration:.5s}
    .slideBox1 .bd ul li img{-webkit-animation:none;animation:none}
    .slideBox1 .bd ul li .zm-slogan h2,.slideBox1 .bd ul li .zm-slogan p{opacity:1;-webkit-animation:none;animation:none}
    .zm-reveal.zm-in.zm-story-stat:hover,.zm-reveal.zm-in.zm-consult-form:hover,.zm-reveal.zm-in.zm-case-card:hover,.zm-reveal.zm-in.zm-guarantee-card:hover{transform:none}
}

/* ---- 无障碍: 用户偏好减少动效时关闭 ---- */
@media (prefers-reduced-motion:reduce){
    html.zm-anim .zm-reveal{opacity:1;transform:none;transition:none}
    html.zm-anim .zm-reveal.zm-in{opacity:1;transform:none}
    .slideBox1 .bd ul li img,.slideBox1 .bd ul li .zm-slogan h2,.slideBox1 .bd ul li .zm-slogan p{-webkit-animation:none!important;animation:none!important;opacity:1}
    .zm-guarantee-card,.zm-case-card,.zm-story-stat,.zm-consult-form,.zm-story-btn,.zm-case-more{transition:none!important;transform:none!important}
}

/* 移动端覆盖优先级修复 (v1.4.7): 同选择器后定义规则覆盖原规则, 提升特异性确保生效 */
@media (max-width:767px){
    .slideBox1 .bd ul li{width:100%;box-sizing:border-box}
    .slideBox1 .bd ul li .zm-slogan{width:calc(100% - 48px);left:50%;top:46%;transform:translate(-50%,-50%)}
    .slideBox1 .bd ul li .zm-slogan h2{font-size:30px;letter-spacing:3px}
    .slideBox1 .bd ul li .zm-slogan p{font-size:14px;letter-spacing:1px}
    #wrapper .first .block-box .item .item-info img{width:130px;height:90px;flex:none;object-fit:cover}
    #wrapper .first .block-box .item .item-info p{font-size:15px;white-space:nowrap;flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden}
}

/* 移动端轮播下三卡片横向排版 (v1.4.13): 一行三列, 每卡上图下文 */
@media (max-width:767px){
    #wrapper .first .block-box{display:flex;flex-direction:row;justify-content:space-between;gap:8px;padding:10px 8px}
    #wrapper .first .block-box .item{flex:1 1 0;min-width:0;padding:0}
    #wrapper .first .block-box .item + .item{margin-top:0}
    #wrapper .first .block-box .item .item-info{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;margin:0;padding:8px 4px;width:100%;height:auto;box-sizing:border-box;text-align:center}
    #wrapper .first .block-box .item .item-info img{width:84px;height:84px;flex:none;object-fit:cover;border-radius:8px}
    #wrapper .first .block-box .item .item-info p{font-size:13px;line-height:1.6;white-space:normal;flex:none;min-width:0;text-align:center;max-width:100%}
}

/* ==============================================================
 | 兼容兜底 (v1.5.x): 个别环境解析该文件时 .zm-burger 基础规则被吞,
 | 此处追加移动端等价显式规则, 保证汉堡按钮始终可见可点
 ============================================================== */
@media (max-width:767px){
    .zm-burger{display:block!important;position:absolute;right:16px;top:19px;width:38px;height:38px;padding:9px 6px;background:transparent;border:none;cursor:pointer;box-sizing:border-box}
}

/* ==============================================================
 | 兼容兜底 (v1.5.x): 未来板块移动端卡片被 flex 行压缩成窄条,
 | 强制列向堆叠 + 全宽, 修复 109px 窄卡问题
 ============================================================== */
@media (max-width:767px){
    .zm-future-cards{flex-direction:column;align-items:stretch}
    .zm-future-card{flex:none;width:100%}
}