#app .scrolled{background:0 0!important}#app .header{transition:background-color .3s ease;position:fixed;left:0;right:0;top:0;height:60px!important;background:#000;z-index:6;line-height:60px;padding:0 40px}#app .header .header-list{display:flex;align-items:center;font-family:outfitRegular,"outfitRegular Fallback",serif}#app .header .header-list .active{border-bottom:1px solid #fff!important;color:#fff!important}#app .header .header-list a{color:hsla(0,0%,100%,.8);-webkit-text-decoration:none;text-decoration:none;margin-left:80px;font-size:18px;border-bottom:1px solid transparent}#app .header .header-list a:hover{color:#fff}#app .header .header-btn{padding:0 18px;box-sizing:border-box;height:32px;font-size:14px;border-radius:16px;background:#fff;color:#000;cursor:pointer;display:inline-block;line-height:32px;font-weight:700;-webkit-text-decoration:none;text-decoration:none}#app .header .header-btn:hover{background:#d7cdcf}#app .header .header-upgrade{display:flex;align-items:center;justify-content:flex-end;height:61px}#app .header .header-upgrade .upgrade-btn{text-align:center;box-sizing:border-box;height:32px;font-size:14px;border-radius:16px;border:1px solid #fff;color:#fff;background:rgba(0,0,0,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;line-height:32px;font-weight:700;-webkit-text-decoration:none;text-decoration:none;width:100px}#app .header .header-upgrade .upgrade-btn:hover{border:1px solid #639}#app .header .header-upgrade .header-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;background:0 0}#app .header .header-upgrade .user-circle{height:32px;width:32px;border-radius:50%;line-height:32px;text-align:center;font-size:14px;background:#fff;cursor:pointer;position:relative;margin-left:16px}#app .header .header-upgrade .user-circle:hover{background:#f6f2f3!important}#app .header .header-upgrade .user-circle .user-menu{position:absolute;bottom:-235px;right:20px;background:#000;width:240px;border-radius:16px;z-index:6}#app .header .header-upgrade .user-circle .user-menu .menu-flex{border-radius:16px 16px 0 0;display:flex;align-items:center;padding:20px 16px;box-sizing:border-box;background:linear-gradient(90deg,rgba(231,66,103,.3),rgba(246,70,109,.2));font-size:18px;color:#fff;gap:8px}#app .header .header-upgrade .user-circle .user-menu .menu-flex .menu-circle{height:40px;width:40px;border-radius:50%;line-height:40px;text-align:center;background:#fff;color:#000}#app .header .header-upgrade .user-circle .user-menu .menu-item{font-size:14px;color:#fff;padding:13px 16px;box-sizing:border-box;text-align:left}#app .header .header-upgrade .user-circle .user-menu .menu-item:hover{background:#1b1b27}#app .mask{position:fixed;z-index:101;top:0;left:0;width:100vw;height:100%;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;overflow-y:auto;align-items:center;justify-items:center;place-items:center}#app .mask .mask-box{min-width:350px;width:480px;background:radial-gradient(155% 100% at 50% 0,#230a0a 0,#171010 50%,#18181b 100%);box-shadow:0 0 40px 0 #000;border-radius:16px;display:flex;flex-flow:column;align-items:center;padding:40px 68px;box-sizing:border-box;text-align:center;position:relative}#app .mask .mask-box .box-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px;color:#fff}#app .mask .mask-box .box-title{color:#fff;font-size:24px}#app .mask .mask-box .box-desc{font-size:18px;margin:56px 0}#app .mask .mask-box .box-btn{display:flex;align-items:center;gap:24px;width:100%}#app .mask .mask-box .box-btn .btn-item{min-width:160px;height:46px;border-radius:23px;font-size:16px;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700}#app .mask .mask-box .box-btn .btn-cancel:hover{border-color:#fff!important}#app .mask .mask-box .box-btn .btn-confirm{background:#fff!important;color:#000;border-color:#fff!important}#app .mask .mask-box .box-btn .btn-confirm:hover{background:#d1d1d1!important}