/* 智绘嘉AI - 手机端统一导航栏 CSS：PC端不显示、不影响 */
:root{--zhj-mobile-nav-height:72px}
*{box-sizing:border-box}a{text-decoration:none;color:inherit}button{font-family:inherit}

#mobileNavContainer{display:block!important;position:relative!important;z-index:2147483000!important;pointer-events:auto!important}
.zhj-mobile-bar{display:none;position:fixed!important;left:0!important;top:0!important;right:0!important;height:var(--zhj-mobile-nav-height)!important;z-index:2147483200!important;align-items:center!important;justify-content:space-between!important;padding:8px 16px!important;background:rgba(5,10,26,.96)!important;border-bottom:1px solid rgba(103,232,249,.20)!important;box-shadow:0 12px 34px rgba(0,0,0,.38)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;pointer-events:auto!important}
.zhj-mobile-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483210!important;pointer-events:auto!important}
.zhj-mobile-logo img{width:150px!important;max-width:40vw!important;height:auto!important;display:block!important;object-fit:contain!important}
.zhj-mobile-toggle,.zhj-mobile-user-btn{width:56px!important;height:56px!important;min-width:56px!important;border:1px solid rgba(103,232,249,.32)!important;border-radius:18px!important;background:rgba(9,38,58,.88)!important;color:#67e8f9!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;box-shadow:0 0 22px rgba(34,211,238,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;position:relative!important;z-index:2147483300!important;pointer-events:auto!important;padding:0!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
.zhj-mobile-toggle i{font-size:27px!important;line-height:1!important;pointer-events:none!important}.zhj-mobile-toggle.open{background:rgba(34,211,238,.18)!important;border-color:rgba(103,232,249,.48)!important}
.zhj-mobile-user-btn{padding:4px!important}.zhj-mobile-user-btn img{width:46px!important;height:46px!important;border-radius:15px!important;object-fit:cover!important;display:block!important;border:2px solid rgba(103,232,249,.42)!important;background:rgba(255,255,255,.06)!important}

.zhj-sidebar-mask{display:none;position:fixed!important;inset:0!important;z-index:2147483050!important;background:rgba(0,0,0,.56)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;pointer-events:auto!important}.zhj-sidebar-mask.show{display:block!important}
.zhj-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(326px,84vw)!important;z-index:2147483100!important;background:rgba(5,10,26,.98)!important;border-right:1px solid rgba(103,232,249,.20)!important;padding:86px 16px 20px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:translateX(-106%)!important;transition:transform .22s ease!important;box-shadow:24px 0 84px rgba(0,0,0,.48)!important;pointer-events:auto!important}.zhj-sidebar.open{transform:translateX(0)!important}
.zhj-logo{display:block!important;padding:0 8px 22px!important}.zhj-logo img{width:170px!important;height:auto!important;display:block!important;object-fit:contain!important}.zhj-side-nav{flex:1!important;overflow-y:auto!important;padding-right:4px!important;-webkit-overflow-scrolling:touch!important}.zhj-side-nav::-webkit-scrollbar{width:4px}.zhj-side-nav::-webkit-scrollbar-thumb{background:rgba(103,232,249,.25);border-radius:99px}
.zhj-nav-link,.zhj-nav-toggle{width:100%!important;min-height:48px!important;border:0!important;border-radius:16px!important;padding:0 15px!important;margin:5px 0!important;display:flex!important;align-items:center!important;gap:13px!important;background:transparent!important;color:rgba(255,255,255,.78)!important;font-size:16px!important;font-weight:900!important;cursor:pointer!important;transition:.18s ease!important;text-align:left!important;pointer-events:auto!important}.zhj-nav-link:hover,.zhj-nav-toggle:hover,.zhj-nav-link.active{background:rgba(34,211,238,.14)!important;color:#fff!important}.zhj-nav-link i,.zhj-nav-toggle i{width:20px!important;color:#67e8f9!important;text-align:center!important}.zhj-nav-toggle .arrow{margin-left:auto!important;transition:.2s ease!important}.zhj-nav-toggle.open .arrow{transform:rotate(180deg)!important}.zhj-tools-panel{display:none!important;margin:5px 0 12px 15px!important;padding-left:13px!important;border-left:1px solid rgba(103,232,249,.20)!important}.zhj-tools-panel.open{display:block!important}.zhj-tool-link{min-height:39px!important;padding:0 9px!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:11px!important;color:rgba(255,255,255,.74)!important;font-size:15px!important;font-weight:850!important;margin:3px 0!important}.zhj-tool-link:hover,.zhj-tool-link.active{background:rgba(255,255,255,.06)!important;color:#fff!important}.zhj-tool-link i{width:20px!important;color:#67e8f9!important}
.zhj-user-card{position:relative!important;border-top:1px solid rgba(255,255,255,.10)!important;padding-top:16px!important;margin-top:12px!important}.zhj-user-btn{width:100%!important;height:66px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.075)!important;display:flex!important;align-items:center!important;gap:13px!important;padding:0 14px!important;color:#fff!important;cursor:pointer!important;pointer-events:auto!important}.zhj-user-btn img{width:48px!important;height:48px!important;border-radius:16px!important;object-fit:cover!important;border:2px solid rgba(103,232,249,.42)!important}.zhj-user-info{min-width:0!important;text-align:left!important}.zhj-user-name{display:block!important;font-size:15px!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.zhj-user-sub{display:block!important;margin-top:4px!important;font-size:12px!important;color:rgba(255,255,255,.56)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zhj-mobile-user-menu{position:fixed!important;left:16px!important;top:82px!important;width:286px!important;max-width:calc(100vw - 32px)!important;z-index:2147483400!important;display:none!important;padding:12px!important;border-radius:22px!important;background:rgba(7,15,32,.97)!important;border:1px solid rgba(103,232,249,.25)!important;box-shadow:0 22px 76px rgba(0,0,0,.56)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;pointer-events:auto!important}.zhj-mobile-user-menu.open{display:block!important}.zhj-mobile-user-profile{display:flex!important;align-items:center!important;gap:12px!important;padding:8px 8px 12px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;margin-bottom:8px!important}.zhj-mobile-user-profile img{width:50px!important;height:50px!important;border-radius:16px!important;object-fit:cover!important;border:2px solid rgba(103,232,249,.42)!important}.zhj-mobile-user-text{min-width:0!important}.zhj-mobile-user-profile b{display:block!important;font-size:15px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.zhj-mobile-user-profile span{display:block!important;font-size:12px!important;color:rgba(255,255,255,.58)!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.zhj-mobile-user-menu a,.zhj-mobile-user-menu button{width:100%!important;height:43px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:rgba(255,255,255,.84)!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 12px!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;text-align:left!important;cursor:pointer!important}.zhj-mobile-user-menu a:hover,.zhj-mobile-user-menu button:hover{background:rgba(34,211,238,.12)!important;color:#67e8f9!important}.zhj-side-user-menu{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:76px!important;width:auto!important;max-width:none!important;z-index:2147483450!important}
body.zhj-mobile-menu-open{overflow:hidden!important;touch-action:none!important}
@media(max-width:920px){body{padding-top:var(--zhj-mobile-nav-height)!important}.zhj-mobile-bar{display:flex!important}}
@media(min-width:921px){.zhj-mobile-bar,.zhj-sidebar,.zhj-sidebar-mask,.zhj-mobile-user-menu{display:none!important}}
@media(max-width:380px){:root{--zhj-mobile-nav-height:68px}.zhj-mobile-toggle,.zhj-mobile-user-btn{width:52px!important;height:52px!important;min-width:52px!important}.zhj-mobile-user-btn img{width:42px!important;height:42px!important}.zhj-mobile-logo img{width:136px!important}.zhj-sidebar{width:min(302px,84vw)!important}.zhj-nav-link,.zhj-nav-toggle{font-size:15px!important}}


/* ZHJ_STABLE_CLICK_FIX_20260531 */
.zhj-mobile-bar,.zhj-sidebar,.zhj-sidebar-mask,.zhj-mobile-user-menu,#pcSidebarContainer,.zhj-pc-sidebar,.zhj-user-menu{ -webkit-tap-highlight-color:transparent; }
.zhj-mobile-bar button,.zhj-sidebar button,.zhj-sidebar a,.zhj-mobile-user-menu a,.zhj-mobile-user-menu button,.zhj-pc-sidebar button,.zhj-pc-sidebar a{ pointer-events:auto!important; touch-action:manipulation; }
.zhj-sidebar,.zhj-mobile-user-menu,.zhj-pc-sidebar,.zhj-user-menu{ will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden; }

/* =========================
   会员等级图标与用户名颜色系统
   只控制用户名颜色，不影响原导航结构和功能
========================= */
.zhj-vip-normal{
  color:#ffffff !important;
}
.zhj-vip-1{
  color:#67e8f9 !important;
  text-shadow:0 0 10px rgba(103,232,249,.45) !important;
}
.zhj-vip-2{
  color:#fbbf24 !important;
  text-shadow:0 0 12px rgba(251,191,36,.55) !important;
}
.zhj-vip-3{
  color:#fbbf24 !important;
  background:linear-gradient(90deg,#67e8f9,#ffffff,#fbbf24) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
  font-weight:900 !important;
}


/* ZHJ_MOBILE_AUTH_LOGIC_FIX_20260606
   未登录时头像只作为登录入口，不展示个人中心/退出菜单。 */
html.zhj-is-logout .zhj-mobile-user-menu.open{
  display:none!important;
}
html.zhj-is-logout .zhj-mobile-user-btn,
html.zhj-is-logout .zhj-user-btn{
  cursor:pointer!important;
}
html.zhj-is-logout .zhj-user-sub::after{
  content:"";
}

/* ZHJ_MOBILE_RESET_PASSWORD_INPUT_FIX_20260606
   修复手机端找回密码/验证码输入框过窄：验证码框与手机号框同宽同高。 */
@media(max-width:920px){
  input[id*="code"],
  input[name*="code"],
  input[class*="code"],
  input[placeholder*="验证码"],
  input[placeholder*="短信"],
  .code-input,
  .sms-code-input,
  .verify-code-input,
  .captcha-input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    display:block!important;
    flex:1 1 100%!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    padding-left:18px!important;
    padding-right:18px!important;
    border-radius:18px!important;
    font-size:16px!important;
    line-height:56px!important;
  }
  .code-row,
  .sms-code-row,
  .verify-code-row,
  .captcha-row,
  .form-code-row,
  .auth-code-row{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .code-row button,
  .sms-code-row button,
  .verify-code-row button,
  .captcha-row button,
  .form-code-row button,
  .auth-code-row button{
    width:100%!important;
    max-width:100%!important;
  }
}


/* ZHJ_NAV_ICON_HOT_FIX_20260608 */
.zhj-hot-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:16px!important;padding:0 6px!important;margin-left:7px!important;border-radius:999px!important;font-size:9px!important;font-weight:1000!important;line-height:1!important;color:#fff!important;background:linear-gradient(90deg,#ff2d55,#ff9500)!important;box-shadow:0 0 10px rgba(255,98,0,.45)!important;}
.zhj-pc-icon i{color:inherit!important;font-size:15px!important;}

/* ZHJ_MOBILE_NAV_FINAL_20260608：手机端按PC同图标；版权折叠；直播入口保留 */
.zhj-hot-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:15px!important;
  padding:0 6px!important;
  margin-left:7px!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:1000!important;
  color:#fff!important;
  background:linear-gradient(90deg,#ff2d55,#ff9500)!important;
  box-shadow:0 0 10px rgba(255,98,0,.45)!important;
}
.zhj-nav-toggle .zhj-hot-title{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
}
.zhj-mobile-copyright-panel{
  display:none!important;
  margin:8px 0 12px!important;
  padding:10px 8px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.zhj-mobile-copyright-panel.open{display:block!important;}
.zhj-mobile-copy-link,.zhj-mobile-copy-item{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 8px!important;
  border-radius:12px!important;
  color:rgba(255,255,255,.72)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
}
.zhj-mobile-copy-link:hover{background:rgba(34,211,238,.10)!important;color:#67e8f9!important;}
.zhj-mobile-copy-link i,.zhj-mobile-copy-item i{width:18px!important;text-align:center!important;color:#67e8f9!important;}
.zhj-mobile-copy-item .zhj-police{color:#ffb020!important;}
.zhj-mobile-official-actions{
  padding:6px 0 10px!important;
}
.zhj-mobile-action-btn{
  width:100%!important;
  min-height:44px!important;
  margin:7px 0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:1000!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.055)!important;
}
.zhj-mobile-action-btn.download{background:linear-gradient(135deg,#ff2d55,#ff9500)!important;box-shadow:0 0 16px rgba(255,94,58,.28)!important;}
.zhj-mobile-action-btn i{font-size:17px!important;color:#fff!important;}
.zhj-mobile-action-btn.douyin i{color:#fff!important;}
.zhj-mobile-action-btn.mini i{color:#fff!important;}