#profile-img[data-v-18fc1260]{width:120px;cursor:pointer}#profile-name[data-v-18fc1260]{font-size:1.4rem;font-weight:700}#nav-btn-row[data-v-18fc1260]{max-width:576px;margin:0 auto}@media (min-width:768px){.nav-btn[data-v-18fc1260]{min-width:160px}}[data-v-06936b76] .vel-modal{background:rgba(0,0,0,.7)!important}[data-v-06936b76] .vel-img-wrapper{transition:none!important}[data-v-06936b76] .vel-img-title{color:#fff!important;opacity:1!important;font-size:18px!important;padding:5px 10px}.lazy-image-wrapper[data-v-85d91340]{position:relative;overflow:hidden}.skeleton-loader[data-v-85d91340]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,.06) 25%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer-85d91340 2.5s infinite}@keyframes skeleton-shimmer-85d91340{0%{background-position:200% 0}to{background-position:-200% 0}}img[data-v-85d91340]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s}img.loaded[data-v-85d91340]{opacity:1}#blog-title[data-v-3fc1b9fe]{font-size:1.2rem;font-weight:700}#blog-img[data-v-3fc1b9fe]{cursor:pointer}.timeline[data-v-3fc1b9fe]{font-size:1rem}section[data-v-e976d4b8]{font-size:1rem;margin-bottom:1.4rem}.portfolio-type-btn[data-v-4e0a9be8]{border-radius:0;border-top:0;border-right:0;border-bottom:3px solid #fff;border-left:0;font-weight:600}.portfolio-type-btn[data-v-4e0a9be8]:hover{background-color:transparent;color:#8bd8f7;border-bottom:3px solid #5dadf2}.portfolio-type-btn.active[data-v-4e0a9be8],.portfolio-type-btn[data-v-4e0a9be8]:active{background-color:transparent!important;color:#8bd8f7!important;border-bottom:3px solid #5dadf2!important}.portfolio-type[data-v-4e0a9be8]{position:absolute;top:15px;right:30px}.portfolio-ifcase[data-v-4e0a9be8]{position:absolute;top:15px;left:30px}.portfolio-keywords[data-v-4e0a9be8]{margin-top:7px;overflow:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;font-size:90%}.portfolio-keywords[data-v-4e0a9be8]::-webkit-scrollbar{background:transparent;width:0;height:0}.portfolio-intro[data-v-4e0a9be8]{font-size:1.1425rem}.portfolio-name[data-v-4e0a9be8]{font-weight:500}#sort-by-date-btn[data-v-4e0a9be8]{width:100px;font-size:1rem;text-align:right;border-bottom:0;padding:0;margin-bottom:.2rem;font-weight:400}#sort-by-date-btn[data-v-4e0a9be8]:active,#sort-by-date-btn[data-v-4e0a9be8]:hover{color:#fff!important;background-color:transparent;border-bottom:0!important}.blog-theme-img[data-v-4e0a9be8],.poster-img[data-v-4e0a9be8],.web-img[data-v-4e0a9be8]{cursor:pointer}#portfolio-detail[data-v-0a3c80d6]{margin-top:5rem}.back-to-btn[data-v-0a3c80d6]{font-size:1rem;cursor:pointer}ul[data-v-0a3c80d6]{padding-left:1rem}li[data-v-0a3c80d6]{font-size:1rem}.block[data-v-8d5bb88e]{padding:10px 12px}.skill-title[data-v-8d5bb88e]{font-size:1.2rem;font-weight:700}.skill-stack[data-v-8d5bb88e]{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}html{background-color:#282c34}body:before{content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;z-index:-10;background:url(https://jhihsiyingweb.s3.us-east-1.amazonaws.com/Guand.me/my-wallpaper.jpg) no-repeat 50%;background-size:cover}body{font-family:Noto Sans TC,Heiti TC,PingFang TC,Microsoft JhengHei,Open Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#fff;opacity:0;background-color:transparent}body.loaded{transition:opacity .3s;opacity:1}a,a:hover{color:#fff}a:hover{text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.btn-outline-light.focus,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:none}.block{border:1px solid #fff;padding:.5rem;margin-bottom:1.5rem}.badge,.btn{font-weight:600}.badge{font-size:.875rem}.badge.clickable:hover{background-color:#5dadf2;cursor:pointer}