/* ===== 橙易购AI - 品牌自定义样式 ===== */

/* 品牌色覆盖 */
:root {
  --primary: #FF6B35 !important;
  --primary-dark: #E55A2B !important;
  --primary-light: #FF8C5A !important;
  --sidebar-bg: #1A1A2E !important;
  --sidebar-text: #E0E0E0 !important;
  --sidebar-active: #FF6B35 !important;
}

/* 顶部导航栏 */
.ant-layout-header,
header.ant-pro-global-header {
  background: linear-gradient(135deg, #FF6B35 0%, #1A1A2E 100%) !important;
}

/* 侧边栏 */
.ant-layout-sider {
  background: #1A1A2E !important;
}

/* 品牌区域 - 侧边栏顶部的系统名称 */
.ant-pro-sider-logo h1 {
  color: #FF6B35 !important;
  font-weight: 700 !important;
}

/* 按钮主要色 */
.ant-btn-primary {
  background-color: #FF6B35 !important;
  border-color: #FF6B35 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}
.ant-btn-primary:hover {
  background-color: #E55A2B !important;
  border-color: #E55A2B !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
}
.ant-btn-primary:active {
  transform: translateY(0) scale(0.98) !important;
}

/* 连接 */
a {
  color: #FF6B35 !important;
}

/* 选中项颜色 */
.ant-menu-item-selected {
  background-color: rgba(255, 107, 53, 0.15) !important;
  color: #FF6B35 !important;
}
.ant-menu-item-selected::after {
  border-right-color: #FF6B35 !important;
}

/* 标签页激活 */
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #FF6B35 !important;
}
.ant-tabs-ink-bar {
  background: #FF6B35 !important;
}

/* 开关 */
.ant-switch-checked {
  background-color: #FF6B35 !important;
}

/* 徽标 */
.ant-badge-status-processing {
  background-color: #FF6B35 !important;
}

/* 加载进度条 */
.ant-progress-bg {
  background-color: #FF6B35 !important;
}

/* 表格中数字高亮 */
.ant-statistic-content {
  color: #FF6B35 !important;
}

/* 卡片头部 */
.ant-card-head-title {
  color: #1A1A2E !important;
  font-weight: 600 !important;
}

/* ===== 新增视觉增强 ===== */

/* 卡片圆角阴影增强 */
.ant-card {
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  transition: all 0.3s ease !important;
}
.ant-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
  transform: translateY(-2px) !important;
}

