/* theme - 黑色主题 */

/* ========== 基础变量（黑色主题） ========== */
:root {
  --fy-primary: #0d9488;
  --fy-primary-hover: #0f766e;
  --fy-primary-light: rgba(13, 148, 136, 0.2);
  --fy-sidebar-bg: #0a0a0a;
  --fy-sidebar-text: #e5e5e5;
  --fy-sidebar-text-muted: #737373;
  --fy-header-bg: #0a0a0a;
  --fy-content-bg: #000000;
  --fy-card-bg: #0f0f0f;
  --fy-card-radius: 12px;
  --fy-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --fy-shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
  --fy-border: rgba(255, 255, 255, 0.06);
  --fy-text: #fafafa;
  --fy-text-muted: #a3a3a3;
}

/* 全局字体与黑色背景 */
html, body {
  font-family: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #000000 !important;
  color: var(--fy-text) !important;
}

/* ========== 侧边栏大改 ========== */
.layout-side-drawer,
.layout-side-drawer .layout-sider,
.layout .layout-sider[data-v-10c54ad9],
.n-layout-sider {
  background: var(--fy-sidebar-bg) !important;
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15) !important;
}

/* 侧栏菜单项 */
.layout-side-drawer .n-menu .n-menu-item,
.layout .layout-sider .n-menu .n-menu-item,
.n-layout-sider .n-menu .n-menu-item {
  border-radius: 10px !important;
  margin: 2px 10px !important;
  transition: all 0.2s ease !important;
}

.layout-side-drawer .n-menu .n-menu-item:hover,
.layout .layout-sider .n-menu .n-menu-item:hover {
  background: rgba(13, 148, 136, 0.15) !important;
  color: var(--fy-primary) !important;
}

.layout-side-drawer .n-menu .n-menu-item.n-menu-item--selected,
.layout .layout-sider .n-menu .n-menu-item.n-menu-item--selected {
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.25), rgba(13, 148, 136, 0.1)) !important;
  color: #5eead4 !important;
  font-weight: 600;
}

/* 侧栏 Logo 区域 */
.layout-side-drawer .logo .title,
.layout .layout-sider .logo .title,
.logo .title[data-v-4d66bf8a],
.logo .title[data-v-58dc70c3] {
  color: var(--fy-sidebar-text) !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.02em;
}

/* ========== 顶栏（黑色） ========== */
.layout-header[data-v-58dc70c3],
.n-layout-header {
  height: 64px !important;
  background: var(--fy-header-bg) !important;
  box-shadow: 0 1px 0 var(--fy-border) !important;
  border-bottom: 1px solid var(--fy-border) !important;
}

.layout-header-light[data-v-58dc70c3] {
  background: var(--fy-header-bg) !important;
}

.layout-header-trigger[data-v-58dc70c3]:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px;
}

.layout-header-left .logo .title[data-v-58dc70c3] {
  color: var(--fy-text) !important;
}

.layout-header-trigger .anticon[data-v-58dc70c3],
.layout-header-trigger .n-icon[data-v-58dc70c3] {
  color: var(--fy-text-muted) !important;
}

/* ========== 多标签栏（黑色） ========== */
.tabs-view-default-background[data-v-74a919d3],
.tabs-view-dark-background[data-v-74a919d3] {
  background: var(--fy-header-bg) !important;
  border-bottom: 1px solid var(--fy-border) !important;
  padding: 8px 10px 0 !important;
}

.tabs-view-main .tabs-card-scroll-item[data-v-74a919d3] {
  border-radius: 10px 10px 0 0 !important;
  padding: 8px 16px !important;
  margin-right: 4px !important;
  background: #171717 !important;
  color: var(--fy-text-muted) !important;
}

.tabs-view-main .tabs-card-scroll .active-item[data-v-74a919d3] {
  background: #0f0f0f !important;
  color: var(--fy-primary) !important;
  font-weight: 600;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
}

.tabs-view .tabs-close[data-v-74a919d3] {
  border-radius: 8px !important;
}

/* ========== 主内容区（黑色） ========== */
.layout-default-background[data-v-10c54ad9] {
  background: var(--fy-content-bg) !important;
}

