/* 后台全局视觉：浅色底、统一圆角（略圆不过圆）、卡片层次与字体渲染 */

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  background-color: #f0f2f5;
  color: #1f2937;
}

#app {
  min-height: 100vh;
}

/* 左侧栏：深灰背景（暗色导航） */
.layout-sider.n-layout-sider,
.n-layout-sider.layout-sider {
  background: #2d2d33 !important;
  --n-color: #2d2d33 !important;
  /* 去掉侧栏与主内容之间那条 1px「半白半灰」分隔线（Naive UI 右侧 border 条） */
  --n-border-color: transparent !important;
  border-right: none !important;
  box-shadow: none !important;
}

.layout-sider .n-menu,
.layout-sider .n-layout-sider-scroll-container {
  background: transparent !important;
}

/* Naive UI LayoutSider：右侧装饰条（bordered 时会出现），隐藏以免出现双色缝 */
.n-layout-sider .n-layout-sider__border {
  display: none !important;
  width: 0 !important;
  opacity: 0 !important;
}

/* 主内容区贴侧栏一侧不要再用左边线叠出灰边 */
.n-layout .n-layout-scroll-container {
  border-left: none !important;
}

/* 顶栏用户名旁头像（与登录 logo 同源）：更圆润 */
.layout-header .avatar .n-avatar,
.layout-header .avatar .n-avatar img {
  border-radius: 12px !important;
  overflow: hidden;
}

/* 输入、选择器外框 */
.n-input .n-input__border,
.n-input .n-input__state-border,
.n-base-selection .n-base-selection__border,
.n-input-number .n-input__border {
  border-radius: 7px !important;
}

/* 卡片：轻阴影与圆角 */
.n-card {
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* 弹窗 */
.n-modal-container .n-card {
  border-radius: 12px !important;
}

/* 标签页外框略收角（不影响内部逻辑） */
.n-tabs.n-tabs--line-type .n-tabs-nav {
  border-radius: 8px 8px 0 0;
}

/* 表格容器 */
.n-data-table-wrapper {
  border-radius: 8px;
  overflow: hidden;
}

/* 菜单项（侧栏）略圆角，不改动布局 */
.n-menu .n-menu-item-content {
  border-radius: 6px;
}

/* 标签 */
.n-tag {
  border-radius: 6px !important;
}

/* 分割线略淡 */
.n-divider:not(.n-divider--vertical) {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

/* 滚动条（WebKit） */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.28);
}