/* 价格展示区域 */
.ant-statistic-title {
  color: #888 !important;
  font-size: 13px !important;
}
.ant-statistic-content {
  font-weight: 700 !important;
  background: linear-gradient(135deg, #FF6B35, #FF8C5A) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* 表格行悬停 */
.ant-table-tbody > tr.ant-table-row:hover > td {
  background-color: rgba(255, 107, 53, 0.04) !important;
}

/* 标签增强 */
.ant-tag {
  border-radius: 6px !important;
  padding: 2px 10px !important;
  transition: all 0.2s !important;
}
.ant-tag:hover {
  transform: scale(1.05) !important;
}

/* 模态框圆角 */
.ant-modal-content {
  border-radius: 16px !important;
  overflow: hidden !important;
}
.ant-modal-header {
  border-radius: 16px 16px 0 0 !important;
}

/* 输入框增强 */
.ant-input {
  border-radius: 10px !important;
  transition: all 0.2s !important;
}
.ant-input:focus {
  border-color: #FF6B35 !important;
  box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.15) !important;
}

/* 下拉菜单选中 */
.ant-dropdown-menu-item-selected {
  background-color: rgba(255, 107, 53, 0.1) !important;
  color: #FF6B35 !important;
}

/* 登录页背景 */
.login-container {
  background: linear-gradient(135deg, #1A1A2E 0%, #2D2D4E 50%, #1A1A2E 100%) !important;
}

/* 登录logo区域 */
.login-logo h1 {
  color: #FF6B35 !important;
}

/* 登录页卡片增强 */
.login-container .ant-card {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(20px) !important;
}
html.dark .login-container .ant-card {
  background: rgba(30,30,50,0.95) !important;
}

/* 页脚 */
.ant-layout-footer {
  background: #1A1A2E !important;
  color: #888 !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}

/* 友好的 hover 效果 */
.ant-menu-item:hover,
.ant-menu-submenu-title:hover {
  color: #FF6B35 !important;
}

/* 弹窗/通知圆角 */
.ant-message-notice-content {
  border-radius: 12px !important;
}
.ant-notification-notice {
  border-radius: 14px !important;
}

/* 隐藏"设计与开发由 New API"页脚声明 */
footer a[href="https://github.com/QuantumNous/new-api"] {
  display: none !important;
}
footer .custom-footer + div {
  display: none !important;
}
/* 更精确的选择器 - 隐藏包含"设计与开发由"的整段 */
footer a[href*="github.com/QuantumNous/new-api"],
a[href="https://github.com/QuantumNous/new-api"] {
  display: none !important;
}
/* 如果父级div只剩这个链接，那整个父级也隐藏 */
footer div:has(> a[href="https://github.com/QuantumNous/new-api"]) {
  display: none !important;
}

/* ===== 隐藏"设计与开发由 New API" ===== */
/* JS 渲染结构: 
   <footer> 
     <div class="flex ..."> 
       <div>版权信息</div>
       <div class="text-sm flex-shrink-0">   ← 这个div
         <span>设计与开发由 </span>
         <a href="https://github.com/...">New API</a>
       </div>
     </div>
   </footer>

   或: <div class="text-sm">
         <span>设计与开发由</span>
         <a>New API</a>
       </div>
   直接隐藏包含new-api github链接的父级容器
*/
/* 隐藏所有页脚中指向 new-api github 的链接 */
footer a[href*="github.com/QuantumNous/new-api"] {
  display: none !important;
}
/* 同时隐藏包含它的文本节点（"设计与开发由" 所在的 div） */
footer a[href*="github.com/QuantumNous/new-api"]:first-child {
  /* 这个选择器匹配当 a 是第一个子元素时 */
}
/* 更精准地隐藏"设计与开发由"所在的同级容器 */
/* 因为 custom-footer + div 能匹配到页脚中自定义内容和版权相邻的div */
footer div.custom-footer ~ div {
  display: none !important;
}

/* ===== 隐藏"设计与开发由 New API" ===== */
/* 匹配无自定义页脚时的结构: 
   <div class="text-sm">
     <span class="!text-semi-color-text-1">设计与开发由</span>
     <a href="https://github.com/...">New API</a>
   </div>
*/
/* 匹配有自定义页脚时的结构:
   <div class="text-sm flex-shrink-0">
     <span class="!text-semi-color-text-1">设计与开发由</span>
     <a href="https://github.com/...">New API</a>
   </div>
*/
footer div.text-sm span.!text-semi-color-text-1 + a[href*="new-api"],
footer div a[href*="github.com/QuantumNous/new-api"][href*="new-api"] {
  display: none !important;
}
footer div.text-sm.flex-shrink-0,
footer div:nth-child(2).text-sm {
  display: none !important;
}
/* 安全兜底：隐藏所有指向 new-api github 的链接 */
a[href*="github.com/QuantumNous/new-api"] {
  display: none !important;
}

/* ===== 价格页卡片化美化 ===== */
/* 价格表单容器圆角 */
div:has(> table[class*="pricing"]) {
  border-radius: 12px !important;
  overflow: hidden;
}

/* 价格表格头 */
table[class*="pricing"] thead th {
  background: linear-gradient(135deg, #1a1a2e, #2d2d4a) !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 16px 12px !important;
  border-bottom: 2px solid rgba(255,107,53,0.3) !important;
}

/* 分组成色条: default=vip=橙, svip=紫 */
table[class*="pricing"] tbody tr td:first-child {
  border-left: 3px solid transparent;
}
/* 分组标记颜色 — 用 JS 判断不了, 用 CSS 相邻选择器 */
table[class*="pricing"] tbody tr:has(td:contains("default")) td:first-child {
  border-left-color: #FF6B35;
}
table[class*="pricing"] tbody tr:has(td:contains("vip")) td:first-child {
  border-left-color: #FF8C5A;
}
table[class*="pricing"] tbody tr:has(td:contains("svip")) td:first-child {
  border-left-color: #A855F7;
}

/* 价格数字加粗变色 */
table[class*="pricing"] td {
  padding: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}

/* 供应商分组标题加粗 */
table[class*="pricing"] tr td[colspan] {
  background: rgba(255,107,53,0.06) !important;
  font-weight: 700 !important;
  color: #FF8C5A !important;
}

/* ===== Dashboard 数据卡片美化 ===== */
/* 统计数据卡片 */
div[class*="flex-1"][class*="rounded-lg"][class*="bg-gray-50"] {
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  background: rgba(255,255,255,0.03) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
div[class*="flex-1"][class*="rounded-lg"][class*="bg-gray-50"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(255,107,53,0.1);
}

/* 仪表盘数字加粗橙色 */
div[class*="text-2xl"][class*="font-bold"],
span[class*="text-2xl"][class*="font-bold"] {
  background: linear-gradient(135deg, #FF6B35, #FF8C5A) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ===== 充值页美化 ===== */
/* 金额选择按钮 */
button:has(span:contains("¥")),
button:has(span:contains("$")) {
  border-radius: 10px !important;
  border: 1px solid rgba(255,107,53,0.2) !important;
  transition: all 0.2s !important;
}
button:has(span:contains("¥")):hover,
button:has(span:contains("$")):hover {
  border-color: #FF6B35 !important;
  background: rgba(255,107,53,0.08) !important;
  transform: translateY(-1px);
}

/* 充值确认按钮 */
button:has(span:contains("充值")) {
  border-radius: 10px !important;
  background: linear-gradient(135deg, #FF6B35, #FF8C5A) !important;
  color: #fff !important;
  font-weight: 600 !important;
  border: none !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
button:has(span:contains("充值")):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(255,107,53,0.35) !important;
}

/* ===== 登录页已有毛玻璃效果，增强品牌感 ===== */
.classic-page-fill[class*="bg-gray-100"] {
  background: linear-gradient(135deg, #0d0d1a 0%, #1a1a2e 100%) !important;
}