.header{
	background-color:#393D49;
    width:100%;
}
.footer{
	color:#777;
	font-size:14px;
	text-align: center!important;
}
.footer a{
    color:#777;
}
.fileinfo{
	text-align:right;
}
.fileinfo a{
	margin-right:0.5em;
	color: #7d8d9f;
}
.logo{
	float:left;
	color:#FFFFFF;
	vertical-align: middle;
	margin-top:1em;
	margin-bottom:1em;
}
.logo a{
	color:#FFFFFF;
}
.menu{
	float:left;
}
.dirlist tbody td,.dirlist thead th{
	padding: .55rem 1rem;
	min-height: 20px;
	line-height: 20px;
	font-size: 14px;
	vertical-align: middle;
	border-width: 0;
    border-bottom: 1px solid #eee;
}
.dirlist thead th{
	padding: .75rem 1rem;
	background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.dirlist {
	border: 1px solid rgba(0,0,0,.125);
}
.fname{
	width:520px;
  	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	word-break: break-all;
	display:block;
	color: #24292f;
}
@media screen and (max-width: 992px) {
	.fname{
		width:380px;
	}
}
@media screen and (max-width: 768px) {
	.fname{
		width:unset;
		white-space: unset;
	}
}
.fname .fa {
	color: #57606a;
}
.fname .fa-folder-open{
	color: #368edb;
}
.fname .fa-level-up{
	color: #e1a50e;
}

#msg{
	border:1px solid #FF5722;
	border-radius:2px;
	color:#505050;
	padding:0.7em;
	line-height:1.3em;
	margin-bottom:0.8em;
	background-color:#F5F5F5;
}
#msg i{
	color:#FF5722;
	font-weight:bold;
}
#msg{
	position: relative;
}
.msg-close{
	position: absolute;
	top: 4px;
	right: 10px;
	cursor: pointer;
	font-size: 20px;
	color: #FF5722;
	line-height: 1;
}
.msg-close:hover{
	color: #d93000;
}

.btn-sm{
	padding: .12rem .24rem;
	font-size: .765rem;
	margin: 0 .18rem;
}
.center-block {
    margin: 0 auto;
    float: none;
    padding: 0;
}
textarea{
	word-break: break-all;
}
@media screen and (min-width: 576px) {
	.col-form-label{
		text-align: right;
	}
}

#gg-left{
    position:fixed;
    left:10px;
    top:80px;
    width:100%;
    max-width: 120px;
}
#gg-left img{
    width:100%;
    max-width: 120px;
}
#gg-right{
    position:fixed;
    top:80px;
    right:10px; 
}
#gg-right img{
    width:100%;
    max-width: 120px;
}
@media screen and (max-width: 1366px) {
    #gg-left,#gg-right{
        display: none;
    }
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* Flexbox Sticky Footer */
html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
#main {
  flex-grow: 1;
}

/* ========== ��ɫģʽ ========== */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #1a1a2e;
        color: #e0e0e0;
    }
    .navbar {
        background-color: #16213e !important;
        border-bottom-color: #0f3460 !important;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #bbb;
    }
    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link.active {
        color: #fff;
    }
    .navbar-light .navbar-brand {
        color: #fff;
    }
    .card, .card-body {
        background-color: #16213e;
        border-color: #0f3460;
    }
    .card-header {
        background-color: #0f3460;
        border-bottom-color: #0f3460;
        color: #e0e0e0;
    }
    .card-footer {
        background-color: #0f3460;
        border-top-color: #0f3460;
    }
    .dirlist {
        border-color: #0f3460;
    }
    .dirlist tbody td, .dirlist thead th {
        border-bottom-color: #0f3460;
        color: #e0e0e0;
    }
    .dirlist thead th {
        background-color: #0f3460;
        border-bottom-color: #0f3460;
    }
    .fname {
        color: #c8d0d8;
    }
    .fname .fa {
        color: #8899aa;
    }
    .fname .fa-folder-open {
        color: #5a9fd4;
    }
    .fname .fa-level-up {
        color: #d4a840;
    }
    #msg {
        background-color: #2a1a1a;
        color: #e0c0c0;
    }
    .footer {
        color: #777;
    }
    .footer a {
        color: #777;
    }
    .form-control {
        background-color: #1a1a2e;
        border-color: #0f3460;
        color: #e0e0e0;
    }
    .form-control:focus {
        background-color: #1a1a2e;
        color: #e0e0e0;
    }
    .table-hover tbody tr:hover {
        background-color: rgba(255,255,255,0.05);
    }
    .bg-light {
        background-color: #16213e !important;
    }
    .bg-white {
        background-color: #16213e !important;
    }
    .border-bottom {
        border-bottom-color: #0f3460 !important;
    }
    .border-warning {
        border-color: #b8860b !important;
    }
    .bg-warning {
        background-color: #6b4f00 !important;
    }
    .fileinfo a {
        color: #6688aa;
    }
    .custom-control-label::before {
        background-color: #1a1a2e;
        border-color: #0f3460;
    }
    .text-muted {
        color: #888 !important;
    }
    .btn-outline-primary {
        color: #66aaff;
        border-color: #66aaff;
    }
    .btn-outline-primary:hover {
        background-color: #66aaff;
        color: #000;
    }
    .btn-outline-secondary {
        color: #999;
        border-color: #666;
    }
    .btn-outline-secondary:hover {
        background-color: #666;
        color: #fff;
    }
    .btn-outline-info {
        color: #66ccdd;
        border-color: #66ccdd;
    }
    .btn-outline-info:hover {
        background-color: #66ccdd;
        color: #000;
    }
    .btn-outline-success {
        color: #66dd88;
        border-color: #66dd88;
    }
    .btn-outline-success:hover {
        background-color: #66dd88;
        color: #000;
    }
    .btn-outline-danger {
        color: #ee6666;
        border-color: #ee6666;
    }
    .btn-outline-danger:hover {
        background-color: #ee6666;
        color: #000;
    }
    .modal-content {
        background-color: #16213e;
        border-color: #0f3460;
    }
    .modal-header {
        border-bottom-color: #0f3460;
    }
    .modal-footer {
        border-top-color: #0f3460;
    }
    .close {
        color: #ccc;
        text-shadow: none;
    }
    .close:hover {
        color: #fff;
    }
    .dropdown-menu {
        background-color: #16213e;
        border-color: #0f3460;
    }
    .dropdown-item {
        color: #ccc;
    }
    .dropdown-item:hover {
        background-color: #0f3460;
        color: #fff;
    }
    .nav-tabs .nav-link {
        color: #999;
    }
    .nav-tabs .nav-link.active {
        background-color: #16213e;
        border-color: #0f3460 #0f3460 #16213e;
        color: #fff;
    }
    .nav-tabs {
        border-bottom-color: #0f3460;
    }
    select.form-control option {
        background-color: #16213e;
        color: #e0e0e0;
    }
    .markdown-body {
        background-color: #16213e !important;
        color: #e0e0e0;
    }
    .page-link {
        background-color: #16213e;
        border-color: #0f3460;
        color: #bbb;
    }
    .page-link:hover {
        background-color: #0f3460;
        color: #fff;
    }
    .page-item.active .page-link {
        background-color: #0f3460;
        border-color: #0f3460;
    }
    .page-item.disabled .page-link {
        background-color: #16213e;
        border-color: #0f3460;
        color: #555;
    }
    .breadcrumb {
        background-color: #16213e;
    }
    a {
        color: #66aaff;
    }
    a:hover {
        color: #88ccff;
    }
    pre {
        background-color: #0a0a1a;
        color: #e0e0e0;
    }
    .table {
        color: #e0e0e0;
    }
    .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.3) !important;
    }
}

