@import "https://fonts.cdnfonts.com/css/unifont";*{box-sizing:border-box;margin:0;padding:0;font-family:Unifont,sans-serif}body{color:#333;min-height:100vh;font-family:Unifont,sans-serif}:root{--color-primary:#bfc2e0;--color-secondary:#999;--color-background:#fff;--color-text:#333;--color-text-light:#666;--color-border:#e0e0e0;--color-hover:#bfc2e01a;--gradient-primary:linear-gradient(135deg, #bfc2e0 0%, #999 100%);--font-family-main:"Unifont", sans-serif;--font-size-large:50px;--font-size-medium:18px;--font-size-small:15px;--font-size-xs:12px;--font-size-xss:11px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--shadow-default:0 2px 10px #0000001a;--transition-default:all .4s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .3s ease}.navbar{box-sizing:border-box;z-index:1000;justify-content:stretch;align-items:center;gap:0;width:100%;height:60px;padding:0 25px;display:flex;position:fixed;top:0;left:0}.navbar__action{align-items:center;margin-left:auto;display:flex}.navbar__logo-container{transition:var(--transition-default);align-items:center;height:100%;display:flex}.navbar__logo-icon{justify-content:center;align-items:center;height:36px;transition:transform .3s;display:flex}.navbar__logo-text-button{cursor:pointer;height:36px;color:var(--color-secondary);transition:var(--transition-default);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 5px 2px;font-weight:bolder;display:flex;position:relative}.navbar__logo-text-button--chinese{font-size:var(--font-size-medium);font-weight:bolder;line-height:1.2}.navbar__logo-text-button--english{font-size:var(--font-size-small);font-weight:bolder;line-height:1.2}.navbar__logo-container:hover{transform:translateY(-6px)}.navbar__separator{background-color:var(--color-secondary);border-radius:0;width:1.5px;height:36px;margin:0 15px}.navbar__nav-links{align-items:center;gap:25px;height:100%;display:flex}.navbar__text-button{cursor:pointer;transition:var(--transition-default);height:36px;color:var(--color-secondary);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 5px 2px;font-weight:400;display:flex;position:relative}.navbar__text-button--chinese{font-size:var(--font-size-medium);line-height:1.2}.navbar__text-button--english{font-size:var(--font-size-small);line-height:1.2}.navbar__text-button:hover{transform:translateY(-6px)}.navbar__text-button--active,.navbar__logo-text-button--active{color:var(--color-primary)!important;font-weight:700!important}.navbar__text-button--active span,.navbar__logo-text-button--active span{color:var(--color-primary)!important}.navbar__hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:36px;margin-left:auto;padding:5px;display:none}.navbar__hamburger-btn-line{background-color:var(--color-secondary);width:24px;height:2px;transition:var(--transition-fast);display:block}.navbar__hamburger-btn:hover .navbar__hamburger-btn-line{background-color:var(--color-primary)}.navbar__mobile-menu{background-color:#0000;border:none;border-radius:0;flex-direction:column;gap:0;min-width:200px;padding:15px 0;animation:.3s slideDown;display:none;position:absolute;top:60px;right:25px}.navbar__mobile-nav-button{cursor:pointer;text-align:left;width:100%;color:var(--color-secondary);transition:var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;flex-direction:column;align-items:flex-start;padding:12px 20px;display:flex}.navbar__mobile-nav-button:hover{background-color:var(--color-hover);color:var(--color-primary);border-left-color:var(--color-primary)}.navbar__mobile-nav-button--active{border-left-color:var(--color-primary);background-color:var(--color-hover);font-weight:700;color:var(--color-primary)!important}.navbar__mobile-nav-button--chinese{font-size:16px}.navbar__mobile-nav-button--english{opacity:.8;font-size:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.navbar{height:55px;padding:20px}.navbar__logo-text-button--chinese{font-size:16px}.navbar__logo-text-button--english{font-size:13px}.navbar__separator{margin:0 12px}.navbar__nav-links{gap:20px}.navbar__text-button{height:36px;padding:8px 3px 0}.navbar__text-button--chinese{font-size:16px}.navbar__text-button--english{font-size:13px}}@media (width<=768px){.navbar{height:50px;padding:15px}.navbar__logo-icon{height:35px}.navbar__logo-container{flex-shrink:0}.navbar__logo-text-button--chinese{font-size:14px}.navbar__logo-text-button--english{font-size:11px}.navbar__separator,.navbar__nav-links,.navbar__action{display:none}.navbar__hamburger-btn{display:flex}.navbar__mobile-menu{display:flex;top:100px;right:15px}}@media (width<=480px){.navbar{height:45px;padding:12px}.navbar__logo-icon{height:30px}.navbar__logo-text-button{height:30px;padding:4px 3px 0}.navbar__logo-text-button--chinese{font-size:12px}.navbar__logo-text-button--english{font-size:9px}.navbar__hamburger-btn{gap:4px;padding:3px}.navbar__hamburger-btn-line{width:20px;height:2px}.navbar__mobile-menu{min-width:180px;padding:10px 0;top:90px;right:12px}.navbar__mobile-nav-button{padding:10px 15px;font-size:14px}.navbar__mobile-nav-button--chinese{font-size:14px}.navbar__mobile-nav-button--english{font-size:11px}}.main-page{padding:var(--spacing-sm);margin-top:80px}.main-background{width:100%;height:100vh;padding:var(--spacing-lg);background:url(/background.png) 50%/cover no-repeat}.main-text{line-height:1.8}.main-text--heading{margin-top:var(--spacing-md);line-height:1.8}.main-background--home{color:var(--color-background);font-size:var(--font-size-large);align-items:center;display:flex}.main-background--home .main-page{margin:0}@media (width<=1024px){.main-page{padding:var(--spacing-xs)}.main-background{padding:var(--spacing-md)}.main-background--home{font-size:40px}}@media (width<=768px){.main-page{margin-top:60px}.main-background{height:calc(100vh - 60px);padding:var(--spacing-sm)}.main-background--home{font-size:30px}}@media (width<=480px){.main-page,.main-background{padding:var(--spacing-xs)}.main-background--home{font-size:24px}}.page-loaded .progressive-item{animation-fill-mode:both}.fade-in-down{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInDown;transform:translateY(-30px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fade-in-left{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInLeft;transform:translate(-30px)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in-right{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInRight;transform:translate(30px)}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in-up{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.progressive-reveal{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.progressive-reveal.visible{opacity:1}.progressive-reveal.down{transform:translateY(-30px)}.progressive-reveal.down.visible{transform:translateY(0)}.progressive-reveal.up{transform:translateY(30px)}.progressive-reveal.up.visible{transform:translateY(0)}.progressive-reveal.left{transform:translate(-30px)}.progressive-reveal.left.visible{transform:translate(0)}.progressive-reveal.right{transform:translate(30px)}.progressive-reveal.right.visible{transform:translate(0)}.progressive-reveal.fade{transform:none}