/* 交互提速补丁 (2026-09-30)
   缩短高频交互元素的过渡动画时长，让点击/悬停反馈更跟手。
   只覆盖 transition 时长，不改变动画本身；抽屉、弹窗等转场动画不受影响。 */
.el-button,
.el-dropdown-menu__item,
.el-tabs__item,
.el-table__row,
.el-pager li,
.el-select-dropdown__item,
.el-switch__core,
.el-slider__button,
.el-radio-button__inner,
.el-checkbox-button__inner,
.el-input__wrapper,
.el-select__wrapper,
.menu-item {
  transition-duration: 60ms !important;
}

/* ============ 性能覆盖：保原貌提速 (2026-10-13) ============
   只摘毛玻璃（滚动卡顿头号元凶），玻璃面底色提高不透明度补位，
   视觉上仍是原来的磨砂观感；配色、圆角、阴影全部不动。 */
*,
*::before,
*::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
:root {
  --glass-backdrop-blur: 0px;
  --glass-bg: hsla(0, 0%, 100%, .85);
  --glass-header-bg: rgba(247, 248, 250, .88);
}
html.dark {
  --glass-backdrop-blur: 0px;
  --glass-bg: rgba(30, 30, 30, .88);
  --glass-header-bg: rgba(31, 31, 34, .88);
}

/* ============ 登录页微调 (2026-10-13) ============
   输入框瘦身（50px→44px），去掉 hover 扫光条；
   登录按钮宽度与输入框对齐（50%→80%），字间距收紧。
   仅作用于登录页，其它页面不受影响。 */
body[data-login-page="user"] .login-container .password-input { height: 44px !important; }
body[data-login-page="user"] .login-container .password-input .el-input__wrapper {
  padding: 10px 14px !important;
  border-radius: 10px !important;
}
body[data-login-page="user"] .login-container .password-input .el-input__wrapper::before {
  display: none !important;
}
body[data-login-page="user"] .login-container .submit {
  width: 80% !important;
  height: 44px !important;
  letter-spacing: 1px !important;
}

/* ============ 登录页：去掉面板底框 (2026-10-13) ============
   面板改全透明、无边框、无阴影，内容直接悬浮在背景图上；
   标题和标签加文字投影，保证在花背景上可读。 */
