body{overflow-x:hidden}

#cursor{position:fixed;pointer-events:none;z-index:9998;width:32px;height:32px;transition:none;opacity:0}
#cursor .inner{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}

header{position:fixed;top:.2rem;left:50%;transform:translateX(-50%);width:auto;min-width:12rem;z-index:100;padding:.2rem .4rem;transition:all .4s}
header.scrolled{padding:.14rem .4rem}
header .pc-nav{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:.5rem;padding:.14rem .5rem;gap:.6rem;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 .04rem .2rem rgba(0,0,0,.2);transition:all .4s}
header.scrolled .pc-nav{background:rgba(255,255,255,.12);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:.1rem .5rem;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 .04rem .2rem rgba(0,0,0,.25)}
header .pc-nav .logo{display:flex;align-items:center}
header .pc-nav .logo img{height:.52rem;transition:filter .4s;filter:drop-shadow(0 .02rem .06rem rgba(0,0,0,.45))}
header .pc-nav .logo .img2{display:none}
header .pc-nav .navItems{display:flex;gap:.6rem;align-items:center}
header .pc-nav .navItems a{font-size:.16rem;color:rgba(255,255,255,.55);transition:color .35s,opacity .35s;font-weight:300;letter-spacing:.02rem;line-height:1;display:flex;align-items:center}
header .pc-nav .navItems a:hover{color:rgba(255,255,255,.85)}
header .pc-nav .navItems a.active{color:#fff}

header .headerActions{display:flex;align-items:center;gap:.12rem}
header .headerActions .authBtn{font-size:.115rem;font-weight:600;letter-spacing:.01rem;padding:.06rem .16rem;border-radius:.16rem;cursor:none;transition:all .35s;outline:none;line-height:1.2;display:inline-flex;align-items:center;white-space:nowrap;font-family:'Nunito','Quicksand','Helvetica Neue',Helvetica,Arial,sans-serif}
header .headerActions .authBtn.signin{background:transparent;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7)}
header .headerActions .authBtn.signin:hover{border-color:rgba(255,255,255,.6);color:#fff}
header .headerActions .authBtn.signup{background:#fff;border:1px solid #fff;color:#000}
header .headerActions .authBtn.signup:hover{background:rgba(255,255,255,.9)}
header .headerActions .profile-link{background:transparent;border:none;color:rgba(255,255,255,.65);padding:.04rem;transition:color .35s}
header .headerActions .profile-link:hover{color:#fff}
header .headerActions .profile-link svg{width:.22rem;height:.22rem}
header .headerActions .manager-go-link{background:transparent;border:none;color:rgba(255,255,255,.55);font-size:.1rem;font-weight:900;font-style:italic;font-family:'Brush Script MT','Segoe Script','Comic Sans MS',cursive,sans-serif;text-decoration:none;padding:.04rem .04rem;margin-right:.08rem}
header .headerActions .manager-go-link:hover{color:#fff}

header.dimmed .navItems{opacity:.25;transition:opacity .45s}
header.dimmed .headerActions{opacity:.25;transition:opacity .45s}
header .navItems{transition:opacity .45s}
header .headerActions{transition:opacity .45s}

header .pc-nav .nav-left-group{display:flex;align-items:center;gap:0;transition:gap .4s cubic-bezier(.25,.46,.45,.94)}
header .pc-nav .nav-center{flex:1;display:flex;justify-content:center;transition:all .4s ease}

header.nav-collapsed .pc-nav{gap:0;padding:.12rem .14rem;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:auto;min-width:0}
header.nav-collapsed .nav-left-group{gap:0}
header.nav-collapsed .nav-center{opacity:0;flex:0;overflow:hidden;transform:scaleX(0);transform-origin:left center;transition:all .35s ease;width:0}
header.nav-collapsed .headerActions{opacity:0;pointer-events:none;transform:translateX(-.2rem);transition:all .35s ease;width:0}
header.nav-collapsed .navToggle{display:flex;opacity:1;transform:translateX(0);transition:all .4s cubic-bezier(.25,.46,.45,.94) .1s;pointer-events:auto}
header.nav-collapsed{min-width:0;width:auto;left:.3rem;transform:translateX(0);right:auto}
header .navToggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:rgba(255,255,255,.55);cursor:none;padding:.06rem;margin-left:.12rem;opacity:0;transform:translateX(-.1rem);pointer-events:none;transition:all .35s cubic-bezier(.25,.46,.45,.94)}
header .navToggle:hover{color:#fff}
header .navToggle svg{width:.22rem;height:.22rem;fill:currentColor}
header .navToggle .toggle-arrow{animation:breatheGlow 2s ease-in-out infinite}
@keyframes breatheGlow{0%,100%{color:rgba(255,255,255,.25);filter:drop-shadow(0 0 0 transparent)}50%{color:rgba(255,255,255,.9);filter:drop-shadow(0 0 .08rem rgba(255,255,255,.6))}}
header:not(.nav-collapsed) .nav-center{opacity:1;flex:1;transform:scaleX(1);transition:all .4s cubic-bezier(.25,.46,.45,.94) .1s}
header:not(.nav-collapsed) .headerActions{opacity:1;pointer-events:auto;transform:translateX(0);transition:all .4s cubic-bezier(.25,.46,.45,.94) .15s}

.app-nav{display:none}

#menuOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background:#000;display:flex;align-items:center;justify-content:center;clip-path:circle(0% at 100% 0%);transition:clip-path .8s cubic-bezier(.77,0,.175,1)}
#menuOverlay.open{clip-path:circle(150% at 100% 0%)}
#menuOverlay .items{text-align:center}
#menuOverlay .items a{display:block;font-size:.6rem;color:rgba(255,255,255,.55);margin:.2rem 0;transition:color .35s;font-weight:300}
#menuOverlay .items a:hover{color:#fff}
#menuOverlay .items a.active{color:#fff}
#menuClose{position:fixed;top:.3rem;right:.5rem;z-index:201;color:#fff;font-size:.3rem;background:none;border:none;opacity:0;pointer-events:none;transition:opacity .3s}
#menuClose.visible{opacity:1;pointer-events:auto}

.extra-info-bar{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-top:1px solid rgba(0,0,0,.08);transform:translateY(100%);transition:transform .55s cubic-bezier(.175,.885,.32,1.275);will-change:transform}
.extra-info-bar.revealed{transform:translateY(0)}
.extra-info-bar-inner{display:flex;align-items:center;justify-content:center;gap:.32rem;padding:.08rem .4rem;font-size:.11rem;color:rgba(0,0,0,.55);letter-spacing:.01rem;overflow:hidden;white-space:nowrap}
.extra-info-bar-item{display:flex;align-items:center;gap:.08rem;flex-shrink:0}
.extra-info-bar-sep{width:1px;height:.12rem;background:rgba(0,0,0,.12);flex-shrink:0}
.extra-info-bar-item a{color:rgba(0,0,0,.45);text-decoration:none;transition:color .25s}
.extra-info-bar-item a:hover{color:rgba(0,0,0,.75)}
.extra-info-bar.font-handwriting .extra-info-bar-inner{font-family:'ZCOOL KuaiLe',cursive}
.extra-info-bar.font-italic .extra-info-bar-inner{font-style:italic}