/*前台通用头部*/
/* 头部 */
.fly-header{position: fixed; left: 0; top: 0; z-index: 10000; width: 100%;border-bottom: 1px solid #404553; border-right: 1px solid #404553; border-radius: 0;background-color:#2f363c;transition: box-shadow 0.3s ease;}
.fly-header .navbar-toggle {position: relative; float: right; padding: 14px 10px; margin-top: 9px;color:#fff }
.fly-header .navbar-toggle .icon-bar {display: block;height: 2px;border-radius: 1px;width: 18px;background-color: #888;}
.fly-header .navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
.fly-header .fly-logo{float:left;display:flex;align-items:center;gap:10px;text-decoration:none;}
.fly-header .fly-logo .fly-logo-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg, var(--primary-color, #2563eb), var(--primary-dark, #1d4ed8));color:#fff;flex-shrink:0;transition:transform 0.3s ease, box-shadow 0.3s ease;box-shadow:0 2px 8px rgba(37,99,235,0.3);}
.fly-header .fly-logo:hover .fly-logo-icon{transform:rotate(-8deg) scale(1.08);box-shadow:0 4px 16px rgba(37,99,235,0.45);}
.fly-header .fly-logo h2{font-size: 21px;line-height: 60px;color: #fff;font-weight:600;letter-spacing:0.5px;transition:opacity 0.3s ease;}
.fly-header .fly-logo:hover h2{opacity:0.85;}
.fly-header .fly-nav-user .iconfont{position: relative;}
.fly-header .fly-nav-avatar img{width: 36px; height: 36px; margin-right: 10px; border-radius: 100%;}
.fly-header .fly-nav-user .layui-nav-child a i{position: relative; top: 1px; margin-right: 10px;}
.fly-header .layui-nav{padding: 0; }
.fly-header .fly-nav-user li a{padding: 0 10px;}
.fly-header .fly-nav-user li .fly-nav-avatar{padding-right: 25px;}
.fly-header .layui-nav .layui-this:after,
.fly-header .layui-nav .layui-nav-bar{display: none !important;}
.fly-header .layui-nav-right{float: right !important;}
.fly-header .layui-nav .fly-nav-user{margin-left: 30px;}
.fly-header .layui-nav .fly-nav-user .layui-btn-register,.fly-header .layui-nav .fly-nav-user .layui-btn-login{display: inline-block;color: #fff!important}

/*白色主题*/
.light-theme .fly-header{border-color: #fff;box-shadow: 0 2px 12px rgb(0 0 0 / 8%);background: #fff;border-bottom: 3px solid var(--primary-color, #2563eb);}
.light-theme .fly-header .layui-nav .layui-nav-item a {color: #555;position: relative;}
.light-theme .fly-header .layui-nav {background-color: #fff;color: #555;}
.light-theme .fly-header .navbar-toggle {color:#000 }
.light-theme .fly-header .fly-logo h2{color: #333;font-weight: 700;}
.light-theme .fly-header .fly-logo:hover h2{color: var(--primary-color, #2563eb);}
.light-theme .fly-header .layui-nav .layui-this>a {color: var(--primary-color, #2563eb);}
.light-theme .fly-header .layui-nav .layui-this>a::after {content: '';position: absolute;left: 15px;right: 15px;bottom: 0;height: 3px;background: var(--primary-color, #2563eb);border-radius: 2px 2px 0 0;}
.light-theme .fly-header .layui-nav .layui-nav-item:not(.layui-this)>a:hover {color: var(--primary-color, #2563eb);}
.light-theme .fly-header .layui-nav .layui-nav-item:not(.fly-nav-user)>a::after {content: '';position: absolute;left: 15px;right: 15px;bottom: 0;height: 3px;background: var(--primary-color, #2563eb);border-radius: 2px 2px 0 0;transform: scaleX(0);transition: transform 0.25s ease;}
.light-theme .fly-header .layui-nav .layui-nav-item:not(.fly-nav-user):not(.layui-this)>a:hover::after {transform: scaleX(1);}

/*白色主题-登录注册按钮 */
.light-theme .fly-header .fly-nav-user .layui-btn-register {
    background: transparent !important;
    color: var(--primary-color, #2563eb) !important;
    border: 1px solid var(--primary-color, #2563eb);
    border-radius: 4px;
    transition: all 0.25s ease;
}

.light-theme .fly-header .fly-nav-user .layui-btn-register:hover {
    background: var(--primary-color, #2563eb) !important;
    color: #fff !important;
}

.light-theme .fly-header .fly-nav-user .layui-btn-login {
    background: var(--primary-color, #2563eb) !important;
    color: #fff !important;
    border: 1px solid var(--primary-color, #2563eb);
    border-radius: 4px;
    transition: all 0.25s ease;
}

.light-theme .fly-header .fly-nav-user .layui-btn-login:hover {
    background: var(--primary-dark, #1d4ed8) !important;
    border-color: var(--primary-dark, #1d4ed8);
}

/* 底部 */
.fly-footer {margin: 50px 0 0;}
.fly-footer .copyright{background: linear-gradient(180deg, #2d3338 0%, #1f2429 100%);line-height: 50px;text-align: center; color: #aaa;font-size: 13px;}
.fly-footer .copyright a{padding:0 6px; font-weight: 300; color: #aaa;transition: color 0.2s ease;}
.fly-footer .copyright a:hover{color: #fff;}

@media screen and (min-width: 768px) {
    .fly-header .fly-head{
        float: left;
    }
    .fly-header .navbar-toggle {
        display: none;
    }
    .fly-header .navbar-collapse.layui-hide {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
  /* 头部 */
  .fly-header .layui-container > .navbar-collapse{margin-right: -15px;margin-left: -15px;border-top:1px solid #f5f5f5;}
  .fly-header .fly-logo h2{font-size:18px;}
  .fly-header .fly-logo .fly-logo-icon{width:30px;height:30px;}
  .fly-header .fly-logo{gap:8px;}
  .fly-header .fly-nav {padding: 10px 15px;}
  .fly-header .fly-nav-user li .fly-nav-avatar{padding-right: 15px;}
  .fly-header .layui-nav .layui-nav-item{display: block;}
  .fly-header .layui-nav .layui-nav-item a {padding: 0 10px;}
  .fly-header .layui-nav-right{float: none !important;width: 100%}
  .fly-header .fly-nav-user{position: relative;}
  .fly-header .layui-nav .fly-nav-user {margin-left: 0px !important;}
  .fly-header .layui-nav .layui-nav-item{line-height:50px;}
  .fly-header .layui-nav-child{top:50px;}
  .fly-header .layui-nav .layui-nav-more {right: 15px;}
  /* 页脚 */
  .fly-footer{margin-top: 25px; border-top: none;}

}