/* ============================================
   new-api 风格主题 for sub2api (Tailwind CSS)
   把 primary teal 色阶 → Semi Design 蓝色系
   ============================================ */

/* ===== Tailwind primary 背景色覆盖 (teal → blue) ===== */
.bg-primary-50 { background-color: #eff6ff !important; }
.bg-primary-100 { background-color: #dbeafe !important; }
.bg-primary-200 { background-color: #bfdbfe !important; }
.bg-primary-300 { background-color: #93c5fd !important; }
.bg-primary-400 { background-color: #60a5fa !important; }
.bg-primary-500 { background-color: #0077fa !important; }
.bg-primary-600 { background-color: #0067d6 !important; }
.bg-primary-700 { background-color: #005abd !important; }
.bg-primary-800 { background-color: #004ea3 !important; }
.bg-primary-900 { background-color: #003f8a !important; }

/* ===== Tailwind primary 文字色覆盖 ===== */
.text-primary-50 { color: #eff6ff !important; }
.text-primary-100 { color: #dbeafe !important; }
.text-primary-200 { color: #bfdbfe !important; }
.text-primary-300 { color: #93c5fd !important; }
.text-primary-400 { color: #60a5fa !important; }
.text-primary-500 { color: #0077fa !important; }
.text-primary-600 { color: #0067d6 !important; }
.text-primary-700 { color: #005abd !important; }
.text-primary-800 { color: #004ea3 !important; }
.text-primary-900 { color: #003f8a !important; }

/* ===== Tailwind primary 边框色覆盖 ===== */
.border-primary-50 { border-color: #eff6ff !important; }
.border-primary-100 { border-color: #dbeafe !important; }
.border-primary-200 { border-color: #bfdbfe !important; }
.border-primary-300 { border-color: #93c5fd !important; }
.border-primary-400 { border-color: #60a5fa !important; }
.border-primary-500 { border-color: #0077fa !important; }
.border-primary-600 { border-color: #0067d6 !important; }
.border-primary-700 { border-color: #005abd !important; }
.border-primary-800 { border-color: #004ea3 !important; }
.border-primary-900 { border-color: #003f8a !important; }

/* ===== hover 变体 ===== */
.hover\:bg-primary-500:hover { background-color: #0077fa !important; }
.hover\:bg-primary-600:hover { background-color: #0067d6 !important; }
.hover\:bg-primary-700:hover { background-color: #005abd !important; }
.hover\:text-primary-500:hover { color: #0077fa !important; }
.hover\:text-primary-600:hover { color: #0067d6 !important; }
.hover\:border-primary-500:hover { border-color: #0077fa !important; }

/* ===== 渐变背景覆盖 ===== */
.bg-gradient-primary {
  background-image: linear-gradient(135deg, #0077fa 0%, #0067d6 100%) !important;
}
.from-primary-500 { --tw-gradient-from: #0077fa !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0,119,250,0)) !important; }
.from-primary-600 { --tw-gradient-from: #0067d6 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0,103,214,0)) !important; }
.to-primary-600 { --tw-gradient-to: #0067d6 !important; }
.to-primary-700 { --tw-gradient-to: #005abd !important; }

/* ===== 发光阴影覆盖 (glow 从 teal 改 blue) ===== */
.shadow-glow { box-shadow: 0 0 20px rgba(0, 119, 250, 0.25) !important; }
.shadow-glow-lg { box-shadow: 0 0 40px rgba(0, 119, 250, 0.35) !important; }
.animate-glow { animation: none !important; box-shadow: 0 0 20px rgba(0, 119, 250, 0.25) !important; }

/* ===== mesh-gradient 背景（页面装饰渐变）===== */
.bg-mesh-gradient {
  background-image: 
    radial-gradient(at 40% 20%, rgba(0, 119, 250, 0.12) 0px, transparent 50%),
    radial-gradient(at 80% 0%, rgba(0, 103, 214, 0.08) 0px, transparent 50%),
    radial-gradient(at 0% 50%, rgba(0, 119, 250, 0.08) 0px, transparent 50%) !important;
}

/* ===== 按钮圆角 (更接近 new-api 的 6px) ===== */
.rounded-lg { border-radius: 6px !important; }
button { border-radius: 6px !important; }

/* ===== 卡片圆角增大 ===== */
.rounded-xl { border-radius: 12px !important; }
.rounded-2xl { border-radius: 16px !important; }

/* ===== 卡片阴影增强 ===== */
.shadow-card { 
  box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06) !important; 
}
.shadow-card:hover,
.shadow-card-hover {
  box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
}
.shadow-glass {
  box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
}
.shadow-glass-sm {
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}

/* ===== 页面背景（更接近 new-api 的浅灰） ===== */
body, #app {
  background-color: #f5f7fa !important;
}

/* ===== 强制覆盖所有 rgba teal 色值（含 inline style） ===== */
[style*="rgba(20, 184, 166"],
[style*="rgba(20,184,166"],
[style*="rgb(20, 184, 166"],
[style*="rgb(20,184,166"],
[style*="#14b8a6"],
[style*="#14B8A6"] {
  background-color: rgba(0, 119, 250, 0.12) !important;
}

[style*="color: rgb(20, 184, 166"],
[style*="color:rgb(20,184,166"],
[style*="color: #14b8a6"],
[style*="color:#14b8a6"],
[style*="color: #0d9488"],
[style*="color:#0d9488"] {
  color: #0077fa !important;
}

/* ===== focus ring 蓝色 ===== */
.focus\:ring-primary-500:focus,
.focus\:ring-primary:focus {
  --tw-ring-color: #0077fa !important;
}

/* ===== 滚动条美化 ===== */
::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
::-webkit-scrollbar-track {
  background: transparent !important;
}
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.15) !important;
  border-radius: 4px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.25) !important;
}

/* ===== 链接默认色 ===== */
a { color: #0077fa; }
a:hover { color: #0067d6; }