.work-style[data-v-30685407]{background-color:var(--cba40750);margin:var(--c82e9e6a);padding:var(--v7f197494)}@media(max-width:1200px){.work-style[data-v-30685407]{margin:var(--v790d39bb);padding:var(--v468609a4)}}@media(max-width:480px){.work-style[data-v-30685407]{margin:var(--ab9ee22e);padding:var(--v39cd5a36)}}.mode-trophy .grid-box[data-v-30685407]{display:grid;gap:var(--v4f6cfe4e);grid-template-columns:repeat(var(--v164a49e0),1fr);justify-content:center}@media(max-width:480px){.mode-trophy .grid-box[data-v-30685407]{grid-template-columns:repeat(var(--v43567928),1fr)}}.mode-trophy .grid-box .list[data-v-30685407]{display:flex;flex-direction:column;height:var(--v9fe7d7fc);justify-content:end}.mode-trophy .grid-box .list:hover .slide img[data-v-30685407]{transform:scale(1.05)}.mode-trophy .grid-box .list .slide[data-v-30685407]{border:1px solid #ccc;margin:0 auto;max-height:70%;max-width:70%;overflow:hidden;z-index:1}.mode-trophy .grid-box .list .slide img[data-v-30685407]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .6s;width:100%}.mode-trophy .grid-box .list .trapezium[data-v-30685407]{background-color:var(--a922358e);height:var(--abc5bb7a);margin-top:var(--v9b1e5f9a);overflow:hidden;position:relative;width:100%}.mode-trophy .grid-box .list .trapezium[data-v-30685407]:before{left:0;top:0;transform:skewY(-20deg);transform-origin:top left}.mode-trophy .grid-box .list .trapezium[data-v-30685407]:after,.mode-trophy .grid-box .list .trapezium[data-v-30685407]:before{background-color:var(--d172d0f0);content:"";height:100%;position:absolute;width:100%}.mode-trophy .grid-box .list .trapezium[data-v-30685407]:after{bottom:0;right:0;transform:skewY(20deg);transform-origin:bottom right}.mode-trophy .grid-box .list .graphics[data-v-30685407]{background-color:var(--v7366b59f);height:var(--c757b1c6);margin-top:var(--b6b055e6);width:100%}.mode-trophy .grid-box .list .cont[data-v-30685407]{color:var(--c28626d8);font-weight:var(--v77cf5d16);margin-top:var(--v492e2806);text-align:center}.title-box[data-v-30685407]{align-items:var(--v3a98ec7b);display:flex;flex-direction:column;width:100%;z-index:1}.title-box .big-title-box[data-v-30685407]{align-items:var(--v9d9a0e66);display:flex;letter-spacing:var(--v33e0dfc7);margin-bottom:var(--cc678ca2);text-align:var(--v4ac2c962);text-shadow:var(--v2c119263);white-space:pre-line}@media(max-width:480px){.title-box .big-title-box[data-v-30685407]{margin-bottom:10px}}.title-box .big-title-box .big-title[data-v-30685407]{color:var(--v5b7851bc);font-weight:var(--v6f4a4970)}.title-box .big-title-box .big-title-suffix[data-v-30685407]{color:var(--v126acf11);font-weight:var(--v7666fe8e)}.title-box .small-title[data-v-30685407]{color:var(--v83c31e5a);font-weight:var(--v7841a837);letter-spacing:var(--v0d6b52ad);margin-bottom:var(--v9d565bee);text-align:var(--v00d2c170);text-shadow:var(--v11b8793d);white-space:pre-line}@media(max-width:480px){.title-box .small-title[data-v-30685407]{margin-bottom:10px}}.category-box[data-v-30685407]{align-items:center;border-bottom:1px solid var(--abce296a);display:flex;gap:var(--a36b3796);justify-content:var(--v2d23c90a);margin-bottom:var(--v6e8a5351)}@media(max-width:480px){.category-box[data-v-30685407]{flex-wrap:wrap;gap:20px}}.category-box .category-item[data-v-30685407]{background-color:var(--v7db4eea1);border-radius:var(--v41dc058a);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:var(--v59db1494)}.category-box .category-item.active[data-v-30685407],.category-box .category-item[data-v-30685407]:hover{background-color:var(--v1fc36ac2)}.category-box .category-item.active .name[data-v-30685407],.category-box .category-item:hover .name[data-v-30685407]{color:var(--v3510d9b1)}.category-box .category-item.active .underline[data-v-30685407],.category-box .category-item:hover .underline[data-v-30685407]{width:100%}.category-box .category-item .name[data-v-30685407]{color:var(--v26b57ef9);font-weight:var(--v0a88fc5e)}.category-box .category-item .underline[data-v-30685407]{background-color:var(--df3a218a);height:var(--v0aab71ae);transition:all .5s;width:0}.mode-frame[data-v-30685407]{width:100%}.mode-frame .content-box[data-v-30685407]{display:flex;flex-wrap:wrap;gap:var(--eece214c);justify-content:center;width:100%}@media(max-width:480px){.mode-frame .content-box[data-v-30685407]{display:grid;gap:var(--eece214c);grid-template-columns:repeat(2,1fr)}}.mode-frame .content-box .content-item[data-v-30685407]{align-items:center;display:flex;flex-direction:column;gap:30px;margin-bottom:calc(var(--eece214c) + 40px);max-width:350px;width:calc(var(--c7f54858) - var(--v7803b922))}@media(max-width:480px){.mode-frame .content-box .content-item[data-v-30685407]{margin-bottom:10px;width:100%}}.mode-frame .content-box .content-item:hover .video-box video[data-v-30685407]{display:block}.mode-frame .content-box .content-item:hover .video-box img[data-v-30685407]{filter:blur(3px)}.mode-frame .content-box .content-item:hover .video-box .play-btn[data-v-30685407]{display:none}.mode-frame .content-box .content-item:hover .img-box .inner-image img[data-v-30685407]{transform:scale(1.05)}.mode-frame .content-swiper-box .swiper .swiper-slide:hover .video-box video[data-v-30685407]{display:block}.mode-frame .content-swiper-box .swiper .swiper-slide:hover .video-box img[data-v-30685407]{filter:blur(3px)}.mode-frame .content-swiper-box .swiper .swiper-slide:hover .video-box .play-btn[data-v-30685407]{display:none}.mode-frame .content-swiper-box .swiper .swiper-slide:hover .img-box .inner-image img[data-v-30685407]{transform:scale(1.05)}.mode-frame .content-swiper-box .swiper-scrollbar[data-v-30685407]{background-color:var(--b5a90590);border-radius:var(--v1d4cc85b);height:var(--dace8138);margin:var(--v8142ed2c) auto 0;position:relative;width:var(--ec9e782e)}.mode-frame .content-swiper-box .swiper-scrollbar[data-v-30685407] .swiper-scrollbar-drag{background-color:var(--e0dee038);border-radius:var(--v86b6d5a2);cursor:pointer;height:var(--v4fafbb38);top:var(--v02a438e4);width:var(--v2abe04d6)}.mode-frame .content-swiper-box .pagination-box[data-v-30685407]{display:flex;justify-content:center;padding:5px 0 0;width:100%}.mode-frame .content-swiper-box .pagination-box .swiper-pagination[data-v-30685407]{position:unset}.mode-frame .content-swiper-box .pagination-box .swiper-pagination[data-v-30685407] .swiper-pagination-bullet{background-color:var(--v663d6310);border-radius:var(--v438a7f1b);height:var(--v67d2f3b8);transition:all .6s;width:var(--v59ff2529)}.mode-frame .content-swiper-box .pagination-box .swiper-pagination[data-v-30685407] .swiper-pagination-bullet-active{background-color:var(--v02afd5a4);width:var(--v7ad18593)}.mode-frame .video-box[data-v-30685407]{border:1px solid #ccc;border-radius:10px;overflow:hidden;position:relative;width:100%}.mode-frame .video-box video[data-v-30685407]{display:none;height:100%;inset:0;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%;z-index:2}.mode-frame .video-box img[data-v-30685407]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mode-frame .video-box .play-btn[data-v-30685407]{align-items:center;background-color:var(--d3f313a8);border-radius:var(--v1fded2c4);bottom:var(--v055e005d);color:var(--v100f8a1e);display:flex;height:var(--v0f08f759);justify-content:center;position:absolute;right:var(--v0e6e64ac);width:var(--v0de18d58);z-index:1}.mode-frame .img-box[data-v-30685407]{border:1px solid var(--v0adf9a0e);border-radius:var(--v1e0e0af0);box-sizing:border-box;overflow:hidden;position:relative;width:100%}.mode-frame .img-box .border-image[data-v-30685407]{inset:0;pointer-events:none;position:absolute;z-index:2}.mode-frame .img-box .border-image img[data-v-30685407]{height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.mode-frame .img-box .inner-image[data-v-30685407]{height:100%;overflow:hidden;width:100%}.mode-frame .img-box .inner-image img[data-v-30685407]{height:100%;-o-object-fit:var(--v1cb88192);object-fit:var(--v1cb88192);transition:all .5s;width:100%}.mode-frame .img-box .text-box-image[data-v-30685407]{align-items:center;background-color:var(--v8dcb25c6);border-radius:0 0 var(--v1e0e0af0) var(--v1e0e0af0);bottom:0;color:var(--v47cd3f9a);display:flex;font-weight:var(--v74755848);height:var(--v68166bde);justify-content:center;position:absolute;width:100%}.mode-frame .text-box-bottom[data-v-30685407]{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin-top:var(--v854638c6);padding:var(--v52bb2067)}.mode-frame .text-box-bottom .name[data-v-30685407]{color:var(--v728a70b7);display:-webkit-box;font-weight:var(--v74755848);-webkit-line-clamp:var(--v10c66312);line-height:var(--fd058a48);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:var(--a20b8a04);width:100%;-webkit-box-orient:vertical}.pagination[data-v-30685407]{align-items:center;display:flex;justify-content:center;margin-top:var(--v44430bb3);width:100%}@media(max-width:480px){.pagination[data-v-30685407]{flex-wrap:wrap;margin-top:25px}}.pagination[data-v-30685407] .el-pagination .el-pager li{background-color:var(--v2265367e);border:none;border-radius:var(--v0dbb951c);color:var(--v3aa4d44f)}@media(max-width:480px){.pagination[data-v-30685407] .el-pagination .el-pager li{font-size:10px;text-align:center}}.pagination[data-v-30685407] .el-pagination .el-pager li.is-active{background-color:var(--v2f202b8d);color:var(--v45a12bca);font-weight:400}.pagination[data-v-30685407] .btn-next,.pagination[data-v-30685407] .btn-prev{border-radius:var(--v0dbb951c)}