/* ============================================
   光鸭云盘风格 - 橙色主题覆盖
   覆盖 nova-ui.css 所有暗紫变量 → 白底+橙色调
   主色 #FF6800 · 浅底 #F6F6F6 · 文字 #222/#999
   ============================================ */

:root {
  /* 核心色板 - 暖橙 */
  --primary: #FF6800;
  --primary-light: #FF8A33;
  --primary-dark: #E55A00;
  --secondary: #FFB366;
  --accent: #FF6800;
  --accent-glow: rgba(255, 104, 0, 0.35);

  /* 浅色背景（光鸭白底风格） */
  --bg-primary: #F6F6F6;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #FAFAFA;
  --bg-card: rgba(255, 255, 255, 0.9);
  --bg-glass: rgba(255, 255, 255, 0.72);

  /* 边框与分割线 */
  --border-primary: rgba(255, 104, 0, 0.15);
  --border-secondary: #E8E8E8;
  --border-glow: rgba(255, 104, 0, 0.4);

  /* 文字颜色（深色文字，浅底） */
  --text-primary: #222222;
  --text-secondary: #555555;
  --text-muted: #999999;
  --text-accent: #FF6800;

  /* 渐变 - 橙色系 */
  --gradient-primary: linear-gradient(135deg, #FF6800 0%, #FF9A44 100%);
  --gradient-card: linear-gradient(145deg, rgba(255, 104, 0, 0.06) 0%, rgba(255, 154, 68, 0.03) 100%);
  --gradient-btn: linear-gradient(135deg, #FF6800 0%, #FF8A33 100%);
  --gradient-btn-hover: linear-gradient(135deg, #FF8A33 0%, #FF9A44 100%);

  /* 阴影 - 柔和橙影 */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.1);
  --shadow-glow: 0 0 30px rgba(255, 104, 0, 0.12);
  --shadow-glow-lg: 0 0 60px rgba(255, 104, 0, 0.18);
}

/* === body 基础覆盖：去掉暗色背景光晕 === */
body {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}
body::before {
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 104, 0, 0.05) 0%, transparent 50%) !important,
    radial-gradient(circle at 80% 80%, rgba(255, 154, 68, 0.04) 0%, transparent 50%) !important,
    radial-gradient(circle at 50% 50%, rgba(255, 104, 0, 0.02) 0%, transparent 70%) !important;
}

/* ============================================
   侧边栏 - 白底 + 橙选中态
   ============================================ */
.nova-sidebar {
  background: var(--bg-secondary) !important;
  border-right: 1px solid var(--border-secondary) !important;
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.04) !important;
}
.nova-sidebar-header {
  border-bottom: 1px solid var(--border-secondary) !important;
}
.nova-sidebar-logo {
  color: var(--text-primary) !important;
}
.nova-sidebar-logo .logo-icon {
  background: var(--gradient-primary) !important;
  box-shadow: var(--shadow-glow) !important;
}
.nova-menu-item {
  color: var(--text-secondary) !important;
  border-radius: var(--radius-sm) !important;
}
.nova-menu-item:hover {
  background: rgba(255, 104, 0, 0.06) !important;
  color: var(--text-primary) !important;
}
.nova-menu-item.active {
  background: rgba(255, 104, 0, 0.1) !important;
  color: var(--primary) !important;
  border: 1px solid rgba(255, 104, 0, 0.2) !important;
}
.nova-menu-item .icon { color: inherit !important; }
.nova-sidebar-footer {
  border-top: 1px solid var(--border-secondary) !important;
}

