#header{animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,1,1);background-color:hsl(var(--background));border-bottom-width:1px;color:hsl(var(--foreground));height:1.25rem;left:0;line-height:80px;position:fixed;top:0;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1);width:1.25rem;width:100%;z-index:10}#header,#header nav{height:80px}#header nav{background-color:inherit}#header .nav_desktop>a,#header .nav_desktop>button{color:hsl(var(--foreground));padding-left:.5rem;padding-right:.5rem}#header .nav_desktop>a:hover,#header .nav_desktop>button:hover{color:hsl(var(--foreground))}#header .nav_desktop>a button,#header .nav_desktop>button button{background-color:transparent;padding:0}#header .nav_desktop>a button:hover,#header .nav_desktop>a button[data-state=open],#header .nav_desktop>button button:hover,#header .nav_desktop>button button[data-state=open]{color:inherit}@media print{#header{display:none}}#header.transparent{background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#header.transparent .logo{opacity:0}#header.transparent #nav_desktop>a,#header.transparent #nav_desktop>button{color:hsl(var(--foreground))}.nav>button{align-items:center;display:flex}.nav>button:after{content:"⌃";font-size:12px;margin-left:4px;margin-top:-4px;transform:rotate(180deg)}.nav>button[data-state=open]:after{margin-top:0;transform:rotate(0)}#nav_mobile>a,#nav_mobile>button{margin-bottom:.5rem;margin-top:.5rem}#nav_mobile .title{margin-bottom:1rem;margin-top:2rem}#nav_mobile .sub_title{font-size:1rem;line-height:1.5rem;margin-bottom:.5rem}#nav_mobile [aria-haspopup=menu]{display:none}body{overflow-x:hidden}.dark body{--tw-bg-opacity:1;background-color:rgb(68 64 60/var(--tw-bg-opacity))}.page{min-height:100vh;padding-bottom:60px;padding-top:108px}.page.no_spacer{padding-bottom:32px;padding-top:80px}.page section{padding:60px 0}.page .buttons{display:flex;justify-content:flex-end;margin-bottom:2.5rem;margin-top:2.5rem}.page .buttons button{margin:0 0 0 .5rem;min-width:6rem}.page-enter-active,.page-leave-active{animation-duration:.3s;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.page-enter-from,.page-leave-to{opacity:0}.todos{margin-top:1.25rem;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.todos:before{content:"未完成開發備註："}.prose .main_content>:first-child{margin-top:0}#footer{color:hsl(var(--foreground));overflow:hidden}#footer i{margin-left:.5rem}#footer .title{font-size:1rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}#footer .menu_item{margin-bottom:1.5rem}#footer p{font-size:.875rem;line-height:1.25rem;margin-bottom:.5rem}