/* =========================
   智绘嘉AI - PC统一侧边栏
========================= */

.zhj-sidebar{
  position:fixed;
  left:0;
  top:0;
  width:220px;
  height:100vh;
  background:linear-gradient(180deg,#06142b 0%,#020817 100%);
  border-right:1px solid rgba(120,180,255,.08);
  z-index:999;

  display:flex;
  flex-direction:column;

  overflow:hidden;
}

.zhj-logo{
  padding:18px 18px 10px;
}

.zhj-logo img{
  width:140px;
  display:block;
}

.zhj-side-nav{
  padding:8px 14px 120px;
}

.zhj-nav-link,
.zhj-nav-toggle,
.zhj-tool-link{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:46px;
  padding:0 14px;
  border-radius:14px;
  color:#d7e7ff;
  text-decoration:none;
  transition:.25s;
  font-size:15px;
  font-weight:600;
}

.zhj-nav-link:hover,
.zhj-nav-toggle:hover,
.zhj-tool-link:hover{
  background:rgba(120,180,255,.08);
  color:#7ee7ff;
}

.zhj-nav-link.active{
  background:linear-gradient(90deg,#12395e 0%,#0a223c 100%);
  color:#7ee7ff;
}

.zhj-nav-toggle{
  cursor:pointer;
  justify-content:space-between;
}

.zhj-tools-panel{
  padding-left:10px;
  display:none;
}

.zhj-tools-panel.open{
  display:block;
}

.zhj-tool-link{
  min-height:40px;
  font-size:14px;
  opacity:.9;
}

.zhj-user-card{
  position:sticky;
  bottom:0;
  left:0;
  width:100%;
  padding:14px;
  background:linear-gradient(180deg,rgba(2,8,23,0) 0%,#020817 40%);
}

.zhj-user-btn{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:62px;
  border-radius:18px;
  padding:0 14px;
  border:1px solid rgba(120,180,255,.1);
  background:rgba(255,255,255,.03);
  cursor:pointer;
  transition:.25s;
}

.zhj-user-btn:hover{
  border-color:rgba(126,231,255,.35);
  box-shadow:0 0 20px rgba(126,231,255,.08);
}

.zhj-user-btn img{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
}

@media(max-width:920px){
  .zhj-sidebar{
    display:none!important;
  }
}



/* PC主内容区域：适配 fixed 页面 */
@media (min-width:921px){
  .zhj-main{
    left:220px !important;
    right:0 !important;
    width:auto !important;
    margin-left:0 !important;
  }
}

/* 手机端恢复全宽 */
@media (max-width:920px){

  .zhj-main{
    margin-left:0;
    width:100%;
  }
}



/* 强制覆盖旧页面按钮样式 */
.zhj-sidebar button,
.zhj-sidebar a{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:none !important;
  outline:none !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.zhj-nav-toggle,
.zhj-nav-link{
  background:transparent !important;
}

.zhj-nav-toggle:hover,
.zhj-nav-link:hover{
  background:rgba(34,211,238,.13) !important;
}

.zhj-tools-panel{
  background:transparent !important;
}

.zhj-tool-link{
  background:transparent !important;
}

.zhj-tool-link:hover{
  background:rgba(255,255,255,.06) !important;
}


/* 用户卡固定到底部，并修复文字颜色 */
.zhj-sidebar{
  padding-bottom:18px;
}

.zhj-side-nav{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  padding-bottom:20px;
}

.zhj-user-card{
  margin-top:auto;

  border-top:1px solid rgba(255,255,255,.08);

  padding:14px 10px 16px;

  background:linear-gradient(
    180deg,
    rgba(5,10,25,.0) 0%,
    rgba(5,10,25,.72) 30%,
    rgba(5,10,25,.95) 100%
  );
}

.zhj-user-name{
  color:#fff !important;
  font-weight:900 !important;
}

.zhj-user-sub{
  color:rgba(255,255,255,.58) !important;
}

.zhj-user-btn{
  color:#fff !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-pc-copyright{
  flex:0 0 auto!important;
  margin:2px 18px 8px!important;
  padding:10px 2px 9px!important;
  max-height:156px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  color:rgba(255,255,255,.38)!important;
  font-size:11px!important;
  line-height:1.55!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.zhj-pc-copyright::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.zhj-pc-copyright p{margin:0 0 5px!important;color:rgba(255,255,255,.38)!important}
.zhj-pc-copyright a{display:inline-block!important;margin:0 8px 5px 0!important;color:rgba(255,255,255,.44)!important;text-decoration:none!important;font-size:11px!important;line-height:1.45!important}
.zhj-pc-copyright a:hover{color:#67e8f9!important}
.zhj-pc-copyright .zhj-copy-title{color:rgba(255,255,255,.56)!important;font-weight:900!important;margin-bottom:6px!important}
.zhj-pc-copyright .zhj-copy-icp{color:rgba(103,232,249,.72)!important}
.zhj-pc-copyright .zhj-copy-muted{color:rgba(255,255,255,.30)!important}
.zhj-pc-copyright .zhj-copy-links{display:flex!important;flex-wrap:wrap!important;gap:0!important;margin-top:4px!important}
@media(max-height:780px){.zhj-pc-copyright{max-height:102px!important;padding-top:8px!important;padding-bottom:7px!important;font-size:10px!important}.zhj-pc-copyright a{font-size:10px!important}}
@media(max-height:680px){.zhj-pc-copyright{display:none!important}}



/* ===== ZHJ_FINAL_PC_SIDEBAR_COPYRIGHT_20260608 =====
   版权备案区域合并进PC导航滚动区；直播中心与用户卡固定不动。
   图标全部使用内联SVG/FontAwesome，不依赖额外图片资源。
*/
#pcSidebarContainer{
  --zhj-sidebar-w:230px!important;
}

.zhj-pc-sidebar{
  background:
    radial-gradient(circle at 18% 0%, rgba(22,211,238,.12), transparent 32%),
    linear-gradient(180deg,#06162b 0%,#050917 100%)!important;
}

.zhj-pc-menu{
  flex:1 1 auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px 14px 14px!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

.zhj-pc-menu::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

.zhj-pc-link,
.zhj-pc-group-title{
  min-height:46px!important;
  font-size:16px!important;
  font-weight:950!important;
  padding:0 14px!important;
}

.zhj-pc-submenu a{
  min-height:38px!important;
  font-size:14px!important;
  font-weight:850!important;
}

.zhj-pc-copyright{
  display:block!important;
  flex:none!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  margin:14px 0 4px!important;
  padding:14px 12px 12px!important;
  border-top:1px solid rgba(103,232,249,.18)!important;
  border-bottom:1px solid rgba(103,232,249,.10)!important;
  border-radius:16px!important;
  background:
    linear-gradient(135deg,rgba(103,232,249,.055),rgba(139,92,246,.035)),
    rgba(255,255,255,.025)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:rgba(225,238,255,.78)!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important;
}

.zhj-copy-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}

.zhj-copy-grid a,
.zhj-copy-grid .zhj-copy-item{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:rgba(225,238,255,.72)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.35!important;
  margin:0!important;
  padding:0!important;
}

.zhj-copy-grid a:hover{
  color:#67e8f9!important;
}

.zhj-copy-icon{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  display:inline-block!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  filter:drop-shadow(0 0 8px rgba(103,232,249,.20))!important;
}

.zhj-copy-shield{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2367e8f9' stroke-width='2'%3E%3Cpath d='M12 2l7 3v6c0 5-3.5 9-7 11-3.5-2-7-6-7-11V5l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")!important;
}

.zhj-copy-police{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fbbf24' d='M12 2l8 4v6c0 5-3.4 8.8-8 10-4.6-1.2-8-5-8-10V6l8-4z'/%3E%3Cpath fill='%23dc2626' d='M12 5.4l1.25 3.8h4l-3.25 2.35 1.25 3.85L12 13.05 8.75 15.4 10 11.55 6.75 9.2h4L12 5.4z'/%3E%3C/svg%3E")!important;
}

.zhj-copy-lock{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238bdbff' stroke-width='2'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 018 0v3'/%3E%3C/svg%3E")!important;
}

.zhj-copy-file{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a78bfa' stroke-width='2'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v6h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E")!important;
}

.zhj-copy-service{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2367e8f9' stroke-width='2'%3E%3Cpath d='M4 13a8 8 0 0116 0'/%3E%3Cpath d='M4 13v4a2 2 0 002 2h2v-8H6a2 2 0 00-2 2zM20 13v4a2 2 0 01-2 2h-2v-8h2a2 2 0 012 2z'/%3E%3Cpath d='M16 19c0 1.1-1.8 2-4 2'/%3E%3C/svg%3E")!important;
}

.zhj-copy-help{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2367e8f9' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.6 2.6 0 015 1.2c0 2-2.5 2.1-2.5 4'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E")!important;
}

.zhj-copy-fa{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
}

.zhj-copy-douyin{color:#fff!important;text-shadow:1px 0 #ff2d55,-1px 0 #00f2ea!important}
.zhj-copy-wechat{color:#22c55e!important}
.zhj-copy-mini{color:#60a5fa!important;font-size:18px!important}

.zhj-copy-bottom{
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}

.zhj-copy-bottom p{
  margin:0 0 5px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:650!important;
}

.zhj-live-entry,
.zhj-pc-user{
  flex:0 0 auto!important;
}

@media(max-height:760px){
  .zhj-pc-link,
  .zhj-pc-group-title{min-height:42px!important;font-size:15px!important}
  .zhj-pc-submenu a{min-height:34px!important;font-size:13px!important}
  .zhj-pc-copyright{display:block!important;padding:12px 11px 10px!important}
  .zhj-copy-grid a,
  .zhj-copy-grid .zhj-copy-item{font-size:12px!important;min-height:22px!important}
}

@media(max-height:640px){
  .zhj-pc-copyright{display:block!important}
  .zhj-copy-bottom{display:none!important}
}

@media(max-width:1379px){
  .zhj-pc-copyright{display:none!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;}