body{margin:0;padding:0;background:#f2f3f5;}
.layui-layout-admin .layui-logo{background:#393D49;color:#fff;font-weight:bold;text-align:center;line-height:60px;transition:.3s;}
.layui-nav-tree .layui-nav-item a{font-size:14px;height:40px;line-height:40px;}
.layui-nav-tree .layui-nav-child a{padding-left:30px;}
.layui-nav-tree .layui-nav-item a i{margin-right:6px;font-size:16px;vertical-align:middle;}
.layui-layout-admin .layui-header{background:#393D49 !important;height:60px;}
.layui-layout-admin .layui-side{background:#393D49 !important;transition:.3s;z-index:99;width:200px;}
.layui-body{padding:20px;background:#f2f3f5;transition:.3s;padding-bottom:45px;left:200px;}
.layui-footer{position:fixed;left:200px;right:0;bottom:0;line-height:42px;height:42px;background:#fff;border-top:1px solid #eee;color:#666;text-align:center;font-size:12px;z-index:9;transition:.3s;}

.fold-side .layui-side{width:60px;}
.fold-side .layui-logo{width:60px;}
.fold-side .layui-body,.fold-side .layui-footer{left:60px;}
.fold-side .layui-logo span,.fold-side .layui-nav-item a cite{display:none;}
.fold-side .layui-nav-item a i{margin:0;}
.fold-side .layui-nav-child{display:none!important;}

@media(max-width:768px){
.layui-layout-admin .layui-header{background:#393D49 !important;}
.layui-layout-admin .layui-side{background:#393D49 !important;}
.layui-side{transform:translateX(-100%);width:200px;position:fixed;top:60px;left:0;}
.layui-body,.layui-footer{left:0!important;}
.mobile-side-show .layui-side{transform:translateX(0);box-shadow:2px 0 8px rgba(0,0,0,.15);}
.mobile-mask{position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:98;display:none;}
.mobile-side-show .mobile-mask{display:block;}
}

.api-content{background:#fff;padding:30px;border-radius:4px;}
.api-content h1{font-size:24px;font-weight:500;margin-bottom:15px;color:#333;}
.api-content h2{font-size:18px;font-weight:500;margin:30px 0 15px;color:#333;border-bottom:1px solid #eee;padding-bottom:10px;}
.api-content h3{font-size:16px;font-weight:500;margin:20px 0 10px;color:#333;}
.api-content p{color:#666;font-size:14px;line-height:1.7;margin-bottom:10px;}
.api-content ul,.api-content ol{color:#666;margin-left:20px;margin-bottom:15px;}
.api-content li{margin-bottom:6px;}
.code-block{background:#2f3544;color:#f8f8f8;padding:18px;border-radius:4px;overflow-x:auto;margin:12px 0;}
.code-block pre{margin:0;font-family:Consolas,monospace;white-space:pre;}
.layui-table{margin:12px 0 20px;}
.layui-table th{background:#fafafa;}
.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;color:#fff;}
.badge-post{background:#009688;}
.badge-get{background:#1e9fff;}
.required{color:#ff4d4f;font-weight:bold;}
.optional{color:#999;}
.tips-info{padding:12px 15px;background:#f0f7ff;border:1px solid #dbeafe;border-radius:4px;margin:10px 0;color:#1e40af;}
.tips-warn{padding:12px 15px;background:#fffbeb;border:1px solid #fef3c7;border-radius:4px;margin:10px 0;color:#92400e;}
.api-url{padding:10px 14px;background:#f8f9fa;border:1px solid #eee;border-radius:4px;margin:10px 0;font-family:Consolas;}
#toggleSide{color:#fff;}