#cooperate .overseas-case-page{--oc-ink:#173852;--oc-text:#5c7180;--oc-teal:#079ca7;--oc-gold:#c9a85e;position:relative;overflow:hidden;padding:0 0 1.35rem!important;background:linear-gradient(145deg,#f5f8f9,#edf3f5)}
#cooperate .overseas-case-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 58%,rgba(201,168,94,.08),transparent 28%),radial-gradient(circle at 88% 75%,rgba(7,156,167,.08),transparent 26%)}
#cooperate .overseas-case-page .inner{position:relative;width:min(88vw,1560px);max-width:none}
#cooperate .overseas-case-intro{position:relative;padding:.68rem 0 .46rem;border-bottom:1px solid rgba(23,56,82,.08);background:#fff}
#cooperate .overseas-case-intro .inner{width:min(calc(100% - 64px),1320px)}
#cooperate .overseas-case-heading{display:flex;flex-direction:column;align-items:center;text-align:center}
#cooperate .overseas-case-titlemark{display:flex;flex-direction:column;align-items:center}
#cooperate .overseas-case-titlemark>img{display:block;width:.16rem;height:auto;margin-bottom:.14rem}
#cooperate .overseas-case-heading h1{margin:0;color:var(--oc-ink);font-family:"Noto Serif SC","Source Han Serif SC","Microsoft YaHei",serif;font-size:.38rem;font-weight:500;line-height:1.28;letter-spacing:.04em}
#cooperate .overseas-case-heading span{display:block;margin-top:.09rem;color:#8c999f;font:500 .095rem/1.4 Georgia,"Times New Roman",serif;letter-spacing:.22em}
#cooperate .overseas-case-heading p{position:relative;max-width:8.8rem;margin:.24rem auto 0;padding-top:.22rem;color:#667b88;font-size:.145rem;line-height:1.95}
#cooperate .overseas-case-heading p:before{content:"";position:absolute;top:0;left:50%;width:.44rem;height:1px;background:var(--oc-gold);transform:translateX(-50%)}
#cooperate .overseas-case-meta{display:flex;justify-content:center;align-items:center;margin-top:.3rem}
#cooperate .overseas-case-meta span{display:flex;align-items:baseline;gap:.08rem;padding:0 .3rem;border-right:1px solid #dce3e6;color:#7c8b94}
#cooperate .overseas-case-meta span:last-child{border-right:0}
#cooperate .overseas-case-meta b{color:var(--oc-ink);font:400 .21rem/1 Georgia,"Times New Roman",serif}
#cooperate .overseas-case-meta small{font-size:.105rem;font-weight:400}
#cooperate .overseas-case-gallery{padding:.18rem 0 .5rem}
#cooperate .overseas-case-swiper{width:100vw;margin-left:calc((100% - 100vw)/2);padding:.12rem 0 .32rem;overflow:visible;touch-action:pan-y pinch-zoom}
#cooperate .overseas-case-swiper .swiper-slide{width:min(46vw,760px);opacity:.3;transform:scale(.86);filter:saturate(.65);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.75,.25,1),filter .5s ease}
#cooperate .overseas-case-swiper .swiper-slide-active{opacity:1;transform:scale(1);filter:none}
#cooperate .overseas-case-card{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:.15rem;background:#171b20;box-shadow:0 .2rem .55rem rgba(22,56,78,.17),0 0 0 1px rgba(255,255,255,.75);cursor:zoom-in}
#cooperate .overseas-case-card:after{content:"查看高清案例";position:absolute;right:.13rem;bottom:.12rem;padding:.065rem .12rem;border:1px solid rgba(255,255,255,.22);border-radius:99px;color:#fff;background:rgba(13,25,34,.68);backdrop-filter:blur(10px);font-size:.09rem;opacity:0;transform:translateY(6px);transition:.28s ease}
#cooperate .overseas-case-card:hover:after{opacity:1;transform:none}
#cooperate .overseas-case-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .65s ease}
#cooperate .overseas-case-card:hover img{transform:scale(1.012)}
#cooperate .overseas-case-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.22rem;align-items:center;width:min(46vw,760px);margin:0 auto}
#cooperate .overseas-case-status{display:flex;align-items:baseline;color:var(--oc-text);white-space:nowrap}
#cooperate .overseas-case-status>span{margin-right:.1rem;color:var(--oc-teal);font:600 .085rem/1 Georgia,serif;letter-spacing:.14em}
#cooperate .overseas-case-status strong{color:var(--oc-ink);font:400 .27rem/1 Georgia,serif}
#cooperate .overseas-case-status i{width:.3rem;height:1px;margin:0 .08rem;background:rgba(23,56,82,.25)}
#cooperate .overseas-case-status em{color:#91a0aa;font:normal .13rem/1 Georgia,serif}
#cooperate .overseas-case-active-title{overflow:hidden;color:var(--oc-ink);font-size:.15rem;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}
#cooperate .overseas-case-actions{display:flex;gap:.07rem}
#cooperate .overseas-case-actions button{display:grid;width:.42rem;height:.42rem;place-items:center;border:0;border-radius:50%;color:#fff;background:#173d58;box-shadow:0 .1rem .25rem rgba(20,57,80,.14);cursor:pointer;transition:transform .25s ease,background .25s ease}
#cooperate .overseas-case-actions button:hover{transform:translateY(-2px);background:var(--oc-teal)}
#cooperate .overseas-case-actions i{font-size:.16rem}
#cooperate .overseas-case-progress{width:min(46vw,760px);height:2px;margin:.15rem auto 0;overflow:hidden;background:rgba(23,56,82,.1)}
#cooperate .overseas-case-progress i{display:block;width:6.25%;height:100%;background:linear-gradient(90deg,var(--oc-gold),var(--oc-teal));transition:width .4s ease}
.overseas-case-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:.45rem 1rem;visibility:hidden;opacity:0;background:rgba(7,18,27,.93);backdrop-filter:blur(16px);transition:opacity .3s ease,visibility 0s linear .3s}.overseas-case-lightbox.is-open{visibility:visible;opacity:1;transition-delay:0s}.overseas-case-lightbox-stage{position:relative;width:min(84vw,1500px);transform:scale(.96);transition:transform .35s ease}.overseas-case-lightbox.is-open .overseas-case-lightbox-stage{transform:none}.overseas-case-lightbox-stage img{display:block;width:100%;max-height:82vh;border-radius:.14rem;object-fit:contain;box-shadow:0 .35rem 1rem rgba(0,0,0,.42)}.overseas-case-lightbox-caption{display:flex;justify-content:space-between;gap:.2rem;margin-top:.13rem;color:rgba(255,255,255,.72);font-size:.13rem}.overseas-case-lightbox-caption strong{color:#fff;font-size:.15rem}.overseas-case-lightbox-caption b{color:#e4c575;font:400 .19rem/1 Georgia,serif}.overseas-case-lightbox-close,.overseas-case-lightbox-prev,.overseas-case-lightbox-next{position:absolute;z-index:2;border:0;color:#fff;background:rgba(255,255,255,.1);cursor:pointer}.overseas-case-lightbox-close{top:.2rem;right:.25rem;width:.44rem;height:.44rem;border-radius:50%;font-size:.28rem}.overseas-case-lightbox-prev,.overseas-case-lightbox-next{top:50%;width:.5rem;height:.68rem;border-radius:.08rem;transform:translateY(-50%)}.overseas-case-lightbox-prev{left:.2rem}.overseas-case-lightbox-next{right:.2rem}body.overseas-case-modal-open{overflow:hidden!important}
@media(min-width:1800px){#cooperate .overseas-case-page .inner{width:min(90vw,1780px)}}
@media(max-width:1000px){#cooperate .overseas-case-intro .inner{width:calc(100% - 48px)}#cooperate .overseas-case-swiper .swiper-slide,#cooperate .overseas-case-toolbar,#cooperate .overseas-case-progress{width:68vw}}
@media(max-width:767px){#cooperate .overseas-case-page .inner,#cooperate .overseas-case-intro .inner{width:calc(100% - .32rem)}#cooperate .overseas-case-intro{padding:.5rem 0 .34rem}#cooperate .overseas-case-titlemark>img{width:.12rem;margin-bottom:.11rem}#cooperate .overseas-case-heading h1{font-size:.31rem}#cooperate .overseas-case-heading span{font-size:.085rem}#cooperate .overseas-case-heading p{margin-top:.2rem;padding-top:.18rem;font-size:.14rem;line-height:1.8}#cooperate .overseas-case-meta{justify-content:space-between;margin-top:.24rem}#cooperate .overseas-case-meta span{display:block;padding:0 .1rem;text-align:center}#cooperate .overseas-case-meta b,#cooperate .overseas-case-meta small{display:block}#cooperate .overseas-case-meta b{margin-bottom:.05rem;font-size:.18rem}#cooperate .overseas-case-meta small{font-size:.095rem}#cooperate .overseas-case-swiper .swiper-slide,#cooperate .overseas-case-toolbar,#cooperate .overseas-case-progress{width:calc(100vw - .64rem)}#cooperate .overseas-case-card{border-radius:.1rem}#cooperate .overseas-case-card:after{display:none}#cooperate .overseas-case-toolbar{grid-template-columns:auto 1fr;gap:.1rem}#cooperate .overseas-case-active-title{grid-column:1/-1;grid-row:2;text-align:left;white-space:normal}#cooperate .overseas-case-actions{justify-self:end}.overseas-case-lightbox{padding:.7rem .12rem .82rem}.overseas-case-lightbox-stage{width:100%}.overseas-case-lightbox-prev,.overseas-case-lightbox-next{top:auto;bottom:.15rem;width:.46rem;height:.42rem;transform:none}.overseas-case-lightbox-prev{left:calc(50% - .52rem)}.overseas-case-lightbox-next{right:calc(50% - .52rem)}}