@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{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;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;padding:100px 32px;position:fixed;right:0;text-align:right;top:0;transition:transform .3s;width:300px}.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{background-color:#f5f6f9;font-family:Rubik,Noto Sans TC;margin:0}.button,body{color:var(--color1)}.button{background-color:var(--color2);border-radius:32px;display:inline-block;font-size:15px;font-weight:600;letter-spacing:.05em;line-height:1.2;margin:4px;padding:12px;text-decoration:none;transition-duration:.2s;width:120px}.button:hover{background-color:var(--color5)!important;color:#fff!important}footer a{color:var(--color3);font-size:12px;letter-spacing:.1em}.news{display:grid;gap:12px;grid-template-columns:1fr}.news article{background-color:#fff;border:1px solid var(--color2);border-radius:8px;padding:12px;transition-duration:.2s}.news article:hover{border-color:var(--color5);color:var(--color5)}@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}