body.boya-business-preview{margin:0}
#boya-business{--blue:#0075ff;--soft:#f6f6f6;font:16px/1.5;color:#161616}
.boya-business-page *{box-sizing:border-box}
:where(#boya-business) .bb-wrap{width:min(1360px,92%);margin:auto}
.boya-business-page h1,.boya-business-page h2,.boya-business-page h3,.boya-business-page p{margin:0}
.boya-business-page h1,.boya-business-page h2,.boya-business-page h3{line-height:1.15}
.boya-business-page h1{font-size:clamp(48px,3.5vw,68px);max-width:510px}
.boya-business-page h2{font-size:clamp(30px,2.6vw,48px);margin-bottom:32px}
.boya-business-page h3{font-size:clamp(19px,1.4vw,23px);margin:18px 0 12px}
.boya-business-page p{color:#525252}
.boya-business-page .boya-business-hero{background:linear-gradient(0deg,#0008,transparent 34%) center/cover,var(--partner-hero-bg,url("../images/partner/banner-desktop.jpg")) center/cover}
.boya-business-hero .bb-wrap{padding:clamp(65px,8vw,155px) 0 4%}
.boya-business-hero p{max-width:490px;font-size:21px;margin:30px 0 44px}
:where(#boya-business) .bb-btn{display:inline-block;border:1px solid var(--blue);border-radius:99px;background:var(--blue);color:white;padding:12px 24px;text-decoration:none;cursor:pointer;font:inherit;transition:filter .18s}
.boya-business-page .bb-btn:not(.bb-actions .bb-btn):hover{filter:brightness(.85)}
.boya-business-page :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.boya-business-hero .bb-marks{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:7%;overflow:auto}
.boya-business-hero .bb-marks img{height:clamp(32px,4.4vw,84px);max-width:10%;object-fit:contain}
.boya-business-page .bb-body>section{margin:clamp(64px,6.25vw,120px) 0}
.boya-business-products .bb-products,.boya-business-fit .bb-fits,.boya-business-support .bb-support,.boya-business-inquiry .bb-contacts{display:grid;gap:24px}
.boya-business-products .bb-products{grid-template-columns:repeat(4,1fr)}
.boya-business-page article{min-width:0}
.boya-business-products .bb-products article,.boya-business-fit .bb-fits article{display:flex;flex-direction:column}
.boya-business-products .bb-products img,.boya-business-fit .bb-fits img{width:100%;border-radius:20px}
.boya-business-products .bb-products p,.boya-business-fit .bb-fits p,.boya-business-support .bb-support p,.boya-business-process li p{font-size:16px}
.boya-business-products .bb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:24px}
.boya-business-products .bb-actions .bb-btn{font-size:14px;padding:9px 20px}
.boya-business-products .bb-outline{background:white;color:var(--blue)}

.boya-business-fit .bb-fits{grid-template-columns:repeat(3,1fr);margin-top:40px}
.boya-business-fit .bb-fits a{color:var(--blue);margin-top:auto;padding-top:32px;text-underline-offset:6px;font-weight:bold}
.boya-business-support .bb-support,.boya-business-inquiry .bb-contacts{grid-template-columns:1fr 1fr}
.boya-business-support .bb-support article,.boya-business-inquiry{border-radius:20px;background:var(--soft);padding:clamp(28px,3.4vw,64px)}
.boya-business-support .bb-support img{width:68px;height:68px;object-fit:contain}
.boya-business-process ol{display:flex;gap:24px;padding:0;list-style:none;counter-reset:step; margin-top: 60px;}

.boya-business-process li{flex:1;text-align:center;counter-increment:step}
.boya-business-process li:before{content:counter(step);display:grid;place-items:center;width:80px;height:80px;background:var(--soft);color:var(--blue);border-radius:50%;margin:auto;font-size:30px;font-weight:bold}
.boya-business-faq .bb-faq{margin-top:28px}
.boya-business-faq .bb-faq details+details{border-top:1px solid #ddd}
.boya-business-faq .bb-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:25px 0;font-size:22px;font-weight:600}
.boya-business-faq .bb-faq summary::-webkit-details-marker{display:none}
.boya-business-faq .bb-faq details p{padding-bottom:22px}
.boya-business-inquiry{padding:clamp(20px,4.4vw,84px);scroll-margin-top:70px}
.boya-business-inquiry form{margin-top:52px}
.boya-business-inquiry fieldset{border:0;margin:0 0 42px;padding:0;min-width:0}
.boya-business-inquiry legend,.boya-business-inquiry label{font-weight:600}
.boya-business-inquiry legend{margin-bottom:18px}
.boya-business-inquiry .bb-contacts input,.boya-business-page textarea{width:100%;display:block;margin-top:8px;padding:15px;font:inherit;border:1px solid transparent;border-radius:8px}
.boya-business-page textarea{min-height:170px;resize:vertical;margin-bottom:32px}
.boya-business-inquiry .bb-chip{display:inline-flex;gap:8px;align-items:center;background:white;border-radius:8px;margin:0 8px 10px 0;padding:12px;font-weight:400;cursor:pointer}
.boya-business-inquiry .bb-chip input{accent-color:var(--blue)}
@media(max-width:760px){
.boya-business-page .boya-business-hero{text-align:center;background:var(--partner-hero-bg-mobile,url("../images/partner/banner-mobile.jpg")) center/cover no-repeat}
.boya-business-hero .bb-wrap{min-height:132vw;display:flex;flex-direction:column;padding:32px 0 18px}
.boya-business-page h1{font-size:clamp(30px,8vw,49px);max-width:90%;margin:0 auto}
.boya-business-hero p{font-size:15px;font-weight:bold;max-width:260px;margin:14px auto}
.boya-business-hero .bb-btn{display:none}
.boya-business-hero .bb-marks{margin-top:auto;gap:26px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.boya-business-hero .bb-marks img{height:clamp(45px,12vw,56px);width:auto;max-width:none;flex:none}
.boya-business-page h2{font-size:26px;margin-bottom:20px}
.boya-business-products .bb-products{grid-template-columns:1fr;gap:12px}
.boya-business-products .bb-products article{position:relative;background:var(--soft);border-radius:16px;padding:22px 46% 20px 20px;min-height:208px;justify-content:center}
.boya-business-products .bb-products img{position:absolute;right:0;top:4%;width:46%;height:92%;object-fit:contain}
.boya-business-page h3{font-size:17px;margin:0 0 10px}
.boya-business-products .bb-products p,.boya-business-support .bb-support p,.boya-business-process li p,.boya-business-fit .bb-fits p{font-size:13px}
.boya-business-products .bb-actions{flex-direction:row-reverse;justify-content:flex-end;gap:5px;padding-top:12px}
.boya-business-products .bb-products h3{font-size:18px}.boya-business-products .bb-products p{font-size:13px}.boya-business-products .bb-products .bb-actions{gap:6px}.boya-business-products .bb-products .bb-actions .bb-btn{flex:1;text-align:center;padding:8px 8px;font-size:13px}
.boya-business-products .bb-actions .bb-outline{background:var(--blue);color:white}
.boya-business-products .bb-actions a:last-child{background:transparent;border-color:#222;color:#222}
.boya-business-products .bb-actions span{display:none}
.boya-business-fit .bb-fits{display:flex;padding-bottom:16px;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-top:22px}
.boya-business-fit .bb-fits article{flex:0 0 98%;scroll-snap-align:start}
.boya-business-fit .bb-fits img{aspect-ratio:1.63;object-fit:cover;margin-bottom:16px}
.boya-business-fit .bb-fits a{padding:10px 0}
.boya-business-support .bb-support,.boya-business-inquiry .bb-contacts{gap:12px}
.boya-business-support .bb-support article{padding:20px 16px}.boya-business-support .bb-support img{width:28px;height:28px;margin-bottom:8px}
.boya-business-process ol{display:grid;gap:12px;margin-top:0;}
.boya-business-process li{text-align:left;background:var(--soft);padding:40px 23px;border-radius:16px}
.boya-business-process li:before{float:right;width:54px;height:54px;background:white;margin-left:14px;font-size:21px}
.boya-business-faq .bb-faq{padding:0 15px;background:var(--soft);border-radius:16px}.boya-business-faq .bb-faq summary{font-size:15px;padding:22px 0}
.boya-business-inquiry{padding:24px 16px;font-size:13px}.boya-business-inquiry form{margin-top:30px}.boya-business-inquiry fieldset{margin-bottom:26px}
.boya-business-inquiry .bb-contacts input{padding:9px}.boya-business-inquiry .bb-contacts label{font-size:11px}.boya-business-inquiry .bb-chip{padding:6px;margin:0 2px 7px 0;font-size:11px}
}


.boya-business-fit .bb-fit-photo{overflow:hidden;border-radius:20px}
.boya-business-fit .bb-fit-photo img{display:block;transition:transform .45s ease}
@media(hover:hover){.bb-fit-photo:hover img{transform:scale(1.045)}}
.boya-business-fit .bb-fits a{align-self:flex-start;text-decoration:none;padding-bottom:4px;background:linear-gradient(var(--blue),var(--blue)) left bottom/100% 1px no-repeat;transition:background-size .28s ease}
.boya-business-fit .bb-fits a span{display:inline-block;transition:transform .28s ease}
.boya-business-fit .bb-fits a:is(:hover,:focus-visible){background-size:0 1px}
.boya-business-fit .bb-fits a:is(:hover,:focus-visible) span{transform:rotate(45deg)}
.boya-business-faq .bb-faq summary{align-items:center;position:relative;padding-right:24px}
.boya-business-faq .bb-faq summary::before,.boya-business-faq .bb-faq summary::after{content:'';position:absolute;right:1px;top:50%;width:14px;height:2px;background:var(--blue)}
.boya-business-faq .bb-faq summary::after{transform:rotate(90deg);transition:transform .3s ease}
.boya-business-faq .bb-faq details[open] summary::after{transform:rotate(0)}
.boya-business-faq .bb-faq details{interpolate-size:allow-keywords}
.boya-business-faq .bb-faq details::details-content{height:0;overflow:hidden;transition:height .3s ease,content-visibility .3s allow-discrete}
.boya-business-faq .bb-faq details[open]::details-content{height:auto}

.boya-business-process ol{--interval:2s}
.boya-business-process li{position:relative;min-width:0}
.boya-business-process li:nth-child(1){--i:0}
.boya-business-process li:nth-child(2){--i:1}
.boya-business-process li:nth-child(3){--i:2}
.boya-business-process li:nth-child(4){--i:3}
.boya-business-process li:nth-child(5){--i:4}
.boya-business-page .bb-step-track{position:absolute;left:calc(50% + 40px);top:39px;width:calc(100% - 56px);height:3px;background:#f1f1f1}
.boya-business-process .bb-step-track::after{content:'';display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left top}
.boya-business-process .advancing .bb-step-track::after{animation:boya-line var(--interval) linear calc(var(--i)*var(--interval)) forwards}
.boya-business-process .advancing li::before{animation:boya-node .18s ease calc(var(--i)*var(--interval)) forwards}
@keyframes boya-line{to{transform:scale(1)}}
@keyframes boya-node{to{background:var(--blue);color:white}}
@media(max-width:760px){
.boya-business-fit .bb-fit-photo{margin-bottom:16px}.boya-business-fit .bb-fit-photo img{margin:0}
.boya-business-page .bb-step-track{display:none}

}
@media(prefers-reduced-motion:reduce){
.boya-business-process ol{--interval:0s}
.boya-business-process .advancing li::before{animation-duration:0s}
.boya-business-page .bb-fit-photo img,.boya-business-page .bb-fits a,.boya-business-page .bb-fits a span,.boya-business-page .bb-actions .bb-btn,.boya-business-faq .bb-faq summary::after,.boya-business-faq .bb-faq details::details-content{transition:none}
}

/* 平板断点：产品稿只画了 760，这里补一档避免四列拥挤 */
@media (min-width: 761px) and (max-width: 1024px) {
.boya-business-products .bb-products,
.boya-business-fit .bb-fits,
.boya-business-process ol { grid-template-columns: repeat(2, 1fr); }
.boya-business-fit .bb-fits { display: grid; }
.boya-business-process ol { display: grid; }
}