/* ============================================
   🐱 喵 ~ 粉白猫娘主题 Pink & White Cat-Girl Theme
   毛玻璃 Glassmorphism + 可爱风格
   ============================================ */

/* --- 全局背景 --- */
body, #app {
  background: linear-gradient(135deg, #FFF5F5 0%, #FFE4E1 30%, #FFD1DC 60%, #FFF0F5 100%) !important;
  min-height: 100vh !important;
}

/* --- 导航栏 毛玻璃 --- */
header, nav, .navbar, [class*="header"], [class*="nav-bar"] {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 182, 193, 0.3) !important;
  box-shadow: 0 4px 30px rgba(255, 105, 180, 0.1) !important;
}

/* --- 卡片 毛玻璃 --- */
.card, [class*="card"], [class*="panel"], [class*="box"], [class*="container"]:not(nav *) {
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 182, 193, 0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(255, 105, 180, 0.08) !important;
  transition: all 0.3s ease !important;
}

.card:hover, [class*="card"]:hover {
  box-shadow: 0 12px 40px rgba(255, 105, 180, 0.15) !important;
  transform: translateY(-2px) !important;
}

/* --- 主色调覆盖 --- */
.bg-primary-50 { background: #FFF0F5 !important; }
.bg-primary-100 { background: #FFE4E1 !important; }
.bg-primary-200 { background: #FFB6C1 !important; }
.bg-primary-300 { background: #FF91A4 !important; }
.bg-primary-400 { background: #FF6B8A !important; }
.bg-primary-500 { background: #FF5773 !important; }
.bg-primary-600 { background: #E84361 !important; }
.bg-primary-700 { background: #D1334F !important; }

.text-primary-50 { color: #FFF0F5 !important; }
.text-primary-100 { color: #FFE4E1 !important; }
.text-primary-200 { color: #FFB6C1 !important; }
.text-primary-300 { color: #FF91A4 !important; }
.text-primary-400 { color: #FF6B8A !important; }
.text-primary-500 { color: #FF5773 !important; }
.text-primary-600 { color: #E84361 !important; }

.border-primary-50 { border-color: #FFF0F5 !important; }
.border-primary-100 { border-color: #FFE4E1 !important; }
.border-primary-200 { border-color: #FFB6C1 !important; }
.border-primary-300 { border-color: #FF91A4 !important; }
.border-primary-400 { border-color: #FF6B8A !important; }
.border-primary-500 { border-color: #FF5773 !important; }
.border-primary-600 { border-color: #E84361 !important; }

.hover\:bg-primary-50:hover { background: #FFF0F5 !important; }
.hover\:bg-primary-100:hover { background: #FFE4E1 !important; }
.hover\:bg-primary-500:hover { background: #FF5773 !important; }
.hover\:bg-primary-600:hover { background: #E84361 !important; }
.hover\:text-primary-500:hover { color: #FF5773 !important; }
.hover\:text-primary-600:hover { color: #E84361 !important; }

/* --- 按钮 毛玻璃 --- */
button, .btn, [class*="button"], [type="button"], [type="submit"] {
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

button:hover, .btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(255, 105, 180, 0.25) !important;
}

/* --- 按钮渐变 --- */
[class*="bg-primary-500"], [class*="btn-primary"], [class*="button-primary"] {
  background: linear-gradient(135deg, #FF5773, #FF1493) !important;
  border: none !important;
}

/* --- 输入框 --- */
input, textarea, select, [class*="input"] {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(255, 182, 193, 0.3) !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #FF69B4 !important;
  box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.15) !important;
  outline: none !important;
}

/* --- 表格 --- */
table, [class*="table"] {
  border-radius: 16px !important;
  overflow: hidden !important;
}

thead, th, [class*="table-header"] {
  background: linear-gradient(135deg, #FFB6C1, #FF69B4) !important;
  color: white !important;
  font-weight: 600 !important;
}

tbody tr:hover {
  background: rgba(255, 182, 193, 0.1) !important;
}

/* --- 侧边栏/菜单 毛玻璃 --- */
aside, [class*="sidebar"], [class*="side-menu"], [class*="nav-menu"] {
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-right: 1px solid rgba(255, 182, 193, 0.2) !important;
}

/* --- 弹窗/模态框 毛玻璃 --- */
.modal, [class*="modal"], [class*="dialog"], [class*="popup"] {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(255, 182, 193, 0.3) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(255, 105, 180, 0.15) !important;
}

/* --- 下拉菜单 --- */
[class*="dropdown"], [class*="menu"] {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 182, 193, 0.2) !important;
  border-radius: 12px !important;
}

/* --- 标签/徽章 --- */
[class*="badge"], [class*="tag"], [class*="label"] {
  border-radius: 8px !important;
}

/* --- 分页 --- */
[class*="pagination"], [class*="page"] {
  border-radius: 10px !important;
}

[class*="pagination"] [class*="active"] {
  background: linear-gradient(135deg, #FF5773, #FF1493) !important;
  color: white !important;
}

/* --- 滚动条 --- */
::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

::-webkit-scrollbar-track {
  background: rgba(255, 182, 193, 0.1) !important;
  border-radius: 4px !important;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FFB6C1, #FF69B4) !important;
  border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #FF1493 !important;
}

/* --- 进度条 --- */
[class*="progress"], [class*="loading"] {
  background: linear-gradient(90deg, #FFB6C1, #FF69B4, #FF1493) !important;
}

/* --- 开关/Toggle --- */
[class*="toggle"][class*="active"], [class*="switch"][class*="checked"] {
  background: linear-gradient(135deg, #FF5773, #FF1493) !important;
}

/* --- 链接 --- */
a {
  color: #FF5773 !important;
  transition: all 0.3s ease !important;
}

a:hover {
  color: #FF1493 !important;
  text-decoration: none !important;
}

/* --- 选择/高亮 --- */
::selection {
  background: rgba(255, 105, 180, 0.3) !important;
}

/* --- 加载动画 --- */
[class*="spinner"], [class*="loader"] {
  border-top-color: #FF69B4 !important;
  border-right-color: #FFB6C1 !important;
}

/* --- 空状态/提示 --- */
[class*="empty"], [class*="placeholder"] {
  color: #FFB6C1 !important;
}

/* --- 分割线 --- */
hr, [class*="divider"], [class*="separator"] {
  border-color: rgba(255, 182, 193, 0.3) !important;
}

/* --- 通知/提示栏 --- */
[class*="alert"], [class*="notification"], [class*="toast"] {
  border-radius: 12px !important;
  border: 1px solid rgba(255, 182, 193, 0.2) !important;
}

/* --- 暗色模式覆盖 --- */
.dark body, .dark #app {
  background: linear-gradient(135deg, #2D1B2E 0%, #1A0A1C 100%) !important;
}

.dark .card, .dark [class*="card"], .dark [class*="panel"] {
  background: rgba(45, 27, 46, 0.8) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 182, 193, 0.1) !important;
}

.dark header, .dark nav, .dark .navbar {
  background: rgba(26, 10, 28, 0.8) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 182, 193, 0.1) !important;
}

.dark input, .dark textarea, .dark select {
  background: rgba(45, 27, 46, 0.6) !important;
  border: 1px solid rgba(255, 182, 193, 0.2) !important;
  color: #FFE4E1 !important;
}

.dark aside, .dark [class*="sidebar"] {
  background: rgba(26, 10, 28, 0.8) !important;
}

/* --- 站点标题美化 --- */
[class*="site-name"], [class*="brand"], [class*="logo-text"] {
  font-weight: 700 !important;
  background: linear-gradient(135deg, #FF5773, #FF1493) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* --- 所有圆角统一 --- */
* {
  scrollbar-width: thin !important;
  scrollbar-color: #FFB6C1 rgba(255, 182, 193, 0.1) !important;
}