@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(300%)}to{opacity:1;transform:translateY(0)}}.home-i-am{animation:slide-in-left 1s ease-in-out;animation-delay:.5s}.home-fullName{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3rem;font-weight:700;display:flex;justify-content:center;align-items:end;animation:slide-in-left 1s ease-in-out}.home-flag{width:auto;height:1.5rem}.home-photo{display:flex;justify-content:end;padding:15px;animation:slide-in-right 1s ease-in-out}.home-position{font-size:2rem;font-weight:700;text-align:right;animation:slide-in-right 1.5s ease-in-out}.home-keywords{max-width:500px;margin:10px auto;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem .5rem;list-style:none;text-align:start}.home-keywords li{border:.5px solid darkgrey;color:#a9a9a9;padding:.3rem .5rem;border-radius:25px}.home-keywords li:hover{border:.5px solid white;color:#fff}.home-peer-review{padding-top:2rem;font-size:1.3rem;display:flex;gap:1rem;justify-content:center;animation:slide-in-bottom 1.8s ease-in-out}.home-peer-review-icon{font-size:1.3rem}@media (min-width: 600px){.home{text-align:center}.home-photo{justify-content:center}.home-position{text-align:center}}.about hr{height:6px;border:0;background:linear-gradient(to right,#8b61c2,#0f0719)}.about-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:700}.about-intro,.about-reason{padding:15px;font-size:1.3rem;line-height:2rem}.about-intro-list,.about-reason-list{list-style-type:disc;padding-left:2rem;padding-top:2rem}.about-reason-title{font-size:1.5rem}.about .lang-button{background:transparent;border:0;color:#fff;padding:5px;cursor:pointer}.about .lang-button:hover{text-decoration:underline}.about .english{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.about .chinese{font-family:Noto Sans TC,serif}.journey .ant-timeline-item-tail{border:.5px solid #ccc}.journey-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:700}.journey hr{height:6px;border:0;background:linear-gradient(to right,#8b61c2,#0f0719)}.journey-timeline{padding:15px;width:700px;margin:0 auto}.journey-timeline-github,.journey-timeline-site{display:inline-block;color:#fff}.journey-timeline-github :link,.journey-timeline-site :link{color:#fff;text-decoration:underline}.journey-timeline-github :hover,.journey-timeline-site :hover{text-decoration:none}.journey-timeline-github :visited,.journey-timeline-site :visited{color:#fff}.journey-timeline-icon{width:1.5rem;height:1.5rem}.journey-timeline-startTime{color:#fff;padding-bottom:1rem}.journey-timeline-certificate{font-size:1.3rem;color:#fff}.journey-timeline-course{width:500px;color:#fff;border:.5px solid #FFFFFF;border-radius:12px;padding:1rem;background:#1e1e2f;margin-bottom:.5rem}.journey-timeline-course-header{display:flex;justify-content:center;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.journey-timeline .ant-timeline-label{color:#fff}.journey-timeline .ant-timeline-item-head{background:transparent}.journey-timeline hr{height:2px}.projects-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:700}.projects-title-sub{font-size:1rem;display:flex;flex-wrap:wrap}.projects-title-sub-name{border-right:1px solid white;padding:0 5px}.projects-title-sub-name:last-child{border-right:none}.projects hr{height:6px;border:0;background:linear-gradient(to right,#8b61c2,#0f0719)}.projects .lang-button{background:transparent;border:0;color:#fff;padding:5px;cursor:pointer}.projects .lang-button:hover{text-decoration:underline}.projects .english{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.projects .chinese{font-family:Noto Sans TC,serif}.projects-work-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;font-weight:700;padding:15px;display:inline-block}.projects-work-meta{display:block}.projects-work-link a{text-decoration:none;padding:0 5px}.projects-work-skills{font-size:1.3rem}.projects-work-skills-icon{margin:0 5px}@media (min-width: 600px){.projects-work-meta{display:flex;justify-content:"flex-start";align-items:center;flex-wrap:wrap;gap:5px;padding-left:15px}.projects-work-link,.projects-work-skills{display:inline-block}}.projects-work-container{display:flex;flex-direction:column}.projects-work-photo{width:337px;margin:0 auto}@media (min-width: 600px){.projects-work-container{display:flex;flex-direction:row}}.projects-work-photo{display:flex;justify-content:center;align-items:flex-start}.projects-work-photo img{max-width:460px;min-width:300px;height:auto}.projects-work-overview{padding:15px;font-size:1.3rem;line-height:2rem}.projects-work-techStack{line-height:2rem;font-size:1.3rem;padding:15px}.projects-work hr{height:2px}.projects .back-to-top{position:fixed;bottom:50px;right:30px;z-index:10;background-color:#8b61c2;padding:10px;border-radius:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;opacity:80%}.projects .back-to-top-link,.projects .back-to-top-link:hover,.projects .back-to-top-visited,.projects .back-to-top-active{color:#fff}#top{position:relative}.peer{display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px;margin:16px auto}.peer-card{display:flex;flex-direction:row;gap:16px;border:1px solid #8b61c2;border-radius:20px}.peer-card-img{width:100px;display:flex;justify-content:center;align-items:center;background-color:#8b61c2;border-top-left-radius:20px;border-bottom-left-radius:20px}.peer-card-img-icon{font-size:6rem}.peer-card-review{font-size:1.3rem;line-height:2rem;flex-grow:1}body{background-color:#0f0719;color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}body .link{color:#fff;text-decoration:none}body .link:hover{text-decoration:underline;font-size:1.1em}.layout{display:flex;flex-direction:column;min-width:100%;min-height:100vh}.layout-header{width:100%;display:flex;background-color:#8b61c2}.layout-header-logo{background-color:#fff}.layout-header-logo .logo-image{width:auto;height:4rem;padding:15px}.layout-header-nav{flex-grow:1;padding:5px;font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;align-self:center}.layout-header-nav-list{list-style:none;display:flex;flex-direction:row;justify-content:space-around;gap:10px}.layout-main{flex-grow:1;width:90%;margin:15px auto}.layout-footer{height:3rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#0f0719,#8b61c2,#8b61c2)}.layout-footer-icons{display:flex;flex-direction:row;gap:5px;font-size:2rem;margin-right:15px}.layout-footer-icons .social-icon{color:#fff}.layout-footer-icons .social-icon:link,.layout-footer-icons .social-icon:visited,.layout-footer-icons .social-icon:hover,.layout-footer-icons .social-icon:active{color:#fff;text-decoration:none}