/* ===== 无敌小克哥文件站 · 自定义美化 =====
   兼容深/浅色主题，仅做视觉增强，不改动布局逻辑 */

:root {
  --xk-accent: #4f46e5;
  --xk-accent-2: #7c3aed;
  --xk-radius: 12px;
}

/* 过渡效果（限定元素，避免全局 * 带来的性能开销） */
.button, .action, #listing .item, #login .button--block, input {
  transition: background-color .15s ease, box-shadow .18s ease,
              transform .12s ease, border-color .15s ease !important;
}

/* ---------- 登录页 ---------- */
#login {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #9333ea 100%) !important;
}
#login form {
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(23, 16, 60, .35) !important;
  padding: 2.6em 2.3em !important;
}
#login input {
  border-radius: 10px !important;
}
#login .button--block {
  background: linear-gradient(135deg, var(--xk-accent), var(--xk-accent-2)) !important;
  border-radius: 10px !important;
  font-weight: 600;
  letter-spacing: .04em;
  box-shadow: 0 6px 18px rgba(79, 70, 229, .38);
}
#login .button--block:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(79, 70, 229, .48);
}

/* ---------- 顶栏 ---------- */
header {
  box-shadow: 0 2px 14px rgba(0, 0, 0, .07) !important;
}

/* ---------- 通用按钮 / 图标动作 ---------- */
.button, .button--flat, .action {
  border-radius: 10px !important;
}
.action:hover {
  background: rgba(79, 70, 229, .12) !important;
}
.button--flat {
  color: var(--xk-accent) !important;
}

/* ---------- 文件列表 ---------- */
#listing.list .item,
#listing.mosaic .item {
  border-radius: var(--xk-radius) !important;
}
#listing .item:hover {
  background: rgba(79, 70, 229, .09) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .09);
}
#listing.mosaic .item {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}
#listing .item[aria-selected="true"] {
  background: rgba(79, 70, 229, .17) !important;
}
#listing .item .name i {
  color: var(--xk-accent) !important;
}

/* ---------- 弹窗 / 卡片圆角 ---------- */
.card, .prompt, .dashboard #nav {
  border-radius: 16px !important;
}
.card { box-shadow: 0 12px 40px rgba(0, 0, 0, .18) !important; }

/* ---------- 进度条 / 上传条用主题色 ---------- */
#progress > div,
.progress > div {
  background: linear-gradient(90deg, var(--xk-accent), var(--xk-accent-2)) !important;
}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  background: rgba(79, 70, 229, .35);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(79, 70, 229, .55); }
::-webkit-scrollbar-track { background: transparent; }