/* ================================================
   复影万像 Pro Theme - 墨绿 + 暖金
   2026-08-28 全站配色统一
   主色: 墨绿 #0a2a22 / 强调: 暖金 #d4a44a / 补充: 翠绿 #22c55e
   ================================================ */

/* ========== 全局背景 ========== */
body {
  background: #0a1f18 !important;
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(212, 164, 74, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(34, 197, 94, 0.04) 0%, transparent 50%) !important;
  color: #e2e8f0 !important;
}

/* ========== 页面标题统一 ========== */
.page-title {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}
.page-sub {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #cbd5e1 !important;
}
.breadcrumb .current {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}

/* ========== 侧栏 ========== */
.sidebar {
  background: #0a261c !important;
  border-right: 1px solid rgba(212, 164, 74, 0.12) !important;
  box-shadow: 1px 0 30px rgba(0, 0, 0, 0.3);
}
.sidebar-header {
  border-bottom: 1px solid rgba(212, 164, 74, 0.08) !important;
}
.sidebar-brand-text {
  background: linear-gradient(135deg, #ffffff 0%, #d4a44a 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 6px rgba(212, 164, 74, 0.15)) !important;
}
.sidebar-brand-text::after {
  -webkit-text-fill-color: #d4a44a !important;
}
.sidebar-logo {
  background: linear-gradient(135deg, #0a2a22 0%, #d4a44a 100%) !important;
  box-shadow:
    0 0 20px rgba(212, 164, 74, 0.3),
    0 0 40px rgba(34, 197, 94, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}
.sidebar-sub {
  color: #94a3b8 !important;
}

/* ========== 导航项 ========== */
.nav-item {
  color: #cbd5e1 !important;
}
.nav-item:hover {
  background: rgba(212, 164, 74, 0.06) !important;
  color: #d4a44a !important;
}
.nav-item.active {
  background: linear-gradient(135deg, rgba(212, 164, 74, 0.12), rgba(34, 197, 94, 0.06)) !important;
  color: #d4a44a !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 20px rgba(212, 164, 74, 0.05);
}
.nav-item.active::before {
  background: linear-gradient(180deg, #d4a44a, #22c55e) !important;
  box-shadow: 0 0 10px rgba(212, 164, 74, 0.4);
}
.nav-item .coming-badge {
  background: rgba(212, 164, 74, 0.15) !important;
  color: #d4a44a !important;
}

/* ========== 侧栏底栏 ========== */
.sidebar-footer {
  border-top: 1px solid rgba(212, 164, 74, 0.08) !important;
}
.sidebar-user:hover {
  background: rgba(212, 164, 74, 0.06) !important;
}
.sidebar-avatar {
  background: linear-gradient(135deg, #0a2a22, #d4a44a) !important;
}
.sidebar-user-name {
  color: #ffffff !important;
}
.sidebar-user-role {
  color: #94a3b8 !important;
}

/* ========== 顶栏 ========== */
.topbar {
  background: rgba(10, 31, 24, 0.6) !important;
  border-bottom: 1px solid rgba(212, 164, 74, 0.08) !important;
  backdrop-filter: blur(16px) !important;
}
.breadcrumb span {
  color: #94a3b8 !important;
}

/* ========== 卡片 ========== */
.card,
.settings-section,
.stat-card,
.project-card,
.dual-card,
.quick-banner,
.cust-list,
.detail,
.check-card,
.quick-type-card,
.action-btn,
.template-card,
.quick-create {
  background: rgba(15, 42, 34, 0.6) !important;
  border: 1px solid rgba(212, 164, 74, 0.12) !important;
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(8px);
  transition: border-color 0.3s, box-shadow 0.3s;
}
.card:hover,
.settings-section:hover,
.stat-card:hover,
.project-card:hover,
.dual-card:hover,
.quick-type-card:hover,
.action-btn:hover,
.template-card:hover,
.quick-create:hover {
  border-color: rgba(212, 164, 74, 0.2) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(212, 164, 74, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.card h3,
.settings-section h2,
.dual-card h3 {
  color: #d4a44a !important;
}
.card h3 svg,
.settings-section h2 svg {
  color: #d4a44a !important;
}

/* ========== 按钮 ========== */
.btn-primary,
.new-project-btn,
.primary-btn {
  background: linear-gradient(135deg, #d4a44a, #c4942a) !important;
  color: #0a1f18 !important;
  font-weight: 700 !important;
  box-shadow: 0 0 16px rgba(212, 164, 74, 0.2);
}
.btn-primary:hover,
.new-project-btn:hover,
.primary-btn:hover {
  box-shadow:
    0 4px 20px rgba(212, 164, 74, 0.4),
    0 0 24px rgba(212, 164, 74, 0.15) !important;
  transform: translateY(-1px);
}
.btn-ghost,
.btn-ghost:hover {
  background: rgba(212, 164, 74, 0.08) !important;
  color: #d4a44a !important;
  border: 1px solid rgba(212, 164, 74, 0.15) !important;
}

/* ========== 步骤指示器 ========== */
.step-num.active {
  background: linear-gradient(135deg, #d4a44a, #22c55e) !important;
  border-color: transparent !important;
  color: #0a1f18 !important;
  box-shadow: 0 0 16px rgba(212, 164, 74, 0.4) !important;
}
.step-num.done {
  background: rgba(34, 197, 94, 0.15) !important;
  border-color: rgba(34, 197, 94, 0.3) !important;
  color: #22c55e !important;
}
.step-label.active {
  color: #e2e8f0 !important;
}
.step-line.done {
  background: rgba(34, 197, 94, 0.3) !important;
}

/* ========== 数字人专用 ========== */
.avatar-card:hover {
  border-color: rgba(212, 164, 74, 0.3) !important;
  background: rgba(212, 164, 74, 0.04) !important;
}
.avatar-card.selected {
  border-color: #d4a44a !important;
  background: rgba(212, 164, 74, 0.08) !important;
  box-shadow: 0 0 16px rgba(212, 164, 74, 0.15);
}
.avatar-card.selected::after {
  background: #d4a44a !important;
}
.avatar-img {
  background: linear-gradient(135deg, #0a2a22, #1a4a3a) !important;
}
.dh-textarea {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(212, 164, 74, 0.15) !important;
  color: #e2e8f0 !important;
}
.dh-textarea:focus {
  border-color: rgba(212, 164, 74, 0.4) !important;
}
.voice-dropdown {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(212, 164, 74, 0.15) !important;
  color: #e2e8f0 !important;
}
.voice-link {
  color: #d4a44a !important;
}
.import-btn {
  color: #d4a44a !important;
}
.audio-preview {
  background: rgba(34, 197, 94, 0.05) !important;
  border: 1px solid rgba(212, 164, 74, 0.15) !important;
}
.export-info {
  background: rgba(34, 197, 94, 0.05) !important;
  border: 1px solid rgba(212, 164, 74, 0.15) !important;
}
.export-info-value {
  color: #e2e8f0 !important;
}
.export-info-label {
  color: #94a3b8 !important;
}
.tutorial-toggle {
  color: #d4a44a !important;
}
.tutorial-content {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(212, 164, 74, 0.1) !important;
}
.tutorial-content code {
  background: rgba(212, 164, 74, 0.1) !important;
  color: #d4a44a !important;
}

/* ========== 客户档案专用 ========== */
.cust-item {
  border-bottom: 1px solid rgba(212, 164, 74, 0.06) !important;
}
.cust-item:hover {
  background: rgba(212, 164, 74, 0.06) !important;
}
.cust-item.sel {
  background: rgba(212, 164, 74, 0.12) !important;
  border-left: 3px solid #d4a44a !important;
}
.cust-item-name {
  color: #ffffff !important;
}
.cust-item-meta {
  color: #94a3b8 !important;
}
.prog-bar {
  background: rgba(212, 164, 74, 0.1) !important;
}
.prog-fill {
  background: linear-gradient(90deg, #d4a44a, #22c55e) !important;
}
.detail-name {
  color: #ffffff !important;
}
.detail-contact {
  color: #94a3b8 !important;
}
.tag {
  background: rgba(212, 164, 74, 0.12) !important;
  color: #d4a44a !important;
}
.tag-green {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #22c55e !important;
}
.overview-pct {
  color: #22c55e !important;
}
.overview-txt {
  color: #94a3b8 !important;
}
.overview-bar {
  background: rgba(212, 164, 74, 0.1) !important;
}
.check-idx {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
}
.check-card.pending .check-idx {
  background: rgba(250, 204, 21, 0.14) !important;
  color: #facc15 !important;
}
.check-title {
  color: #e2e8f0 !important;
}
.check-hint {
  color: #94a3b8 !important;
}
.check-body {
  border-top: 1px solid rgba(212, 164, 74, 0.08) !important;
}
.mat-item {
  background: rgba(10, 31, 24, 0.55) !important;
}
.mat-name a {
  color: #d4a44a !important;
}
.mat-text {
  color: #d5dcef !important;
}
.src-upload {
  background: rgba(212, 164, 74, 0.14) !important;
  color: #d4a44a !important;
}
.src-local {
  background: rgba(34, 197, 94, 0.13) !important;
  color: #22c55e !important;
}
.local-scan {
  background: rgba(212, 164, 74, 0.06) !important;
}
.local-scan b {
  color: #d4a44a !important;
}

/* ========== 模态框 ========== */
.modal {
  background: #0f2a22 !important;
  border: 1px solid rgba(212, 164, 74, 0.15) !important;
}
.modal-mask {
  background: rgba(5, 12, 8, 0.75) !important;
}
.form-row label {
  color: #94a3b8 !important;
}
.form-row input,
.form-row select,
.form-row textarea,
.search-box input {
  background: #0a1f18 !important;
  border: 1px solid rgba(212, 164, 74, 0.12) !important;
  color: #e2e8f0 !important;
}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus,
.search-box input:focus {
  border-color: rgba(212, 164, 74, 0.4) !important;
}
.search-box {
  background: rgba(10, 31, 24, 0.5) !important;
  border: 1px solid rgba(212, 164, 74, 0.08) !important;
}

/* ========== 统计卡片图标 ========== */
.stat-card-icon.blue {
  background: rgba(212, 164, 74, 0.18) !important;
  color: #d4a44a !important;
}
.stat-card-icon.cyan {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
}
.stat-card-icon.purple {
  background: rgba(212, 164, 74, 0.15) !important;
  color: #d4a44a !important;
}
.stat-card-icon.green {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
}
.stat-card-value {
  color: #ffffff !important;
}
.stat-card-label {
  color: #cbd5e1 !important;
}

/* ========== 项目卡片 ========== */
.project-thumb-bg {
  background: linear-gradient(135deg, #0a2a22, #1a4a3a) !important;
}
.project-thumb-icon {
  background: rgba(212, 164, 74, 0.2) !important;
  color: #d4a44a !important;
}
.project-tag {
  background: rgba(212, 164, 74, 0.15) !important;
  color: #d4a44a !important;
}
.project-tag.type-tag {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #22c55e !important;
}
.project-name {
  color: #ffffff !important;
}
.progress-header {
  color: #94a3b8 !important;
}
.progress-fill {
  background: linear-gradient(90deg, #d4a44a, #22c55e) !important;
}
.project-meta {
  color: #94a3b8 !important;
}

/* ========== 仪表板专用 ========== */
.quick-banner-title {
  color: #ffffff !important;
}
.quick-type-name {
  color: #ffffff !important;
}
.quick-type-desc {
  color: #94a3b8 !important;
}
.quick-type-card {
  background: rgba(212, 164, 74, 0.08) !important;
  border: 1px solid rgba(212, 164, 74, 0.1) !important;
}
.quick-type-card:hover {
  background: rgba(212, 164, 74, 0.14) !important;
  border-color: rgba(212, 164, 74, 0.25) !important;
}
.projects-header h2 {
  color: #ffffff !important;
}
.projects-header a {
  color: #d4a44a !important;
}
.action-btn {
  background: rgba(212, 164, 74, 0.08) !important;
  border: 1px solid rgba(212, 164, 74, 0.1) !important;
}
.action-btn:hover {
  background: rgba(212, 164, 74, 0.14) !important;
  border-color: rgba(212, 164, 74, 0.25) !important;
}
.action-btn svg {
  color: #d4a44a !important;
}
.action-btn span {
  color: #ffffff !important;
}
.template-tab {
  color: #94a3b8 !important;
}
.template-tab.active {
  color: #d4a44a !important;
  border-bottom-color: #d4a44a !important;
}
.template-label {
  color: #cbd5e1 !important;
}
.template-thumb svg {
  color: #d4a44a !important;
}
.template-thumb span {
  color: #94a3b8 !important;
}
.quick-create-text {
  color: #cbd5e1 !important;
}
.quick-create-btn {
  background: linear-gradient(135deg, rgba(212, 164, 74, 0.2), rgba(34, 197, 94, 0.1)) !important;
  border: 2px solid rgba(212, 164, 74, 0.3) !important;
}
.quick-create-btn svg {
  color: #d4a44a !important;
}
.notif-btn {
  background: rgba(10, 31, 24, 0.5) !important;
  border: 1px solid rgba(212, 164, 74, 0.08) !important;
  color: #94a3b8 !important;
}
.notif-btn:hover {
  background: rgba(212, 164, 74, 0.1) !important;
  color: #d4a44a !important;
}
.topbar-user:hover {
  background: rgba(212, 164, 74, 0.06) !important;
}
.topbar-avatar {
  background: linear-gradient(135deg, #0a2a22, #d4a44a) !important;
}
.topbar-name {
  color: #cbd5e1 !important;
}

/* ========== Toast ========== */
.toast {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.95), rgba(212, 164, 74, 0.9)) !important;
  color: #0a1f18 !important;
  box-shadow: 0 4px 24px rgba(34, 197, 94, 0.2) !important;
}

/* ========== 开关 ========== */
.toggle.on {
  background: linear-gradient(135deg, #d4a44a, #22c55e) !important;
  box-shadow: 0 0 12px rgba(212, 164, 74, 0.3);
}

/* ========== 计划徽章 ========== */
.plan-badge {
  background: linear-gradient(135deg, #d4a44a, #22c55e) !important;
  box-shadow: 0 0 12px rgba(212, 164, 74, 0.3);
}

/* ========== 面包屑 ========== */
.breadcrumb .current {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #ffffff !important;
  background-clip: unset !important;
}

/* ========== 移动端 ========== */
.mobile-header {
  background: #0a261c !important;
  border-bottom: 1px solid rgba(212, 164, 74, 0.12) !important;
}
.mobile-header .mobile-brand {
  color: #ffffff !important;
}
.mobile-header .mobile-user {
  background: linear-gradient(135deg, #0a2a22, #d4a44a) !important;
}

/* ========== 滚动条 ========== */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #0a1f18;
}
::-webkit-scrollbar-thumb {
  background: rgba(212, 164, 74, 0.2);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(212, 164, 74, 0.35);
}

/* ========== Notice ========== */
.notice {
  background: rgba(234, 179, 8, 0.05) !important;
  border: 1px solid rgba(234, 179, 8, 0.15) !important;
}
.notice-text {
  color: #cbd5e1 !important;
}
.notice-text strong {
  color: #ffffff !important;
}
.card-desc {
  color: #94a3b8 !important;
}

/* ========== 杂项文字提亮 ========== */
.cust-list-title,
.cust-list-head {
  color: #ffffff !important;
}
.local-cat-title {
  color: #e2e8f0 !important;
}
.empty-tip {
  color: #94a3b8 !important;
}
.missing-tip {
  color: #facc15 !important;
  background: rgba(250, 204, 21, 0.08) !important;
  border: 1px solid rgba(250, 204, 21, 0.25) !important;
}