/*后台图标*/

body{background-color:#fff; font-family:"微软雅黑"; }
.fl{float:left;}
.fr{float:right;}
.nobg{background-color:transparent!important}
.font12{font-size:12px!important;}
.font18{font-size:18px!important;}
.font20{font-size:20px!important;}
.mag0{ margin:0 !important; }
.m5{margin: 5px auto; }
.m10{margin: 10px auto; }
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.m10{margin: 10px;}
.m20{margin: 20px;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px;}
.pb10{padding-bottom:10px;}
.pb50{padding-bottom:50px;}
.p10{padding:10px;}
.p20{padding:20px;}
.w50{width:50px!important;}
.w60{width:60px!important;}
.w70{width:70px!important;}
.w80{width:80px!important;}
.w100{width:100px!important;}
.w110{width:110px!important;}
.w120{width:120px!important;}
.w150{width:150px!important;}
.w200{width:200px!important;}
.w300{width:300px!important;}
.w350{width:350px!important;}
.w400{width:400px!important;}
.w500{width:500px!important;}
.w600{width:600px!important;}
.w700{width:700px!important;}
.w800{width:800px!important;}
.w900{width:900px!important;}
.lh30{ height: 30px; line-height: 30px; }
.lh40{ height: 40px; line-height: 40px; }
.mcolor{color:#5c90d2;}
.mcolor2{color:#009688;}
.hide{display:none;}
.red{color:#f00;}
.green{ color: #008800; }
.center{ text-align:center; }
#form-icon-preview{float:left;width:34px;height:36px;line-height:36px;font-size:30px!important;border:1px solid #e6e6e6;text-align:center;border-radius:3px;}
.j-iframe-pop{margin:0 10px;}
.help-tips{cursor:pointer;}
.layui-layer-page .layui-layer-content {overflow: inherit !important;}
.page-container .layui-tab-content { padding: 15px 30px 0 30px; }

/*登录面板*/
.login-body {background-color:#f5f5f5;}
.login-head a{color:#fff;!important;}
.login-body .login-box h3{color:#444;font-size:22px;font-weight:100;text-align:center}
.login-head{position:fixed;left:0;top:0;width:80%;height:60px;line-height:60px;background:#000;padding:0 10%;}
.login-head h1{color:#fff;font-size:20px;font-weight:600}
.login-box{margin:240px auto 0;width:400px;background-color:#fff;padding:15px 30px;border-radius:10px;box-shadow: 5px 5px 15px #999;}
.login-box .layui-input{font-size:15px;font-weight:400}
.login-box .layui-input[type=number]{display:inline-block;width:50%;vertical-align:top}
.login-box img{display:inline-block;width:46%;height:38px;border:none;vertical-align:top;cursor:pointer;margin-left:4%}
.login-box input[name="password"]{letter-spacing:5px;font-weight:800}
.login-box .layui-btn{width:100%;}
.login-box .copyright{text-align:center;height:50px;line-height:50px;font-size:12px;color:#ccc}
.login-box .copyright a{color:#ccc;}


/*主面板*/
.layui-form-item{margin-bottom: 10px;}
.layui-form-pane .layui-form-label { padding: 8px 5px; }
.layui-layout-admin .layui-footer{ height:30px; line-height: 30px;}
.layui-header,.layui-side {z-index:99999}

.header-logo {width:165px;height:60px;line-height:60px;text-indent:20px;    color: transparent;font-size:18px;background-image: linear-gradient(135deg,#26A69A,#00ff13);-webkit-background-clip: text;}
.header-fold {width:50px;height:60px;line-height:60px;text-align:center;color:#fff;}
.header-fold a {color:#fff}
#foldSwitch{font-size:24px!important;}
.head-info .layui-nav-child {top:60px}
.head-info .layui-nav-item a {padding:0 10px}
.main-nav {padding:0}
.main-nav .layui-nav-item a {font-size:16px;padding:0;margin:0 15px}
.footer{line-height:44px;padding:0 10px;color:#666;}
.footer a{color:#5c90d2;}



.hideMenu {float: left; width: 20px; height: 20px; margin-top: 15px; font-size: 17px; line-height: 20px; text-align: center; padding: 5px 5px; color: #fff; background-color: #1AA094; }
.hideMenu:hover{ color:#fff; }

.topLevelMenus {float: left; }
.topLevelMenus .layui-nav-item.layui-this {background-color: rgba(0,0,0,0.5); }
.showMenu.layui-layout-admin .layui-side {left: -300px; transition: all .3s; -webkit-transition: all .3s; }
.showMenu .layui-body,.showMenu .layui-layout-admin .layui-footer {left: -2px; }



#B_history {top: 0; position: absolute; border-bottom: none; left:80px; }
#top_tabs_box {
    padding-right: 138px;
    height: 40px;
    border-bottom: 1px solid #e2e2e2;
}
.tab-right {
    background: #fff;
    right: 0px;
    top: 0;
    height: 40px;
    width: 150px;
    position: absolute;
    text-align: center;
}

.tab-go-refresh{z-index: 99;background: #fff;position: absolute; top: 0; width: 40px; height:40px; text-align: center; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box; border-right: 1px solid #e6e6e6;}
.tab-go-refresh i{ color: #666; font-size: 20px; line-height: 40px; cursor: pointer}
.tab-go-left {border-color: #e6e6e6; left:40px; top: 0; height: 40px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; width: 39px; position: absolute; text-align: center; background: #fff; z-index: 999; }
.tab-go-left i { color: #666; font-size: 20px; line-height: 40px; cursor: pointer; }
.tab-go-right {background: #fff; border-color: #e6e6e6; right: 60; top: 0; height: 40px; border-bottom: 1px solid #e6e6e6; width: 40px; position: absolute; text-align: center; border-left: 1px solid #e6e6e6; z-index: 999; border-right: 1px solid #e6e6e6; }
.tab-go-right i {cursor: pointer; color: #666; font-size: 20px; line-height: 40px; }



.closeBox {
    position: absolute;
    right: 0;
    background-color: #fff !important;
    color: #000;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.closeBox .layui-nav-item {
    height: 40px;
    line-height: 40px;
}
/*页面操作*/
.closeBox .layui-nav-child {top: 42px; left: -12px; }
.closeBox .layui-nav-item>a, .closeBox .layui-nav-item>a:hover {color: #000; }
.closeBox a span.layui-nav-more {border-color: #333 transparent transparent; }
.closeBox a span.layui-nav-more.layui-nav-mored{ border-color:transparent transparent #333;}
.closeBox a i.caozuo {font-size: 16px; position: absolute; top: 1px; left: 0; }


.bread-crumbs{display:block;background-color:#f9f9f9;padding:10px 0 0 10px;height:30px;overflow:hidden;}
.bread-crumbs li{float:left;margin:0 5px;color:#666;height:30px;line-height:30px}
.bread-crumbs li a{color:#666;}
.page-body{display:block;margin:8px;overflow:auto;}
.page-body>.layui-tab{margin:0;}
.page-tab-content{background-color:#fff;overflow:auto;min-height:550px;}
/* 全屏 */
.tool-btns{position:absolute;right:15px;top:11px;font-size:18px;color:#888}
.tool-btns .sys-icon{color:#999;margin-left:8px;}
.fullscreen{position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index:1090;margin-bottom: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;backface-visibility: hidden;height:100%}
.fullscreen.page-body,
.fullscreen .layui-tab{margin:0;}
/* 页面工具栏 */
.page-toolbar{display:block;overflow:hidden;}
.page-filter{height:40px;overflow:hidden;}
.page-filter .layui-form-pane .layui-form-label{width:auto;}
.page-filter .layui-form-pane .layui-form-item .layui-input-inline{margin-right:0;}
.page-tips{margin-bottom:10px;}
.page-tips .layui-colla-title{height:26px;line-height:26px;background-color:#f9f9f9;color:#999;}
.page-form{margin:10px 0;}
#layerTopTips{background-color:#393D49;color:#fff;padding:5px 25px;border-radius:0 0 5px 5px;}
/*分页*/
.pagination{overflow:hidden;display:block;border-left:1px solid #eee;float:right;}
.pagination li{float:left;border:1px solid #eee;margin-left:-1px;font-size:16px;overflow:hidden;cursor:pointer;}
.pagination li a,
.pagination li span{display:block;padding:6px 18px;}
.pagination li.active{background-color:#393e49;color:#fff;border-color:#393e49;}

/* 角色权限设置 */
.role-list-form dl{display:block;}
.role-list-form-top{border:1px solid #f9f9f9;}
.role-list-form dl dt{display:block;background-color:#f9f9f9;padding:0px 10px 10px 10px;}
.role-list-form dl dd{display:block;padding:0px 15px;overflow:hidden;}
.role-list-form dl dd dl dt{background:none;}
.role-list-form dl dd dl dd{padding:0px 25px;}
.role-list-form dl dd dl dd {padding:0 35px;}
.role-list-form dl dd dl dd a{display:inline-block;}

/* 系统菜单管理 */
.menu-hd {font-size:14px;font-weight:400;border-top:1px dotted #eee}
.menu-dl dt,.menu-dl dd {position:relative;border:1px dotted #eee;border-top:0}
.menu-dl .hd,.menu-dl .hd2,.menu-dl .hd3,.menu-dl .layui-form-switch,.menu-btns {position:absolute;left:260px;top:4px}
.menu-dl .hd,.menu-dl .hd2,.menu-dl .hd3 {top:-26px}
.menu-dl .hd {left:280px}
.menu-dl .hd2 {left:520px}
.menu-dl .hd3 {left:710px}
.menu-dl .layui-form-switch {left:490px;top:1px;margin:0}
.menu-dl .menu-sort {position:absolute;left:260px;top:3px;height:20px;line-height:20px;width:40px;padding:0;text-align:center;color:#666;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px}
.menu-dl1,.menu-dl2 {display:block}
.menu-dl1 dt,.menu-dl2 dt {padding:5px 2px}
.menu-dl2 {padding-left:20px}
.menu-dl2 dd {padding:5px 20px}
.menu-dl1 dt .menu-sort {left:280px}
.menu-dl2 dt .menu-sort {left:300px}
.menu-dl2 dd .menu-sort {left:340px}
.menu-dl1 .layui-form-switch {left:520px}
.menu-dl2 .layui-form-switch {left:500px}
.menu-btns {left:710px}
.menu-dl2 .menu-btns {left:688px}
.layui-nav-child dd:hover{background-color: #009688;color: #fff;}
/*数据列表页排序字段*/
.input-sort{height:24px;line-height:24px;width:40px;padding:0;text-align:center;color:#666;}
/*模块、插件、支付平台列表*/
.module-list-info{display:block;overflow:hidden;}
.module-list-info img{float:left;margin-right:10px;border-radius:10px;}
.module-list-info i{float:left;margin-right:10px;font-size:80px;line-height:82px;text-align:center;overflow:hidden;color:#2a95de;}
.module-list-info .txt{float:left;max-width:80%;overflow:hidden;}
.module-list-info .txt h3{font-weight:500;display:inline-block;}
.module-list-info .txt p{font-size:12px;}
.module-list-info .txt p span{color:#2a95de;}
/*弹窗底部bar*/
.pop-bottom-bar{position:fixed;left:0;bottom:0;width:96%;background:#eee;padding:5px 2%;}
.pop-bottom-bar .pages{max-width:70%;overflow:hidden;}
.pop-bottom-bar .pages .pager{}
.pop-bottom-bar .pages .pager li{float:left;margin:0 5px;}
.pop-bottom-bar .pages .pager li a,.pop-bottom-bar .pages .pager li span{height:38px;line-height:38px;padding:0 10px;font-weight:500;display:inline-block;}

.hook-plugins-sort{margin:10px 0 20px 0;border-top:1px dotted #eee;border-left:1px dotted #eee;border-right:1px dotted #eee;float:left;overflow:hidden;}
.hook-plugins-sort li{float:left;width:100%;padding:5px 10px;border-bottom:1px dotted #eee;overflow:hidden;}
.hook-plugins-sort li span{float:left;margin-right:20px;width:150px;height:20px;line-height:22px;}

/*themes*/
.themes{}
.themes li{float:left;width:360px;overflow:hidden;margin:10px 20px 10px 10px;}
.themes li img{float:left;border-radius:5px;padding:2px;border:1px solid #ddd;}
.themes li dl{float:right;width:190px;overflow:hidden;}
.themes li dd{line-height:28px;}
.themes li dt{margin-top:10px;}

/* 锁屏 */
.lock-screen{padding:20px;overflow:hidden;display:block;}
.lock-screen input{float:left;width:180px;background-color:#009688;border-color:#009688;color:#fff;font-size:16px;}
.lock-screen input::-webkit-input-placeholder{color:#fff;}
.lock-screen input:-moz-placeholder{color:#fff;}
.lock-screen input::-moz-placeholder{color:#fff;}
.lock-screen input:-ms-input-placeholder{color:#fff;}
.lock-screen button{float:left;margin-left:20px;}

/* 漂浮图 */
.showpic {position:absolute; width:120px; height:160px; text-align:center; line-height:150%; border:2px solid #DEEFFA; padding:5px; background:#FFFFFF;  z-index:99999;}

/* 升级窗体 */
.update{background:#ffffff;padding:10px;clear: both;}
.update h1{border-bottom:1px solid #c8d8e6;font-size:14px;line-height: 25px;font-weight: bold;}

/*插件中心*/
.addon {
    position: relative;
    padding: 4px;
    display: block;
    margin-bottom: 17px;
    line-height: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.addon-caption {
    padding: 9px;
    color: #333333;
}
.add-logo{
    display: block;
    max-width: 100%;
    height: 200px;
}

/*金刚狼*/
.layui-mobile.site-tree-mobile {position:absolute;left:2%;top:1px;color:white;background-color:transparent;height:60px;line-height:60px;}

.header-top {display:none}
.size-14 {font-size:14px}
.size-16 {font-size:16px;}
.size-20 {font-size:20px;}
.layout-right {position:absolute;padding:0;color:#fff;border-radius:2px;font-size:0;box-sizing:border-box;right:0;}
.layout-right .nav-item {position:relative;display:inline-block;display:inline;zoom:1;vertical-align:middle;line-height:40px;}
.layout-right .nav-item a {font-size:16px;padding:0;margin:0 15px;color:#fff;}
.top-logo {background:none;border-bottom:0 solid transparent;position:absolute;top:0;z-index:1200;width:130px;left:20%;margin-left:-65px;font-size:17px;height:40px;line-height:40px;background-image:linear-gradient(135deg,#26A69A,#00ff13);-webkit-background-clip:text;color:transparent;}
.top-nav {}
.nav-item-ul {display:none;position:fixed;z-index:999999;top:40px;}
.drawer-body-right .nav-item-ul {display:block;}
@media screen and (max-width:768px) {
	.site-mobile .layui-header .site-tree-mobile {display:block!important;color:#fff;}
	.site-mobile .layui-header .site-tree-mobile .layui-icon{    background-color: rgba(0,0,0,0.28);
    padding: 5px;}
	.header-top .layui-layout-right {padding:0;}
	.header-top {display:block;height:40px;}
	.layui-layout-admin .layui-body {top:105px;bottom:44px;}
	.bottom-nav {white-space:nowrap;overflow:scroll;position:relative;left:13%;width:87%;}
}









.wapmenu{display:none;}
.mobileTopLevelMenus{display: none;float: left;}
@media screen and (max-width:1300px){
    .mobileTopLevelMenus{display: inline-block; }
    .topLevelMenus{display: none !important; }
}
@media screen and (max-width: 768px) {
    .layui-layout-admin .layui-side{left: -300px; transition: all .3s; -webkit-transition: all .3s;}
    .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 20px; left: 10px; width: 40px; height: 40px; line-height: 40px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
    .site-mobile .site-tree-mobile{display: none !important;}
    .site-mobile .layui-side{ left: 0px; z-index:1100; }
    .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.9); z-index: 999;}
    .layui-body,.layui-layout-admin .layui-footer{ left:-2px; }
}
@media screen and (max-width: 720px){
    .hideMenu {display: none !important; }
    .mobileTopLevelMenus{ padding:0;}
    .winner-hide {display: none !important; }
}
@media screen and (max-width:480px){
    .header-logo{ display: none;}
    .layui-nav .layui-nav-item a {}
}

.topLevelMenus-winner {float: left;z-index:1100;position: absolute;left: -20px;top: 60px;width: 150px;}
.topLevelMenus-winner .layui-nav-item {background-color: #23262e; }
.topLevelMenus-winner .layui-nav-item.layui-this {background-color: rgba(0,0,0,0.5); }

.screenshot_list div{float: left;position:relative;}
.screenshot_list div .del_screenshot{
    position: absolute;
    background-color: aliceblue;
    padding: 4px;
    top: 5px;
    right: 15px;
}
.screenshot_list div img {
    width: 160px;
    height: 92px;
    margin: 0 10px 10px 0;
}

/* VOD/ART list: ops column layout */
.layui-table td.mac-table-opt-cell {
    vertical-align: middle;
    white-space: nowrap;
}
.layui-table .mac-table-opt-btns {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    line-height: normal;
}
.layui-table .mac-table-opt-btns .layui-btn + .layui-btn {
    margin-left: 0 !important;
}

/* VOD/ART list row: compact, uniform action buttons */
.layui-table .mac-table-opt-btns .layui-btn {
    height: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
}

/* Traditional admin theme upgrade */
.admin-classic-shell {
    min-height: 100vh;
    color: #182132;
    background:
        radial-gradient(circle at top, rgba(76, 111, 255, 0.12), transparent 34%),
        linear-gradient(180deg, #eef3fb 0%, #f7f9fc 32%, #f3f6fb 100%);
}
.admin-classic-shell .layui-layout-admin {
    background: transparent;
}
.admin-classic-shell .layui-header.header-top {
    display: none;
}
.admin-classic-shell .layui-layout-admin .layui-header {
    background: linear-gradient(135deg, #0f172a 0%, #172554 45%, #1d4ed8 100%);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.24);
}
.admin-classic-shell .layui-layout-admin .layui-header + .layui-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.admin-classic-shell .header-logo,
.admin-classic-shell .top-logo {
    color: #fff;
    background-image: linear-gradient(135deg, #ffffff, #dbeafe 60%, #93c5fd);
    -webkit-background-clip: text;
}
.admin-classic-shell .header-fold,
.admin-classic-shell .header-fold a,
.admin-classic-shell .main-nav .layui-nav-item a,
.admin-classic-shell .layout-right .nav-item a,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-nav-item > a {
    color: rgba(255,255,255,0.86);
}
.admin-classic-shell .main-nav .layui-nav-item,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-nav-item {
    transition: all .2s ease;
}
.admin-classic-shell .main-nav .layui-nav-item:hover,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-nav-item:hover,
.admin-classic-shell .main-nav .layui-this,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-this {
    background: rgba(255,255,255,0.12);
}
.admin-classic-shell .main-nav .layui-this a,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-this > a {
    color: #fff;
}
.admin-classic-shell .layui-side.layui-bg-black {
    background: linear-gradient(180deg, #111827 0%, #18243a 100%) !important;
    box-shadow: 10px 0 30px rgba(15, 23, 42, 0.16);
}
.admin-classic-shell .layui-side-scroll {
    padding: 16px 12px 20px;
    box-sizing: border-box;
}
.admin-classic-shell .layui-nav-tree {
    background: transparent;
}
.admin-classic-shell .layui-nav-tree .layui-nav-bar {
    background: linear-gradient(180deg, #60a5fa, #3b82f6);
    border-radius: 999px;
}
.admin-classic-shell .layui-nav-tree .layui-nav-item > a {
    margin-bottom: 8px;
    border-radius: 12px;
    color: rgba(255,255,255,0.82);
    transition: all .2s ease;
}
.admin-classic-shell .layui-nav-tree .layui-nav-item > a:hover,
.admin-classic-shell .layui-nav-tree .layui-nav-itemed > a {
    background: rgba(255,255,255,0.08);
    color: #fff;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child {
    background: rgba(255,255,255,0.03);
    border-radius: 14px;
    padding: 8px 0;
    margin: 2px 0 10px;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a {
    height: 40px;
    line-height: 40px;
    margin: 2px 8px;
    padding-left: 18px;
    border-radius: 10px;
    color: rgba(226, 232, 240, 0.86);
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a:hover,
.admin-classic-shell .layui-nav-tree .layui-nav-child dd.layui-this a,
.admin-classic-shell .layui-nav-child dd:hover {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.26), rgba(96, 165, 250, 0.16));
    color: #fff;
}
.admin-classic-shell .layui-body {
    left: 220px;
    top: 60px;
    bottom: 22px;
    padding: 16px 16px 12px;
    background: transparent;
}
.admin-classic-shell .layui-footer.footer {
    left: 220px;
    right: 0;
    height: 22px;
    line-height: 22px;
    padding: 0 18px;
    background: transparent;
    color: #7b8798;
}
.admin-classic-shell #top_tabs_box {
    height: 54px;
    padding-right: 168px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 16px 16px 0 0;
    background: rgba(255,255,255,0.78);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(14px);
}
.admin-classic-shell #B_history {
    left: 96px;
}
.admin-classic-shell .layui-tab-title {
    border-bottom: none;
}
.admin-classic-shell .layui-tab-title li {
    height: 54px;
    line-height: 54px;
    color: #5b6472;
    border-right: 1px solid rgba(226, 232, 240, 0.78);
}
.admin-classic-shell .layui-tab-title .layui-this {
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.14), rgba(59, 130, 246, 0.08));
    color: #1d4ed8;
}
.admin-classic-shell .tab-go-refresh,
.admin-classic-shell .tab-go-left,
.admin-classic-shell .tab-go-right,
.admin-classic-shell .tab-right,
.admin-classic-shell .closeBox {
    height: 54px;
    line-height: 54px;
    background: transparent;
    border-color: rgba(226, 232, 240, 0.85);
}
.admin-classic-shell .tab-go-refresh i,
.admin-classic-shell .tab-go-left i,
.admin-classic-shell .tab-go-right i,
.admin-classic-shell .closeBox .layui-nav-item > a {
    line-height: 54px;
    color: #506072;
}
.admin-classic-shell .layui-tab-content {
    top: 55px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-top: none;
    border-radius: 0 0 18px 18px;
    background: rgba(255,255,255,0.72);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}
.admin-classic-shell .hs-iframe,
.admin-classic-shell .x-iframe {
    background: #f4f7fb;
}
.admin-classic-shell .page-container {
    margin: 14px;
    padding: 18px 20px;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}
.admin-classic-shell .my-toolbar-box,
.admin-classic-shell .layui-card,
.admin-classic-shell .layui-collapse,
.admin-classic-shell .layui-elem-quote,
.admin-classic-shell .page-tab-content {
    border-radius: 16px;
}
.admin-classic-shell .layui-elem-quote {
    margin-bottom: 14px;
    padding: 14px 16px;
    border-left: 4px solid #3b82f6;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.92), rgba(248, 250, 252, 0.95));
    color: #334155;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.admin-classic-shell .my-toolbar-box {
    margin-bottom: 14px;
    padding: 14px 16px 10px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}
.admin-classic-shell .layui-table {
    border-radius: 16px;
    overflow: hidden;
    border-color: #e6edf7;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}
.admin-classic-shell .layui-table thead tr,
.admin-classic-shell .layui-table-header,
.admin-classic-shell .layui-table th {
    background: linear-gradient(180deg, #f8fbff, #edf4fb);
}
.admin-classic-shell .layui-table th {
    color: #324155;
    font-weight: 600;
    border-color: #e6edf7;
}
.admin-classic-shell .layui-table td {
    border-color: #edf2f9;
}
.admin-classic-shell .layui-table tbody tr {
    transition: background-color .2s ease, transform .2s ease;
}
.admin-classic-shell .layui-table tbody tr:hover {
    background: #f7fbff;
}
.admin-classic-shell .layui-form-pane .layui-form-label,
.admin-classic-shell .layui-input,
.admin-classic-shell .layui-select-title input,
.admin-classic-shell .layui-textarea,
.admin-classic-shell .layui-unselect {
    border-color: #d7e2f0 !important;
    border-radius: 12px !important;
}
.admin-classic-shell .layui-input,
.admin-classic-shell .layui-textarea {
    background: rgba(255,255,255,0.96);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02);
}
.admin-classic-shell .layui-input:focus,
.admin-classic-shell .layui-textarea:focus,
.admin-classic-shell .layui-form-selected .layui-select-title input {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
}
.admin-classic-shell .layui-form-pane .layui-form-label {
    background: linear-gradient(180deg, #f8fbff, #eef4fb);
    color: #475569;
}
.admin-classic-shell .layui-btn {
    border-radius: 11px;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.06);
}
.admin-classic-shell .layui-btn-primary {
    border-color: #d7e2f0;
    color: #334155;
    background: linear-gradient(180deg, #fff, #f8fbff);
}
.admin-classic-shell .layui-btn-normal {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
}
.admin-classic-shell .layui-btn-warm {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.admin-classic-shell .layui-btn-danger,
.admin-classic-shell .layui-bg-red {
    background: linear-gradient(135deg, #ef4444, #f87171);
}
.admin-classic-shell .layui-form-switch {
    border-radius: 999px;
}
.admin-classic-shell .layui-badge-rim {
    border-radius: 999px;
    padding: 0 10px;
}
.admin-classic-shell .pagination li.active,
.admin-classic-shell .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2563eb;
}
@media screen and (max-width:1300px){
    .admin-classic-shell .topLevelMenus{display: none !important; }
}
@media screen and (max-width:768px) {
    .admin-classic-shell .layui-body {
        left: 0;
        top: 105px;
        bottom: 30px;
        padding: 10px;
    }
    .admin-classic-shell .layui-footer.footer {
        left: 0;
    }
    .admin-classic-shell .page-container {
        margin: 8px;
        padding: 14px;
        border-radius: 14px;
    }
    .admin-classic-shell #top_tabs_box,
    .admin-classic-shell .layui-tab-content {
        border-radius: 14px;
    }
}

/* Traditional admin second pass polish */
.admin-classic-shell .my-toolbar-box .center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.admin-classic-shell .my-toolbar-box .layui-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
}
.admin-classic-shell .my-toolbar-box .layui-input-inline,
.admin-classic-shell .my-toolbar-box .layui-inline {
    margin: 0 !important;
}
.admin-classic-shell .my-toolbar-box .layui-btn,
.admin-classic-shell .layui-btn-group .layui-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.admin-classic-shell .layui-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 4px;
}
.admin-classic-shell .layui-btn-group:before,
.admin-classic-shell .layui-btn-group:after {
    display: none;
}
.admin-classic-shell .page-container > .layui-form.layui-form-pane,
.admin-classic-shell .page-container > form.layui-form {
    position: relative;
    padding: 2px;
}
.admin-classic-shell .page-container > .layui-form .layui-tab,
.admin-classic-shell .page-container > form .layui-tab {
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.05);
}
.admin-classic-shell .page-container > .layui-form .layui-tab-title,
.admin-classic-shell .page-container > form .layui-tab-title {
    padding: 8px 10px 0;
    background: linear-gradient(180deg, rgba(248,251,255,0.92), rgba(240,246,255,0.92));
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}
.admin-classic-shell .page-container > .layui-form .layui-tab-title li,
.admin-classic-shell .page-container > form .layui-tab-title li {
    min-width: 108px;
    height: 44px;
    line-height: 44px;
    margin-right: 8px;
    border-radius: 12px 12px 0 0;
    border-right: none;
    color: #64748b;
    font-weight: 600;
}
.admin-classic-shell .page-container > .layui-form .layui-tab-title .layui-this,
.admin-classic-shell .page-container > form .layui-tab-title .layui-this {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    color: #1d4ed8;
    box-shadow: 0 -6px 18px rgba(59, 130, 246, 0.08);
}
.admin-classic-shell .page-container > .layui-form .layui-tab-content,
.admin-classic-shell .page-container > form .layui-tab-content {
    position: static;
    top: auto;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 18px 18px 14px;
}
.admin-classic-shell .page-container > .layui-form .layui-tab-item,
.admin-classic-shell .page-container > form .layui-tab-item {
    height: auto;
}
.admin-classic-shell .layui-form-item {
    margin-bottom: 14px;
}
.admin-classic-shell .layui-form-pane .layui-form-label {
    min-width: 110px;
    border-color: #d7e2f0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.75);
}
.admin-classic-shell .layui-form-pane .layui-input-inline .layui-input,
.admin-classic-shell .layui-form-pane .layui-input-block .layui-input,
.admin-classic-shell .layui-form-pane .layui-input-block .layui-textarea {
    min-height: 40px;
}
.admin-classic-shell .layui-form-mid.layui-word-aux {
    color: #7c8ca0 !important;
    padding-top: 10px !important;
}
.admin-classic-shell .layui-form-radio,
.admin-classic-shell .layui-form-checkbox[lay-skin=primary] {
    margin-top: 8px;
}
.admin-classic-shell .showpic {
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 16px;
    padding: 8px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
}
.admin-classic-shell .showpic img {
    border-radius: 10px;
}
.admin-classic-shell .layui-table-view,
.admin-classic-shell .layui-table-box {
    border-radius: 16px;
    overflow: hidden;
}
.admin-classic-shell .layui-table-page,
.admin-classic-shell #pages.center {
    margin-top: 14px;
}
.admin-classic-shell .layui-laypage a,
.admin-classic-shell .layui-laypage span {
    border-radius: 10px;
}
.admin-classic-shell .layui-card {
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}
.admin-classic-shell .layui-card-header {
    height: 48px;
    line-height: 48px;
    padding: 0 18px;
    color: #334155;
    font-weight: 700;
    border-bottom-color: #edf2f9;
    background: linear-gradient(180deg, rgba(248,251,255,0.96), rgba(240,246,255,0.92));
}
.admin-classic-shell .layui-card-body {
    padding: 18px;
}
@media screen and (max-width:768px) {
    .admin-classic-shell .my-toolbar-box .layui-form {
        gap: 8px;
    }
    .admin-classic-shell .page-container > .layui-form .layui-tab-content,
    .admin-classic-shell .page-container > form .layui-tab-content {
        padding: 14px 12px 10px;
    }
    .admin-classic-shell .layui-btn-group {
        gap: 8px;
    }
}

/* Traditional admin third pass polish */
.admin-classic-shell .layui-nav-tree .layui-nav-item > a > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
    font-size: 14px;
}
.admin-classic-shell .layui-nav-tree .layui-nav-itemed > a > i,
.admin-classic-shell .layui-nav-tree .layui-nav-item > a:hover > i {
    background: linear-gradient(135deg, rgba(59,130,246,0.46), rgba(96,165,250,0.22));
}
.admin-classic-shell .layui-nav-tree .layui-nav-child dd {
    position: relative;
    padding-left: 12px;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child dd:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, rgba(148,163,184,0.28), rgba(148,163,184,0.06));
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item {
    position: relative;
    padding-left: 46px !important;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 14px;
    height: 1px;
    background: rgba(148,163,184,0.4);
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item i {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    font-size: 12px;
    color: #93c5fd;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item.is-active {
    background: linear-gradient(90deg, rgba(59,130,246,0.32), rgba(96,165,250,0.18));
    color: #fff;
    box-shadow: 0 8px 18px rgba(37,99,235,0.18);
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item.is-active:before {
    background: #93c5fd;
}
.admin-classic-shell .my-toolbar-box + .layui-form,
.admin-classic-shell .my-toolbar-box + form.layui-form {
    margin-top: 2px;
}
.admin-classic-shell #pageListForm {
    padding: 12px 14px 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 18px;
    box-shadow: 0 14px 30px rgba(15,23,42,0.05);
}
.admin-classic-shell #pageListForm .layui-table {
    margin: 0;
}
.admin-classic-shell #pageListForm .layui-table thead th {
    position: relative;
    padding-top: 13px;
    padding-bottom: 13px;
    background: linear-gradient(180deg, #fafdff, #edf4fb);
}
.admin-classic-shell #pageListForm .layui-table thead th:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(148,163,184,0.12);
}
.admin-classic-shell .layui-btn-group .layui-btn {
    min-height: 36px;
    padding: 0 14px;
}
.admin-classic-shell .layui-btn-group .layui-btn .layui-icon {
    margin-right: 2px;
}
.admin-classic-shell #pages.center {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    margin-top: 16px;
}
.admin-classic-shell #pages .layui-laypage {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    border: 1px solid rgba(226,232,240,0.92);
    box-shadow: 0 10px 24px rgba(15,23,42,0.05);
}
.admin-classic-shell #pages .layui-laypage a,
.admin-classic-shell #pages .layui-laypage span {
    margin: 0 !important;
}
.admin-classic-shell #pages .layui-laypage a,
.admin-classic-shell #pages .layui-laypage .layui-laypage-curr,
.admin-classic-shell #pages .layui-laypage .layui-laypage-count,
.admin-classic-shell #pages .layui-laypage .layui-laypage-limits,
.admin-classic-shell #pages .layui-laypage .layui-laypage-skip {
    border-radius: 12px;
}
.admin-classic-shell #pages .layui-laypage .layui-laypage-curr em,
.admin-classic-shell #pages .layui-laypage .layui-laypage-curr .layui-laypage-em {
    border-radius: 12px;
}
.admin-classic-shell .page-config-center {
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
}
.admin-classic-shell .page-config-center .config-center-tabs {
    overflow: visible;
}
.admin-classic-shell .page-config-center .layui-tab-title {
    position: sticky;
    top: 0;
    z-index: 6;
    backdrop-filter: blur(14px);
}
.admin-classic-shell .page-config-center .layui-tab-item {
    padding-top: 4px;
}
.admin-classic-shell .page-config-center .layui-tab-item > .layui-form-item {
    margin-bottom: 14px;
    padding: 16px 18px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,251,255,0.96));
    box-shadow: 0 8px 18px rgba(15,23,42,0.03);
}
.admin-classic-shell .page-config-center .layui-tab-item > .layui-form-item:hover {
    border-color: rgba(191,219,254,0.95);
    box-shadow: 0 10px 22px rgba(59,130,246,0.06);
}
.admin-classic-shell .page-config-center .layui-form-label {
    min-width: 138px;
}
.admin-classic-shell .page-config-center .layui-input-block,
.admin-classic-shell .page-config-center .layui-input-inline {
    min-height: 40px;
}
.admin-classic-shell .page-config-center .layui-textarea {
    min-height: 112px;
}
.admin-classic-shell .page-config-center .config-submit-bar {
    position: sticky;
    bottom: 14px;
    z-index: 7;
    margin-top: 8px;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(15,23,42,0.78);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 18px 34px rgba(15,23,42,0.18);
    backdrop-filter: blur(16px);
}
.admin-classic-shell .page-config-center .config-submit-bar .layui-input-block {
    margin-left: 0;
}
.admin-classic-shell .page-config-center .config-submit-bar .layui-btn {
    min-width: 120px;
    min-height: 40px;
}
@media screen and (max-width:768px) {
    .admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item {
        padding-left: 42px !important;
    }
    .admin-classic-shell #pageListForm {
        padding: 10px;
        border-radius: 14px;
    }
    .admin-classic-shell #pages .layui-laypage {
        justify-content: center;
        padding: 10px;
    }
    .admin-classic-shell .page-config-center .layui-tab-title {
        position: static;
    }
    .admin-classic-shell .page-config-center .layui-tab-item > .layui-form-item {
        padding: 14px 12px;
        border-radius: 14px;
    }
    .admin-classic-shell .page-config-center .config-submit-bar {
        bottom: 6px;
        padding: 12px;
        border-radius: 14px;
    }
}

/* BT-inspired refinement */
.admin-classic-shell {
    background: #f3f7fb;
}
.admin-classic-shell .layui-layout-admin .layui-header {
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}
.admin-classic-shell .layui-layout-admin .layui-header + .layui-header {
    border-bottom: 1px solid #e9eef5;
}
.admin-classic-shell .header-logo,
.admin-classic-shell .top-logo {
    color: #1f2937;
    background: none;
    -webkit-background-clip: border-box;
}
.admin-classic-shell .header-fold,
.admin-classic-shell .header-fold a,
.admin-classic-shell .main-nav .layui-nav-item a,
.admin-classic-shell .layout-right .nav-item a,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-nav-item > a {
    color: #4b5563;
}
.admin-classic-shell .main-nav .layui-nav-item:hover,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-nav-item:hover,
.admin-classic-shell .main-nav .layui-this,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-this {
    background: #f2f6fb;
}
.admin-classic-shell .main-nav .layui-this a,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-this > a {
    color: #2563eb;
}
.admin-classic-shell .layui-side.layui-bg-black {
    background: linear-gradient(180deg, #1f2937 0%, #111827 100%) !important;
    box-shadow: none;
}
.admin-classic-shell .layui-side-scroll {
    padding: 14px 12px 18px;
}
.admin-classic-shell .layui-nav-tree .layui-nav-item > a {
    min-height: 44px;
    line-height: 44px;
    margin-bottom: 8px;
    padding-left: 14px;
    border-radius: 10px;
}
.admin-classic-shell .layui-nav-tree .layui-nav-item > a > i {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    border-radius: 6px;
    background: rgba(255,255,255,0.08);
    box-shadow: none;
}
.admin-classic-shell .layui-nav-tree .layui-nav-itemed > a,
.admin-classic-shell .layui-nav-tree .layui-nav-item > a:hover {
    background: rgba(255,255,255,0.07);
}
.admin-classic-shell .layui-nav-tree .layui-nav-itemed > a > i,
.admin-classic-shell .layui-nav-tree .layui-nav-item > a:hover > i {
    background: rgba(59,130,246,0.22);
}
.admin-classic-shell .layui-nav-tree .layui-nav-child {
    background: transparent;
    border-radius: 0;
    padding: 0 0 6px;
    margin: 0 0 10px;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child dd {
    padding-left: 0;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child dd:before,
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item:before {
    display: none;
    content: none;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item {
    display: flex;
    align-items: center;
    height: 38px;
    line-height: 38px;
    margin: 4px 0 0;
    padding: 0 14px 0 18px !important;
    border-radius: 8px;
    color: rgba(226,232,240,0.82);
    background: transparent;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item i {
    position: static;
    transform: none;
    margin-right: 8px;
    font-size: 12px;
    color: #94a3b8;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item:hover {
    background: rgba(255,255,255,0.06);
    color: #ffffff;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item.is-active {
    background: linear-gradient(90deg, #2563eb, #3b82f6);
    color: #ffffff;
    box-shadow: none;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item.is-active i {
    color: #dbeafe;
}
.admin-classic-shell .layui-body {
    background: #f3f7fb;
}
.admin-classic-shell #top_tabs_box {
    background: #ffffff;
    border: 1px solid #e8eef5;
    box-shadow: none;
    backdrop-filter: none;
}
.admin-classic-shell .layui-tab-title li {
    color: #667085;
}
.admin-classic-shell .layui-tab-title .layui-this {
    background: #f3f7fb;
    color: #2563eb;
}
.admin-classic-shell .tab-go-refresh,
.admin-classic-shell .tab-go-left,
.admin-classic-shell .tab-go-right,
.admin-classic-shell .tab-right,
.admin-classic-shell .closeBox {
    background: #ffffff;
}
.admin-classic-shell .layui-tab-content {
    background: #ffffff;
    border-color: #e8eef5;
    box-shadow: none;
}
.admin-classic-shell .page-container {
    background: #ffffff;
    border: 1px solid #e8eef5;
    box-shadow: none;
}
.admin-classic-shell .my-toolbar-box {
    background: #f8fafc;
    border: 1px solid #e8eef5;
    box-shadow: none;
}
.admin-classic-shell #pageListForm {
    background: #ffffff;
    border: 1px solid #e8eef5;
    box-shadow: none;
}
.admin-classic-shell #pageListForm .layui-table thead th,
.admin-classic-shell .layui-table thead tr,
.admin-classic-shell .layui-table-header,
.admin-classic-shell .layui-table th {
    background: #f8fafc;
}
.admin-classic-shell .layui-table {
    box-shadow: none;
}
.admin-classic-shell #pages .layui-laypage {
    background: #ffffff;
    border: 1px solid #e8eef5;
    box-shadow: none;
}
.admin-classic-shell .page-config-center .layui-tab-item > .layui-form-item {
    background: #ffffff;
    border: 1px solid #e8eef5;
    box-shadow: none;
}
.admin-classic-shell .page-config-center .config-submit-bar {
    background: #ffffff;
    border: 1px solid #dbe5f0;
    box-shadow: 0 8px 24px rgba(15,23,42,0.06);
    backdrop-filter: none;
}
@media screen and (max-width:768px) {
    .admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item {
        padding: 0 12px 0 16px !important;
    }
}

/* BT-inspired pass 2 */
.admin-classic-shell .layui-header.header-top {
    display: none;
}
.admin-classic-shell .layui-layout-admin .layui-header {
    height: 56px;
    line-height: 56px;
}
.admin-classic-shell .header-logo {
    width: 220px;
    height: 56px;
    line-height: 56px;
    padding-left: 18px;
    text-indent: 0;
    font-size: 18px;
    font-weight: 600;
}
.admin-classic-shell .header-fold {
    width: 42px;
    height: 56px;
    line-height: 56px;
    color: #6b7280;
}
.admin-classic-shell .header-fold a {
    color: #6b7280;
}
.admin-classic-shell #foldSwitch {
    font-size: 20px !important;
}
.admin-classic-shell .bottom-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0 16px 0 6px;
}
.admin-classic-shell .main-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 56px;
}
.admin-classic-shell .main-nav .layui-nav-item {
    height: 36px;
    line-height: 36px;
    border-radius: 8px;
}
.admin-classic-shell .main-nav .layui-nav-item a {
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 500;
}
.admin-classic-shell .layui-layout-admin .layui-header .layui-layout-right {
    top: 0;
}
.admin-classic-shell .layui-layout-admin .layui-header .layui-layout-right .layui-nav-item {
    height: 56px;
    line-height: 56px;
}
.admin-classic-shell .layui-layout-admin .layui-header .layui-layout-right .layui-nav-item > a {
    padding: 0 12px;
    font-size: 13px;
}
.admin-classic-shell .layui-layout-admin .layui-header .layui-form-select .layui-input {
    height: 32px;
    line-height: 32px;
    border: 1px solid #e5ebf3 !important;
    border-radius: 8px !important;
    background: #ffffff;
}
.admin-classic-shell .layui-body {
    top: 56px;
}
.admin-classic-shell #top_tabs_box {
    height: 46px;
    padding-right: 124px;
    border-radius: 10px 10px 0 0;
}
.admin-classic-shell #B_history {
    left: 72px;
}
.admin-classic-shell .layui-tab-title li {
    height: 46px;
    line-height: 46px;
    padding: 0 16px;
    font-size: 13px;
    border-right-color: #eef2f7;
}
.admin-classic-shell .layui-tab-title .layui-this {
    background: #f5f9ff;
    color: #2563eb;
}
.admin-classic-shell .tab-go-refresh,
.admin-classic-shell .tab-go-left,
.admin-classic-shell .tab-go-right,
.admin-classic-shell .tab-right,
.admin-classic-shell .closeBox {
    height: 46px;
    line-height: 46px;
}
.admin-classic-shell .tab-go-refresh {
    width: 34px;
    border-right: 1px solid #eef2f7;
}
.admin-classic-shell .tab-go-left {
    left: 34px;
    width: 34px;
    border-right: 1px solid #eef2f7;
}
.admin-classic-shell .tab-go-right {
    width: 34px;
    border-left: 1px solid #eef2f7;
    border-right: 1px solid #eef2f7;
}
.admin-classic-shell .tab-go-refresh i,
.admin-classic-shell .tab-go-left i,
.admin-classic-shell .tab-go-right i,
.admin-classic-shell .closeBox .layui-nav-item > a {
    line-height: 46px;
    font-size: 14px;
}
.admin-classic-shell .tab-right {
    width: 124px;
}
.admin-classic-shell .closeBox .layui-nav-item {
    height: 46px;
    line-height: 46px;
}
.admin-classic-shell .closeBox .layui-nav-child {
    top: 48px;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15,23,42,0.08);
}
.admin-classic-shell .layui-tab-content {
    top: 47px;
    border-radius: 0 0 10px 10px;
}
.admin-classic-shell .page-container {
    border-radius: 12px;
}
.admin-classic-shell .my-toolbar-box {
    border-radius: 12px;
    padding: 12px 14px 10px;
}
.admin-classic-shell .layui-btn,
.admin-classic-shell .layui-btn-group .layui-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: none;
}
.admin-classic-shell .layui-btn-group {
    gap: 8px;
}
.admin-classic-shell .layui-btn + .layui-btn {
    margin-left: 0;
}
.admin-classic-shell .layui-table {
    font-size: 12px;
}
.admin-classic-shell .layui-table th,
.admin-classic-shell .layui-table td {
    padding: 9px 10px;
}
.admin-classic-shell #pageListForm .layui-table thead th {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}
.admin-classic-shell .layui-table .layui-badge,
.admin-classic-shell .layui-table .layui-badge-rim {
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
}
.admin-classic-shell .layui-table .mac-table-opt-btns {
    gap: 4px;
}
.admin-classic-shell .layui-table .mac-table-opt-btns .layui-btn {
    height: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 6px;
    font-size: 12px !important;
}
.admin-classic-shell .layui-form-switch {
    height: 20px;
    line-height: 20px;
    min-width: 36px;
}
.admin-classic-shell .layui-form-onswitch i,
.admin-classic-shell .layui-form-switch i {
    width: 14px;
    height: 14px;
}
.admin-classic-shell #pages.center {
    margin-top: 12px;
    min-height: 44px;
}
.admin-classic-shell #pages .layui-laypage {
    gap: 6px;
    padding: 8px 10px;
    border-radius: 10px;
}
.admin-classic-shell #pages .layui-laypage a,
.admin-classic-shell #pages .layui-laypage span {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}
@media screen and (max-width:768px) {
    .admin-classic-shell .bottom-nav {
        padding-right: 8px;
    }
    .admin-classic-shell #top_tabs_box {
        padding-right: 110px;
    }
    .admin-classic-shell .tab-right {
        width: 110px;
    }
}

/* Cloudflare-inspired pass 2 */
.admin-classic-shell {
    background: #f4f5f7;
    color: #1f2937;
}
.admin-classic-shell .layui-layout-admin .layui-header {
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: none;
}
.admin-classic-shell .header-logo,
.admin-classic-shell .header-fold,
.admin-classic-shell .header-fold a,
.admin-classic-shell .main-nav .layui-nav-item a,
.admin-classic-shell .layout-right .nav-item a,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-nav-item > a {
    color: #475467;
}
.admin-classic-shell .header-logo {
    width: 208px;
    font-size: 17px;
    font-weight: 600;
}
.admin-classic-shell .header-fold {
    width: 36px;
}
.admin-classic-shell .bottom-nav {
    padding: 0 20px 0 8px;
}
.admin-classic-shell .main-nav {
    gap: 6px;
}
.admin-classic-shell .main-nav .layui-nav-item {
    border-radius: 8px;
}
.admin-classic-shell .main-nav .layui-nav-item a {
    padding: 0 12px;
    font-size: 13px;
}
.admin-classic-shell .main-nav .layui-nav-item:hover,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-nav-item:hover,
.admin-classic-shell .main-nav .layui-this,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-this {
    background: #f2f4f7;
}
.admin-classic-shell .main-nav .layui-this a,
.admin-classic-shell .layui-layout-admin .layui-header .layui-nav .layui-this > a {
    color: #1f2937;
}
.admin-classic-shell .layui-side.layui-bg-black {
    background: #f7f7f8 !important;
    border-right: 1px solid #e5e7eb;
}
.admin-classic-shell .layui-side-scroll {
    padding: 12px 8px 20px;
}
.admin-classic-shell .layui-nav-tree {
    background: transparent;
}
.admin-classic-shell .layui-nav-tree > .layui-nav-item {
    margin-bottom: 8px;
}
.admin-classic-shell .layui-nav-tree .layui-nav-item > a {
    min-height: 38px;
    line-height: 38px;
    margin-bottom: 4px;
    padding: 0 12px;
    border-radius: 10px;
    color: #344054 !important;
    font-weight: 600;
    background: transparent !important;
}
.admin-classic-shell .layui-nav-tree .layui-nav-item > a > i {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 0;
    background: transparent;
    color: #98a2b3;
}
.admin-classic-shell .layui-nav-tree .layui-nav-itemed > a,
.admin-classic-shell .layui-nav-tree .layui-nav-item > a:hover {
    background: #eceef1 !important;
    color: #111827 !important;
}
.admin-classic-shell .layui-nav-tree .layui-nav-itemed > a > i,
.admin-classic-shell .layui-nav-tree .layui-nav-item > a:hover > i {
    background: transparent;
    color: #f97316;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child {
    margin: 0;
    padding: 4px 0 2px;
    background: transparent !important;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child dd {
    margin: 0;
    background: transparent !important;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item {
    height: 34px;
    line-height: 34px;
    margin: 2px 0 0;
    padding: 0 12px 0 40px !important;
    border-radius: 8px;
    color: #475467 !important;
    font-size: 13px;
    background: transparent !important;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item i {
    margin-right: 8px;
    color: #98a2b3;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child dd:hover,
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item:hover {
    background: transparent !important;
    color: #101828 !important;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child dd:hover > a.admin-nav-item {
    background: #eceef1 !important;
    color: #101828 !important;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item.is-active {
    background: #e9edf2 !important;
    color: #101828 !important;
    font-weight: 600;
}
.admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item.is-active i {
    color: #f97316;
}
.admin-classic-shell .layui-body {
    background: #f4f5f7;
}
.admin-classic-shell #top_tabs_box {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding-right: 118px;
}
.admin-classic-shell #B_history {
    left: 60px;
}
.admin-classic-shell .layui-tab-title {
    background: transparent;
}
.admin-classic-shell .layui-tab-title li {
    height: 42px;
    line-height: 42px;
    padding: 0 14px;
    color: #667085;
    border-right-color: transparent;
    border-radius: 8px 8px 0 0;
}
.admin-classic-shell .layui-tab-title .layui-this {
    background: #ffffff;
    color: #101828;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.admin-classic-shell .tab-go-refresh,
.admin-classic-shell .tab-go-left,
.admin-classic-shell .tab-go-right,
.admin-classic-shell .tab-right,
.admin-classic-shell .closeBox {
    background: transparent;
    border: none;
    height: 42px;
    line-height: 42px;
}
.admin-classic-shell .tab-go-refresh,
.admin-classic-shell .tab-go-left,
.admin-classic-shell .tab-go-right {
    width: 30px;
}
.admin-classic-shell .tab-go-left {
    left: 30px;
}
.admin-classic-shell .tab-go-refresh i,
.admin-classic-shell .tab-go-left i,
.admin-classic-shell .tab-go-right i,
.admin-classic-shell .closeBox .layui-nav-item > a {
    line-height: 42px;
    color: #98a2b3;
    font-size: 13px;
}
.admin-classic-shell .tab-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 126px;
}
.admin-classic-shell .closeBox .layui-nav-item {
    height: 42px;
    line-height: 42px;
}
.admin-classic-shell .closeBox {
    width: auto;
}
.admin-classic-shell .closeBox .layui-nav-item > a {
    padding: 0 24px 0 12px;
    border-radius: 8px;
    color: #667085;
    transition: background-color .2s ease, color .2s ease;
}
.admin-classic-shell .closeBox .layui-nav-item > a:hover {
    background: #eef2f6;
    color: #101828;
}
.admin-classic-shell .closeBox .layui-nav-more {
    right: 10px;
}
.admin-classic-shell .closeBox .layui-nav-child {
    top: 44px;
    left: auto;
    right: 0;
    background: #ffffff;
    border: 1px solid #eaecf0;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
}
.admin-classic-shell .closeBox .layui-nav-child dd {
    background: transparent !important;
}
.admin-classic-shell .closeBox .layui-nav-child dd a {
    border-radius: 8px;
    color: #344054;
}
.admin-classic-shell .closeBox .layui-nav-child dd a:hover {
    background: #f5f7fa;
}
.admin-classic-shell .layui-tab-content {
    top: 43px;
    border: none;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
}
.admin-classic-shell .page-container {
    margin: 18px;
    padding: 26px 28px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.admin-classic-shell .layui-elem-quote {
    border-left: none;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: rgb(224, 240, 255);
    box-shadow: none;
}
.admin-classic-shell .my-toolbar-box {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}
.admin-classic-shell #pageListForm {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}
.admin-classic-shell .layui-table-view,
.admin-classic-shell .layui-table-box,
.admin-classic-shell .layui-table-header,
.admin-classic-shell .layui-table-page,
.admin-classic-shell .layui-table-tool,
.admin-classic-shell .layui-table {
    border-color: #eceff3 !important;
}
.admin-classic-shell .layui-table-header {
    background: #fafafa;
}
.admin-classic-shell .layui-table th {
    color: #475467;
    font-weight: 600;
}
.admin-classic-shell .layui-table td {
    color: #344054;
}
.admin-classic-shell .dashboard-grid {
    gap: 20px;
    margin-bottom: 20px;
}
.admin-classic-shell .dashboard-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 22px 22px 20px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.admin-classic-shell .dashboard-card:before {
    display: none;
}
.admin-classic-shell .dashboard-card__label {
    color: #667085;
    font-size: 12px;
    margin-bottom: 12px;
    letter-spacing: 0;
}
.admin-classic-shell .dashboard-card__value {
    color: #101828;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
}
.admin-classic-shell .dashboard-row {
    gap: 20px;
    margin-bottom: 20px;
}
.admin-classic-shell .dashboard-panel {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}
.admin-classic-shell .dashboard-panel__hd {
    padding: 20px 22px 14px;
    border-bottom: 1px solid #eef1f4;
    background: #ffffff;
    color: #101828;
    font-size: 17px;
    font-weight: 700;
}
.admin-classic-shell .dashboard-panel__bd {
    padding: 18px 22px 22px;
}
.admin-classic-shell .dashboard-kpi strong {
    color: #101828;
    font-size: 26px;
}
.admin-classic-shell .dashboard-kpi span,
.admin-classic-shell .dashboard-stat-list li,
.admin-classic-shell .dashboard-note {
    color: #667085;
}
.admin-classic-shell .dashboard-note {
    padding: 0;
    border: none;
    background: transparent;
}
.admin-classic-shell .footer {
    background: transparent;
    color: #98a2b3;
}
@media screen and (max-width:768px) {
    .admin-classic-shell .layui-side.layui-bg-black {
        border-right: none;
    }
    .admin-classic-shell .page-container {
        margin: 10px;
        padding: 18px;
    }
    .admin-classic-shell .layui-nav-tree .layui-nav-child a.admin-nav-item {
        padding: 0 12px 0 34px !important;
    }
}

/* Cloudflare tabs */
.admin-classic-shell .page-container .layui-tab {
    margin: 0;
    overflow: visible;
}
.admin-classic-shell .page-container .layui-tab-title {
    height: auto;
    margin-bottom: 18px;
    padding: 0;
    border-bottom: 1px solid #e5e7eb;
    background: transparent;
}
.admin-classic-shell .page-container .layui-tab-title li {
    position: relative;
    height: 44px;
    line-height: 44px;
    min-width: auto;
    margin-right: 14px;
    padding: 0 2px;
    border: none !important;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent !important;
    color: #475467;
    font-size: 14px;
    font-weight: 500;
}
.admin-classic-shell .page-container .layui-tab-title li:hover {
    color: #101828;
}
.admin-classic-shell .page-container .layui-tab-title .layui-this {
    color: #175cd3 !important;
    font-weight: 600;
    box-shadow: none;
}
.admin-classic-shell .page-container .layui-tab-title .layui-this:after {
    left: 0;
    right: 0;
    top: auto;
    bottom: -1px;
    height: 2px;
    border: none !important;
    background: #175cd3;
    border-radius: 999px;
}
.admin-classic-shell .page-container .layui-tab-content {
    padding: 4px 0 0;
    background: transparent;
}
.admin-classic-shell .page-container .layui-tab-item {
    padding: 0;
}
.admin-classic-shell .page-container .layui-tab-brief > .layui-tab-title .layui-this {
    color: #175cd3 !important;
}
.admin-classic-shell .page-container .layui-tab-brief > .layui-tab-more li.layui-this:after,
.admin-classic-shell .page-container .layui-tab-brief > .layui-tab-title .layui-this:after {
    border: none !important;
    border-bottom: none !important;
    background: #175cd3;
}
.admin-classic-shell .page-container .layui-tab-card {
    border: none;
    box-shadow: none;
    background: transparent;
}
.admin-classic-shell .page-container .layui-tab-card > .layui-tab-title {
    left: 0;
    border-bottom: 1px solid #e5e7eb;
    background: transparent;
}
.admin-classic-shell .page-container .layui-tab-card > .layui-tab-title li {
    margin-right: 14px;
    background: transparent;
}
.admin-classic-shell .page-container .layui-tab-card > .layui-tab-content {
    padding: 18px 0 0;
}
.admin-classic-shell .page-config-center .config-center-tabs {
    overflow: visible;
}
.admin-classic-shell .page-config-center .layui-tab-title {
    position: sticky;
    top: 0;
    z-index: 6;
    margin: 0 0 22px;
    padding-top: 2px;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(8px);
}
.admin-classic-shell .page-config-center .layui-tab-title li {
    height: 46px;
    line-height: 46px;
    margin-right: 22px;
    font-size: 15px;
}
.admin-classic-shell .page-config-center .layui-tab-content {
    padding-top: 0;
}
.admin-classic-shell .page-config-center .layui-tab-item > .layui-form-item {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell .page-config-center .layui-form-pane .layui-form-label {
    float: left;
    width: 136px;
    min-width: 136px;
    margin: 0 16px 0 0;
    padding: 8px 14px;
    text-align: center;
}
.admin-classic-shell .page-config-center .layui-form-item > .layui-input-block {
    margin-left: 152px;
    min-height: 40px;
}
.admin-classic-shell .page-config-center .layui-form-item > .layui-input-inline {
    float: left;
    margin-right: 0;
}
.admin-classic-shell .page-config-center .layui-form-item > .layui-form-mid {
    float: left;
    margin-left: 12px;
    padding-top: 10px !important;
}
.admin-classic-shell .page-config-center .layui-form-item > .layui-input-block .layui-input,
.admin-classic-shell .page-config-center .layui-form-item > .layui-input-block .layui-textarea,
.admin-classic-shell .page-config-center .layui-form-item > .layui-input-inline .layui-input {
    width: 100%;
}
.admin-classic-shell .page-config-center .layui-tab-item > .layui-form-item:hover {
    border-color: #d5dbe3;
    box-shadow: 0 2px 6px rgba(16,24,40,0.04);
}
@media screen and (max-width:768px) {
    .admin-classic-shell .page-container .layui-tab-title {
        margin-bottom: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .admin-classic-shell .page-container .layui-tab-title li {
        margin-right: 12px;
        font-size: 13px;
    }
    .admin-classic-shell .page-config-center .layui-tab-title {
        position: static;
        background: transparent;
        backdrop-filter: none;
    }
    .admin-classic-shell .page-config-center .layui-form-pane .layui-form-label {
        float: none;
        width: auto;
        min-width: 0;
        margin: 0 0 12px;
    }
    .admin-classic-shell .page-config-center .layui-form-item > .layui-input-block,
    .admin-classic-shell .page-config-center .layui-form-item > .layui-input-inline,
    .admin-classic-shell .page-config-center .layui-form-item > .layui-form-mid {
        float: none;
        margin-left: 0;
    }
    .admin-classic-shell .page-config-center .layui-form-item > .layui-form-mid {
        margin-top: 8px;
    }
}

/* Dashboard-like list pages */
.admin-classic-shell .page-container.p10 {
    padding: 18px;
    background: transparent;
    border: none;
    box-shadow: none;
}
.admin-classic-shell .my-toolbar-box {
    padding: 18px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #fafbfc);
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell .my-toolbar-box .center {
    margin-bottom: 14px !important;
}
.admin-classic-shell .my-toolbar-box .layui-form {
    gap: 12px 12px;
}
.admin-classic-shell .my-toolbar-box .layui-input-inline,
.admin-classic-shell .my-toolbar-box .layui-inline {
    min-height: 38px;
}
.admin-classic-shell .my-toolbar-box .layui-input,
.admin-classic-shell .my-toolbar-box .layui-select-title input {
    height: 38px;
    line-height: 38px;
    border-radius: 10px !important;
    background: #ffffff;
}
.admin-classic-shell .my-toolbar-box .layui-btn-group {
    padding-top: 2px;
    gap: 10px;
}
.admin-classic-shell .my-toolbar-box .layui-btn {
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    border-radius: 8px;
}
.admin-classic-shell .my-toolbar-box .layui-elem-quote {
    margin-top: 14px !important;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
}
.admin-classic-shell #pageListForm {
    margin-top: 16px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell #pageListForm .layui-table {
    margin: 0;
}
.admin-classic-shell #pageListForm .layui-table-view,
.admin-classic-shell #pageListForm .layui-table-box,
.admin-classic-shell #pageListForm .layui-table-header,
.admin-classic-shell #pageListForm .layui-table-page,
.admin-classic-shell #pageListForm .layui-table-tool,
.admin-classic-shell #pageListForm .layui-table {
    border: none !important;
}
.admin-classic-shell #pageListForm .layui-table thead th,
.admin-classic-shell #pageListForm .layui-table-header,
.admin-classic-shell #pageListForm .layui-table th {
    height: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: linear-gradient(180deg, #fbfcfd, #f4f6f8);
    color: #475467;
    border-bottom: 1px solid #e9edf2 !important;
}
.admin-classic-shell #pageListForm .layui-table td {
    padding-top: 12px;
    padding-bottom: 12px;
    border-color: #eef1f4 !important;
    background: #ffffff;
}
.admin-classic-shell #pageListForm .layui-table tbody tr {
    transition: background-color .2s ease;
}
.admin-classic-shell #pageListForm .layui-table tbody tr:hover td {
    background: #fafcff;
}
.admin-classic-shell #pageListForm .layui-table .layui-badge-rim {
    background: #f8fafc;
    border-color: #d5dbe3;
    color: #344054;
}
.admin-classic-shell #pageListForm .mac-table-opt-cell {
    padding-right: 14px;
}
.admin-classic-shell #pageListForm .mac-table-opt-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.admin-classic-shell #pageListForm .mac-table-opt-btns .layui-btn {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 8px;
}
.admin-classic-shell #pages.center {
    margin: 0;
    padding: 14px 16px 16px;
    border-top: 1px solid #eef1f4;
    background: #ffffff;
}
@media screen and (max-width:768px) {
    .admin-classic-shell .page-container.p10 {
        padding: 10px;
    }
    .admin-classic-shell .my-toolbar-box {
        padding: 14px;
        border-radius: 14px;
    }
    .admin-classic-shell #pageListForm {
        margin-top: 12px;
        border-radius: 14px;
    }
}

/* Dashboard-like detail forms */
.admin-classic-shell .page-container.p10 > .layui-form.layui-form-pane,
.admin-classic-shell .page-container.p10 > form.layui-form.layui-form-pane {
    padding: 0;
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-tab,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-tab {
    overflow: visible;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-tab-content,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-tab-content {
    padding: 18px;
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-tab-item > .layui-form-item,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-tab-item > .layui-form-item,
.admin-classic-shell .page-container.p10 .vod-basic-compact > .layui-form-item {
    margin-bottom: 10px;
    padding: 18px 18px 16px;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #fafbfd);
    box-shadow: 0 1px 2px rgba(16,24,40,0.02);
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-tab-item > .layui-form-item:hover,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-tab-item > .layui-form-item:hover,
.admin-classic-shell .page-container.p10 .vod-basic-compact > .layui-form-item:hover {
    border-color: #d9e1ea;
    box-shadow: 0 3px 10px rgba(16,24,40,0.04);
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-tab-item > hr.layui-bg-gray,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-tab-item > hr.layui-bg-gray {
    height: 1px;
    margin: 16px 4px;
    background: #e8edf3 !important;
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-form-pane .layui-form-label,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-form-pane .layui-form-label {
    background: #f7f9fc;
    color: #475467;
    border-color: #dfe5ec !important;
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-form-item,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-form-item {
    margin-bottom: 10px;
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-input,
.admin-classic-shell .page-container.p10 > .layui-form .layui-select-title input,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-input,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-select-title input {
    height: 40px;
    line-height: 40px;
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-form-pane .layui-form-label,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-form-pane .layui-form-label {
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-input-inline,
.admin-classic-shell .page-container.p10 > .layui-form .layui-form-mid,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-input-inline,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-form-mid {
    margin-bottom: 0;
}
.admin-classic-shell .page-container.p10 > .layui-form .layui-form-checkbox[lay-skin=primary],
.admin-classic-shell .page-container.p10 > .layui-form .layui-form-radio,
.admin-classic-shell .page-container.p10 > form.layui-form .layui-form-checkbox[lay-skin=primary],
.admin-classic-shell .page-container.p10 > form.layui-form .layui-form-radio {
    margin-top: 8px;
}
.admin-classic-shell .page-container.p10 .vod-basic-compact > .layui-form-item {
    margin-bottom: 8px;
    padding: 10px 12px 8px;
}
.admin-classic-shell .page-container.p10 .vod-basic-compact > .layui-form-item:last-child {
    margin-bottom: 0;
}
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-input,
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-select-title input {
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
}
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-form-pane .layui-form-label,
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-form-label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: 1;
    padding: 0 10px;
    box-sizing: border-box;
}
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-form-checkbox[lay-skin=primary],
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-form-radio {
    margin-top: 7px;
}
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-form-item {
    margin-bottom: 8px;
}
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-input-inline,
.admin-classic-shell .page-container.p10 .vod-basic-compact .layui-form-mid {
    margin-bottom: 0;
}
.admin-classic-shell .page-container.p10 > .layui-form .upload .layui-input,
.admin-classic-shell .page-container.p10 > form.layui-form .upload .layui-input {
    background: #ffffff;
}
.admin-classic-shell .page-container.p10 .layui-textarea {
    min-height: 96px;
}
.admin-classic-shell .page-container.p10 .screenshot_list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
}
.admin-classic-shell .page-container.p10 .screenshot_list > div {
    position: relative;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell .page-container.p10 .screenshot_list .del_screenshot {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(17,24,39,0.72);
    color: #fff;
    font-size: 12px;
}
.admin-classic-shell .page-container.p10 .layui-elem-field.layui-field-title {
    margin-top: 18px !important;
    border-color: #e5e7eb;
}
.admin-classic-shell .page-container.p10 .layui-elem-field.layui-field-title legend {
    padding: 0 10px;
    color: #344054;
    font-size: 13px;
}
.admin-classic-shell .page-container.p10 .contents > .layui-form-item {
    padding: 18px 18px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell .page-container.p10 .contents > .layui-form-item + .layui-form-item {
    margin-top: 14px;
}
.admin-classic-shell .page-container.p10 .contents .layui-input-block textarea {
    border-radius: 12px;
}
.admin-classic-shell .page-container.p10 .j-editor-add,
.admin-classic-shell .page-container.p10 .j-player-add,
.admin-classic-shell .page-container.p10 .j-downer-add {
    min-width: 144px;
}
.admin-classic-shell .page-container.p10 > .layui-form > .layui-form-item.center,
.admin-classic-shell .page-container.p10 > form.layui-form > .layui-form-item.center {
    position: sticky;
    bottom: 12px;
    z-index: 8;
    margin: 18px 0 0;
    padding: 14px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 10px 28px rgba(16,24,40,0.08);
    backdrop-filter: blur(8px);
}
.admin-classic-shell .page-container.p10 > .layui-form > .layui-form-item.center .layui-input-block,
.admin-classic-shell .page-container.p10 > form.layui-form > .layui-form-item.center .layui-input-block {
    margin-left: 0;
}
.admin-classic-shell .page-container.p10 > .layui-form > .layui-form-item.center .layui-btn,
.admin-classic-shell .page-container.p10 > form.layui-form > .layui-form-item.center .layui-btn {
    min-width: 96px;
}
@media screen and (max-width:768px) {
    .admin-classic-shell .page-container.p10 > .layui-form .layui-tab-content,
    .admin-classic-shell .page-container.p10 > form.layui-form .layui-tab-content {
        padding: 12px;
    }
    .admin-classic-shell .page-container.p10 > .layui-form .layui-tab-item > .layui-form-item,
    .admin-classic-shell .page-container.p10 > form.layui-form .layui-tab-item > .layui-form-item,
    .admin-classic-shell .page-container.p10 .contents > .layui-form-item {
        padding: 14px 12px;
        border-radius: 12px;
    }
    .admin-classic-shell .page-container.p10 .vod-basic-compact > .layui-form-item {
        padding: 10px 8px 8px;
    }
    .admin-classic-shell .page-container.p10 > .layui-form > .layui-form-item.center,
    .admin-classic-shell .page-container.p10 > form.layui-form > .layui-form-item.center {
        bottom: 6px;
        padding: 12px;
    }
}

/* Video editor refresh */
.admin-classic-shell .page-vod-editor > .vod-editor-form .layui-tab {
    border-color: #e4e7ec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(16,24,40,0.04);
}
.admin-classic-shell .page-container.p10.page-vod-editor {
    margin-top: 4px;
    padding-top: 8px;
}
.admin-classic-shell .page-vod-editor > .vod-editor-form .layui-tab-content {
    padding: 12px 18px 16px;
    background: linear-gradient(180deg, #fbfcfe 0%, #f8fafc 100%);
}
.admin-classic-shell .page-vod-editor .vod-basic-compact {
    margin-bottom: 8px;
    padding: 8px 14px;
    border: 1px solid #e6ebf2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell .page-vod-editor .vod-basic-compact > .layui-form-item,
.admin-classic-shell .page-vod-editor .layui-tab-item > .layui-form-item {
    margin-bottom: 12px;
    padding: 14px 16px;
    border: 1px solid #e6ebf2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell .page-vod-editor .vod-basic-compact > .layui-form-item:hover,
.admin-classic-shell .page-vod-editor .layui-tab-item > .layui-form-item:hover {
    border-color: #d7dee8;
    box-shadow: 0 6px 16px rgba(16,24,40,0.05);
}
.admin-classic-shell .page-vod-editor .vod-basic-compact > .layui-form-item {
    margin-bottom: 4px;
    padding: 5px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.admin-classic-shell .page-vod-editor .vod-basic-compact > .layui-form-item:hover {
    border-color: transparent;
    box-shadow: none;
}
.admin-classic-shell .page-vod-editor .vod-basic-compact > .layui-form-item + .layui-form-item {
    border-top: 1px solid #eef2f6;
}
.admin-classic-shell .page-vod-editor .layui-form-label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    height: 38px;
    line-height: 1;
    padding: 0 12px;
    border-color: #d8e0ea !important;
    border-radius: 12px;
    background: #f4f7fb;
    color: #344054;
    box-sizing: border-box;
}
.admin-classic-shell .page-vod-editor .layui-input,
.admin-classic-shell .page-vod-editor .layui-select-title input {
    height: 38px;
    line-height: 38px;
    border-color: #d8e0ea;
    border-radius: 12px;
    background: #fff;
}
.admin-classic-shell .page-vod-editor .layui-input:focus,
.admin-classic-shell .page-vod-editor .layui-textarea:focus,
.admin-classic-shell .page-vod-editor .layui-select-title input:focus {
    border-color: #9cb6ff !important;
    box-shadow: 0 0 0 3px rgba(34, 100, 255, 0.08);
}
.admin-classic-shell .page-vod-editor .layui-form-checkbox[lay-skin=primary],
.admin-classic-shell .page-vod-editor .layui-form-radio {
    margin-top: 9px;
}
.admin-classic-shell .page-vod-editor .layui-btn {
    height: 38px;
    line-height: 38px;
    padding: 0 16px;
    border-radius: 12px;
    background: #2563eb;
}
.admin-classic-shell .page-vod-editor .layui-btn:hover {
    opacity: 0.94;
}
.admin-classic-shell .page-vod-editor .layui-btn-normal {
    background: #0f766e;
}
.admin-classic-shell .page-vod-editor .layui-btn-warm {
    background: #f59e0b;
}
.admin-classic-shell .page-vod-editor .layui-upload,
.admin-classic-shell .page-vod-editor .j-iframe,
.admin-classic-shell .page-vod-editor #btn_douban {
    background: #2563eb;
}
.admin-classic-shell .page-vod-editor .vod_class_label,
.admin-classic-shell .page-vod-editor .vod_year_label,
.admin-classic-shell .page-vod-editor .vod_area_label,
.admin-classic-shell .page-vod-editor .vod_lang_label,
.admin-classic-shell .page-vod-editor .vod_version_label,
.admin-classic-shell .page-vod-editor .vod_state_label {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 38px;
    padding-top: 2px;
}
.admin-classic-shell .page-vod-editor .vod-extend-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.admin-classic-shell .page-vod-editor .vod-extend-row .layui-form-label,
.admin-classic-shell .page-vod-editor .vod-extend-row .vod-extend-input,
.admin-classic-shell .page-vod-editor .vod-extend-row .vod-extend-tags {
    float: none;
    margin-right: 0;
}
.admin-classic-shell .page-vod-editor .vod-extend-row .layui-form-label {
    flex: 0 0 108px;
}
.admin-classic-shell .page-vod-editor .vod-extend-row .vod-extend-input {
    flex: 0 0 260px;
    width: 260px !important;
    min-width: 260px;
    max-width: 260px;
}
.admin-classic-shell .page-vod-editor .vod-extend-row .vod-extend-tags {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
}
.admin-classic-shell .page-vod-editor .extend {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border: 1px solid #d8e0ea;
    border-radius: 10px;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 500;
    box-shadow: none;
}
.admin-classic-shell .page-vod-editor .extend:hover {
    border-color: #b8c6db;
    background: #f8fbff;
    color: #1d4ed8;
}
.admin-classic-shell .page-vod-editor .layui-form-mid.layui-word-aux {
    min-height: 38px;
    line-height: 20px;
    padding-top: 9px;
    color: #667085;
}
.admin-classic-shell .page-vod-editor .upload .layui-input {
    background: #fff;
}
.admin-classic-shell .page-vod-editor .contents > .layui-form-item {
    position: relative;
    overflow: visible;
    padding: 16px;
    border: 1px solid #e6ebf2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.admin-classic-shell .page-vod-editor .layui-form-select {
    z-index: 20;
}
.admin-classic-shell .page-vod-editor .layui-form-select.layui-form-selected {
    z-index: 1300;
}
.admin-classic-shell .page-vod-editor .layui-form-select dl {
    z-index: 1000;
}
.admin-classic-shell .page-vod-editor .layui-tab-item > .layui-form-item {
    position: relative;
    overflow: visible;
}
.admin-classic-shell .page-vod-editor .contents .layui-input-inline.w400.p10,
.admin-classic-shell .page-vod-editor .contents .p10.m20,
.admin-classic-shell .page-vod-editor .contents .p10 {
    padding: 0 !important;
    margin: 0 !important;
}
.admin-classic-shell .page-vod-editor .contents .layui-input-inline.w400.p10 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 10px;
    float: none;
    clear: both;
    width: auto !important;
    min-height: 38px;
    line-height: 38px;
    margin: 8px 0 0 108px !important;
    position: relative;
    z-index: 40;
    white-space: normal;
}
.admin-classic-shell .page-vod-editor .contents .layui-input-inline.w400.p10 a {
    display: inline-flex;
    align-items: center;
    height: 38px;
    line-height: 38px;
}
.admin-classic-shell .page-vod-editor .contents .layui-input-block {
    clear: both;
}
.admin-classic-shell .page-vod-editor .contents .layui-input-inline.w400.p10 br {
    display: none;
}
.admin-classic-shell .page-vod-editor .contents a {
    color: #475467;
}
.admin-classic-shell .page-vod-editor .contents a:hover {
    color: #1d4ed8;
}
.admin-classic-shell .page-vod-editor .layui-form-item.center {
    position: sticky;
    left: auto;
    right: auto;
    bottom: 12px;
    z-index: 10050;
    margin: 18px 0 0;
    padding: 14px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 12px 28px rgba(16,24,40,0.08);
    backdrop-filter: blur(10px);
}
.admin-classic-shell .page-vod-editor .layui-form-item.center .layui-input-block {
    margin-left: 0;
    text-align: center;
    white-space: nowrap;
}
.admin-classic-shell .page-vod-editor .edui-editor,
.admin-classic-shell .page-vod-editor .edui-editor-toolbarbox,
.admin-classic-shell .page-vod-editor .edui-editor-iframeholder,
.admin-classic-shell .page-vod-editor .edui-default {
    z-index: 1;
}
@media screen and (max-width:768px) {
    .admin-classic-shell .page-container.p10.page-vod-editor {
        margin-top: 2px;
        padding-top: 10px;
    }
    .admin-classic-shell .page-vod-editor > .vod-editor-form .layui-tab-content {
        padding: 10px 10px 12px;
    }
    .admin-classic-shell .page-vod-editor .layui-form-item.center {
        left: auto;
        right: auto;
        bottom: 8px;
        margin-top: 14px;
    }
    .admin-classic-shell .page-vod-editor .vod-basic-compact {
        padding: 7px 10px;
        border-radius: 14px;
    }
    .admin-classic-shell .page-vod-editor .vod-basic-compact > .layui-form-item,
    .admin-classic-shell .page-vod-editor .layui-tab-item > .layui-form-item,
    .admin-classic-shell .page-vod-editor .contents > .layui-form-item {
        padding: 12px;
        border-radius: 14px;
    }
    .admin-classic-shell .page-vod-editor .vod-basic-compact > .layui-form-item {
        padding: 6px 0;
        border-radius: 0;
    }
    .admin-classic-shell .page-vod-editor .vod_class_label,
    .admin-classic-shell .page-vod-editor .vod_year_label,
    .admin-classic-shell .page-vod-editor .vod_area_label,
    .admin-classic-shell .page-vod-editor .vod_lang_label,
    .admin-classic-shell .page-vod-editor .vod_version_label,
    .admin-classic-shell .page-vod-editor .vod_state_label {
        margin-top: 8px;
    }
    .admin-classic-shell .page-vod-editor .vod-extend-row {
        display: block;
    }
    .admin-classic-shell .page-vod-editor .vod-extend-row .layui-form-label,
    .admin-classic-shell .page-vod-editor .vod-extend-row .vod-extend-input,
    .admin-classic-shell .page-vod-editor .vod-extend-row .vod-extend-tags {
        float: left;
        width: auto;
    }
    .admin-classic-shell .page-vod-editor .vod-extend-row .vod-extend-input,
    .admin-classic-shell .page-vod-editor .vod-extend-row .vod-extend-tags {
        min-width: 0;
    }
}