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

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

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


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

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

}
@media(prefers-reduced-motion:reduce){
.saramonic-business-process ol{--interval:0s}
.saramonic-business-process .advancing li::before{animation-duration:0s}
.saramonic-business-page .sr-fit-photo img,.saramonic-business-page .sr-fits a,.saramonic-business-page .sr-fits a span,.saramonic-business-page .sr-actions .sr-btn,.saramonic-business-faq .sr-faq summary::after,.saramonic-business-faq .sr-faq details::details-content{transition:none}
}
.saramonic-business-preview{background:black}
.saramonic-business-hero p{max-width:650px;color:white}
.saramonic-business-products .sr-products img{background:#161616}
.saramonic-business-products .sr-outline{background:transparent}
.saramonic-business-inquiry :is(input,textarea),.saramonic-business-inquiry .sr-chip{background:#282828;color:white}
.saramonic-business-process li::before{color:white}
@media(max-width:760px){
.saramonic-business-products .sr-products article{background:#161616}
.saramonic-business-products .sr-actions .sr-outline{background:var(--accent)}
.saramonic-business-hero p{max-width:340px}
.saramonic-business-process li::before{background:#383838}

}


.saramonic-business-fit picture{display:block}.saramonic-business-fit picture img{height:auto}
@media(min-width:761px){.saramonic-business-fit picture{width:calc(100% + 2px);margin-left:-1px;aspect-ratio:438/480}.saramonic-business-fit picture img{height:100%;object-fit:cover}.saramonic-business-fit .sr-fit-photo{aspect-ratio:438/480}}


/* 站点集成补充 */
.partner-page{background:#000}
.saramonic-business-page{display:flow-root}
.saramonic-business-inquiry select{width:100%;display:block;margin-top:8px;padding:15px;font:inherit;border:1px solid transparent;border-radius:0;background:#282828;color:#fff}
#saramonic-business form [role=status]{margin-top:16px;color:var(--accent)}
@media(max-width:760px){.saramonic-business-inquiry select{padding:9px}}


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