@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap);.my-photo[data-v-4662f1f8]{width:100%;margin:20px 0 50px 0}.chinese-name[data-v-4662f1f8]{font-size:16px;line-height:19px;font-weight:600;letter-spacing:.5px;margin-bottom:3px}.english-name[data-v-4662f1f8]{font-size:12px;line-height:15px;font-weight:300;letter-spacing:.5px;margin-bottom:8px}.profession[data-v-4662f1f8]{font-size:14px;line-height:18px;font-weight:300;letter-spacing:.5px;margin-bottom:20px}.introduction>p[data-v-4662f1f8]{font-size:14px;line-height:22px;font-weight:300;letter-spacing:.5px;margin-bottom:22px;color:#6b6b6b;width:100%}.experiences[data-v-4662f1f8]{margin-top:50px;padding-bottom:35px}.experiences[data-v-4662f1f8]:before{content:"";display:block;width:3px;height:calc(100% - 70px);background:#6b6b6b;position:absolute;margin:auto;top:6px;left:42px}.experience-list[data-v-4662f1f8]{margin-bottom:50px}.experience-list[data-v-4662f1f8]:before{content:"";display:block;width:7px;height:7px;background:#6b6b6b;position:absolute;margin:auto;top:6px;left:40px}.experience-list[data-v-4662f1f8]:last-child:before{display:none}.experience-list[data-v-4662f1f8]:last-child{position:absolute;margin:auto;bottom:0;left:42px}.date[data-v-4662f1f8],.sort[data-v-4662f1f8]{font-size:12px;line-height:15px;font-weight:300;letter-spacing:.5px;color:#6b6b6b}.sort[data-v-4662f1f8]{margin-right:50px}.date[data-v-4662f1f8]{margin-right:22px}.job[data-v-4662f1f8]{font-size:14px;line-height:18px;font-weight:300;letter-spacing:.5px}.programming-skill-list[data-v-4662f1f8]{font-size:14px;line-height:22px;font-weight:300;letter-spacing:.5px;margin:20px 0;color:#6b6b6b;padding-left:12px}.programming-skill-list[data-v-4662f1f8]:before{content:"";display:block;position:absolute;left:0;top:9px;width:4px;height:4px;background:#6b6b6b}.programming-skill-list[data-v-4662f1f8]:first-child{margin:40px 0 20px 0}.design-skills[data-v-4662f1f8]{padding-bottom:35px;margin-top:60px}.design-skills ul[data-v-4662f1f8]{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap}.design-skill-list[data-v-4662f1f8]{margin-right:45px;margin-bottom:45px;width:80px}.skill-name[data-v-4662f1f8]{font-size:14px;line-height:18px;font-weight:300;letter-spacing:.5px;display:block;text-align:center}.level[data-v-4662f1f8]{width:100%;height:80px;margin-bottom:15px;border-radius:50%;background:hsla(0,0%,42%,.3);overflow:hidden}.level[data-v-4662f1f8]:before{content:"";display:block;width:50px;height:50px;border-radius:50%;background:#ececec;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;z-index:1;transition:background .6s cubic-bezier(.61,1,.88,1)}.orange_background .level[data-v-4662f1f8]:before{background:#d19675}.line[data-v-4662f1f8]{width:40px;height:80px;position:absolute;right:0}.after[data-v-4662f1f8],.before[data-v-4662f1f8]{width:40px;height:80px;transform-origin:0 40px;background:#707070;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0}@media screen and (max-width:768px){.my-photo[data-v-4662f1f8]{margin:10px 0 20px 0}.chinese-name[data-v-4662f1f8]{font-size:12px;line-height:15px;font-weight:600;letter-spacing:.5px;margin-bottom:2px}.english-name[data-v-4662f1f8]{margin-bottom:4px}.english-name[data-v-4662f1f8],.profession[data-v-4662f1f8]{font-size:12px;line-height:15px;font-weight:300;letter-spacing:.5px}.profession[data-v-4662f1f8]{margin-bottom:10px}.introduction>p[data-v-4662f1f8]{font-size:12px;line-height:20px;font-weight:300;letter-spacing:.5px;margin-bottom:12px;color:#6b6b6b;width:100%}.experiences[data-v-4662f1f8]{margin-top:30px;padding-bottom:35px}.experiences[data-v-4662f1f8]:before{left:32px}.experience-list[data-v-4662f1f8]{margin-bottom:30px}.experience-list[data-v-4662f1f8]:before{left:30px}.experience-list[data-v-4662f1f8]:last-child{left:32px}.date[data-v-4662f1f8],.sort[data-v-4662f1f8]{font-size:10px;line-height:13px;font-weight:300;letter-spacing:.5px}.sort[data-v-4662f1f8]{margin-right:25px}.date[data-v-4662f1f8]{margin-right:5px}.job[data-v-4662f1f8]{font-size:12px;line-height:14px;font-weight:300;letter-spacing:.5px;position:absolute;display:block;left:45px;padding-top:3px}.programming-skill-list[data-v-4662f1f8]{font-size:12px;line-height:16px;font-weight:300;letter-spacing:.5px;margin:15px 0;padding-left:12px}.programming-skill-list[data-v-4662f1f8]:before{content:"";display:block;position:absolute;left:0;top:6px;width:4px;height:4px;background:#6b6b6b}.programming-skill-list[data-v-4662f1f8]:first-child{margin:30px 0 15px 0}.design-skills[data-v-4662f1f8]{padding-bottom:15px;margin-top:40px}.design-skills ul[data-v-4662f1f8]{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap}.design-skill-list[data-v-4662f1f8]{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:15px;margin-bottom:25px;width:70px}.skill-name[data-v-4662f1f8]{font-size:12px;line-height:14px;font-weight:300;letter-spacing:.5px;width:80px}.level[data-v-4662f1f8]{width:50px;height:50px;margin-bottom:15px;border-radius:50%;background:hsla(0,0%,42%,.3);overflow:hidden}.level[data-v-4662f1f8]:before{content:"";display:block;width:30px;height:30px;border-radius:50%;background:#ececec;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;z-index:1;transition:background .6s cubic-bezier(.61,1,.88,1)}.orange_background .level[data-v-4662f1f8]:before{background:#d19675}.line[data-v-4662f1f8]{width:25px;height:50px;position:absolute;right:0}.after[data-v-4662f1f8],.before[data-v-4662f1f8]{width:25px;height:50px;transform-origin:0 25px;background:#707070;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0}}#Footer[data-v-1553a508]{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.resume-menu[data-v-1553a508]{padding-bottom:95px}.resume-menu-link[data-v-1553a508]{font-size:16px;line-height:19px;font-weight:300;letter-spacing:.5px;text-transform:capitalize;margin:4px 0}.page-menu-link[data-v-1553a508]{font-size:6.25vw;line-height:7.6vw;font-weight:500;letter-spacing:.5px;display:inline-block}.page-menu-link[data-v-1553a508]:after{content:"";display:block;position:absolute;bottom:20%;width:100%;height:1px;background:#000}.all-right-reserved[data-v-1553a508]{position:absolute;bottom:15px;right:15px;font-size:12px;line-height:15px;font-weight:300;letter-spacing:.5px}@media screen and (max-width:1440px){#Footer[data-v-1553a508]{margin-left:6vw}}@media screen and (max-width:768px){#Footer[data-v-1553a508]{margin-top:100px;margin-left:10vw}.page-menu-link[data-v-1553a508]{font-size:48px;line-height:58px;font-weight:500;letter-spacing:.5px}.all-right-reserved[data-v-1553a508]{font-size:10px;line-height:12px;font-weight:300;letter-spacing:.5px;transform-origin:right bottom;transform:scale(.8);right:calc(-10vw + 15px);bottom:10px}.resume-menu[data-v-1553a508]{padding-bottom:25vh}.page-menu[data-v-1553a508]{position:absolute;bottom:65px}}#Logo[data-v-98b4b190]{margin-left:2vw}.logo[data-v-98b4b190]{width:24vw;height:10.8vw;margin-right:6vw;text-align:right;overflow:hidden}.Chloe[data-v-98b4b190],.Guo[data-v-98b4b190]{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;height:50%;padding:.25vw 1vw;margin:.25vw 0;border-right:1px solid transparent}.Chloe[data-v-98b4b190]{width:200%;height:50%;overflow:hidden}.Chloe svg[data-v-98b4b190]{width:22vw;height:100%}.Guo[data-v-98b4b190]{width:62%;height:50%;overflow:hidden}.Guo svg[data-v-98b4b190]{width:13.2vw;height:100%}.layout-enter-active .Chloe[data-v-98b4b190]{-webkit-animation:logo_hidden-data-v-98b4b190 1.2s,cursor-data-v-98b4b190 .4s linear 1.2s infinite,Chloe_typing-data-v-98b4b190 1.5s cubic-bezier(.5,.2,.1,1.14) 1.2s;animation:logo_hidden-data-v-98b4b190 1.2s,cursor-data-v-98b4b190 .4s linear 1.2s infinite,Chloe_typing-data-v-98b4b190 1.5s cubic-bezier(.5,.2,.1,1.14) 1.2s}.layout-enter-active .Guo[data-v-98b4b190]{-webkit-animation:logo_hidden-data-v-98b4b190 2.9s,cursor-data-v-98b4b190 .4s linear 2.9s infinite,Guo_typing-data-v-98b4b190 .9s cubic-bezier(.5,.2,.1,1.14) 2.9s;animation:logo_hidden-data-v-98b4b190 2.9s,cursor-data-v-98b4b190 .4s linear 2.9s infinite,Guo_typing-data-v-98b4b190 .9s cubic-bezier(.5,.2,.1,1.14) 2.9s}@-webkit-keyframes cursor-data-v-98b4b190{0%,50%{border-color:#000}51%,to{border-color:transparent}}@keyframes cursor-data-v-98b4b190{0%,50%{border-color:#000}51%,to{border-color:transparent}}@-webkit-keyframes Chloe_typing-data-v-98b4b190{0%{opacity:0;display:none;width:0}1%,20%{opacity:1;display:block;width:21%}21%,40%{width:40%}41%,60%{width:60%}61%,80%{width:82%}81%,99%{width:100%}to{width:120%}}@keyframes Chloe_typing-data-v-98b4b190{0%{opacity:0;display:none;width:0}1%,20%{opacity:1;display:block;width:21%}21%,40%{width:40%}41%,60%{width:60%}61%,80%{width:82%}81%,99%{width:100%}to{width:120%}}@-webkit-keyframes logo_hidden-data-v-98b4b190{0%,to{opacity:0;display:none}}@keyframes logo_hidden-data-v-98b4b190{0%,to{opacity:0;display:none}}@-webkit-keyframes Guo_typing-data-v-98b4b190{0%{display:none;width:0}1%,33%{opacity:1;display:block;width:21%}34%,66%{width:40%}67%,to{width:62%}}@keyframes Guo_typing-data-v-98b4b190{0%{display:none;width:0}1%,33%{opacity:1;display:block;width:21%}34%,66%{width:40%}67%,to{width:62%}}@media screen and (max-width:1440px){#Logo[data-v-98b4b190]{margin-left:.5vw}}@media screen and (max-width:768px){#Logo.logo_mobile_hide[data-v-98b4b190]{display:none}#Logo.logo_mobile_show[data-v-98b4b190]{margin-left:2vw}#Logo.logo_mobile_show .logo[data-v-98b4b190]{width:46vw;height:20.6vw;margin-right:6vw;text-align:right;overflow:hidden}#Logo.logo_mobile_show .Chloe[data-v-98b4b190],#Logo.logo_mobile_show .Guo[data-v-98b4b190]{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;height:50%;padding:.25vw 1vw;margin:.25vw 0;border-right:1px solid transparent}#Logo.logo_mobile_show .Chloe[data-v-98b4b190]{width:200%;height:50%;overflow:hidden}#Logo.logo_mobile_show .Chloe svg[data-v-98b4b190]{width:44vw;height:100%}#Logo.logo_mobile_show .Guo[data-v-98b4b190]{width:62%;height:50%;overflow:hidden}#Logo.logo_mobile_show .Guo svg[data-v-98b4b190]{width:26.4vw;height:100%}}.background[data-v-0f114993]{position:fixed;margin:auto;top:0;bottom:0;left:0;right:0;background-size:cover;background-position:50%;background-repeat:no-repeat;width:100vw;height:100vh;height:calc(var(--vh, 1vh)*100);opacity:0;pointer-events:auto;z-index:1;background-color:#ececec}.layout-leave-active .background[data-v-0f114993]{transition:opacity .6s cubic-bezier(.5,.2,.1,1.14) .8s;pointer-events:auto}.layout-leave-to .background[data-v-0f114993]{opacity:1}.background-color[data-v-28d85eec]{position:fixed;margin:auto;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;height:calc(var(--vh, 1vh)*100);transition:background .6s cubic-bezier(.61,1,.88,1);overflow-x:hidden;overflow-y:scroll}.background-color.orange_background[data-v-28d85eec]{background:#d19675}.logo[data-v-28d85eec]{padding:65px;margin:0;width:100vw;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);overflow-x:hidden;position:fixed;margin:auto;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:row;height:100vh;height:calc(var(--vh, 1vh)*100);margin-left:3vw;pointer-events:none;z-index:1}.resume[data-v-28d85eec]{position:absolute;top:1.5vw;left:65px}.resume-item[data-v-28d85eec]{transform-origin:left}.resume-list[data-v-28d85eec]{padding-top:60px}.resume-list[data-v-28d85eec]:first-child{padding-top:9.6vw}.resume-list[data-v-28d85eec]:nth-child(odd){width:46.8vw;padding-left:13vw}.resume-list[data-v-28d85eec]:nth-child(2n){width:calc(500px + 58.5vw);padding-left:58.5vw}.resume-list .content[data-v-28d85eec]:nth-child(2n){width:calc(500px + 45.5vw);padding-left:45.5vw}.main-title[data-v-28d85eec]{position:absolute;left:0;font-size:16px;line-height:19px;font-weight:600;letter-spacing:.5px;text-transform:capitalize;overflow:hidden}.number[data-v-28d85eec],.title[data-v-28d85eec]{font-size:16px;line-height:19px;font-weight:600;letter-spacing:.5px;margin-bottom:20px}.footer[data-v-28d85eec]{width:100vw}.layout-enter-active[data-v-28d85eec]{transition:opacity 4.3s cubic-bezier(.5,.2,.1,1.14)}.layout-enter-active .main-title[data-v-28d85eec]{transition:opacity 1.2s cubic-bezier(.5,.2,.1,1.14) .2s,text-indent .8s cubic-bezier(.5,.2,.1,1.14) .2s}.layout-enter-active .resume-item[data-v-28d85eec]{transition:transform .6s cubic-bezier(.5,.2,.1,1.14) .2s,opacity 1.2s cubic-bezier(.5,.2,.1,1.14) .2s,letter-spacing .8s cubic-bezier(.5,.2,.1,1.14) .2s}.layout-enter .main-title[data-v-28d85eec]{opacity:0;text-indent:-150px}.layout-enter .resume-item[data-v-28d85eec]{transform:translateX(20px) skewY(20deg);opacity:0;letter-spacing:3px}.layout-leave-active[data-v-28d85eec]{transition:opacity 1.5s cubic-bezier(.5,.2,.1,1.14)}.layout-leave-active .main-title[data-v-28d85eec]{transition:opacity .4s cubic-bezier(.5,.2,.1,1.14) .2s,text-indent .8s cubic-bezier(.5,.2,.1,1.14) .2s}.layout-leave-active .resume-item[data-v-28d85eec]{transition:transform .6s cubic-bezier(.5,.2,.1,1.14) .2s,opacity .4s cubic-bezier(.5,.2,.1,1.14) .2s,letter-spacing .8s cubic-bezier(.5,.2,.1,1.14) .2s}.layout-leave-to .main-title[data-v-28d85eec]{opacity:0;text-indent:-150px}.layout-leave-to .resume-item[data-v-28d85eec]{transform:translateX(20px) skewY(-20deg);opacity:0;letter-spacing:3px}@media screen and (max-width:1440px){.resume[data-v-28d85eec]{left:3vw}.resume-list[data-v-28d85eec]:first-child{padding-top:9.6vw}.resume-list[data-v-28d85eec]:nth-child(odd){width:48.5vw;padding-left:8vw}.resume-list[data-v-28d85eec]:nth-child(2n){width:calc(550px + 44.5vw);padding-left:44.5vw}.resume-list .content[data-v-28d85eec]:nth-child(2n){width:calc(550px + 36.5vw);padding-left:36.5vw}}@media screen and (max-width:1024px){.resume[data-v-28d85eec]{left:0;top:145px}.main-title[data-v-28d85eec]{opacity:0!important}.resume-list[data-v-28d85eec]{padding-top:60px}.resume-list[data-v-28d85eec]:first-child{padding-top:0}.resume-list[data-v-28d85eec]:nth-child(odd){width:60vw;padding-left:10vw}.resume-list[data-v-28d85eec]:nth-child(2n){width:90vw;padding-left:50vw}.resume-list .content[data-v-28d85eec]:nth-child(2n){width:90vw;padding-left:40vw;padding-top:60px}.number[data-v-28d85eec],.title[data-v-28d85eec]{font-size:12px;line-height:14px;font-weight:600;letter-spacing:.5px;margin-bottom:5px}}@media screen and (max-width:768px){.resume-list[data-v-28d85eec]:nth-child(odd){width:70vw}.footer[data-v-28d85eec]{width:auto}}@media screen and (max-width:428px){.resume[data-v-28d85eec]{left:0;top:115px}.resume-list[data-v-28d85eec]:nth-child(odd){width:80vw}.resume-list[data-v-28d85eec]:nth-child(2n){padding-left:20vw}.resume-list .content[data-v-28d85eec]:nth-child(2n){padding-left:10vw}}