/* ============================================
   登录页面修复 - 精确删除元素
   ============================================ */

/* 1. 删除登录页面中的所有img图片（logo图片） */
#root img, [class*="login"] img, [class*="Login"] img,
[class*="auth"] img, [class*="Auth"] img {
  display: none !important;
}

/* 2. 删除包含"夏天商城"文字的图片容器 */
[class*="logo"]:has(img), [class*="Logo"]:has(img),
[class*="banner"]:has(img), [class*="Banner"]:has(img),
[class*="header"]:has(img), [class*="Header"]:has(img) {
  display: none !important;
}

/* 3. 删除"进入商城"按钮 - 各种可能的class */
[class*="enter-mall"], [class*="enterMall"], [class*="enter-shop"],
[class*="enterShop"], [class*="enter"]:has(> *),
button:contains("进入商城"), a:contains("进入商城"),
[class*="skip"], [class*="Skip"] {
  display: none !important;
}

/* 4. 删除登录页面顶部的logo区域（可能是div包含img） */
[class*="login"] [class*="logo"], [class*="Login"] [class*="Logo"],
[class*="login"] [class*="banner"], [class*="Login"] [class*="Banner"],
[class*="login"] [class*="header"], [class*="Login"] [class*="Header"],
[class*="auth"] [class*="logo"], [class*="Auth"] [class*="Logo"] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 5. 确保登录表单从顶部开始 */
[class*="login-form"], [class*="LoginForm"],
[class*="auth-form"], [class*="AuthForm"] {
  margin-top: 0 !important;
  padding-top: 20px !important;
}

/* 6. 手机端完全占满屏幕 */
@media(max-width: 768px) {
  html, body, #root {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }
  
  [class*="login"], [class*="Login"], [class*="auth"], [class*="Auth"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  [class*="login"] > div, [class*="Login"] > div,
  [class*="auth"] > div, [class*="Auth"] > div {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
  }
  
  /* 表单卡片占满宽度 */
  [class*="card"], [class*="Card"], [class*="form-card"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  
  /* 输入框占满宽度 */
  input {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* 按钮占满宽度 */
  button[type="submit"], [class*="submit"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 7. 顶部"夏天商城"文字 - 七彩渐变（如果是文字不是图片） */
[class*="login"] h1, [class*="Login"] h1,
[class*="auth"] h1, [class*="Auth"] h1,
[class*="login"] [class*="title"], [class*="Login"] [class*="Title"] {
  background: linear-gradient(90deg, 
    #FF0000 0%, #FF7F00 16%, #FFFF00 33%, 
    #00FF00 50%, #0000FF 66%, #4B0082 83%, #9400D3 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  text-align: center !important;
  animation: rainbow 3s ease infinite !important;
  background-size: 200% 100% !important;
}

@keyframes rainbow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* 8. 确保页面背景纯白 */
body, #root {
  background: #fff !important;
}

/* 9. 隐藏任何多余的装饰元素 */
[class*="decoration"], [class*="Decoration"],
[class*="ornament"], [class*="Ornament"] {
  display: none !important;
}