:root{--background: #dce8f1;--container-background: rgba(255, 255, 255, .8);--header-background: #fff;--title-color: #000;--text-color: #000;--warning-banner: #ffff00;--language-background: #fff;--img-brightness: 1;--lang-color: #000;--menu-text-color: #202327;--link-color: #0d00ff}[data-theme=dark]{--background: #0e151b;--container-background: #2a2a2b;--header-background: #2a2a2b;--title-color: #fff;--text-color: #c7c7c7;--warning-banner: #e2e216;--language-background: #4c4c4c;--img-brightness: .8;--lang-color: #f0f0f0;--menu-text-color: #fff;--link-color: #00a6ff}html,body{height:100%}body{background-color:var(--background);font-family:MiSans VF,Misans TC VF,MiSans L3,MiSans,Arial,sans-serif;margin:0;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:MiSans VF,Misans TC VF,MiSans L3,MiSans,Arial,sans-serif}a{text-decoration:none}#root{display:flex;flex-direction:column}header,footer{background-color:#333;color:#fff;text-align:center}main{margin-left:150px;padding:1rem}h1,h2,h3,h4,h5,h6{color:var(--title-color)}p,span{color:var(--text-color)}img{filter:brightness(var(--img-brightness))}.page-title{margin:0 0 .2em;font-size:3em}.swal2-popup{border-radius:15px}button.swal2-styled{border-radius:3em}@keyframes react-marquee-animation{0%{transform:var(--marquee-start)}to{transform:var(--marquee-end)}}.content-container{margin:5.7em 2em 2em;background-color:var(--container-background);border-radius:1.6em;padding:1.5rem .8rem 1rem;box-shadow:0 3px 9px rgba(0,0,0,.3);width:75%;display:inline-block;transition:background-color .3s,color .3s}@media screen and (max-width:800px){.content-container{border-radius:.9em;margin:5em 0 2em;width:90%}}.warning-banner{text-align:center;color:var(--title-color);background-color:var(--warning-banner)}@media screen and (min-width:800px){.warning-banner{font-size:2rem}}@media screen and (min-width:800px){.terms-intro{padding-left:100px;padding-right:100px}.tp-sign{text-align:right;padding-right:150px}}.page-header{background-color:var(--header-background);box-shadow:0 0 3px 2px rgba(0,0,0,.2);color:#000;display:flex;align-items:center;justify-content:space-between;text-align:center;width:100%;height:60px;position:fixed;z-index:100}.left-item{display:flex;padding-left:50px;gap:40px}@media screen and (max-width:1000px){.left-item{padding-left:0}}.right-item{display:flex;padding-right:50px;gap:10px}@media screen and (max-width:1000px){.right-item{padding-right:25px}}.tplogo{height:60px;display:flex;align-items:center}.tplogo div{background-image:url(https://assets.projectoms.com/image/Icon/big/icon-1024-round.webp);width:50px;height:50px;background-size:auto 50px}.mobile-user-menu{display:none}@media screen and (max-width:1000px){.mobile-user-menu{display:block}}@media screen and (max-width:1000px){.header-menu{display:none}}.drawer-menu-plane,.drawer-user-plane{display:flex;position:fixed;visibility:hidden;opacity:0;top:0;left:0;right:0;bottom:0;transition:all .3s;z-index:150}.mobile-userinfo{display:flex;align-items:center;justify-content:center;margin-top:25px;color:#000}.mobile-userinfo .login-nickname{width:9rem;color:var(--title-color)}.drawer-panel{max-width:400px;padding:5px 10px;flex:70%;background:var(--header-background)}.drawer-panel>span{font-size:2rem}.close-menu-button{float:right;font-size:20px;color:var(--menu-text-color)}.close-user-button{float:left;font-size:20px;color:var(--menu-text-color)}.drawer-background{flex:30%;background:#000;opacity:.5}.menu-text-logo{display:flex;justify-content:center}.menu-text-logo img{height:50px;width:auto;padding-top:30px}.mobile-menu-list>ul{padding-left:0;list-style:none}.mobile-menu-list .menu-item{height:unset;text-align:left;padding:10px;border-bottom:0!important;position:relative}.mobile-menu-list .sub-menu{position:unset;border-radius:unset;box-shadow:unset;visibility:visible;opacity:1;margin-top:10px}.mobile-menu-list .sub-menu a{border-left:1px solid #ababab;padding:10px 15px}.mobile-menu-list a{color:var(--menu-text-color)}.mobile-draw-button i{position:absolute;top:12px;right:10px;transition:all .2s}.mobile-unlogin-user{width:30px;height:30px;line-height:30px;border-radius:50%;background-color:#0092ff;font-size:14px;cursor:pointer}.mobile-unlogin-user a{color:#fff;text-decoration:none}.mobile-login-user{align-items:center;cursor:pointer}.mobile-menu-button{font-size:20px;color:var(--title-color);padding-left:25px;cursor:pointer;display:none}@media screen and (max-width:1000px){.mobile-menu-button{display:block}}.menu-header-plane>ul{display:flex;align-items:center;margin:0;padding-left:0;list-style:none}.menu-header-plane a{color:var(--menu-text-color);display:inline-block;line-height:60px;padding:0 10px;transition:all .2s}.menu-header-plane a:hover{color:#0092ff}.menu-item{box-sizing:border-box;height:60px;transition:all .2s}.menu-item:hover{border-bottom:4px solid #0092ff}.menu-item-has-children:after{display:inline-block;font-family:"Font Awesome 7 Pro";content:"";color:var(--menu-text-color);transition:all .2s}@media screen and (max-width:1000px){.menu-item-has-children:after{display:none}}.menu-item-has-children:hover:after{color:#0092ff;transform:rotate(-90deg)}.menu-item-has-children:hover>.sub-menu{visibility:visible;opacity:1;top:60px;z-index:105}.sub-menu{background-color:var(--header-background);border-radius:0 0 10px 10px;box-shadow:0 2px 3px 2px rgba(0,0,0,.2);display:block;list-style:none;position:absolute;padding:0;visibility:hidden;opacity:0;top:20px;transition-duration:.3s}.sub-menu li:hover{border-bottom:0px}.user-menu-plane{display:flex;align-items:center}@media screen and (max-width:1000px){.user-menu-plane{display:none}}.user-menu-dark{display:flex;align-items:center;color:var(--title-color);font-size:20px;cursor:pointer}.login-user>a{display:flex;align-items:center;text-decoration:none;color:#000}.login-user:hover .user-avatar{transform:scale(2) translate(20px,15px)}.login-user:hover .login-nickname{visibility:hidden;opacity:0}.login-user:hover .pop-userinfo{visibility:visible;opacity:1}.user-avatar{border-radius:50%;border:1px solid #fff;transition:transform .3s;z-index:110}.login-nickname{width:7rem;white-space:nowrap;overflow:hidden;color:var(--menu-text-color);text-overflow:ellipsis;padding-left:5px;visibility:visible;opacity:1;transition:all .3s}.pop-userinfo{background-color:var(--header-background);border-radius:15px;box-shadow:0 2px 3px 2px rgba(0,0,0,.2);position:absolute;top:100%;right:50px;margin-top:18px;width:180px;padding:25px 10px 10px;visibility:hidden;opacity:0;transition:all .3s;z-index:105}.board-username{text-decoration:none;color:var(--menu-text-color);font-size:18px}.user-links{padding-top:15px}.user-links a{text-decoration:none;color:#5c6065;display:flex;align-items:center;justify-content:space-between;padding:0 15px;height:40px;border-radius:10px;transition:background-color .3s}.user-links a:hover{color:#0092ff;background-color:#ddd}.user-links a:hover>span{color:#0092ff}.user-links a>i{margin-right:5px}.user-links a:after{display:inline-block;font-family:"Font Awesome 7 Pro";content:"";transform:rotate(-90deg)}.unlogin-user a{margin-left:10px}.unlogin-user button{border:none;padding:7px 16px;border-radius:25px;cursor:pointer;transition:all .2s}.login-button{background:rgba(0,0,0,0);border:1px solid #33a7ff!important;color:#33a7ff}.login-button:hover{background-color:rgba(51,167,255,.06)}.register-button{box-shadow:0 1px 3px 1px rgba(0,0,0,.3);background:#33a7ff;color:#fff}.register-button:hover{box-shadow:0 2px 5px 2px rgba(0,0,0,.3)}.footer-a{color:#fff;text-decoration:none}.footer-a:hover{color:#4c4c4c;text-decoration:none}.footer-a:hover>span{color:#4c4c4c;text-decoration:none}footer p{margin:.5em;color:#fff}footer span{color:#fff}.footer-sides{position:relative;height:1.5em;display:flex;align-items:center}@media screen and (max-width:900px){.footer-sides{display:block;height:auto}}.footer-left{position:absolute;right:calc(50% + 3em)}@media screen and (max-width:900px){.footer-left{position:static;display:block}}.footer-right{position:absolute;left:calc(50% + 3em)}@media screen and (max-width:900px){.footer-right{position:static;display:block}}.translate-wrapper{position:fixed;z-index:90;left:20px;top:75px;background-color:var(--language-background);color:var(--title-color);border-radius:6px;box-shadow:2px 3px 5px rgba(0,0,0,.3);transition:all .3s}.translate-wrapper:hover,.translate-wrapper.active{box-shadow:0 5px 15px rgba(0,0,0,.3)}.translate-wrapper.active .lang{border-bottom:1px solid #d3d3d3}.current-lang{cursor:pointer}.more-lang{cursor:pointer;opacity:0;max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.25,1.15,.35,1.15)}.more-lang.active{opacity:1;max-height:450px}.lang{padding:10px 15px}.lang.selected{display:none}.lang img{width:25px;margin-left:5px;vertical-align:middle}.lang .lang-name{margin-left:5px;vertical-align:middle}.lang-name{font-size:17px;color:var(--lang-color);font-weight:500}.sidebar{position:fixed;bottom:80px;right:35px;width:40px;font-size:.9rem;z-index:90}.sidebar>div{background-color:#2894ff;color:#fff;display:flex;align-items:center;height:40px;margin-bottom:8px;border-radius:12px;text-align:center;line-height:17px;cursor:pointer;transition:all .2s}.sidebar>div:hover{background-color:#43a2ff;transform:scale(1.2)}.sidebar span{width:100%;color:#fff;text-align:center}.sidebar p{color:#fff}.wechat-qr img{width:130px;height:130px;border-radius:9px}.wechat-qr p{margin-block-start:.5em;margin-block-end:.5em}.wechat-qr>div{visibility:hidden;opacity:0;position:absolute;right:55px;height:auto;font-size:.75rem;background-color:#2894ff;transition:all .2s;border-radius:15px;margin-top:50px;width:150px;padding:5px}.wechat-qr>div:before{position:absolute;right:-22px;top:76px;content:"";border:11px solid transparent;border-left-color:#2894ff}.wechat-qr:hover>div{visibility:visible;opacity:1}.site-contact>p{visibility:hidden;opacity:0;position:absolute;right:55px;height:auto;font-size:.75rem;background-color:#2894ff;transition:all .2s;border-radius:9px;max-width:320px;white-space:nowrap;padding:5px 10px}.site-contact>p:before{position:absolute;right:-15px;top:8px;content:"";border:7px solid transparent;border-left-color:#2894ff}.site-contact:hover>p{visibility:visible;opacity:1}