.layout-content-main[data-v-10c54ad9],
.layout-content-main-fix[data-v-10c54ad9] {
  margin: 0 16px 16px !important;
  padding-top: 64px !important;
}

/* ========== 按钮与主色统一 ========== */
.n-button.n-button--primary-type,
.ant-btn-primary,
.n-button[type="primary"] {
  background: var(--fy-primary) !important;
  border-color: var(--fy-primary) !important;
  border-radius: 10px !important;
  font-weight: 500;
}

.n-button.n-button--primary-type:hover,
.ant-btn-primary:hover,
.n-button[type="primary"]:hover {
  background: var(--fy-primary-hover) !important;
  border-color: var(--fy-primary-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.35);
}

/* 链接与高亮色 */
a[class*="primary"],
.table-toolbar-right-icon:hover,
.table-toolbar-inner-checkbox:hover,
.thing-cell-on[data-v-9a915ab9],
.thing-cell-on .n-thing-header__title {
  color: var(--fy-primary) !important;
}

.table-toolbar-inner-checkbox:hover {
  background: var(--fy-primary-light) !important;
}

.thing-cell-on[data-v-9a915ab9] {
  background: var(--fy-primary-light) !important;
}

/* 全局文字在黑色背景下为浅色 */
.n-layout,
.n-layout .n-layout-content,
.layout-content-main[data-v-10c54ad9] {
  background: var(--fy-content-bg) !important;
}

/* ========== 卡片与容器（黑色） ========== */
.n-card,
.ant-card,
[class*="modal-content"][data-v-2e2914c1] {
  border-radius: var(--fy-card-radius) !important;
  box-shadow: var(--fy-shadow) !important;
  border: 1px solid var(--fy-border) !important;
  background: var(--fy-card-bg) !important;
  color: var(--fy-text) !important;
}

.modal-content[data-v-2e2914c1] {
  box-shadow: var(--fy-shadow-lg) !important;
  background: #0f0f0f !important;
}

.input-field[data-v-2e2914c1] {
  border-radius: 10px !important;
  border-color: #262626 !important;
  background: #171717 !important;
  color: var(--fy-text) !important;
}

.input-field[data-v-2e2914c1]:focus {
  border-color: var(--fy-primary) !important;
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.25);
}

/* ========== 表格与列表（黑色） ========== */
.thing-cell[data-v-9a915ab9]:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 10px;
}

.n-data-table,
.ant-table {
  border-radius: var(--fy-card-radius) !important;
  overflow: hidden;
  background: var(--fy-card-bg) !important;
  color: var(--fy-text) !important;
}

.n-data-table .n-data-table-th,
.n-data-table .n-data-table-td,
.ant-table {
  background: var(--fy-card-bg) !important;
  border-color: var(--fy-border) !important;
  color: var(--fy-text) !important;
}

/* ========== 表单与输入（黑色） ========== */
.n-input,
.n-input .n-input__input-el,
.n-select .n-input,
.ant-input,
.ant-input-affix-wrapper {
  background: #171717 !important;
  border-color: var(--fy-border) !important;
  color: var(--fy-text) !important;
}

.n-input .n-input__input-el::placeholder,
.ant-input::placeholder {
  color: var(--fy-text-muted);
}

.n-modal .n-card,
.n-drawer .n-card {
  background: var(--fy-card-bg) !important;
  border: 1px solid var(--fy-border) !important;
}

/* ========== 锁屏与加载 ========== */
.lockscreen[data-v-bed9b923] {
  background: linear-gradient(160deg, #000 0%, #0a0a0a 50%, #000 100%) !important;
}

.lockscreen .login-box .username[data-v-bed9b923] {
  color: var(--fy-sidebar-text);
}

.lockscreen .local-time .time[data-v-bed9b923] {
  color: #f8fafc;
}

/* ========== 首屏加载（黑色） ========== */
.lw {
  background: #000000 !important;
}

.lw .dw i {
  background-color: var(--fy-primary) !important;
}

/* ========== 滚动条（深色） ========== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #171717;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #404040;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #525252;
}

/* 侧栏内滚动条 */
.layout-sider ::-webkit-scrollbar-track,
.layout-side-drawer ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}

.layout-sider ::-webkit-scrollbar-thumb,
.layout-side-drawer ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}