/* ===== 二次元风格覆盖 - 加强版 ===== */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap');

/* 最高优先级覆盖 */
html body, html body #root, html body [id*=root], html body div[class*=app], html body div[class*=layout], html body div[class*=main], html body div[class*=content] {
  background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 25%, #ff9a9e 50%, #fecfef 75%, #a18cd1 100%) !important;
  background-attachment: fixed !important;
  font-family: 'ZCOOL KuaiLe', 'Comic Sans MS', cursive, sans-serif !important;
}

/* 覆盖所有深色背景 */
html body *[style*="background-color: rgb(15, 23, 42)"],
html body *[style*="background-color: rgb(30, 41, 59)"],
html body *[style*="background-color: rgb(17, 24, 39)"],
html body *[style*="background: rgb(15, 23, 42)"],
html body *[style*="background: rgb(30, 41, 59)"] {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(20px) !important;
}

/* 所有容器/卡片 */
html body div[class*=card], html body div[class*=panel], html body div[class*=box], 
html body div[class*=container], html body div[class*=block], html body div[class*=section],
html body div[class*=widget], html body div[class*=wrapper] {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(20px) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(255, 182, 193, 0.6) !important;
  box-shadow: 0 10px 40px rgba(255, 105, 180, 0.2) !important;
}

/* 表格 */
html body table, html body [class*=table], html body [role=table] {
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
html body th, html body [class*=thead], html body [class*=table-head], html body [role=columnheader] {
  background: linear-gradient(135deg, #f9a8d4, #c4b5fd) !important;
  color: #fff !important;
}
html body td, html body [role=cell] {
  border-bottom: 1px dashed rgba(255, 105, 180, 0.3) !important;
  background: transparent !important;
}
html body tr:hover, html body [class*=row]:hover {
  background: rgba(255, 182, 193, 0.3) !important;
}

/* 文字 - 强制覆盖所有白色/灰色文字 */
html body *[style*="color: rgb(226, 232, 240)"],
html body *[style*="color: rgb(203, 213, 225)"],
html body *[style*="color: rgb(255, 255, 255)"],
html body *[style*="color: rgb(148, 163, 184)"],
html body *[style*="color: rgb(100, 116, 139)"] {
  color: #4a044e !important;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body [class*=title], html body [class*=heading] {
  color: #be185d !important;
}
html body p, html body span, html body div, html body li, html body a, html body label {
  color: #4a044e !important;
}

/* 按钮 */
html body button, html body [class*=btn], html body [class*=button], html body [role=button] {
  background: linear-gradient(135deg, #f472b6, #c084fc) !important;
  color: #fff !important;
  border-radius: 14px !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(244, 114, 182, 0.4) !important;
}

/* 输入框 */
html body input, html body select, html body textarea, html body [class*=input] {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid #f9a8d4 !important;
  border-radius: 12px !important;
  color: #4a044e !important;
}

/* 状态徽章 */
html body [class*=status], html body [class*=badge], html body [class*=tag] {
  border-radius: 10px !important;
  padding: 2px 10px !important;
}
/* 在线 */
html body [class*=online], html body [class*=success], html body [class*=active],
html body *[style*="background-color: rgb(34, 197, 94)"],
html body *[style*="background: rgb(34, 197, 94)"] {
  background: linear-gradient(135deg, #4ade80, #22c55e) !important;
  color: #fff !important;
}
/* 离线 */
html body [class*=offline], html body [class*=error], html body [class*=danger],
html body *[style*="background-color: rgb(239, 68, 68)"],
html body *[style*="background: rgb(239, 68, 68)"] {
  background: linear-gradient(135deg, #f87171, #ef4444) !important;
  color: #fff !important;
}

/* 进度条 */
html body [class*=progress], html body [class*=bar], html body [role=progressbar] {
  border-radius: 10px !important;
  background: rgba(255, 182, 193, 0.3) !important;
}
html body [class*=progress] > div, html body [class*=bar] > div, html body [role=progressbar] > div,
html body *[style*="width"][style*="background-color: rgb("] {
  background: linear-gradient(90deg, #f472b6, #c084fc, #818cf8) !important;
  border-radius: 10px !important;
}

/* 顶部导航 */
html body header, html body [class*=header], html body [class*=navbar], html body [class*=nav] {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 2px solid rgba(249, 168, 212, 0.5) !important;
}

/* 警告条 */
html body [class*=alert], html body [class*=warning], html body [class*=banner] {
  background: linear-gradient(135deg, rgba(254, 215, 170, 0.95), rgba(252, 165, 165, 0.95)) !important;
  border: 2px solid #fb923c !important;
  border-radius: 14px !important;
  color: #7c2d12 !important;
}

/* 滚动条 */
html body ::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
html body ::-webkit-scrollbar-track { background: rgba(255, 182, 193, 0.2) !important; }
html body ::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #f472b6, #c084fc) !important; border-radius: 10px !important; }