[data-v-10186dc9]{transition:all .6s}.work-style[data-v-10186dc9]{margin:var(--v4ff47b70);padding:var(--v4c86fe8f)}@media(max-width:1200px){.work-style[data-v-10186dc9]{margin:var(--v6e0a1ee0);padding:var(--v1db46dc2)}}@media(max-width:480px){.work-style[data-v-10186dc9]{margin:var(--ca030d64);padding:var(--v62bcbc71)}}.work-style .container-default[data-v-10186dc9]{background-color:var(--adc9495a);border-radius:var(--v24c01820);display:flex;height:550px}@media(max-width:480px){.work-style .container-default[data-v-10186dc9]{display:flex;flex-direction:column}}.work-style .container-default .detailBox[data-v-10186dc9]{box-sizing:border-box;flex:.28}.work-style .container-default .detailBox .detail-content[data-v-10186dc9],.work-style .container-default .detailBox .detail-prompt[data-v-10186dc9]{display:flex;flex-direction:column;gap:var(--v25a454cb);height:100%;justify-content:center;margin:var(--v38ff8448);text-align:left}@media(max-width:480px){.work-style .container-default .detailBox .detail-content[data-v-10186dc9],.work-style .container-default .detailBox .detail-prompt[data-v-10186dc9]{gap:20px;margin:2px 18px 2px 22px}}.work-style .container-default .detailBox .detail-content .title[data-v-10186dc9],.work-style .container-default .detailBox .detail-prompt .title[data-v-10186dc9]{color:var(--v6251526e)}.work-style .container-default .detailBox .detail-content .desc[data-v-10186dc9],.work-style .container-default .detailBox .detail-prompt .desc[data-v-10186dc9]{color:var(--v1abf188a)}.work-style .container-default .domainBox[data-v-10186dc9]{display:flex;flex:.72;gap:var(--v3d72d026);margin:var(--v43a7fb44)}@media(max-width:480px){.work-style .container-default .domainBox[data-v-10186dc9]{display:flex;flex-direction:column}}.work-style .container-default .domainBox .item[data-v-10186dc9]{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--v24c01820);box-sizing:border-box;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:var(--b813ef66);height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}@media(max-width:480px){.work-style .container-default .domainBox .item[data-v-10186dc9]{background-position:50%;background-size:cover;flex-basis:50%;gap:5px;height:50vw;padding:1%}}.work-style .container-default .domainBox .item .icon-box[data-v-10186dc9]{opacity:0;z-index:10}.work-style .container-default .domainBox .item .icon-box .button[data-v-10186dc9]{background-color:var(--v2d6efdcc);border:var(--v59697823);border-radius:var(--c1462ad6);display:inline-flex;font-weight:var(--v6290a13a);min-width:-moz-fit-content;min-width:fit-content;padding:var(--c098920c);transition:var(--v46779dcc);white-space:nowrap}@media(max-width:480px){.work-style .container-default .domainBox .item .icon-box .button[data-v-10186dc9]{padding:6px 10px}}.work-style .container-default .domainBox .item .icon-box .button .btn[data-v-10186dc9]{color:var(--v411e2a91);font-size:var(--v4a83d6c3);text-align:center}.work-style .container-default .domainBox .item .subTitle[data-v-10186dc9]{color:var(--v486b2c22);font-weight:var(--v3c53584c);opacity:0;z-index:10}.work-style .container-default .domainBox .item[data-v-10186dc9]:hover{justify-items:start}.work-style .container-default .domainBox .item:hover .overlay[data-v-10186dc9]{background-color:var(--v2025c6e6);inset:0;opacity:1;position:absolute}.work-style .container-default .domainBox .item:hover .icon-box[data-v-10186dc9]{opacity:1;transform:translateY(var(--v28ff66db))}@media(max-width:480px){.work-style .container-default .domainBox .item:hover .icon-box[data-v-10186dc9]{transform:translateY(-5px)}}.work-style .container-default .domainBox .item:hover .subTitle[data-v-10186dc9]{opacity:1;transform:translateY(var(--v10e97794))}@media(max-width:480px){.work-style .container-default .domainBox .item:hover .subTitle[data-v-10186dc9]{transform:translateY(-5px)}}