body {
  background: #f6f7f9;
}

/* hidden 属性必须能压住 Bootstrap 的 display 工具类。
   .d-flex / .badge 等类自带 display 声明，会盖掉浏览器默认的
   [hidden]{display:none}——结果就是未登录时导航栏的「剩余额度 / 充值 /
   退出」照样显示，退出登录也藏不掉。这一条全局兜住。 */
[hidden] {
  display: none !important;
}

/* Dropzone 默认样式是它自己的视觉语言，这里改成与 Bootstrap 一致 */
.dropzone {
  border: 2px dashed #ced4da;
  border-radius: .5rem;
  background: #fbfcfd;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .15s ease, background .15s ease;
}

.dropzone:hover,
.dropzone.dz-drag-hover {
  border-color: #0d6efd;
  background: #f0f6ff;
}

.dropzone .dz-message {
  margin: 0;
  color: #6c757d;
  font-size: .95rem;
  width: 100%;
}

/* 拖拽区内部的「或」分隔线 */
.dz-or {
  display: flex;
  align-items: center;
  color: #adb5bd;
  font-size: .8rem;
}

.dz-or::before,
.dz-or::after {
  content: "";
  flex: 1;
  border-top: 1px solid #e9ecef;
}

.dz-or span {
  padding: 0 .75rem;
}

/* 隐藏 Dropzone 自带的预览缩略图——一次只传一个文件，没有意义 */
.dropzone .dz-preview {
  display: none;
}

.list-group-item {
  background: transparent;
}

footer a {
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}