body[data-login-page="user"] .login .login-container {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body[data-login-page="user"] .login-container .login-title {
  text-shadow: 0 2px 16px rgba(0, 0, 0, .65) !important;
}
body[data-login-page="user"] .login-container .input-name {
  text-shadow: 0 1px 8px rgba(0, 0, 0, .6) !important;
}

/* ============ 登录页：密码框与登录按钮左右并排 (2026-10-13) ============
   整体缩小一号：标题 2.3rem→1.8rem，容器 600px→520px；
   密码输入框居左占满，登录按钮居右小尺寸，两者同行。
   注：本站登录只有一个认证码字段（input-container 单个），
   若后台配置出多字段，此布局需再调整。 */
body[data-login-page="user"] .login .login-container {
  display: grid !important;
  grid-template-columns: 1fr minmax(0, 320px) auto 1fr;
  grid-template-areas:
    "title title title title"
    ". input button .";
  gap: 16px 12px !important;
  align-items: center;
  justify-items: stretch;
  max-width: 700px !important;
  padding: 28px 0 !important;
}
body[data-login-page="user"] .login .login-container .login-title {
  grid-area: title;
  justify-self: center;
  font-size: 4.2rem !important;
  margin-bottom: 16px !important;
  cursor: default !important;
  color: #fff !important;
  /* 圆体：系统幼圆优先，其次站酷快乐体（Webfont），英文字母保持 Pacifico 花体 */
  font-family: Pacifico, "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
}
@media (max-width: 768px) {
  body[data-login-page="user"] .login .login-container .login-title { font-size: 2.4rem !important; }
}
body[data-login-page="user"] .login .login-container .input-container {
  display: contents !important;
}
body[data-login-page="user"] .login .login-container .input-name {
  display: none !important;
}
body[data-login-page="user"] .login .login-container .input-wrapper {
  grid-area: input;
  min-width: 0;
}
body[data-login-page="user"] .login .login-container .password-input {
  width: 100% !important;
}
body[data-login-page="user"] .login .login-container .submit {
  grid-area: button;
  width: auto !important;
  margin: 0 !important;
  padding: 0 30px !important;
  font-size: 1rem !important;
  white-space: nowrap;
}

/* ============ 登录页：按钮与输入框也换圆体 (2026-10-13) ============
   注意输入框不用 Pacifico 开头——认证码可能含英文字母数字，
   放 Pacifico 会变成花体，很怪。 */
body .login .login-container .submit {
  font-family: "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
}
body .login .login-container .password-input .el-input__inner {
  font-family: "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
}
body .login .login-container .password-input .el-input__inner::placeholder {
  font-family: "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
}

/* ============ 全站中文圆体：后台整体换圆体 (2026-10-13) ============
   1) --el-font-family：覆盖所有 Element Plus 组件（表格/菜单/弹窗/按钮/输入框等）
   2) #app：覆盖继承链上的普通文本
   3) .el-message__content：消息提示条有单独字体声明，一并覆盖
   保留：.token-display（密钥）、.upload-list-item-url（文件URL）的等宽字体；
   登录页标题的 Pacifico 花体由下面的专用规则保护。 */
:root {
  --el-font-family: "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif !important;
}
#app {
  font-family: "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
}
.el-message .el-message__content {
  font-family: "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
}
/* 登录页标题：保持 Pacifico 花体（ImgHub）+ 圆体中文组合，不被 #app 规则覆盖 */
#app .login .login-container .login-title {
  font-family: Pacifico, "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
}
/* 密钥和文件URL保持等宽字体，不被 #app 规则覆盖 */
#app .token-display,
#app .upload-list-item-url .el-input__inner {
  font-family: "Courier New", Monaco, monospace !important;
}

/* ============ 登录页：点击 loading 时保持按钮形状 (2026-10-13) ============
   原样式点击后按钮会缩成圆形（width:48px + border-radius:50%），视觉突兀；
   改为保持原矩形，仅内部转圈。 */
body[data-login-page="user"] .login .login-container .submit.is-loading {
  width: auto !important;
  border-radius: 12px !important;
  background-color: var(--primary-color) !important;
}

/* ============ 登录页：左上角 logo 链到本站首页 (2026-10-13) ============
   原链向上游 GitHub 仓库，改为本站首页；链接由 JS 重写 href。 */
body[data-login-page="user"] .login .logo--absolute {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* ============ 上传页标题：放大1.5倍 + 锁白 (2026-10-13) ============
   原色为灰(#4e5969/#a1a1aa)，在背景图上显暗；原2.25rem放大到3.375rem
   标题由多层组成(h1/.title-crayon-text/.main-title)，每层单独锁白；
   标题链接改为普通文本（不可点击）。 */
.title[data-v-9426cafc],
.title[data-v-9426cafc] .title-crayon-text,
.title[data-v-9426cafc] .title-base-text,
.title[data-v-9426cafc] .main-title {
  font-size: 3.375rem !important;
  color: #fff !important;
  -webkit-text-stroke-color: rgba(255,255,255,.55) !important;
  font-family: Pacifico, "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
}
.title[data-v-9426cafc] .main-title {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}
@media (min-width: 769px) and (max-height: 1050px) {
  .title[data-v-9426cafc],
  .title[data-v-9426cafc] .title-crayon-text,
  .title[data-v-9426cafc] .title-base-text,
  .title[data-v-9426cafc] .main-title { font-size: 2.8rem !important; }
}
@media (max-width: 768px) {
  .title[data-v-9426cafc],
  .title[data-v-9426cafc] .title-crayon-text,
  .title[data-v-9426cafc] .title-base-text,
  .title[data-v-9426cafc] .main-title { font-size: 2.1rem !important; }
}