/* === 顶栏 - 白底毛玻璃 === */
.nova-topbar {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid var(--border-secondary) !important;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04) !important;
}
.nova-page-title {
  color: var(--text-primary) !important;
}
.nova-user-info:hover {
  background: var(--bg-glass) !important;
}
.nova-username { color: var(--text-primary) !important; }
.nova-usergroup { color: var(--text-muted) !important; }
.nova-vip-badge {
  background: linear-gradient(135deg, #FF6800, #E55A00) !important;
}
.nova-logout-btn {
  background: var(--bg-glass) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.nova-logout-btn:hover {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* === 内容区 === */
.nova-content {
  /* 保持 padding，背景继承 body */
}

/* ============================================
   登录/注册页 - 白底 + 橙色 CTA
   ============================================ */
.nova-auth-page {
  background: linear-gradient(135deg, #FFF5ED 0%, #FFFFFF 40%, #F6F6F6 100%) !important;
}
.nova-auth-page::before {
  background: radial-gradient(circle, rgba(255, 104, 0, 0.12) 0%, transparent 70%) !important;
}
.nova-auth-page::after {
  background: radial-gradient(circle, rgba(255, 154, 68, 0.08) 0%, transparent 70%) !important;
}
.auth-header .logo-icon {
  background: var(--gradient-primary) !important;
  box-shadow: var(--shadow-glow) !important;
}
.auth-header h1 { color: var(--text-primary) !important; }
.auth-header p { color: var(--text-muted) !important; }
.auth-tabs {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
}
.auth-tab { color: var(--text-secondary) !important; }
.auth-tab.active {
  background: var(--gradient-btn) !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(255, 104, 0, 0.3) !important;
}
.wx-qr-box {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-secondary) !important;
  box-shadow: var(--shadow-sm) !important;
}
.auth-form label { color: var(--text-secondary) !important; }
.input-icon .icon-wrapper { color: var(--text-muted) !important; }
.error-box {
  background: rgba(254, 90, 82, 0.06) !important;
  border: 1px solid rgba(254, 90, 82, 0.2) !important;
  color: #FE5A52 !important;
}
.back-home a {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.back-home a:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

/* ============================================
   条款页 / 公共页 导航栏
   ============================================ */
.nova-navbar {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid var(--border-secondary) !important;
}
.nova-navbar .logo { color: var(--text-primary) !important; }
.nova-navbar .logo-icon {
  background: var(--gradient-primary) !important;
  box-shadow: none !important;
}
.nova-navbar .nav-links a {
  color: var(--text-secondary) !important;
}
.nova-navbar .nav-links a:hover,
.nova-navbar .nav-links a.active {
  color: var(--primary) !important;
}
.nova-navbar .nav-links a.active::after {
  background: var(--gradient-primary) !important;
}
.terms-section::before {
  background: radial-gradient(circle, rgba(255, 104, 0, 0.08) 0%, transparent 70%) !important;
}
.terms-section::after {
  background: radial-gradient(circle, rgba(255, 154, 68, 0.05) 0%, transparent 70%) !important;
}
.terms-header .section-tag {
  background: rgba(255, 104, 0, 0.08) !important;
  color: var(--primary) !important;
}
.terms-title { color: var(--text-primary) !important; }
.terms-title .gradient-text {
  background: var(--gradient-primary) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.terms-sub { color: var(--text-muted) !important; }
.terms-num {
  background: var(--gradient-btn) !important;
  box-shadow: 0 6px 18px rgba(255, 104, 0, 0.25) !important;
}
.terms-body h3 { color: var(--text-primary) !important; }
.terms-body p { color: var(--text-secondary) !important; }
.terms-tip {
  background: rgba(255, 104, 0, 0.04) !important;
  border: 1px solid var(--border-primary) !important;
  color: var(--text-muted) !important;
}
.nova-footer {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border-secondary) !important;
}
.footer-text { color: var(--text-muted) !important; }
.footer-text a { color: var(--text-muted) !important; }
.footer-text a:hover { color: var(--primary) !important; }
.mobile-menu {
  background: var(--bg-secondary) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid var(--border-secondary) !important;
}
.mobile-menu a {
  color: var(--text-secondary) !important;
  border-bottom: 1px solid var(--border-secondary) !important;
}

/* ============================================
   文件管理页 - all-box 工具栏/表格/卡片
   ============================================ */
.all-box {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--text-primary) !important;
}

/* 上传按钮 */
.top-item.upload {
  background: var(--gradient-btn) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(255, 104, 0, 0.3) !important;
}
.top-item.upload .icon,
.top-item.upload .text { color: #fff !important; }
.top-item.upload:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(255, 104, 0, 0.4) !important;
}

/* 工具栏按钮 */
.top-item {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.top-item .icon { color: var(--primary) !important; }
.top-item .text { color: var(--text-primary) !important; }
.top-item:hover {
  background: rgba(255, 104, 0, 0.06) !important;
  border-color: rgba(255, 104, 0, 0.25) !important;
  color: var(--text-primary) !important;
}

/* 多选删除按钮 */
#CilckCheck .top-item {
  background: rgba(254, 90, 82, 0.06) !important;
  border-color: rgba(254, 90, 82, 0.2) !important;
  color: #FE5A52 !important;
}
#CilckCheck .top-item .icon { color: #FE5A52 !important; }
#CilckCheck .top-item .text { color: #FE5A52 !important; }

/* 搜索框 */
.all-box .top-right {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-secondary) !important;
}
.all-box .top-right:focus-within {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(255, 104, 0, 0.1) !important;
}
.all-box .top-right .el-input__inner {
  color: var(--text-primary) !important;
  background: transparent !important;
}
.all-box .top-right .el-input__inner::placeholder { color: var(--text-muted) !important; }
.all-box .top-right .icon { color: var(--text-muted) !important; }
.all-box .top-right .icon:hover { color: var(--primary) !important; }

/* 路径导航 */
.all-box .daohang {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-secondary) !important;
}
.all-box .daohang-all,
.all-box .daohang-path { color: var(--text-primary) !important; }
.all-box .daohang-path a { color: var(--primary) !important; }
.all-box .daohang-path a:hover { color: var(--primary-dark) !important; text-decoration: underline; }
.all-box .daohang-path .fuhao { color: var(--text-muted) !important; }
.all-box .daohang-all > span:first-child,
.all-box .daohang-path > li:first-child {
  color: var(--text-primary) !important;
}
.all-box .daohang-all > span:first-child:hover { color: var(--primary) !important; }
.all-box .daohang .pc_tips { color: var(--primary) !important; }
.all-box .daohang .daohang-count { color: var(--primary) !important; font-weight: 600; }

/* 文件卡片 - 白底圆角 */
.has-card-view tr {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
}
.has-card-view tr:hover {
  border-color: rgba(255, 104, 0, 0.3) !important;
  background: #FAFAFA !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 104, 0, 0.12) !important;
}
.has-card-view tr.selected {
  background: rgba(255, 104, 0, 0.06) !important;
  border-color: rgba(255, 104, 0, 0.35) !important;
}
.has-card-view tr td { background: transparent !important; border: none !important; }
.has-card-view tr td .card-views .card-view .card-view-value .gengduo {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: 6px !important;
}
.has-card-view tr td .card-views .card-view .card-view-value .gengduo:hover {
  background: rgba(255, 104, 0, 0.1) !important;
}
.has-card-view tr td .card-views .card-view .card-view-value .gengduo .icon {
  color: var(--text-muted) !important;
}
.has-card-view tr td .card-views .card-view .card-view-value .gengduo:hover .icon {
  color: var(--primary) !important;
}
.has-card-view tr td .card-views .card-view .card-view-value .filename {
  color: var(--text-primary) !important;
  text-shadow: none !important;
}
.has-card-view tr td .card-views .card-view .card-view-value .filename.picture_img {
  color: #fff !important;
}
/* 图片卡片 */
.has-card-view tr td .card-views .card-view .card-view-value .file-icon.picture {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-secondary) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}
.has-card-view tr td .card-views .card-view .card-view-value .file-icon.picture:empty::before {
  background:
    radial-gradient(circle at 50% 60%, rgba(255, 104, 0, 0.12) 0 14px, transparent 15px),
    linear-gradient(135deg, rgba(255, 104, 0, 0.08), rgba(255, 154, 68, 0.04)) !important;
  box-shadow: inset 0 -3px 0 rgba(255, 104, 0, 0.2) !important;
}

