/* ===== 侧栏组件样式 ===== */
.sidebar{position:fixed;top:0;left:0;height:100%;z-index:500;
  display:flex;flex-direction:column;align-items:center;
  width:210px;background:#ffffff;
  border-right:1px solid var(--border);
  padding-top:0;padding-bottom:20px;
}
.sidebar-brand-img{display:block;width:100%;max-width:120px;height:auto;padding:13px 14px 13px 14px;}

.sidebar-nav{width:100%;flex:1;display:flex;flex-direction:column;border-top:1px solid var(--border);}
.sidebar-nav a{display:flex;align-items:center;gap:10px;
  padding:14px 18px;color:var(--text);text-decoration:none;font-size:14px;
  border-radius:10px;margin:2px 8px;transition:all 0.18s;cursor:pointer;
  white-space:nowrap;overflow:hidden;}
.sidebar-nav a:hover{background:rgba(0,0,0,0.04);}
.sidebar-nav a.active{color:var(--gold);font-weight:600;}
.sidebar-nav a.active:hover{background:rgba(0,0,0,0.04);}
.sidebar-nav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.sidebar-nav a .nav-text{flex:1;letter-spacing:0.5px;overflow:hidden;opacity:1;}

.sidebar-footer{padding:14px 18px;border-top:1px solid var(--border);margin-top:auto;}
.sidebar-footer a{display:flex;align-items:center;gap:10px;color:var(--text-dim);
  text-decoration:none;font-size:13px;padding:6px 0;}
.sidebar-footer a:hover{color:var(--text);}
.sidebar-footer a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;}
/* 用户区下拉箭头（跟随 .nav-text 一起在窄屏折叠） */
.sidebar-footer a .um-caret{width:12px;height:12px;margin-left:5px;opacity:0.55;stroke-width:2.5;}
.sidebar-footer a.auth-user-info{cursor:pointer;}
.sidebar-footer a.auth-user-info:hover .nav-text{color:var(--text);}

/* 主内容区左侧留出侧栏宽度 */
.main-area{margin-left:210px;}

/* ===== 响应式：窄屏侧栏折叠 ===== */
@media(max-width:700px){
  .sidebar{width:56px;}
  .sidebar .sidebar-nav a,.sidebar .sidebar-footer a{gap:0;justify-content:center;padding:10px;}
  .sidebar .nav-text{opacity:0;width:0;}
  .main-area{margin-left:56px;transition:none;}
}