@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";nav{background-color:var(--color2);box-sizing:border-box;padding:12px 24px;position:fixed;top:0;width:100%;z-index:10}.menu-button{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:flex-end;position:absolute;right:0;top:0}.menu-icon-left,.menu-icon-right{transition:transform .3s}.menu-button:hover .menu-icon-left{transform:translate(2px)}.menu-button:hover .menu-icon-right{transform:translate(-2px)}.menu-text-long{display:block}.menu-text-short{display:none}.menu-solid{background-color:var(--color1);height:100%;left:0;opacity:.8;position:fixed;top:0;transition:opacity .3s;width:100%}nav[data-open=false] .menu-solid{opacity:0;pointer-events:none}.menu-panel{background-color:#fff;display:flex;flex-direction:column;gap:20px;height:100%;padding:120px 32px;position:fixed;right:0;text-align:right;top:0;transition:transform .3s;width:240px}.menu-panel .router-link-active{color:var(--color1)}nav[data-open=false] .menu-panel{transform:translate(100%)}.menu-panel>a{color:var(--color3);font-size:24px;font-weight:600;text-decoration:none;transition-duration:.2s}.menu-panel .social-links>a:hover,.menu-panel>a:hover{color:var(--color5)}.menu-panel .social-links{display:flex;flex-direction:column;gap:12px;margin-top:30px}.menu-panel .social-links>a{color:var(--color3);font-size:12px;text-decoration:none;transition-duration:.2s}@media(max-width:800px){.menu-text-long{display:none}.menu-text-short{display:block}.menu-button{width:100px}}:root{--color1:#546375;--color2:#e4e9f2;--color3:#93aac1;--color4:#2cc2ff;--color5:#ff9100}body{font-family:Rubik,Noto Sans TC;margin:0}.button,body{color:var(--color1)}.button{background-color:var(--color2);border-radius:8px;display:inline-block;font-size:15px;font-weight:600;letter-spacing:.05em;margin:4px;padding:12px;text-decoration:none;width:120px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from,.page-leave-to{opacity:0}
