html{--theme:#306fff;--top:#fcfdfe;--Toolbox:#e4e7ed;--Xc-bj:#fff;--Xc-mment:#ebeef5;--background:hsla(0,0%,100%,0.85);--main:#404244;--routine:#606266;--minor:#808388;--seat:#c0c4cc;--classA:#dcdfe6;--classB:#e4e7ed;--classC:#ebeef5;--classD:#f2f6fc;--radius-wrap:6px;--radius-inner:4px;--text-shadow:0 1px 2px rgba(0,0,0,0.25);--text-xc:0 1px 8px rgba(0,0,0,0.25);--text-bt:0 1px 5px rgba(0,0,0,0.25);--box-shadow:0 5px 10px rgba(0,0,0,0.1)}
html[data-night=night] body{--theme:#50b3d9;--top:#252525;--Toolbox:#303030;--Xc-bj:#303030;--Xc-mment:#353535;--background:rgba(35,35,35,0.88);--main:#ccc;--routine:#bbb;--minor:#aaa;--seat:#888;--classA:#777;--classB:#666;--classC:#555;--classD:#303030;--text-shadow:none;--box-shadow:none}
html[data-night=night] body:before{background:#121212;z-index:-500}
html[data-night=night] .Miss_aside_item.author:before{background:linear-gradient(180deg,hsla(0,0%,100%,0),#212121)}
*{font-family:PingFang SC,Miss Font,Noto Sans SC,"Source Han Serif",MiSans,Open Sans,sans-serif;margin:0;padding:0;box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{border-radius:4px;background:var(--seat)}
::-webkit-scrollbar-track{background:0 0}
::-moz-selection{color:#fff;background:var(--theme)}
::selection{color:#fff;background:var(--theme)}
body{font-size:14px;color:var(--main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom)}
body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-520;pointer-events:none;background:#f0f0f0;background-position:center 0;background-repeat:no-repeat;background-size:cover}
h1,h2,h3,h4,h5,h6{margin-block:10px;text-shadow:var(--text-bt);font-weight:500}
h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
a{cursor:pointer;outline:0;text-decoration:none}
a,a:hover{color:var(--theme)}
p{margin:8px 0}


@media (max-width:768px){
html .list-0{width: 100%;display: flex;align-items: center;}
html .login_cool{min-height:650px;overflow:hidden;margin:2rem auto}
html .login_cool .Miss-aside{display:none}
html .login_cool .sing-in{width:100%}
html .login_cool.active .sign-up.active{transform:translateX(0)}
html .login_cool .sign-up{width:100%}
html .login_cool .Miss-an{display:block}
html table{white-space:nowrap;overflow:hidden;display:block;overflow-x:auto}
}

.message li{color: #e00000; font-size: 1rem;}
.login_cool{background:var(--top);position:relative;border-radius:10px;box-shadow:0 8px 15px rgba(0,0,0,.2);padding:10px;width:50rem;max-width:95vw;min-height:650px;overflow:hidden;margin:5rem auto}
.login_cool .Miss-an a{color:var(--theme);font-size:14px;text-decoration:none;cursor:pointer}
.login_cool a.ghost{border-radius:2px;transition:all .5s ease-in;margin:10px;padding:5px 13px;color:#fff;border:1px solid #fff}
.login_cool .Miss-cont form{background:var(--top);display:flex;flex-direction:column;padding:0 1.8rem;height:100%;justify-content:center;align-items:center}
.login_cool form h1{padding-bottom:20px}
.login_cool .Miss-cont input{width:100%;height:2.2rem;text-indent:1rem;border:none;border-bottom:1px solid var(--classA);margin:15px 0;font-size:14px;background:0;border-radius:0;}
.login_cool .Miss-cont button{border-radius:2px;transition:all .1s ease-in;margin:20px 0;padding:8px 0}
.login_cool .Miss-cont .button_login:active{transform:scale(.95)}
.login_cool button:hover{opacity:.8}
.login_cool .Miss-cont{position:absolute;top:0;height:100%;transition:all .5s ease-in-out}
.login_cool .sing-in{left:0;width:50%;z-index:2}
.login_cool .sign-up{left:0;width:50%;opacity:0;z-index:1}
.login_cool .aside{background:var(--theme);width:200%;height:100%;position:relative;left:-100%;transition:all .5s ease-in-out;color:#fff}
.login_cool .Miss-aside{right:0;overflow:hidden;transition:all .5s ease-in-out;z-index:99}
.aside-panel,.login_cool .Miss-aside{position:absolute;top:0;width:50%;height:100%}
.login_cool .aside-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2.2rem}
.login_cool .aside-right{right:0}
.login_cool .aside-panel p{font-size:1rem;line-height:1.5rem;letter-spacing:.1rem;margin-bottom:2rem}
.login_cool.active .Miss-aside{transform:translateX(-100%)}
.login_cool.active .sing-in{transform:translateX(100%)}
.login_cool.active .sign-up{transform:translateX(100%);opacity:1;z-index:5;transition:all .5s ease-in-out}
.login_cool.active .aside{transform:translateX(50%)}
.login_cool.active .aside-left{transform:translateX(0);transition:all .5s ease-in-out}
.login_cool.active .aside-right{transform:translateX(20%);transition:all .5s ease-in-out}
.login_cool .Miss-an{display:none;width:100%;margin-top:20px}
.login_cool .button_login{font-size:14px;border:0;padding:.5em 0;background-color:var(--theme);color:#fff;cursor:pointer;width:100%}
.login_cool .anniu_login:hover{opacity:.8}