header{position:fixed;left:0;top:0;right:0;z-index:999992;background:#FFF;}
header>center{display:grid;grid-template-columns:max-content auto max-content;grid-gap:30px;padding:20px 0;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;justify-content:end;}
header>center *{vertical-align:middle;line-height:40px;}
header>center .lg{font-size:16px;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;white-space:nowrap;padding-top:3px;}
header>center .lg a{font-weight:500;}
header>center .mn>ul{display:flex;gap:50px;-webkit-justify-content:right;justify-content:right;}
header>center .mn>ul a{font-size:16px;font-weight:400;color:#2A2A2A;padding:5px !important;white-space:nowrap;text-transform:uppercase;}
header>center .mn>ul a.active{font-weight:700;background:none !important;color:#222;position:relative;}
header>center .mn>ul a.active>span{position:absolute;left:7px;background:-webkit-linear-gradient(175deg,var(--co) 20%,var(--cu) 50%);background:linear-gradient(175deg,var(--co) 20%,var(--cu) 50%);height:7px;-webkit-border-radius:2px;border-radius:2px;bottom:8px;display:block;width:30px;}
header>center .mn>ul a.active>i[i]+span,header>center .mn>ul a.active>i[i]+b+span{display:none;}
header>center .mn>ul a i[i]{margin:0;margin-top:4px;}
header>center .mn>ul a:hover{background:none;color:#222,forwards;}
header>center .user{position:relative;padding-top:3px;}
header>center .user>a.cl{border-color:#FFF;line-height:26px;color:#FFF;}
header>center .user>a.cl:hover,header>center .user>a.cl.active{background:#FFF;color:var(--co);}
header>center .user img{width:26px;-webkit-border-radius:50%;border-radius:50%;vertical-align:middle;margin-right:5px;aspect-ratio:1;background:#000;}
header>center .user b{font-weight:normal;}
header>center .user b i{margin:0;margin-left:2px;vertical-align:middle;line-height:1;font-size:24px;}
header>center .user ul{background:#FFF;-webkit-border-radius:var(--br1);border-radius:var(--br1);-webkit-box-shadow:var(--sh1);box-shadow:var(--sh1);position:absolute;right:0;top:78%;display:none;padding:0;margin:0;list-style:none;overflow:hidden;}
header>center .user ul li>a{display:block;color:#666;white-space:nowrap;padding:0 10px;border-bottom:1px solid #DDD;line-height:40px;}
header>center .user ul li>a i[i]{font-size:1.4em;margin-top:4px;margin-right:10px;}
header>center .user ul li>a b{display:none;}
header>center .user ul li>a:hover{background:#F4F4F4;color:#000;}
header>center .user ul li>a.active{background:var(--cm);color:#222;}
header>center .user ul li:last-child>a{border-bottom:none;}
header>center .user:hover>ul{display:block;}
header.dark{background:var(--cu);-webkit-box-shadow:0 0 25px rgba(255,255,255,0.3) !important;box-shadow:0 0 25px rgba(255,255,255,0.3) !important;}
header.dark>center .mn>ul a.active{color:var(--co);}
header.dark>center .mn>ul a:hover{color:var(--co);}
header.light{background:#F7F7F7;color:#333;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2) !important;box-shadow:0 0 20px rgba(0,0,0,0.2) !important;}
header.light>center{color:#333;}
header.light>center .lg>a{color:var(--co);font-size:24px;}
header.light>center .mn>ul a{color:#666;}
header.light>center .mn>ul a:hover{color:#000;}
header.light>center .user>a.cl{color:#333;border-color:#333;}
.my-comp{cursor:pointer;padding-top:2px;}
.my-comp>a{font-size:12px;font-weight:600;}
.my-comp>i[i]{margin:0;font-size:12px;vertical-align:middle;}
.my-comp>ul{list-style:none;padding:0;margin:0;position:absolute;background:#FFF;-webkit-border-radius:var(--br1);border-radius:var(--br1);-webkit-box-shadow:var(--sh3);box-shadow:var(--sh3);display:none;max-height:300px;overflow:auto;z-index:9999;}
.my-comp>ul a{display:block;border-bottom:1px solid #DDD;color:#333;padding:0 5px;max-width:260px;line-height:14px;min-height:34px;}
.my-comp>ul a>img{width:60px;margin-right:5px;float:left;margin-top:2px;}
.my-comp>ul a>img[src$="svg"]{background:#DDD;}
.my-comp>ul a>b{font-weight:400;font-size:12px;white-space:normal;line-height:14px;}
.my-comp:hover>ul{display:block;}
footer{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);padding:20px 0;background:#FFF;position:relative;z-index:100;}
footer .arr{display:flex;padding:36px 10px;align-items:center;-webkit-justify-content:center;justify-content:center;gap:10px;}
footer .arr div{font-size:16px;color:#999;}
footer .mn{display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
footer .mn li{width:50%;}
footer .mn a{display:block;padding:5px 0;}
footer .mn a:hover{background:none;}
footer .mn>li:nth-child(2n)>a{text-align:right;}
footer .lx{display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding-top:20px;align-items:center;}
footer .lx .scl{display:flex;gap:30px;}
footer .lx .scl a{-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:30px;font-weight:bold;color:#333;font-family:icon;width:1em;height:1em;}
footer .lx .scl a:hover{color:var(--co);text-shadow:2px 2px 0 rgba(255,255,255,0.3);}
main{min-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:90px;background:#FFF;padding-bottom:30px;}
main>center>h3[t]:first-child{margin-top:20px;}
hr{margin:30px 0;height:1px;background:#AAA;border:none;}
.not-found{height:80vh;display:flex;align-items:center;js:center;}
.not-found>div{width:400px;max-width:90%;aspect-ratio:1;border:15px solid var(--co);-webkit-border-radius:50%;border-radius:50%;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;margin:0 auto;-webkit-box-shadow:5px 5px 15px rgba(0,0,0,0.2);box-shadow:5px 5px 15px rgba(0,0,0,0.2);background:#FFF;}
.not-found>div>b{font-size:140px;display:block;}
.not-found>div>span{font-size:30px;color:var(--co);}
.coming{display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;height:88vh;}
.coming>div{border:15px solid var(--success);aspect-ratio:1;width:500px;max-width:96%;-webkit-border-radius:50%;border-radius:50%;background:#FFF;text-align:center;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.2),inset 0 0 20px #1788a9;box-shadow:5px 5px 10px rgba(0,0,0,0.2),inset 0 0 20px #1788a9;}
.coming>div b{font-size:70px;text-transform:uppercase;text-shadow:2px 2px 0 #CCC;}
.coming>div span{font-size:21px;color:var(--co);display:block;margin-top:20px;}
.coming>div em{font-size:50px;font-style:normal;}
table .st{width:40px;position:relative;cursor:pointer;}
table .st>i[i]{font-size:16px;color:#888;margin:0;width:1.6em;height:1.6em;-webkit-border-radius:50%;border-radius:50%;line-height:1.6em;}
table .st>ul{list-style:none;padding:0;margin:0;position:absolute;right:0;top:100%;display:none;z-index:999;background:#FFF;white-space:nowrap;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;-webkit-box-shadow:var(--sh5);box-shadow:var(--sh5);border:1px solid #D1D1D1;}
table .st>ul>li{border-bottom:1px solid #EEE;}
table .st>ul>li>a{display:block;padding:5px 10px;}
table .st>ul>li>a:last-child{border:none;}
table .st>ul>li>a:hover{background:#F4F4F4;}
table .st>ul>li>a i[i]{margin:0;margin-right:8px;font-size:1.48em;margin-top:-3px;}
table .st>ul>li.del>a:hover{background:var(--cl);color:#FFF;}
table .st:hover>i[i]{color:#FFF;background:var(--co);}
table .st:hover>ul{display:block;}
.filter-new{display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20px;}
.filter-new input{height:30px;-webkit-border-radius:15px !important;border-radius:15px !important;}
.simple-page{max-width:600px;margin:50px auto;background:#FFF;-webkit-border-radius:var(--br3);border-radius:var(--br3);-webkit-box-shadow:var(--sh3);box-shadow:var(--sh3);padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:180%;color:#555;padding-bottom:50px;}
.simple-page>h4{text-align:center;color:var(--co);margin:30px 0;}
.simple-page ol,.simple-page ul{margin:0;}
.simple-page ol>li,.simple-page ul>li{margin:20px 0;}
@media (min-width:1220px){
	.st>header>center{padding:5px 0;}
}
@media (min-width:900px){
	.st>header{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2);}
	.st>header>center{padding:5px 10px;}
	.st>header>center .mn>ul a i[i]{margin-top:-8px;}
	.st>header>center *{line-height:30px;}
	.st>header>center .lg{font-size:16px;}
	.st>header>center .user ul li>a i[i]{margin-top:-14px;}
	.st>header .my-comp>i[i]{line-height:12px;}
}
@media (max-width:1220px){
	center,header>center{padding-right:10px;padding-left:10px;}
	header>center{grid-template-columns:max-content auto max-content;}
	header>center>.my-comp{display:none;}
	center .mn>ul,header>center .mn>ul{gap:10px;}
	.db-log{display:none;}
}
@media (max-width:900px){
	h3[t]{margin-top:20px;}
	header>center{grid-template-columns:max-content auto max-content;padding:10px;}
	header>center>.lg{font-size:16px;}
	header>center>.lg>a{display:block;margin-top:-1px;}
	header>center,header>center .mn>ul{gap:20px;}
	header>center .mn>ul a{padding:0 !important;}
	header>center .mn>ul a.active>span{left:2px;bottom:1px;}
	header>center .user{padding:0;}
	header>center .user>b{padding-bottom:5px;}
	main{padding-top:60px;}
}
@media (max-width:730px){
	header>center{padding:0 10px;}
	main{padding-top:40px;}
}
@media (max-width:800px){
	main{min-height:inherit;padding-bottom:0;}
	header{z-index:1000;}
	header.dark{-webkit-box-shadow:none !important;box-shadow:none !important;}
	header>center{position:relative;padding-left:70px;display:block;text-align:right;}
	header>center>.mn.ve{position:absolute;left:0;text-align:left;}
	header>center>.mn.ve>b{display:block;cursor:pointer;width:30px;aspect-ratio:1;position:relative;margin:5px 10px;position:relative;z-index:10;margin-left:18px;padding-top:30px;}
	header>center>.mn.ve>b:after,header>center>.mn.ve>b:before{content:'';display:block;width:100%;height:4px;background:#000;-webkit-border-radius:2px;border-radius:2px;top:5px;position:absolute;-webkit-transform-origin:right top;transform-origin:right top;}
	header>center>.mn.ve>b:after{bottom:5px;top:auto;-webkit-box-shadow:0 -8px 0 #000;box-shadow:0 -8px 0 #000;-webkit-transform-origin:right bottom;transform-origin:right bottom;}
	header>center>.mn.ve>ul{opacity:0;background:#FFF;height:100vh;-webkit-transform:translateX(-100%);transform:translateX(-100%);overflow:auto;min-width:200px;position:absolute;left:0;top:0;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:50px;display:block;}
	header>center>.mn.ve>ul>li{display:block;padding:0 10px;}
	header>center>.mn.ve>ul>li>a{display:block;padding:0 10px !important;color:#222;line-height:50px;}
	header>center>.mn.ve>ul>li>a:hover{background:#EEE !important;}
	header>center>.mn.ve>ul>li>a>span{display:none;}
	header>center>.lg{z-index:20;position:absolute;}
	header>center>.user{opacity:1;}
	header>center>.user>ul{text-align:left;}
	header>center>.user>b{padding-bottom:2px;}
	header.light>center>.mn.ve>b{}
	header.light>center>.mn.ve>b:after,header.light>center>.mn.ve>b:before{background:var(--co);}
	header.light>center>.mn.ve>b:after{-webkit-box-shadow:0 -8px 0 var(--co);box-shadow:0 -8px 0 var(--co);}
	body>.mco{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.9);opacity:0;z-index:-999;}
	body.msh{overflow:hidden;}
	body.msh>.mco{opacity:1;z-index:999;}
	body.msh>header{background:#FFF !important;}
	body.msh>header.bgr{background:none !important;}
	body.msh>header>center{padding-left:230px;}
	body.msh>header>center>.user{opacity:0.05;z-index:-5;}
	body.msh>header>center>.mn>ul{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
	body.msh>header>center>.mn>b:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:none !important;box-shadow:none !important;bottom:0;width:38px;margin-left:-11px;background:var(--co);}
	body.msh>header>center>.mn>b:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0;width:38px;margin-left:-11px;background:var(--co);}
	header>center,header>center>.mn.ve>b:after,header>center>.mn.ve>b:before,header>center>.mn.ve>ul,body>.mco{-webkit-transition:all 300ms linear;transition:all 300ms linear;}
}
@media (max-width:420px){
	header>center{padding-left:50px;}
	header>center>.lg{font-size:16px;}
	header>center>.user{font-size:0.8em;}
	body.msh>header>center{padding-left:210px;}
	header>center>.mn.ve>b{margin-left:10px !important;}
	h3[t]{font-size:1.3em;}
	footer .lx{gap:20px;border-top:2px solid #333;padding-top:10px;margin-top:10px;}
	footer .lx .scl{gap:10px;}
}
@media (max-width:520px){
	footer .mn.ve{display:block;}
	footer .mn.ve>li{display:block;width:auto;}
	footer .mn.ve>li>a{text-align:left;padding:10px;-webkit-border-radius:5px;border-radius:5px;}
	footer .mn.ve>li>a:hover{background:#EEE;}
}