/* 左侧导航图标样式 */
.nav-item{
  width: 100%;
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1.25rem;
  color: rgb(212 212 216);
  border-left: 4px solid transparent;
  border-radius: 0;
}
.nav-item:hover{ background: rgb(24 24 27); }
.nav-item.active{
  background: rgb(24 24 27);
  color: rgb(147 197 253);
  border-left-color: rgb(59 130 246);
}

/* 面包屑与按钮 */
.crumb{ padding:.375rem .75rem; border:1px solid rgb(39 39 42); border-radius:.75rem; background:transparent; }
.btn{ padding:.5rem .75rem; border-radius:.75rem; border:1px solid rgb(39 39 42); background: rgb(24 24 27); display:inline-flex; align-items:center; gap:.5rem; }
.btn.white{ background:#fff; color:#0a0a0a; border-color: rgb(228 228 231); }
.pill{ padding:.5rem 1rem; border-radius:.75rem; background: rgb(24 24 27); color: rgb(228 228 231); }
.pill.active{ background: rgb(37 99 235); color:#fff; box-shadow: 0 4px 24px rgba(37,99,235,.35); }

/* 卡片 */
.card{ background: rgba(24,24,27,.6); border:1px solid rgb(39 39 42); border-radius: 1rem; padding: 1.5rem; }
.card-title{ font-size: 1.25rem; font-weight: 700; color: rgb(96 165 250); margin-bottom: .75rem; }

/* 弹窗半透明 + 毛玻璃 */
.dialog-content{ background-color: rgba(24, 24, 27, 0.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border:1px solid rgba(148,163,184,0.2); box-shadow:0 20px 60px rgba(0,0,0,.45); }
.dialog-overlay{ background: rgba(0,0,0,.35); }