/* Standalone extraction of the live workshop stage, scoped to .yuhai-process. */
.yuhai-process,
.yuhai-process *{box-sizing:border-box}
.yuhai-process{--yp-primary:#071a3a;--yp-action:#0b5cad;--yp-muted:#5b6b80;--yp-surface:#f8fbfe;--yp-border:#c7d9ea;--yp-container:1200px;width:100%;color:#101c2c;background:linear-gradient(180deg,#f8fbfe,#edf4fb);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,sans-serif;overflow:hidden}
.yuhai-process__container{width:min(var(--yp-container),calc(100% - 48px));margin:0 auto;padding:80px 0 92px}
.yuhai-process__heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.yuhai-process__section-heading{max-width:760px}
.yuhai-process__eyebrow{display:block;color:#147de1;font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.4}
.yuhai-process h1,.yuhai-process__section-heading h2{margin:10px 0;color:var(--yp-primary);font-size:clamp(28px,3.5vw,48px);line-height:1.16;letter-spacing:-.04em}
.yuhai-process__section-heading p{margin:0;color:var(--yp-muted);font-size:14px;line-height:1.9}
.yuhai-process__controls{display:flex;gap:10px;padding-bottom:9px}
.yuhai-process__controls button{width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid var(--yp-border);border-radius:16px;background:#fff;color:var(--yp-primary);box-shadow:0 8px 18px rgba(35,77,121,.08);cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.yuhai-process__controls button:hover{transform:translateY(-4px);background:var(--yp-action);color:#fff;box-shadow:0 13px 24px rgba(20,125,225,.22)}
.yuhai-process__controls button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yuhai-process__wheel{position:relative;height:525px;margin:32px auto 0;perspective:1500px;transform-style:preserve-3d;touch-action:pan-y;user-select:none;cursor:grab;contain:layout paint;outline:none}
.yuhai-process__wheel:focus-visible{outline:3px solid rgba(20,125,225,.35);outline-offset:8px;border-radius:24px}
.yuhai-process.is-dragging .yuhai-process__wheel{cursor:grabbing}
.yuhai-process__card{position:absolute;top:50%;left:50%;width:min(430px,42vw);height:370px;margin:0;overflow:hidden;border:1px solid rgba(206,222,237,.9);border-radius:30px;background:#fff;box-shadow:0 22px 42px rgba(25,66,111,.18);transform:translate3d(-50%,-50%,0);opacity:0;z-index:1;transition:transform 1.05s cubic-bezier(.22,1,.36,1),opacity 1s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,border-color .55s ease;will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}.yuhai-process__card--position-0{transform:translate3d(-50%,-50%,90px) rotateY(0deg) scale(1);opacity:1;z-index:20}.yuhai-process__card--position-1{transform:translate3d(calc(-50% + 245px),-50%,70px) rotateY(-22deg) scale(.87);opacity:.82;z-index:19}.yuhai-process__card--position--1{transform:translate3d(calc(-50% - 245px),-50%,70px) rotateY(22deg) scale(.87);opacity:.82;z-index:19}.yuhai-process__card--position-2{transform:translate3d(calc(-50% + 490px),-50%,50px) rotateY(-44deg) scale(.74);opacity:.64;z-index:18}.yuhai-process__card--position--2{transform:translate3d(calc(-50% - 490px),-50%,50px) rotateY(44deg) scale(.74);opacity:.64;z-index:18}.yuhai-process__card--position-3{transform:translate3d(calc(-50% + 735px),-50%,30px) rotateY(-66deg) scale(.61);opacity:.46;z-index:17}.yuhai-process__card--position--3{transform:translate3d(calc(-50% - 735px),-50%,30px) rotateY(66deg) scale(.61);opacity:.46;z-index:17}.yuhai-process__card--position-4{transform:translate3d(calc(-50% + 980px),-50%,10px) rotateY(-88deg) scale(.48);opacity:.28;z-index:16}.yuhai-process__card--position--4{transform:translate3d(calc(-50% - 980px),-50%,10px) rotateY(88deg) scale(.48);opacity:.28;z-index:16}
.yuhai-process__card.is-active{box-shadow:0 30px 58px rgba(25,66,111,.28);border-color:#8dbce3}
.yuhai-process__card img{width:100%;height:265px;object-fit:cover;pointer-events:none;backface-visibility:hidden}
.yuhai-process__card figcaption{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:17px 20px}
.yuhai-process__card-number{grid-row:1 / 3;color:#147de1;font-size:23px;font-weight:750;line-height:1}
.yuhai-process__card strong{color:var(--yp-primary);font-size:18px;line-height:1.2}
.yuhai-process__card em{margin-top:5px;color:#8a9eb3;font-size:11px;font-style:normal;line-height:1.2}
.yuhai-process__progress{display:flex;align-items:center;gap:22px;margin-top:10px}
.yuhai-process__progress-label{flex:none;color:var(--yp-muted);font-size:12px;letter-spacing:.12em}
.yuhai-process__progress-items{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.yuhai-process__progress-item{position:relative;display:flex;align-items:center;gap:6px;min-width:0;padding:6px 2px;border:0;background:transparent;color:#8a9eb3;cursor:pointer;transition:color .25s ease,transform .25s ease}
.yuhai-process__progress-item:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#cbddeb;z-index:0}
.yuhai-process__progress-item span,.yuhai-process__progress-item em{position:relative;z-index:1;background:#edf4fb}
.yuhai-process__progress-item span{width:15px;height:15px;display:grid;place-items:center;border:2px solid #a7c9e5;border-radius:50%;font-size:8px;font-style:normal}
.yuhai-process__progress-item em{padding:0 3px;font-size:10px;font-style:normal;white-space:nowrap}
.yuhai-process__progress-item:hover{color:var(--yp-action);transform:translateY(-2px)}
.yuhai-process__progress-item.is-active{color:var(--yp-action);font-weight:700}
.yuhai-process__progress-item.is-active span{border-color:var(--yp-action);background:var(--yp-action);color:#fff;box-shadow:0 0 0 4px rgba(20,125,225,.14)}
.yuhai-process__flow-note{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:52px;padding-top:30px;border-top:1px solid #dce6f1}
.yuhai-process__flow-note strong{display:block;margin-top:9px;color:var(--yp-primary);font-size:25px;line-height:1.3}
.yuhai-process__flow-note p{max-width:700px;margin:8px 0 0;color:var(--yp-muted);font-size:13px;line-height:1.8}
.yuhai-process__counter{flex:none;color:var(--yp-action);font-size:14px;font-weight:700;letter-spacing:.12em}
@media(max-width:900px){.yuhai-process__container{width:calc(100% - 40px);padding:65px 0 76px}.yuhai-process__wheel{height:470px}.yuhai-process__card{width:min(380px,52vw);height:340px}.yuhai-process__card--position-0{transform:translate3d(-50%,-50%,70px) rotateY(0deg) scale(1)}.yuhai-process__card--position-1{transform:translate3d(calc(-50% + 190px),-50%,55px) rotateY(-20deg) scale(.86)}.yuhai-process__card--position--1{transform:translate3d(calc(-50% - 190px),-50%,55px) rotateY(20deg) scale(.86)}.yuhai-process__card--position-2{transform:translate3d(calc(-50% + 380px),-50%,40px) rotateY(-40deg) scale(.72)}.yuhai-process__card--position--2{transform:translate3d(calc(-50% - 380px),-50%,40px) rotateY(40deg) scale(.72)}.yuhai-process__card--position-3{transform:translate3d(calc(-50% + 570px),-50%,25px) rotateY(-60deg) scale(.58)}.yuhai-process__card--position--3{transform:translate3d(calc(-50% - 570px),-50%,25px) rotateY(60deg) scale(.58)}.yuhai-process__card--position-4{transform:translate3d(calc(-50% + 760px),-50%,10px) rotateY(-80deg) scale(.44)}.yuhai-process__card--position--4{transform:translate3d(calc(-50% - 760px),-50%,10px) rotateY(80deg) scale(.44)}.yuhai-process__card img{height:235px}}
@media(max-width:600px){.yuhai-process__container{width:calc(100% - 28px);padding:55px 0 65px}.yuhai-process__heading{display:block}.yuhai-process__controls{padding:18px 0 0}.yuhai-process__wheel{height:420px;margin-top:18px;perspective:1000px}.yuhai-process__card{width:min(310px,72vw);height:295px;border-radius:24px}.yuhai-process__card--position-0{transform:translate3d(-50%,-50%,42px) rotateY(0deg) scale(1)}.yuhai-process__card--position-1{transform:translate3d(calc(-50% + 112px),-50%,31px) rotateY(-17deg) scale(.84)}.yuhai-process__card--position--1{transform:translate3d(calc(-50% - 112px),-50%,31px) rotateY(17deg) scale(.84)}.yuhai-process__card--position-2{transform:translate3d(calc(-50% + 224px),-50%,20px) rotateY(-34deg) scale(.68)}.yuhai-process__card--position--2{transform:translate3d(calc(-50% - 224px),-50%,20px) rotateY(34deg) scale(.68)}.yuhai-process__card--position-3{transform:translate3d(calc(-50% + 336px),-50%,10px) rotateY(-51deg) scale(.52)}.yuhai-process__card--position--3{transform:translate3d(calc(-50% - 336px),-50%,10px) rotateY(51deg) scale(.52)}.yuhai-process__card--position-4,.yuhai-process__card--position--4{opacity:0;z-index:1}.yuhai-process__card img{height:195px}.yuhai-process__card figcaption{padding:13px 15px;grid-template-columns:35px 1fr}.yuhai-process__card-number{font-size:18px}.yuhai-process__card strong{font-size:16px}.yuhai-process__card em{font-size:10px}.yuhai-process__progress{gap:10px}.yuhai-process__progress-label{display:none}.yuhai-process__progress-items{gap:3px}.yuhai-process__progress-item{flex:1;justify-content:center}.yuhai-process__progress-item em{display:none}.yuhai-process__flow-note{display:block;margin-top:35px}.yuhai-process__flow-note strong{font-size:21px}.yuhai-process__counter{display:block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){.yuhai-process__card,.yuhai-process__controls button,.yuhai-process__progress-item{transition:none}}

/* ════ 站点适配(1029 五轮):与全站对齐基准(min(1600px,92%),即 Header Logo / 联系我们左缘)对齐,
   并按容器增长等比放大桌面端轮播。≤1200px 维持导出包原值。
   注意:仅用静态值与普通 calc,不引入 abs()/嵌套 min(),保持旧 Chrome(≤135)兼容 ════ */
@media(min-width:1201px){
    .yuhai-process__container{width:min(1600px,92%)}
    .yuhai-process__eyebrow{font-size:12px}
    .yuhai-process__section-heading h2,.yuhai-process h1{font-size:clamp(30px,3.7vw,54px)}
    .yuhai-process__section-heading p{font-size:15px}
    .yuhai-process__controls{gap:12px;padding-bottom:11px}
    .yuhai-process__controls button{width:52px;height:52px;border-radius:18px}
    .yuhai-process__controls button svg{width:22px;height:22px}
    .yuhai-process__wheel{height:600px;margin-top:36px}
    .yuhai-process__card{width:min(495px,48vw);height:425px;border-radius:34px}
    .yuhai-process__card img{height:305px}
    .yuhai-process__card figcaption{grid-template-columns:53px 1fr;column-gap:12px;padding:20px 23px}
    .yuhai-process__card-number{font-size:26px}
    .yuhai-process__card strong{font-size:21px}
    .yuhai-process__card em{margin-top:6px;font-size:13px}
    .yuhai-process__card--position-0{transform:translate3d(-50%,-50%,104px) rotateY(0deg) scale(1)}
    .yuhai-process__card--position-1{transform:translate3d(calc(-50% + 282px),-50%,81px) rotateY(-22deg) scale(.87)}
    .yuhai-process__card--position--1{transform:translate3d(calc(-50% - 282px),-50%,81px) rotateY(22deg) scale(.87)}
    .yuhai-process__card--position-2{transform:translate3d(calc(-50% + 564px),-50%,58px) rotateY(-44deg) scale(.74)}
    .yuhai-process__card--position--2{transform:translate3d(calc(-50% - 564px),-50%,58px) rotateY(44deg) scale(.74)}
    .yuhai-process__card--position-3{transform:translate3d(calc(-50% + 846px),-50%,35px) rotateY(-66deg) scale(.61)}
    .yuhai-process__card--position--3{transform:translate3d(calc(-50% - 846px),-50%,35px) rotateY(66deg) scale(.61)}
    .yuhai-process__card--position-4{transform:translate3d(calc(-50% + 1128px),-50%,12px) rotateY(-88deg) scale(.48)}
    .yuhai-process__card--position--4{transform:translate3d(calc(-50% - 1128px),-50%,12px) rotateY(88deg) scale(.48)}
    .yuhai-process__progress{gap:28px;margin-top:16px}
    .yuhai-process__progress-label{font-size:15px;letter-spacing:.14em}
    .yuhai-process__progress-item{gap:8px;padding:10px 2px}
    .yuhai-process__progress-item span{width:22px;height:22px;font-size:11px}
    .yuhai-process__progress-item em{font-size:14px;padding:0 6px}
    .yuhai-process__progress-item:before{height:2px}
    .yuhai-process__flow-note{margin-top:60px;padding-top:35px;gap:28px}
    .yuhai-process__flow-note strong{margin-top:10px;font-size:29px}
    .yuhai-process__flow-note p{margin-top:9px;font-size:14px;max-width:800px}
    .yuhai-process__counter{font-size:16px}
}
@media(min-width:1600px){
    .yuhai-process__wheel{height:700px;margin-top:42px}
    .yuhai-process__card{width:573px;height:493px;border-radius:40px}
    .yuhai-process__card img{height:353px}
    .yuhai-process__card figcaption{grid-template-columns:61px 1fr;column-gap:13px;padding:23px 27px}
    .yuhai-process__card-number{font-size:31px}
    .yuhai-process__card strong{font-size:24px}
    .yuhai-process__card em{margin-top:7px;font-size:15px}
    .yuhai-process__card--position-0{transform:translate3d(-50%,-50%,120px) rotateY(0deg) scale(1)}
    .yuhai-process__card--position-1{transform:translate3d(calc(-50% + 327px),-50%,93px) rotateY(-22deg) scale(.87)}
    .yuhai-process__card--position--1{transform:translate3d(calc(-50% - 327px),-50%,93px) rotateY(22deg) scale(.87)}
    .yuhai-process__card--position-2{transform:translate3d(calc(-50% + 653px),-50%,67px) rotateY(-44deg) scale(.74)}
    .yuhai-process__card--position--2{transform:translate3d(calc(-50% - 653px),-50%,67px) rotateY(44deg) scale(.74)}
    .yuhai-process__card--position-3{transform:translate3d(calc(-50% + 980px),-50%,40px) rotateY(-66deg) scale(.61)}
    .yuhai-process__card--position--3{transform:translate3d(calc(-50% - 980px),-50%,40px) rotateY(66deg) scale(.61)}
    .yuhai-process__card--position-4{transform:translate3d(calc(-50% + 1307px),-50%,13px) rotateY(-88deg) scale(.48)}
    .yuhai-process__card--position--4{transform:translate3d(calc(-50% - 1307px),-50%,13px) rotateY(88deg) scale(.48)}
    .yuhai-process__controls button{width:56px;height:56px}
    .yuhai-process__controls button svg{width:24px;height:24px}
    .yuhai-process__progress-label{font-size:16px}
    .yuhai-process__progress{gap:32px;margin-top:20px}
    .yuhai-process__progress-item{gap:9px;padding:11px 2px}
    .yuhai-process__progress-item span{width:26px;height:26px;font-size:12px;border-width:3px}
    .yuhai-process__progress-item em{font-size:16px;padding:0 7px}
    .yuhai-process__progress-item:before{height:2px}
    .yuhai-process__flow-note{margin-top:68px;padding-top:40px}
    .yuhai-process__flow-note strong{font-size:32px}
    .yuhai-process__flow-note p{font-size:15px;max-width:860px}
    .yuhai-process__counter{font-size:17px}
}