/*
 * 抽屉搜索框修复样式
 * 用于修复手机版抽屉搜索框背景多出的色块问题
 */

/* 移除搜索框容器的背景色 */
.mobile-drawer-search {
  background: transparent !important; /* 使用 !important 确保覆盖其他样式 */
  backdrop-filter: none !important; /* 移除模糊效果 */
  -webkit-backdrop-filter: none !important;
}

/* 确保深色模式下也没有背景色 */
.dark-mode .mobile-drawer-search {
  background: transparent !important;
}

/* 确保 Android 设备上也没有背景色 */
.android-device .mobile-drawer-search {
  background-color: transparent !important;
}

/* 确保搜索框本身的样式保持不变 */
.mobile-drawer-search .input-group {
  background: transparent;
}

/* 确保搜索框输入框的样式保持不变 */
.mobile-drawer-search .form-control.glass-input {
  /* 保持原有的毛玻璃效果 */
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--glass-border) !important;
}

/* 深色模式下的搜索框输入框样式 */
.dark-mode .mobile-drawer-search .form-control.glass-input {
  background-color: rgba(33, 33, 33, 0.7) !important;
}