/* Fuyao 文件站 — 登录页美化 */
#login {
  background: linear-gradient(135deg, #0f766e 0%, #155e75 45%, #1e40af 100%) !important;
  min-height: 100vh;
}

#login form {
  background: rgba(255, 255, 255, 0.96) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 60px rgba(2, 20, 40, 0.35) !important;
  padding: 40px 36px 32px !important;
  max-width: 380px;
  backdrop-filter: blur(8px);
}

#login form img {
  width: 76px !important;
  height: 76px !important;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(13, 148, 136, 0.35);
}

#login form h1 {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  margin: 14px 0 4px !important;
}

#login .input {
  height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#login .input:focus {
  border-color: #0d9488 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18) !important;
  outline: none !important;
}

#login .button {
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0d9488, #2563eb) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  border: none !important;
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.1s ease;
}

#login .button:hover {
  filter: brightness(1.08);
}

#login .button:active {
  transform: scale(0.98);
}

#login .wrong {
  border-radius: 10px !important;
}

/* ---------- 站内美化 + 极简模式 ---------- */

/* 隐藏个人资料入口（改密码/语言等只走服务器） */
nav button.action:not([aria-label]) {
  display: none !important;
}

/* 隐藏侧边栏“新建文件夹 / 新建文件”，只留上传 */
button[aria-label="新建文件夹"],
button[aria-label="新建文件"] {
  display: none !important;
}

/* 隐藏侧边栏底部版权信息 */
.credits {
  display: none !important;
}

/* 侧边栏：墨绿到深蓝渐变 */
nav {
  background: linear-gradient(180deg, #0f766e 0%, #155e75 62%, #1e40af 100%) !important;
}

nav .action {
  color: rgba(255, 255, 255, 0.92) !important;
}

nav .action:hover {
  background: rgba(255, 255, 255, 0.14) !important;
}

nav .action .material-icons {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* 顶栏按钮 hover 带一点墨绿 */
header .action:hover {
  background: #f0fdfa !important;
  color: #0f766e !important;
}

/* 文件行：圆角 + 悬停高亮 */
.item {
  border-radius: 12px !important;
  margin: 2px 10px !important;
}

.item:hover {
  background: #f0fdfa !important;
}

.item .name {
  color: #0f172a !important;
  font-weight: 500 !important;
}

.item .size,
.item .modified {
  color: #64748b !important;
}

/* 通用主按钮用站内主题色 */
.button {
  background: linear-gradient(135deg, #0d9488, #2563eb) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
}

/* 空目录提示柔和一点 */
#listing .message {
  color: #64748b !important;
}