/* 公用 */
@font-face{font-family:'icon';src:url('//static.nlrdev.top/font-service/remixicon/remixicon.woff2');}
html{background:#F9F9FB;font-size:16px;user-select:none;--FilesWidth:200px;font-family:'微软雅黑';}
body{margin:0;text-align:center;}
font{font-family:icon;}
*{box-sizing:border-box;scrollbar-width:none;outline:none;}
*[hidden]{display:none!important;}
*:not(.textEditorContainer *)::-webkit-scrollbar{display:none;}
a{color:#1E9FFF;text-decoration:none;cursor:default;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;opacity:.8;}
button{background:#1E9FFF;color:white;border:0;border-radius:5px;padding:5px 20px;font-size:1rem;transition:filter .2s;}
button.sub{background:#DBEFFF;color:#1E9FFF;}
button:hover{filter:brightness(.95);}
button:active{filter:brightness(.9);}
button:disabled{filter:grayscale(1)!important;}
input:not(.textEditorContainer input),select{font-size:.95rem;padding:10px;width:100%;border-radius:5px;border:1px solid #dadada;background:#F9F9FB;transition:border .2s,background .2s;margin:15px 0;}
input:not(.textEditorContainer input):focus,select:hover{background:white;border:1px solid #1E9FFF;}

/* 顶栏 */
header{height:49px;position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;padding:0 15px;background:linear-gradient(180deg, rgba(255,255,255,.7), transparent);white-space:nowrap;z-index:5;}
header.background{border-bottom:1px solid #CDCDCD;background:white;height:50px;}
header .branding{font-size:1.6em;}
header .branding span:nth-child(2){color:#1E9FFF;font-weight:bold;}
header .seperator{flex:100%;}
header .nav{display:flex;align-items:center;}
header .nav a{color:black;margin:0 5px;padding:3px 0;border-bottom:2px solid transparent;text-decoration:none!important;font-size:.95em;display:block;}
header .nav a:hover{color:#1E9FFF;}
header .nav a.active{color:#1E9FFF;font-weight:bold;border-bottom:2px solid #1E9FFF;opacity:1!important;}
header .nav a.btn{color:white!important;background:#1E9FFF;border-bottom:none;padding:3px 10px;border-radius:5px;font-size:1em;margin-left:10px;}

/* 标题 */
.top{height:400px;width:100%;position:relative;border-bottom:1px solid #CDCDCD;margin-bottom:10px;}
.top>img{top:0;left:0;width:100%;height:100%;pointer-events:none;background:white;}
.top>.titleText{position:absolute;top:40px;left:0;bottom:0;margin:auto 0;width:100%;height:fit-content;}
.top>.titleText font{color:#1E9FFF;font-size:7em;}
.top>.titleText .title{font-size:2.7em;}
.top>.titleText .titleEn{font-size:1.3em;opacity:.8;text-transform:uppercase;letter-spacing:.1em;font-family:'Segoe UI Regular','Segoe UI',Arial;}

/* 主体 */
main{display:inline-block;max-width:800px;width:calc(100% - 16px);min-height:calc(100vh - 500px);}
.box{border:1px solid #CDCDCD;background:white;box-shadow:0 4px 6px rgba(0,0,0,.04);border-radius:7px;overflow:hidden;position:relative;padding:20px;margin-top:20px;}

/* 页脚 */
footer{background:black;padding:20px;color:white;display:flex;text-align:left;font-size:.95em;justify-content:center;margin-top:50px;}
footer .branding{width:360px;}
footer .branding .title{font-size:1.5em;}
footer .branding .legal{margin-top:1em;}
footer .links{display:flex;}
footer .links .section{width:130px;}
footer .links .section a,footer .links .section b{display:block;}
footer .links .section b{margin-bottom:0.5em;}

/* 移动适配 */
@media screen and (max-width: 780px) {
	footer{flex-direction:column;}
	footer .branding{margin-bottom:2em;width:100%;}
	html{zoom:.8;}
}
@media screen and (max-width: 420px) {
	html{zoom:.62;}
}