.work-style[data-v-83ebf3fd]{background-color:var(--v5c6da40c);margin:var(--v583ac0e9)}@media(max-width:1200px){.work-style[data-v-83ebf3fd]{margin:var(--v33b808d9);padding:var(--v3d95c374)}}@media(max-width:480px){.work-style[data-v-83ebf3fd]{margin:var(--v50e08d87);padding:var(--v691d2f58)}}.work-style .box[data-v-83ebf3fd]{background-repeat:no-repeat;background-size:cover;box-sizing:border-box;padding:var(--v4d096836)}.work-style .box .container-default[data-v-83ebf3fd]{align-items:center;display:flex;flex-direction:column;height:100%}.work-style .box .container-default .title-box .big-title[data-v-83ebf3fd]{color:var(--v6ece57ea);font-weight:var(--v395c87ff);letter-spacing:var(--v386a0436);margin-bottom:var(--d192405e);text-align:var(--v25c30013);text-shadow:var(--v5a594df6)}.work-style .box .container-default .title-box .small-title[data-v-83ebf3fd]{color:var(--v1e4b4e16);font-weight:var(--v3e88f556);letter-spacing:var(--v0ad5f8cf);margin-bottom:var(--v3a6840b2);text-align:var(--v65bc052e);text-shadow:var(--v7a32565b)}.work-style .box .container-default .top[data-v-83ebf3fd]{display:grid;gap:var(--v70d111a5);grid-template-areas:"img text";grid-template-columns:var(--v29f956dd) calc(100% - var(--v29f956dd))}@media(max-width:480px){.work-style .box .container-default .top[data-v-83ebf3fd]{display:flex;flex-direction:column;width:100%}}.work-style .box .container-default .top .left[data-v-83ebf3fd]{height:var(--v4b778c97);margin-left:var(--v7034d172);overflow:hidden;position:relative}@media(max-width:480px){.work-style .box .container-default .top .left[data-v-83ebf3fd]{height:auto}}.work-style .box .container-default .top .left[data-v-83ebf3fd] .swiper-pagination-bullet{height:var(--v03706fa4);width:var(--v43020ba9)}.work-style .box .container-default .top .left .swiper-box[data-v-83ebf3fd]{height:100%;left:0;position:absolute;top:0;width:100%}@media(max-width:480px){.work-style .box .container-default .top .left .swiper-box[data-v-83ebf3fd]{position:unset}}.work-style .box .container-default .top .left .swiper-box .img-box[data-v-83ebf3fd]{aspect-ratio:var(--v99c425ba);background-color:var(--v1a662d7a);border-radius:var(--e105121e);cursor:pointer;height:var(--v4b778c97);overflow:hidden}@media(max-width:480px){.work-style .box .container-default .top .left .swiper-box .img-box[data-v-83ebf3fd]{height:270px}}.work-style .box .container-default .top .left .swiper-box .img-box img[data-v-83ebf3fd]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .5s;width:100%}.work-style .box .container-default .top .left .swiper-box .img-box img[data-v-83ebf3fd]:hover{transform:scale(1.1)}.work-style .box .container-default .top .left .swiper-box .img-box video[data-v-83ebf3fd]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.work-style .box .container-default .top .right[data-v-83ebf3fd]{box-sizing:border-box;grid-area:var(--v5862f35b);padding:var(--v42b46309)}.work-style .box .container-default .top .right .text-area[data-v-83ebf3fd]{display:flex;flex-direction:column;max-height:var(--c7565eba);min-height:var(--v6b4031de);overflow-y:auto}.work-style .box .container-default .top .right .text-area[data-v-83ebf3fd]::-webkit-scrollbar{width:var(--cc2e9d70)}.work-style .box .container-default .top .right .text-area[data-v-83ebf3fd]::-webkit-scrollbar-thumb{background-color:var(--v4ed167a8);border-radius:var(--cb974d60)}.work-style .box .container-default .top .right .text-area[data-v-83ebf3fd]::-webkit-scrollbar-track{background-color:var(--v51626d9d)}.work-style .box .container-default .top .right .text-area .text-title-box[data-v-83ebf3fd]{align-items:center;display:flex;gap:var(--d11acf0a);margin-bottom:var(--v2ec29174)}@media(max-width:480px){.work-style .box .container-default .top .right .text-area .text-title-box[data-v-83ebf3fd]{margin-bottom:10px}}.work-style .box .container-default .top .right .text-area .text-title-box .text-title[data-v-83ebf3fd]{color:var(--v0d32a9f3);font-weight:var(--v1ef7b9d2)}.work-style .box .container-default .top .right .text-area .text-title-box .text-title-suffix[data-v-83ebf3fd]{color:var(--v212afdbc);font-weight:var(--v0ace7148)}.work-style .box .container-default .top .right .text-area .article[data-v-83ebf3fd]{color:var(--v0e089015);font-weight:var(--v3d1a7b96);letter-spacing:var(--v566b0fef);line-height:var(--v230ab66e);text-indent:var(--v6a2f0ac7);white-space:pre-wrap}.work-style .box .container-default .top .right .text-area .article+.article[data-v-83ebf3fd]{margin-top:var(--v04377479)}.work-style .box .container-default .top .right .button[data-v-83ebf3fd]{align-items:center;background-color:var(--v69ea8bd2);border:1px solid var(--v0bdc024b);border-radius:var(--v0dee705e);color:var(--a5dcfbd2);display:flex;font-weight:var(--v5f9ac173);gap:var(--c9b4bd2e);justify-content:center;margin-top:var(--v3193957b);overflow:hidden;padding:var(--v4610b1c5);width:-moz-max-content;width:max-content}@media(max-width:480px){.work-style .box .container-default .top .right .button[data-v-83ebf3fd]{margin-top:20px}}.work-style .box .container-default .top .right .button[data-v-83ebf3fd]:hover{background-color:var(--v626ea664);border:1px solid var(--baed7572);color:var(--v13bbb213)}.work-style .box .container-default .top .right .button:hover .iconfont[data-v-83ebf3fd]{animation:moveAndFade-83ebf3fd 1s ease-out forwards}.work-style .box .container-default .top .right .button .iconfont[data-v-83ebf3fd]{font-weight:var(--v20bbbcb0);padding-top:var(--v51e1808d)}.work-style .box .container-default .bottom[data-v-83ebf3fd]{align-items:center;display:flex;gap:var(--v53538e90);margin-top:var(--v47422508);width:100%}@media(max-width:480px){.work-style .box .container-default .bottom[data-v-83ebf3fd]{align-items:center;display:flex;flex-direction:column;gap:20px}}.work-style .box .container-default .bottom .item[data-v-83ebf3fd]{align-items:center;background-color:var(--v4bda0200);box-sizing:border-box;display:flex;flex:1;flex-shrink:0;height:var(--c4c3f7f6);justify-content:center;padding:var(--v938db61a);position:relative;text-align:center}@media(max-width:480px){.work-style .box .container-default .bottom .item[data-v-83ebf3fd]{aspect-ratio:5/4;border-bottom:1px solid var(--v31315e0c);height:auto}}.work-style .box .container-default .bottom .item[data-v-83ebf3fd]:after{background-color:var(--v31315e0c);border-radius:1px;content:"";height:calc(var(--c4c3f7f6)/2);left:0;position:absolute;top:calc(var(--c4c3f7f6)/4);width:var(--v32485c6f)}@media(max-width:480px){.work-style .box .container-default .bottom .item[data-v-83ebf3fd]:after{display:none}}.work-style .box .container-default .bottom .item[data-v-83ebf3fd]:first-child{justify-content:var(--v3eecd8df)}.work-style .box .container-default .bottom .item[data-v-83ebf3fd]:first-child:after{background-color:var(--cf1950e4);content:"";height:calc(var(--c4c3f7f6)/2);margin-right:50px;position:absolute;right:0;top:calc(var(--c4c3f7f6)/4);width:var(--v32485c6f)}@media(max-width:480px){.work-style .box .container-default .bottom .item[data-v-83ebf3fd]:first-child:after{display:none}}.work-style .box .container-default .bottom .item[data-v-83ebf3fd]:last-child{justify-content:var(--c137e722)}.work-style .box .container-default .bottom .item[data-v-83ebf3fd]:last-child:before{background-color:var(--cf1950e4);content:"";height:calc(var(--c4c3f7f6)/2);position:absolute;right:0;top:calc(var(--c4c3f7f6)/4);width:var(--v32485c6f)}@media(max-width:480px){.work-style .box .container-default .bottom .item[data-v-83ebf3fd]:last-child:before{display:none}}.work-style .box .container-default .bottom .item .content[data-v-83ebf3fd]{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--e34d910a)}.work-style .box .container-default .bottom .item .content .number[data-v-83ebf3fd]{align-items:end;color:var(--v627e8c54);display:flex;font-weight:var(--v13c38914);justify-content:center}.work-style .box .container-default .bottom .item .content .number .last[data-v-83ebf3fd]{padding-bottom:var(--v780f7108)}.work-style .box .container-default .bottom .item .content .intro[data-v-83ebf3fd]{color:var(--f9363b7c);font-weight:var(--c07877b0)}@keyframes moveAndFade-83ebf3fd{25%{opacity:.3;transform:translate(var(--v08b79ef6))}50%{opacity:0;transform:translate(var(--v08b79e46))}75%{opacity:0;transform:translate(var(--v08b79dc0))}to{opacity:1;transform:unset}}