@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&display=swap";.home-button{animation:home-button 1s steps(6) forwards;aspect-ratio:3;background-image:url(../home_button.png);background-position:0;background-size:cover;height:39px;image-rendering:pixelated}.home-button[data-ready=true]{animation:home-button2 1s steps(6) forwards}nav{align-items:center;background:#fff;border-bottom:1px solid var(--gray);box-sizing:border-box;display:flex;justify-content:flex-end;padding:0;position:fixed;top:0;width:100%;z-index:1}nav .toggle{cursor:pointer;display:none;position:relative}nav .pages{align-items:center;display:flex;gap:18px 60px;padding:0 60px;right:18px}.toggle,nav a{color:#000;display:inline-block;font:500 12px Montserrat,Noto Sans TC;letter-spacing:1px;text-decoration:none;transition:opacity .3s,transform .3s}nav .pages a:active{transform:scale(.9)}nav a[data-active=true]{opacity:.2}nav .close,nav .name{display:none}@media (max-width:800px){nav a{font:500 15px Montserrat,Noto Sans TC}nav .toggle{display:inline-flex;flex-direction:column;gap:6px;margin:0 24px}nav .toggle:after,nav .toggle:before{background:#000;border-radius:1px;content:"";display:block;height:2px;transition:transform .3s;width:18px}nav .close,nav .name{display:block}nav .pages{align-items:flex-end;background:#fff;border-bottom:1px solid var(--gray);box-sizing:border-box;flex-direction:column;opacity:0;padding:72px 24px 24px;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-20px);transition:opacity .3s,transform .3s;width:100vw;z-index:-1}nav[data-toggled=true] .pages{opacity:1;pointer-events:all;transform:translateY(0)}nav[data-toggled=true] .toggle:before{transform:translateY(4px) rotate(45deg)}nav[data-toggled=true] .toggle:after{transform:translateY(-4px) rotate(-45deg)}}@keyframes home-button{0%{background-position:0}to{background-position:100%}}@keyframes home-button2{0%{background-position:100%}to{background-position:0}}#mouse-effect{height:100lvh;pointer-events:none;position:fixed;top:0;width:100lvw;z-index:2}[data-hide]{transition:opacity .5s,transform .9s cubic-bezier(0,.7,.5,1)}[data-hide=true]{opacity:0;transform:translateY(60px) scale(.95)}#splash-screen{align-items:center;background:#fff;display:flex;flex-direction:column;gap:21px;height:100%;justify-content:center;position:fixed;top:0;transition:opacity 1s;width:100%;z-index:3}.progress{background:var(--gray);height:2px;position:relative;width:160px}.progress:after{animation:progress 2s infinite;background:#000;content:"";height:100%;position:absolute;transform:scaleX(0);width:100%}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}}@keyframes progress{0%{transform:scaleX(0);transform-origin:left}40%{transform:scaleX(1);transform-origin:left}50%{transform:scaleX(1);transform-origin:right}90%{transform:scaleX(0);transform-origin:right}to{transform:scaleX(0);transform-origin:left}}.home-enter-active,.home-leave-active{clip-path:circle(100%);transition:clip-path 1.2s;transition-timing-function:ease-in-out}.home-enter-from,.home-leave-to{clip-path:circle(0)}.page-enter-active,.page-leave-active{transition:opacity 1.2s ease-in-out}.page-enter-from,.page-leave-to{opacity:0}.page-leave-active:after{background:var(--gray);content:"";height:100%;position:fixed;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform 1s ease-in-out;width:100%}.page-leave-to:after{transform:scaleY(1)}::-webkit-scrollbar{display:none}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}:root{--gray:#dae0e3;--dark:#3f6099}body{background:#fff;margin:0;overscroll-behavior:none}body,section{position:relative}section{margin:60px 0}h1{font:700 calc(30px + 1vw) Montserrat,Noto Sans TC;letter-spacing:2px}h2{font:700 18px Montserrat,Noto Sans TC;letter-spacing:1px}h3{font:500 15px Montserrat,Noto Sans TC;letter-spacing:0;margin:2px 0}p{font:300 15px Montserrat,Noto Sans TC;letter-spacing:.5px;line-height:1.8;margin:15px 0}.section-content{margin:auto;max-width:1500px;width:80%}img{-moz-user-select:none;user-select:none;-webkit-user-select:none}.tag{align-items:center;display:flex;font:500 12px Montserrat,Noto Sans TC;letter-spacing:.5px;margin:15px 0}.tag:before{color:var(--gray);content:attr(data-type);display:inline-block;flex:0 0 120px;font:700 12px Montserrat,Noto Sans TC;letter-spacing:0;text-transform:uppercase}.timeline{display:flex;font:300 15px Montserrat,Noto Sans TC;letter-spacing:1px;line-height:1.5;margin:18px 0 30px}.timeline:before{color:var(--dark);content:attr(data-year);display:inline-block;flex:0 0 56px;font-weight:700;letter-spacing:0}.button{background:var(--gray);color:#000;display:inline-block;font:700 15px Montserrat,Noto Sans TC;letter-spacing:1px;padding:9px 39px;position:relative;text-decoration:none;z-index:0}.button:after{border-right:2px solid #000;border-top:2px solid #000;content:"";display:inline-block;height:6px;margin:0 0 1px 6px;transform:rotate(45deg);width:6px}.button:hover{color:#fff}.button:before{background:#000;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s;width:100%;z-index:-1}.button:hover:before{transform:scaleX(1)}.button:hover:after{border-right:2px solid #fff;border-top:2px solid #fff}.tag-button{color:#000;display:inline-block;font:500 12px Montserrat,Noto Sans TC;-webkit-text-decoration:underline var(--gray);text-decoration:underline var(--gray)}@media (max-width:800px){.tag,.timeline,p{font-size:calc(12px + .3vw)}.section-content{width:85%}}