/* ===== 飞鹰UI全局深色风格 ===== */

/* 全局深色背景 */
html, body, #app {
    background-color: #0B0D10 !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

/* 加载动画背景 */
.first-loading-wrap {
    background-color: #0B0D10 !important;
}

/* ===== 布局组件 ===== */
.n-layout-sider, .n-layout-header, .n-layout-footer, .n-layout-content {
    background-color: #0B0D10 !important;
}

/* ===== 侧边栏菜单 - 统一对齐 ===== */

/* 菜单项基础样式 */
.n-menu .n-menu-item,
.n-menu .n-menu-item-content {
    padding: 0 12px 0 24px !important;
    height: 40px !important;
    color: rgba(255,255,255,0.72);
    font-size: 14px;
    font-weight: 600;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

/* 悬停效果 */
.n-menu .n-menu-item:hover,
.n-menu .n-menu-item-content:hover {
    background: rgba(255,255,255,0.04) !important;
    color: rgba(255,255,255,0.85);
}

/* 选中状态 */
.n-menu .n-menu-item--active,
.n-menu .n-menu-item.n-menu-item--active {
    color: rgba(255,255,255,0.92) !important;
    font-weight: 700;
}

/* 菜单图标 */
.n-menu .n-menu-item-content__icon {
    margin-right: 8px;
}



/* ===== 顶部导航栏 - 强制深色 ===== */

/* 布局头部 */
.n-layout-header {
    background-color: #10141A !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* 标签页导航栏 - 白色横条 */
.n-tabs-nav,
.n-tabs-nav-bar,
.n-tabs-nav-wrapper,
.n-tabs-nav-scroll-wrapper,
.n-tabs-nav-scroll,
.n-tabs-nav-scroll-content,
.n-tabs-tabs-pane-wrapper,
.n-tabs-tabs-wrapper,
.n-tabs-tab-wrapper {
    background-color: #10141A !important;
}

/* 标签页下划线 */
.n-tabs-nav-bar {
    background-color: rgba(124, 92, 255, 0.65) !important;
}

/* 标签按钮 - 白色字体 */
.n-tabs-tab {
    background-color: transparent !important;
    color: rgba(255,255,255,0.85) !important;
}

.n-tabs-tab:hover {
    background-color: rgba(255,255,255,0.04) !important;
    color: rgba(255,255,255,0.95) !important;
}

.n-tabs-tab--active {
    background-color: rgba(124, 92, 255, 0.12) !important;
    color: #FFFFFF !important;
}

/* 标签内所有文字 - 强制白色 */
.n-tabs-tab span,
.n-tabs-tab div,
.n-tabs-nav span,
.n-tabs-nav div {
    color: rgba(255,255,255,0.85) !important;
    background-color: transparent !important;
}

.n-tabs-tab--active span,
.n-tabs-tab--active div {
    color: #FFFFFF !important;
}

/* 面包屑 - 白色字体 */
.n-breadcrumb {
    background-color: transparent !important;
    color: rgba(255,255,255,0.85) !important;
}

.n-breadcrumb-item-link {
    color: rgba(255,255,255,0.85) !important;
}

.n-breadcrumb-item:last-child .n-breadcrumb-item-link {
    color: #FFFFFF !important;
}

/* 导航栏内所有文字 - 强制白色 */
.n-layout-header span,
.n-layout-header div:not([class*="bar"]),
[class*="tabs"] span,
[class*="nav"] span {
    color: rgba(255,255,255,0.85) !important;
    background-color: transparent !important;
}

/* ===== 卡片组件 ===== */
.n-card {
    background-color: #10141A !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

.n-card-header__main {
    color: rgba(255,255,255,0.92) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* ===== 输入框 ===== */
.n-input .n-input-wrapper {
    background-color: #0E1217 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
}

.n-input .n-input__input-el {
    color: rgba(255,255,255,0.92) !important;
}

.n-input:hover .n-input-wrapper {
    border-color: rgba(255,255,255,0.12) !important;
}

.n-input.n-input--focus .n-input-wrapper {
    border-color: rgba(124, 92, 255, 0.22) !important;
    box-shadow: 0 0 0 2px rgba(124, 92, 255, 0.22) !important;
}

/* ===== 按钮 ===== */
.n-button--primary-type {
    background-color: rgba(124, 92, 255, 0.18) !important;
    border: 1px solid rgba(124, 92, 255, 0.55) !important;
    color: rgba(255,255,255,0.92) !important;
    border-radius: 18px !important;
    height: 46px !important;
    font-weight: 700 !important;
}

.n-button--primary-type:hover {
    background-color: rgba(124, 92, 255, 0.22) !important;
    border-color: rgba(124, 92, 255, 0.75) !important;
}

.n-button--error-type {
    background-color: rgba(239, 68, 68, 0.18) !important;
    border: 1px solid rgba(239, 68, 68, 0.55) !important;
    color: rgba(255,255,255,0.92) !important;
    border-radius: 18px !important;
}

.n-button--warning-type {
    background-color: rgba(245, 158, 11, 0.18) !important;
    border: 1px solid rgba(245, 158, 11, 0.55) !important;
    color: rgba(255,255,255,0.92) !important;
    border-radius: 18px !important;
}

.n-button--success-type {
    background-color: rgba(16, 185, 129, 0.18) !important;
    border: 1px solid rgba(16, 185, 129, 0.55) !important;
    color: rgba(255,255,255,0.92) !important;
    border-radius: 18px !important;
}

.n-button--default-type {
    background-color: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: rgba(255,255,255,0.72) !important;
    border-radius: 18px !important;
}

/* ===== 复选框 ===== */
.n-checkbox .n-checkbox-box {
    background-color: #0E1217 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
}

.n-checkbox.n-checkbox--checked .n-checkbox-box {
    background-color: rgba(124, 92, 255, 0.18) !important;
    border-color: rgba(124, 92, 255, 0.65) !important;
}

.n-checkbox .n-checkbox-box .n-checkbox-icon {
    color: #7C5CFF !important;
}


/* ===== 弹窗/对话框 ===== */
.n-dialog, .n-modal {
    background-color: #10141A !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

/* ===== 下拉菜单 ===== */
.n-dropdown-menu, .n-popover {
    background-color: #10141A !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

/* ===== 标签页 ===== */
.n-tabs-nav {
    background-color: transparent !important;
}

.n-tabs-tab {
    color: rgba(255,255,255,0.72) !important;
}

.n-tabs-tab--active {
    color: rgba(124, 92, 255, 1) !important;
}

/* 强制覆盖所有tabs相关白色背景 */
[class*="tabs"] {
    background-color: #10141A !important;
}

[class*="tabs"] span,
[class*="tabs"] div:not([class*="bar"]) {
    background-color: transparent !important;
}

/* ===== 数据表格 - 飞鹰UI深色风格 ===== */

/* 表格整体容器 */
.n-data-table-wrapper,
.n-data-table-wrapper .n-scrollbar-container,
.n-data-table-wrapper .n-scrollbar-content {
    background-color: #10141A !important;
}

/* 表格本身 */
.n-data-table-table {
    background-color: #10141A !important;
}

/* 表格主体 */
.n-data-table-tbody {
    background-color: #10141A !important;
}

/* 表格行 */
.n-data-table-tr {
    background-color: #10141A !important;
}

/* 表格单元格 - 深色背景（仅限表格内） */
.n-data-table-wrapper .n-data-table-td {
    background-color: #10141A !important;
    color: rgba(255,255,255,0.72) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* 表格内的图片/avatar不受背景影响 */
.n-data-table-wrapper .n-data-table-td img,
.n-data-table-wrapper .n-data-table-td .n-avatar,
.n-data-table-wrapper .n-data-table-td video,
.n-data-table-wrapper .n-data-table-td canvas {
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    z-index: 10 !important;
}

/* 悬停行 */
.n-data-table-wrapper .n-data-table-tr:hover .n-data-table-td {
    background-color: rgba(124, 92, 255, 0.08) !important;
}

/* 表头 */
.n-data-table-thead {
    background-color: rgba(124, 92, 255, 0.08) !important;
}

.n-data-table-th {
    background-color: transparent !important;
    color: rgba(255,255,255,0.92) !important;
    font-weight: 700 !important;
}

/* 表格容器边框 */
.n-data-table-wrapper {
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
}

/* ===== 表格内按钮 - 飞鹰UI风格（紧凑版） ===== */

/* 所有表格按钮通用样式 - 超紧凑版 */
.n-data-table-td button,
.n-data-table-td .n-button {
    border-radius: 12px !important;
    height: 26px !important;
    padding: 0 5px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    margin: 1px 1px !important;
    min-width: 38px !important;
    max-width: 52px !important;
    border: 1px solid !important;
    transition: all 0.2s ease !important;
    color: rgba(255,255,255,0.92) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    line-height: 26px !important;
}

/* 强制按钮内部文字颜色 */
.n-data-table-td .n-button__content,
.n-data-table-td button span {
    color: rgba(255,255,255,0.92) !important;
}

/* 控制按钮 - 紫色风格 */
.n-data-table-td .n-button--info-type,
.n-data-table-td .n-button--primary-type {
    background-color: rgba(124, 92, 255, 0.18) !important;
    border-color: rgba(124, 92, 255, 0.55) !important;
}

.n-data-table-td .n-button--info-type:hover,
.n-data-table-td .n-button--primary-type:hover {
    background-color: rgba(124, 92, 255, 0.22) !important;
    border-color: rgba(124, 92, 255, 0.75) !important;
}

/* 启用按钮 - 绿色风格 */
.n-data-table-td .n-button--success-type {
    background-color: rgba(16, 185, 129, 0.18) !important;
    border-color: rgba(16, 185, 129, 0.55) !important;
}

.n-data-table-td .n-button--success-type:hover {
    background-color: rgba(16, 185, 129, 0.22) !important;
    border-color: rgba(16, 185, 129, 0.75) !important;
}

/* 禁用按钮 - 红色风格 */
.n-data-table-td .n-button--error-type.n-button--disabled-type,
.n-data-table-td .n-button--error-type:not(.n-button--warning-type) {
    background-color: rgba(239, 68, 68, 0.18) !important;
    border-color: rgba(239, 68, 68, 0.55) !important;
}

.n-data-table-td .n-button--error-type:hover:not(.n-button--warning-type) {
    background-color: rgba(239, 68, 68, 0.22) !important;
    border-color: rgba(239, 68, 68, 0.75) !important;
}

/* 下发按钮 - 黄色风格 */
.n-data-table-td .n-button--warning-type {
    background-color: rgba(245, 158, 11, 0.18) !important;
    border-color: rgba(245, 158, 11, 0.55) !important;
}

.n-data-table-td .n-button--warning-type:hover {
    background-color: rgba(245, 158, 11, 0.22) !important;
    border-color: rgba(245, 158, 11, 0.75) !important;
}

/* 默认按钮 - 灰色风格 */
.n-data-table-td .n-button--default-type {
    background-color: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.12) !important;
}

.n-data-table-td .n-button--default-type:hover {
    background-color: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.2) !important;
}

/* 操作列单元格 - 确保按钮不超出（仅限最后一列） */
.n-data-table-td:last-child:not(:first-child),
.n-data-table-td.n-data-table-td--fixed-right,
.n-data-table-td[data-col-key="action"] {
    overflow: hidden !important;
    text-align: center !important;
    padding: 4px 6px !important;
    max-width: 350px !important;
    /* 不影响其他列 */
    background-color: transparent !important;
}

/* ===== 分页 ===== */
.n-pagination-item {
    background-color: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: rgba(255,255,255,0.72) !important;
    border-radius: 12px !important;
}

.n-pagination-item--active {
    background-color: rgba(124, 92, 255, 0.18) !important;
    border-color: rgba(124, 92, 255, 0.55) !important;
}

/* ===== 标签 ===== */
.n-tag {
    background-color: rgba(124, 92, 255, 0.18) !important;
    border: 1px solid rgba(124, 92, 255, 0.55) !important;
    color: rgba(255,255,255,0.92) !important;
}

/* ===== 折叠面板 ===== */
.n-collapse, .n-collapse-item__header {
    background-color: #10141A !important;
    color: rgba(255,255,255,0.72) !important;
}

/* ===== 通用文字 ===== */
.n-form-item-label {
    color: rgba(255,255,255,0.72) !important;
}

/* ===== 登录页Logo ===== */
.view-account-top-logo img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
}

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