/* =====================================================
   慕柏智能体工厂 - sea.n.cn Layout
   ===================================================== */

*{margin:0;padding:0;box-sizing:border-box}
img{max-width:100%;display:inline-block}
a{color:inherit;text-decoration:none}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased}

/* ====== Page Container ====== */
.homeBg{background-color:#000;position:relative;overflow-x:hidden;overflow-y:auto}
.homeBg::before{content:" ";position:absolute;width:100%;min-height:1238px;background-image:url(images/hero-bg.png);background-repeat:no-repeat;background-position:0 0;background-size:100%}

/* ====== Header ====== */
.header{height:80px;width:100%;position:fixed;z-index:10;padding-right:15px;transition:all .3s}
.header.active{background:rgba(2,6,19,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:calc(100% - 15px);padding-right:0}
.headerInner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:13px calc(50% - 600px)}
.headerLogo img{height:32px;filter:brightness(0) invert(1)}
.loginBtn{border-radius:12px;background:linear-gradient(92deg,#6358ff 5.84%,#3354ff 98.31%);padding:10px 24px;color:#f9fafb;text-align:center;font-size:16px;font-weight:500;line-height:24px;cursor:pointer;display:inline-block}

/* ====== Home Body ====== */
.homeBody{padding-top:80px;width:100%;text-align:left}
.homeBodyContent{position:relative;padding:80px calc(50% - 600px);width:100%}
.homeBodyContent:last-child{padding:0}

/* ====== Hero Title ====== */
.heroTitle{color:#fff;font-size:42px;font-weight:700;line-height:1.4;max-width:800px}
.bodyBtnWrapper{display:flex;align-items:center;gap:24px;margin-top:40px}

/* ====== Hero Product Image ====== */
.hero-image-section{width:100%;position:relative;z-index:2;margin-top:-40px;padding-bottom:0;
    /* background:#000 */
}
.hero-image-inner{max-width:1400px;margin:0 auto;padding:0 20px;text-align:center}
.hero-image-inner img{width:100%;display:block}
.videoBtn{display:inline-flex;width:168px;height:56px;padding:6px 16px;justify-content:center;align-items:center;gap:8px;border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;backdrop-filter:blur(4px);transition:all .3s}
.videoBtn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35)}

/* ====== Section Decorators ====== */
.section-left-decor::before{content:" ";position:absolute;background-image:url(images/section2-left.png);width:730px;height:570px;left:0;background-size:contain;background-repeat:no-repeat;top:40%;background-position:0}
.section-right-decor::before{content:" ";display:block;position:absolute;background-image:url(images/section45-right.png);width:729px;height:570px;right:0;background-size:contain;background-repeat:no-repeat;bottom:0;background-position:100%}
.section-right-decor-light::before{content:" ";display:block;position:absolute;background-image:url(images/section45-right.png);width:729px;height:570px;right:0;background-size:contain;background-repeat:no-repeat;bottom:0;background-position:100%;opacity:.6}
.section-left-decor2::before{content:" ";display:block;position:absolute;background-image:url(images/section6-left.png);width:729px;height:570px;left:0;background-size:contain;background-repeat:no-repeat;bottom:0;background-position:0}

/* ====== Section Title ====== */
.contentTitle{text-align:center;font-size:48px;font-weight:700;color:#fff;margin-bottom:60px}

/* ====== MCP Section ====== */
.contentWrapper{background:url(images/section2-corner.png) no-repeat 97% -55px;background-size:38%}
.contentImg{height:560px;width:1916px;background-image:url(images/content-img.png);background-size:100%;background-repeat:no-repeat;position:absolute;left:50%;transform:translateX(-50%)}

/* ====== Feature Cards ====== */
.homeContentSecond{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.contentFirst{display:flex;height:340px;padding:40px;align-items:center;align-self:stretch;gap:16px;background-image:url(images/feature1-bg.webp);background-size:auto 100%;background-repeat:no-repeat;background-position:right center}
.contentSecond{display:flex;height:400px;gap:24px}
.contentSecondItem{display:flex;padding:40px;flex-direction:column;gap:12px;flex:1 0 0;align-self:stretch;background-image:url(images/feature2-bg.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:50%}
.contentSecondItem:nth-child(2){background-image:url(images/feature3-bg.webp)}
.contentThird{display:flex;height:400px;align-items:flex-start;gap:24px}
.contentThirdItem{display:flex;padding:40px;flex-direction:column;align-items:center;gap:12px;flex:1 0 0;align-self:stretch;background-image:url(images/feature4-bg.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:50%}
.contentThirdItem:nth-child(2){background-image:url(images/feature5-bg.webp)}

/* ====== Card Text ====== */
.contentLeft{display:flex;width:600px;flex-direction:column;justify-content:space-between;align-items:flex-start;align-self:stretch}
.contentLeftBtns{display:flex;align-items:center;gap:14px}
.contentLeftBtn{display:flex;padding:6px 18px;justify-content:center;align-items:center;gap:8px;border-radius:222px;border:.5px solid hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85);font-size:14px;font-weight:400;line-height:22px}
.contentLeftTitle{color:#fff;font-size:28px;font-weight:600;line-height:42px}
.contentLeftDesc{color:#fff;font-size:16px;font-weight:400;line-height:28px;opacity:.8}

/* ====== Knowledge Section ====== */
.homeContentThird{display:flex;width:100%;height:606px;align-items:center;gap:60px;position:relative}
.homeContentThird .homeContentLeft{display:flex;flex-direction:column;gap:48px;width:calc(100% - 620px)}
.contentLeftItem{display:flex;padding:5px 0;flex-direction:column;gap:8px}
.contentLeftItem .contentLeftTitle span{background:linear-gradient(90deg,#a879ff,#4461ff);color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;font-weight:600;line-height:42px}
.contentLeftItem .contentLeftDesc{font-size:16px;line-height:24px;opacity:.6}
.knowledge-right-img{display:block;position:absolute;width:938px;height:755px;background-image:url(images/section3-right.webp);background-size:938px 755px;background-repeat:no-repeat;background-position:-60px 0;left:calc(100% - 590px);top:-40px}

/* ====== Agent Team ====== */
.homeContentFourth{display:flex;width:100%;height:606px;justify-content:flex-end;align-items:center;position:relative}
.homeContentFourth .homeContentLeft{display:block;position:absolute;width:800px;height:550px;background-image:url(images/team-collab.webp);background-size:contain;background-repeat:no-repeat;background-position:center;right:420px;top:30px}
.homeContentFourth .homeContentRight{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.contentRightTitle{display:flex;align-items:flex-start;gap:8px}
.contentRightTitle span{color:#fff;font-size:28px;font-weight:600;line-height:42px}
.contentRightTitle span:last-child{background:linear-gradient(90deg,#a879ff,#4461ff);color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.contentRightList{display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch}
.contentRightItem{display:flex;width:252px;padding:12px 24px;align-items:center;gap:8px;border-radius:222px;border:1px solid rgba(92,119,230,.2);background:linear-gradient(93deg,rgba(40,98,255,.4) 1.04%,rgba(169,71,255,.08) 99.3%)}
.contentRightItem span{color:#fff;font-size:16px;font-weight:400;line-height:24px}

/* ====== Client Section ====== */
.homeContentFiveth{display:flex;width:100%;flex-direction:column;gap:60px}
.contentTopList{display:flex}
.contentTopItem{display:flex;flex-direction:column;align-items:center;flex:1 0 0}
.contentTopItem div{display:flex;align-items:center;gap:12px;align-self:stretch;height:44px}
.contentTopItem div span{color:#fff;font-size:14px;font-weight:400;line-height:22px}
.contentTopItem div:first-child{margin-bottom:24px}
.contentTopItem div:first-child span{font-size:28px;font-weight:600;line-height:42px}
.homeContentBottom{display:block;height:485px;background-image:url(images/mcp-img.png);background-size:cover;background-repeat:no-repeat}

/* ====== Case Cards ====== */
.homeContentSixth{
    position:relative;
    overflow:hidden;
    padding-bottom:8px;
    --case-card-width:min(588px,calc((100% - 24px) / 2));
}
.homeContentSixth::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
}
.homeContentSixth.is-user-active{
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
}
.homeContentSixth.is-dragging{
    cursor:grabbing;
    scroll-behavior:auto;
    user-select:none;
}
.caseCard{display:flex;padding:40px;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;flex:1 0 0;align-self:stretch;background-image:url(images/case-bg.png);background-size:100% 100%;background-repeat:no-repeat;transition:background-image .3s ease;cursor:pointer;text-decoration:none;color:inherit}
.homeContentSixth.is-user-active .caseCard{scroll-snap-align:start}
.caseCard:hover{background-image:url(images/case-bg-hover.png)}
.caseTitle{display:flex;align-items:center;gap:24px;align-self:stretch}
.caseTitle img{width:44px;height:44px}
.caseTitle span{color:#fff;font-size:28px;font-weight:600;line-height:42px}
.caseContent{color:#fff;font-size:16px;font-weight:400;line-height:40px}
/* Carousel */
.carouselTrack{display:flex;gap:24px;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}
.caseArrow{position:absolute;top:calc(50% - 18px);transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(10,14,40,.55);color:#fff;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s ease}
.caseArrow:hover{background:rgba(10,14,40,.85)}
.caseArrow--prev{left:6px}
.caseArrow--next{right:6px}
.caseDots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.caseDot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer;transition:width .25s ease,background .25s ease}
.caseDot.is-active{width:22px;background:linear-gradient(90deg,#a879ff,#4461ff)}
.carouselTrack .caseCard{flex:0 0 var(--case-card-width);min-width:var(--case-card-width)}

/* ====== CTA ====== */
.homeContentLast{display:flex;height:380px;flex-direction:column;justify-content:center;align-items:center;gap:40px;background:url(images/cta-bg.png) #000;background-size:100%;background-repeat:no-repeat;background-position:bottom}
.homeContentLastTitle{color:#fff;text-align:center;font-size:48px;font-weight:700}
.homeContentLastBtns{display:flex;align-items:center;gap:24px}
.lastBtn{display:flex;width:160px;height:40px;padding:10px 24px;justify-content:center;align-items:center;gap:8px;border-radius:12px;border:.5px solid #fff;color:#fff;cursor:pointer;font-size:16px}
.lastBtnPrimary{border:none;background:linear-gradient(92deg,#6358ff 5.84%,#3354ff 98.31%)}

/* ====== Footer ====== */
.homeFooter{display:flex;padding-top:80px;flex-direction:column;justify-content:center;align-items:center;gap:80px;background-color:#000;background-image:url(images/footer-bg.png);background-size:468px 195px;background-repeat:no-repeat;background-position:0 100%;position:relative}
.footer{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:1200px}
.footerLine{border-bottom:1px solid #fff;width:100%;opacity:.1}
.footerBody{display:flex;align-items:flex-start;gap:200px;width:100%}
.footerCol{display:flex;flex-direction:column;gap:20px}
.footerColTitle{font-size:16px;font-weight:600}
.footerCol a,.footerCol span{font-size:14px;opacity:.8;line-height:1.8;transition:opacity .3s}
.footerCol a:hover{opacity:1}
.footerCopyright{width:100%;text-align:center;border-top:1px solid hsla(0,0%,100%,.1);line-height:60px;color:#fff;font-size:12px;opacity:.4}

/* ====== Responsive ====== */
@media(max-width:1300px){
    .homeBodyContent{padding:60px 40px}
    .headerInner{padding:13px 40px}
    .footer{width:100%;padding:0 40px}
}
@media(max-width:960px){
    .homeBodyContent{padding:40px 24px}
    .headerInner{padding:13px 24px}
    .section-left-decor::before,.section-right-decor::before,.section-right-decor-light::before,.section-left-decor2::before{display:none!important}
    .knowledge-right-img{display:none!important}
    .homeContentFourth .homeContentLeft{display:none!important}
    .homeContentThird{height:auto;flex-direction:column}
    .homeContentThird .homeContentLeft{width:100%}
    .homeContentFourth{height:auto}
    .homeContentFourth .homeContentRight{width:100%}
    .contentRightList{width:100%}
    .contentRightItem{width:100%}
    .contentSecond,.contentThird{flex-direction:column;height:auto}
    .contentFirst{height:auto;background-size:contain;background-position:center}
    .homeContentSixth{height:auto;max-height:none;--case-card-width:calc(100% - 8px)}
    .carouselTrack .caseCard{flex:0 0 var(--case-card-width);min-width:var(--case-card-width)}
    .caseCard{height:auto}
    .footer{padding:0 24px}
    .footerBody{flex-direction:column;gap:40px}
    .contentTopList{flex-direction:column;gap:32px}
    .contentTopItem{align-items:flex-start}
}
@media(max-width:640px){
    .heroTitle{font-size:28px}
    .contentTitle{font-size:32px}
    .homeContentLastTitle{font-size:32px}
    .homeContentLastBtns{flex-direction:column}
    .homeContentLast{height:300px;padding:0 24px}
}