.work-style[data-v-e58b9224]{background-color:var(--0832b3e8);margin:var(--189c373b)}@media (max-width:1200px){.work-style[data-v-e58b9224]{margin:var(--9c350faa);padding:var(--28b59934)}}@media (max-width:480px){.work-style[data-v-e58b9224]{margin:var(--7be5a959);padding:var(--c288e474)}}.work-style .box[data-v-e58b9224]{background-repeat:no-repeat;background-size:cover;box-sizing:border-box;padding:var(--ce5287b8)}.work-style .box .container-default[data-v-e58b9224]{align-items:center;display:flex;flex-direction:column;height:100%}.work-style .box .container-default .title-box .big-title[data-v-e58b9224]{color:var(--13140446);font-weight:var(--eaaa9d26);letter-spacing:var(--7a9235b7);margin-bottom:var(--64bf3482);text-align:var(--77112981);text-shadow:var(--24218273)}.work-style .box .container-default .title-box .small-title[data-v-e58b9224]{color:var(--3ca7ace3);font-weight:var(--256b7627);letter-spacing:var(--413f7ebd);margin-bottom:var(--897a380e);text-align:var(--11d1ee3b);text-shadow:var(--823b71a6)}.work-style .box .container-default .top[data-v-e58b9224]{display:grid;gap:var(--02cdbbda);grid-template-areas:"img text";grid-template-columns:var(--6ea947af) calc(100% - var(--6ea947af))}@media (max-width:480px){.work-style .box .container-default .top[data-v-e58b9224]{display:flex;flex-direction:column;width:100%}}.work-style .box .container-default .top .left[data-v-e58b9224]{height:var(--fc3ddaf6);margin-left:var(--04063c40);overflow:hidden;position:relative}@media (max-width:480px){.work-style .box .container-default .top .left[data-v-e58b9224]{height:auto}}.work-style .box .container-default .top .left[data-v-e58b9224] .swiper-pagination-bullet{height:var(--1919b292);width:var(--b2649a0a)}.work-style .box .container-default .top .left .swiper-box[data-v-e58b9224]{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-e58b9224]{position:unset}}.work-style .box .container-default .top .left .swiper-box .img-box[data-v-e58b9224]{aspect-ratio:var(--bdfe2816);background-color:var(--2c05c831);border-radius:var(--dd53fb7a);cursor:pointer;height:var(--fc3ddaf6);overflow:hidden}@media (max-width:480px){.work-style .box .container-default .top .left .swiper-box .img-box[data-v-e58b9224]{height:270px}}.work-style .box .container-default .top .left .swiper-box .img-box img[data-v-e58b9224]{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-e58b9224]:hover{transform:scale(1.1)}.work-style .box .container-default .top .left .swiper-box .img-box video[data-v-e58b9224]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.work-style .box .container-default .top .right[data-v-e58b9224]{box-sizing:border-box;grid-area:var(--d72ebf6e);padding:var(--7eba0ff7)}.work-style .box .container-default .top .right .text-area[data-v-e58b9224]{display:flex;flex-direction:column;max-height:var(--24ba0bde);min-height:var(--1bae107f);overflow-y:auto}.work-style .box .container-default .top .right .text-area[data-v-e58b9224]::-webkit-scrollbar{width:var(--c87d86cc)}.work-style .box .container-default .top .right .text-area[data-v-e58b9224]::-webkit-scrollbar-thumb{background-color:var(--11b43d9a);border-radius:var(--59258f84)}.work-style .box .container-default .top .right .text-area[data-v-e58b9224]::-webkit-scrollbar-track{background-color:var(--bef44522)}.work-style .box .container-default .top .right .text-area .text-title-box[data-v-e58b9224]{align-items:center;display:flex;gap:var(--6447c32e);margin-bottom:var(--6285d746)}@media (max-width:480px){.work-style .box .container-default .top .right .text-area .text-title-box[data-v-e58b9224]{margin-bottom:10px}}.work-style .box .container-default .top .right .text-area .text-title-box .text-title[data-v-e58b9224]{color:var(--34aca376);font-weight:var(--29bd0205)}.work-style .box .container-default .top .right .text-area .text-title-box .text-title-suffix[data-v-e58b9224]{color:var(--45650018);font-weight:var(--4f73e5b6)}.work-style .box .container-default .top .right .text-area .article[data-v-e58b9224]{color:var(--b6607032);font-weight:var(--a020c4ba);letter-spacing:var(--eba3547e);line-height:var(--8610ff92);text-indent:var(--38abe635);white-space:pre-wrap}.work-style .box .container-default .top .right .text-area .article+.article[data-v-e58b9224]{margin-top:var(--1bcb196a)}.work-style .box .container-default .top .right .button[data-v-e58b9224]{align-items:center;background-color:var(--d07094b8);border:1px solid var(--508bf31d);border-radius:var(--59bbc44c);color:var(--6d72f869);display:flex;font-weight:var(--c8bf233e);gap:var(--51a96352);justify-content:center;margin-top:var(--5ccd92cd);overflow:hidden;padding:var(--73eddb97);width:-moz-max-content;width:max-content}@media (max-width:480px){.work-style .box .container-default .top .right .button[data-v-e58b9224]{margin-top:20px}}.work-style .box .container-default .top .right .button[data-v-e58b9224]:hover{background-color:var(--2016d63c);border:1px solid var(--36adf096);color:var(--4fc15f01)}.work-style .box .container-default .top .right .button:hover .iconfont[data-v-e58b9224]{animation:moveAndFade-e58b9224 1s ease-out forwards}.work-style .box .container-default .top .right .button .iconfont[data-v-e58b9224]{font-weight:var(--656bad82);padding-top:var(--d2dd1d42)}.work-style .box .container-default .bottom[data-v-e58b9224]{align-items:center;display:flex;gap:var(--125be5a6);margin-top:var(--2dad16ea);width:100%}@media (max-width:480px){.work-style .box .container-default .bottom[data-v-e58b9224]{align-items:center;display:flex;flex-direction:column;gap:20px}}.work-style .box .container-default .bottom .item[data-v-e58b9224]{align-items:center;background-color:var(--107c84ee);box-sizing:border-box;display:flex;flex:1;flex-shrink:0;height:var(--76150857);justify-content:center;padding:var(--26baaa3e);position:relative;text-align:center}@media (max-width:480px){.work-style .box .container-default .bottom .item[data-v-e58b9224]{aspect-ratio:5/4;border-bottom:1px solid var(--679ae3fa);height:auto}}.work-style .box .container-default .bottom .item[data-v-e58b9224]:after{background-color:var(--679ae3fa);border-radius:1px;content:"";height:calc(var(--76150857)/2);left:0;position:absolute;top:calc(var(--76150857)/4);width:var(--68b1e25d)}@media (max-width:480px){.work-style .box .container-default .bottom .item[data-v-e58b9224]:after{display:none}}.work-style .box .container-default .bottom .item[data-v-e58b9224]:first-child{justify-content:var(--66962d66)}.work-style .box .container-default .bottom .item[data-v-e58b9224]:first-child:after{background-color:var(--62464508);content:"";height:calc(var(--76150857)/2);margin-right:50px;position:absolute;right:0;top:calc(var(--76150857)/4);width:var(--68b1e25d)}@media (max-width:480px){.work-style .box .container-default .bottom .item[data-v-e58b9224]:first-child:after{display:none}}.work-style .box .container-default .bottom .item[data-v-e58b9224]:last-child{justify-content:var(--2d2c1cdd)}.work-style .box .container-default .bottom .item[data-v-e58b9224]:last-child:before{background-color:var(--62464508);content:"";height:calc(var(--76150857)/2);position:absolute;right:0;top:calc(var(--76150857)/4);width:var(--68b1e25d)}@media (max-width:480px){.work-style .box .container-default .bottom .item[data-v-e58b9224]:last-child:before{display:none}}.work-style .box .container-default .bottom .item .content[data-v-e58b9224]{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--df9c7a66)}.work-style .box .container-default .bottom .item .content .number[data-v-e58b9224]{align-items:end;color:var(--b19083b0);display:flex;font-weight:var(--4cfc6802);justify-content:center}.work-style .box .container-default .bottom .item .content .number .last[data-v-e58b9224]{padding-bottom:var(--97d5c414)}.work-style .box .container-default .bottom .item .content .intro[data-v-e58b9224]{color:var(--5bdbe694);font-weight:var(--4e06b9d4)}@keyframes moveAndFade-e58b9224{25%{opacity:.3;transform:translate(var(--4bad49d7))}50%{opacity:0;transform:translate(var(--4bad4a2f))}75%{opacity:0;transform:translate(var(--4bad4a72))}to{opacity:1;transform:unset}}