/* 表格 */
.bootstrap-table .table { background: transparent !important; }
.bootstrap-table .table thead th {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-bottom: 1px solid var(--border-secondary) !important;
}
.bootstrap-table .table tbody tr {
  border-bottom: 1px solid var(--border-secondary) !important;
  background: transparent !important;
}
.bootstrap-table .table tbody tr:hover {
  background: rgba(255, 104, 0, 0.03) !important;
}
.bootstrap-table .table td {
  color: var(--text-primary) !important;
  border: none !important;
  background: transparent !important;
}
.fixed-table-container {
  background: transparent !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: var(--radius-lg) !important;
}
.fixed-table-body { background: transparent !important; }
.fixed-table-body tbody tr { background: transparent !important; }
.fixed-table-body tbody tr:hover { background: rgba(255, 104, 0, 0.03) !important; }
.fixed-table-body td,
.fixed-table-body th {
  color: var(--text-primary) !important;
  background: transparent !important;
  border-color: var(--border-secondary) !important;
}

/* 分页 */
.pagination > li > a,
.pagination > li > span {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.pagination > li > a:hover {
  background: var(--bg-tertiary) !important;
  color: var(--primary) !important;
}
.pagination > .active > a {
  background: var(--gradient-btn) !important;
  border-color: transparent !important;
}

/* 空状态 */
.all-box .emptyFile,
.all-box .emptyFile2 {
  color: var(--text-muted) !important;
  background: transparent !important;
}
.all-box .emptyFile2 p { color: var(--text-secondary) !important; }
.all-box .emptyFile2 p span[onclick] { color: var(--primary) !important; }

/* toolbar 按钮 */
.fixed-table-toolbar { background: transparent !important; border: none !important; }
.fixed-table-toolbar .btn,
.fixed-table-toolbar .btn-default {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.fixed-table-toolbar .btn:hover {
  background: rgba(255, 104, 0, 0.06) !important;
  border-color: rgba(255, 104, 0, 0.25) !important;
  color: var(--primary) !important;
}

/* form-control 输入框 */
.all-box .form-control {
  background: #FFF !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
}
.all-box .form-control:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(255, 104, 0, 0.1) !important;
}
.all-box .form-control::placeholder { color: var(--text-muted) !important; }

/* well 组件 */
.all-box .well {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.all-box .well a { color: var(--primary) !important; }
.all-box .well a:hover { color: var(--primary-dark) !important; }

/* btn-primary 全局 */
.all-box .btn-primary {
  background: var(--gradient-btn) !important;
  border: none !important;
  color: #fff !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 4px 12px rgba(255, 104, 0, 0.25) !important;
}
.all-box .btn-primary:hover { filter: brightness(1.05); color: #fff !important; }

/* nav-tabs 标签栏 */
.all-box .nav-tabs {
  border-bottom: 1px solid var(--border-secondary) !important;
}
.all-box .nav-tabs > li > a {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--text-muted) !important;
}
.all-box .nav-tabs > li > a:hover {
  background: rgba(255, 104, 0, 0.04) !important;
  color: var(--text-secondary) !important;
}
.all-box .nav-tabs > li.active > a,
.all-box .nav-tabs > li.active > a:hover,
.all-box .nav-tabs > li.active > a:focus {
  background: rgba(255, 104, 0, 0.08) !important;
  border: 1px solid rgba(255, 104, 0, 0.2) !important;
  border-bottom-color: transparent !important;
  color: var(--primary) !important;
  font-weight: 600;
}

/* 表格数据 */
.all-box .table { background: transparent !important; color: var(--text-primary) !important; }
.all-box .table > thead > tr > th {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-bottom: 1px solid var(--border-secondary) !important;
}
.all-box .table > tbody > tr {
  background: transparent !important;
}
.all-box .table > tbody > tr:hover {
  background: rgba(255, 104, 0, 0.03) !important;
}
.all-box .table > tbody > tr > td {
  background: transparent !important;
  border-color: var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.all-box .table > tbody > tr > td a { color: var(--primary) !important; }
.all-box .table > tbody > tr > td a:hover { color: var(--primary-dark) !important; }
.all-box .table-bordered { border: 1px solid var(--border-secondary) !important; }

/* 分页文字 */
.all-box .pag { color: var(--text-muted) !important; }
.all-box .pag a,
.all-box .pag span {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.all-box .pag a:hover { background: rgba(255, 104, 0, 0.06) !important; color: var(--primary) !important; }
.all-box .pag .current { background: var(--gradient-btn) !important; color: #fff !important; border-color: transparent !important; }

/* page-list 兼容 */
.page-list { color: var(--text-primary) !important; }

/* el-menu / el-main 兼容 */
.el-menu { border-top: 1px solid var(--border-secondary) !important; border-right: 0 !important; }
.el-main { border-left: 1px solid var(--border-secondary) !important; }

/* ============================================
   弹窗 layer - 白底橙风
   ============================================ */
.layui-layer {
  background: #fff !important;
  border: 1px solid var(--border-secondary) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important;
  border-radius: 12px !important;
  color: var(--text-primary) !important;
}
.layui-layer-title {
  background: linear-gradient(135deg, rgba(255, 104, 0, 0.06), rgba(255, 154, 68, 0.03)) !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-secondary) !important;
  border-radius: 11px 11px 0 0 !important;
}
.layui-layer-content { color: var(--text-primary) !important; }
.layui-layer-close { color: var(--text-muted) !important; }
.layui-layer-close:hover { color: var(--primary) !important; }
.layui-layer-shade { background: rgba(0, 0, 0, 0.35) !important; }

/* 弹窗按钮 */
.layui-layer-btn {
  padding: 12px 18px 16px !important;
  border-top: 1px solid var(--border-secondary) !important;
}
.layui-layer-btn a {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
  border-radius: 8px !important;
}
.layui-layer-btn a:hover {
  background: rgba(255, 104, 0, 0.06) !important;
  border-color: rgba(255, 104, 0, 0.2) !important;
  color: var(--primary) !important;
}
.layui-layer-btn .layui-layer-btn0 {
  background: var(--gradient-btn) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(255, 104, 0, 0.25) !important;
}

/* 弹窗内表单 */
.layui-layer-content label,
.layui-layer-content p,
.layui-layer-content .col-sm-7,
.layui-layer-content .control-label { color: var(--text-secondary) !important; }
.layui-layer-content .form-control {
  background: #fff !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-primary) !important;
  border-radius: 8px !important;
}
.layui-layer-content .form-control:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(255, 104, 0, 0.1) !important;
}
.layui-layer-content .form-control::placeholder { color: var(--text-muted) !important; }
.layui-layer-content .btn-success {
  background: var(--gradient-btn) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(255, 104, 0, 0.25) !important;
}
.layui-layer-content .btn-success:hover { filter: brightness(1.05); color: #fff !important; }
.layui-layer-content .btn-primary {
  background: var(--gradient-btn) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
}
.layui-layer-content .btn-default {
  background: var(--bg-tertiary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}

/* layer.tips 提示气泡 */
.layui-layer-tips {
  background: #fff !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-secondary) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px !important;
}
.layui-layer-tips .layui-layer-content { color: var(--text-primary) !important; background: transparent !important; }
.layui-layer-tips i.layui-layer-TipsT,
.layui-layer-tips i.layui-layer-TipsB { border-right-color: #fff !important; }
.layui-layer-tips i.layui-layer-TipsL,
.layui-layer-tips i.layui-layer-TipsR { border-bottom-color: #fff !important; }

/* layer.prompt 输入框 */
.layui-layer-prompt .layui-layer-input {
  background: #fff !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-primary) !important;
}
.layui-layer-prompt .layui-layer-input:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(255, 104, 0, 0.1) !important;
}

/* layer.msg / layer.hui */
.layui-layer-msg,
.layui-layer-hui {
  background: #fff !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-secondary) !important;
}

/* fieldset / legend */
.layui-layer-content fieldset {
  border: 1px solid var(--border-secondary) !important;
}
.layui-layer-content legend { color: var(--primary) !important; }

/* ============================================
   右键菜单 - 白底
   ============================================ */
.context-menu .list {
  background: #fff !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  color: var(--text-primary) !important;
}
.context-menu .list li {
  color: var(--text-primary) !important;
  background: transparent !important;
}
.context-menu .list li:hover {
  background: rgba(255, 104, 0, 0.06) !important;
  color: var(--primary) !important;
}
.context-menu .list .separate,
.context-menu .list .separate.list-hover {
  background: var(--border-secondary) !important;
}

/* ============================================
   nova-btn / nova-card / nova-input 组件
   ============================================ */
.nova-btn-primary {
  background: var(--gradient-btn) !important;
  border: none !important;
  color: #fff !important;
}
.nova-btn-secondary {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-secondary) !important;
}
.nova-input {
  background: #fff !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-sm) !important;
}
.nova-input:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(255, 104, 0, 0.1) !important;
}
.nova-card {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* ============================================
   移动端适配
   ============================================ */
@media (max-width: 890px) {
  .pear-collasped-pe {
    background: var(--gradient-btn) !important;
    box-shadow: 0 4px 20px rgba(255, 104, 0, 0.3) !important;
  }
  .nova-app::before,
  .nova-app::after { display: none !important; } /* 移动端去掉背景装饰 */
}

/* ============================================
   兼容：layout/user.html 内联样式中硬编码的 rgba(99,102,241,...)
   用属性选择器兜底覆盖
   ============================================ */
.nova-layout {
  background: transparent !important;
}
.nova-app::before {
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 104, 0, 0.03) 0%, transparent 50%),
    radial-gradient(circle at 90% 90%, rgba(255, 154, 68, 0.02) 0%, transparent 50%) !important;
}

/* ============================================
   share.css 暗紫变量覆盖（.nova-share 作用域）
   ============================================ */
.nova-share {
  --bg-primary: #F6F6F6 !important;
  --bg-card: rgba(255, 255, 255, 0.9) !important;
  --border-secondary: #E8E8E8 !important;
  --border-primary: rgba(255, 104, 0, 0.15) !important;
  --border-glow: rgba(255, 104, 0, 0.4) !important;
  --text-primary: #222222 !important;
  --text-secondary: #555555 !important;
  --text-muted: #999999 !important;
  --gradient-primary: linear-gradient(135deg, #FF6800 0%, #FF9A44 100%) !important;
  --gradient-btn: linear-gradient(135deg, #FF6800 0%, #FF8A33 100%) !important;
  --gradient-btn-hover: linear-gradient(135deg, #FF8A33 0%, #FF9A44 100%) !important;

  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}
.nova-share::before {
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 104, 0, 0.05) 0%, transparent 45%),
    radial-gradient(circle at 85% 88%, rgba(255, 154, 68, 0.03) 0%, transparent 45%) !important;
}