/* layer 弹窗（文件校验窗口等）深色模式适配 */
@media (prefers-color-scheme: dark) {
    .layui-layer{background-color:#16213e !important;color:#e0e0e0 !important;box-shadow:1px 1px 20px rgba(0,0,0,.7) !important;}
    .layui-layer-title{background-color:#0f3460 !important;color:#e0e0e0 !important;border-bottom:1px solid #0f3460 !important;}
    .layui-layer-content{background-color:#16213e !important;color:#e0e0e0 !important;}
    .layui-layer-content b{color:#9ecbff !important;}
    .layui-layer-btn{border-top:1px solid #0f3460 !important;background-color:#16213e !important;}
    .layui-layer-btn a{background-color:#243b55 !important;border-color:#1b4a7a !important;color:#c8d0d8 !important;}
    .layui-layer-btn .layui-layer-btn0{background-color:#1b6ec2 !important;border-color:#1b6ec2 !important;color:#fff !important;}
    .layui-layer-setwin a{filter:invert(1);}
}

/* 公告 Markdown 渲染样式 */
#msg .announce-md { line-height:1.5; margin-top:.1em; }
#msg .announce-md > *:first-child { margin-top:0; }
#msg .announce-md > *:last-child { margin-bottom:0; }
#msg .announce-md h1, #msg .announce-md h2, #msg .announce-md h3,
#msg .announce-md h4, #msg .announce-md h5, #msg .announce-md h6 {
	font-weight:600; margin:.6em 0 .4em; color:inherit;
}
#msg .announce-md h1 { font-size:1.25rem; }
#msg .announce-md h2 { font-size:1.15rem; }
#msg .announce-md h3 { font-size:1.05rem; }
#msg .announce-md p { margin:0 0 .5em; }
#msg .announce-md ul, #msg .announce-md ol { margin:0 0 .5em; padding-left:1.4em; }
#msg .announce-md a { color:#1b6ec2; }
#msg .announce-md code {
	background:rgba(0,0,0,.06); padding:.1em .35em; border-radius:3px;
	font-size:.9em; color:#c7254e;
}
#msg .announce-md pre {
	background:rgba(0,0,0,.06); padding:.6em .8em; border-radius:4px; overflow:auto;
}
#msg .announce-md pre code { background:none; padding:0; color:inherit; }
#msg .announce-md blockquote {
	margin:.4em 0; padding:.2em .8em; border-left:3px solid #FF5722; opacity:.9;
}
#msg .announce-md img { max-width:100%; height:auto; }
#msg .announce-md hr { border:0; border-top:1px solid rgba(0,0,0,.12); margin:.8em 0; }
#msg .announce-md table { border-collapse:collapse; margin:0 0 .5em; }
#msg .announce-md th, #msg .announce-md td {
	border:1px solid rgba(0,0,0,.15); padding:.25em .6em;
}

/* 公告深色模式适配 */
@media (prefers-color-scheme: dark) {
	#msg .announce-md a { color:#9ecbff; }
	#msg .announce-md code { background:rgba(255,255,255,.10); color:#ffb3c1; }
	#msg .announce-md pre { background:rgba(255,255,255,.08); }
	#msg .announce-md hr { border-top-color:rgba(255,255,255,.18); }
	#msg .announce-md th, #msg .announce-md td { border-color:rgba(255,255,255,.22); }
}

/* 文件列表底部 高速下载 */
.dl-xunlei { margin:.4rem 0 0; text-align:left; font-size:14px; }
.dl-xunlei a { color:#1b6ec2; }
@media (prefers-color-scheme: dark) {
	.dl-xunlei a { color:#9ecbff; }
}