/* ==========================================================================
   登录页「无色透明玻璃」样式 v25 —— 角标去外框（B 方案）：只显示自制图本身，尺寸 70×72
   变更：扫码面板适配改为 JS 动态方案（见 index.html 内联脚本），
        本文件移除固定 scale，仅保留视口尺寸与 overflow 裁剪
   ========================================================================== */

/* ---------- 1. 登录大框：无色磨砂白 15%（v15 哥定稿：alpha15/blur15/边90/圆角20/整体65%） ---------- */
html body .app-box > .app-box-left #app {
  background-color: rgba(255, 255, 255, 0.16) !important;
  background-image: url("../img/newlogo.png") !important;
  background-repeat: no-repeat !important;
  background-position: center 27px !important;
  border: 1px solid rgba(255, 255, 255, 0.90) !important;
  box-shadow: inset 0 4px 75px -2px rgba(255, 255, 255, 0.25), 0 12px 40px rgba(31, 56, 88, 0.30) !important;
  border-radius: 12px !important;
  /* v16：移除 opacity:0.65（会把 LOGO 一起半透明），浓度折算进磨砂，LOGO 全清晰；
     显式 opacity:1 压掉 sprite 原始的 opacity:0.9
     v17：圆角对齐角标 12px；磨砂 0.16 + blur 6px —— 登录框更透，背景线条可辨 */
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(6px) saturate(140%) !important;
  backdrop-filter: blur(6px) saturate(140%) !important;
}

/* ---------- 2. 输入框：深色磨砂（v15 哥定稿：alpha10/边90） ---------- */
html body .app-box > .app-box-left #app .content-box .para-input .para-input-content > div,
html body .app-box > .app-box-left #app .para-input .para-input-content > div {
  background: rgba(13, 20, 38, 0.10) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.90) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

html body .app-box > .app-box-left #app .content-box .para-input .para-input-content > div:focus-within,
html body .app-box > .app-box-left #app .para-input .para-input-content > div:focus-within {
  background: rgba(13, 20, 38, 0.40) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1), 0 0 12px rgba(255, 255, 255, 0.35) !important;
}

/* v16：输入框图标与占位文字 → 与"扫码下载"同款白字黑描边（0.6/0.44） */
html body .app-box > .app-box-left #app .para-input .para-input-content {
  color: #ffffff !important;
  text-shadow:
    -1px -1px 2px rgba(0, 0, 0, 0.6),
    1px -1px 2px rgba(0, 0, 0, 0.6),
    -1px 1px 2px rgba(0, 0, 0, 0.6),
    1px 1px 2px rgba(0, 0, 0, 0.6),
    0 1px 6px rgba(0, 0, 0, 0.44) !important;
}

html body .app-box > .app-box-left #app .para-input .para-input-content input::placeholder {
  color: rgba(255, 255, 255, 0.85) !important;
  opacity: 1 !important;
  text-shadow:
    -1px -1px 2px rgba(0, 0, 0, 0.6),
    1px -1px 2px rgba(0, 0, 0, 0.6),
    -1px 1px 2px rgba(0, 0, 0, 0.6),
    1px 1px 2px rgba(0, 0, 0, 0.6),
    0 1px 6px rgba(0, 0, 0, 0.44) !important;
}

/* ---------- 3. 右上角角标：去外框，仅显示自制图（v25） ---------- */
html body .app-box > .app-box-left #app #qrcode-box {
  /* v25（哥定 B 方案）：去掉磨砂方块外框 —— 透明底/无边框/无阴影/无模糊/不裁切，
     角标即图片本身；尺寸沿用 70×72（v24 还原值） */
  width: 70px !important;
  height: 72px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body .app-box > .app-box-left #app #qrcode-box img {
  width: 100% !important;
  height: 100% !important;
  /* 图片原样显示，不叠加任何滤镜 */
  filter: none !important;
}

/* ---------- 4. 下载图标底座：白磨砂 ---------- */
html body .app-box > .app-box-left .content-border .download-content .download-card .img-box {
  background: rgba(255, 255, 255, 0.10) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

html body .app-box > .app-box-left .content-border .download-content .download-card .img-box img {
  filter: brightness(0) opacity(0.72) !important;
}

/* ---------- 5. 底部文字：白字 + 四向黑描边晕 ---------- */
html body .app-box > .app-box-left .content-border .download-content,
html body .app-box > .app-box-left .content-border .download-content a,
html body .app-box > .app-box-left .content-border .download-content span,
html body .app-box > .app-box-left .content-border .download-content p,
html body .app-box > .app-box-left .content-border .download-text,
html body .app-box > .app-box-left .content-border #pcdownloadtext {
  color: #ffffff !important;
  text-shadow:
    -1px -1px 2px rgba(0, 0, 0, 0.6),
    1px -1px 2px rgba(0, 0, 0, 0.6),
    -1px 1px 2px rgba(0, 0, 0, 0.6),
    1px 1px 2px rgba(0, 0, 0, 0.6),
    0 1px 6px rgba(0, 0, 0, 0.44) !important;
}

/* ---------- 6. 扫码面板：视口 230×264
   （Playwright 实测钉钉内部页 qrcode.htm：码恒为 210×210 @ (x10, y48.9)，刷新图标/文字 y≥280 被视口排除。
    外层容器宽高比与 ESC bundle 自带的 0.6~0.8 transform 随窗口变化，
    故缩放与居中由 index.html 内联脚本按容器实际 clientWidth/Height 实时计算（占比法：
    码可视尺寸 = FILL × min(容器宽,高)，bundle 缩放在分子分母同乘、自动约掉，任意窗口/缩放恒成立） ---------- */
html body #scanCode .qrcode-content,
html body .app-box > .app-box-left #app #app-content #scanCode .qrcode-content {
  overflow: hidden !important;
  position: relative !important;
}

html body #scanCode .qrcode-content iframe,
html body .app-box > .app-box-left #app #app-content #scanCode .qrcode-content iframe {
  width: 230px !important;
  height: 264px !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  transform-origin: 0 0 !important;
}

/* ---------- 7. 兼容兜底 ---------- */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body .app-box > .app-box-left #app {
    background-color: rgba(255, 255, 255, 0.55) !important;
  }

  html body .app-box > .app-box-left #app #qrcode-box {
    background: rgba(255, 255, 255, 0.60) !important;
  }
}

/* ---------- 8. body 背景（v20：回归原生，无兜底图层）
   v20 变更：彻底移除包内中秋图与 JS 探测注入（index.html 同步删除 bgFallback）。
   背景 = 管理台配置的 OSS 图，由 ESC bundle 原生加载；
   未配置时显示下方纯色（与主题深色调一致的中性深蓝，可按需改色值）。
   无包内图片 → 刷新闪图链条物理消除 */
html body {
  background-color: #0d1426;
}

/* ---------- 9. 账号登录视图：登录按钮 + 忘记密码（2026-09-23）
   按钮材质对齐右上角角标 #qrcode-box（白磨砂 16% + 白描边 40% + 圆角 12 + blur12）；
   "登录"文字与"扫码下载"同款白字四向黑描边、字号不变、加粗；
   "忘记密码？"同款白字黑描边，字号字重不变 ---------- */
html body .app-box > .app-box-left #app .content-box .para-btn-login,
html body .app-box > .app-box-left #app #app-content .content-box .para-btn-login {
  background-color: rgba(13, 20, 38, 0.2) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.90) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(31, 56, 88, 0.20) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow:
    -1px -1px 2px rgba(0, 0, 0, 0.6),
    1px -1px 2px rgba(0, 0, 0, 0.6),
    -1px 1px 2px rgba(0, 0, 0, 0.6),
    1px 1px 2px rgba(0, 0, 0, 0.6),
    0 1px 6px rgba(0, 0, 0, 0.44) !important;
}

/* v16b：hover/active 补 #app-content 双选择器（基础规则第二选择器含 2 个 id，
   单选择器 hover 优先级不足被压制——v14 起 hover 从未生效过的根因） */
html body .app-box > .app-box-left #app .content-box .para-btn-login:hover,
html body .app-box > .app-box-left #app #app-content .content-box .para-btn-login:hover {
  background-color: rgba(13, 20, 38, 0.65) !important;
}

html body .app-box > .app-box-left #app .content-box .para-btn-login:active,
html body .app-box > .app-box-left #app #app-content .content-box .para-btn-login:active {
  background-color: rgba(13, 20, 38, 0.75) !important;
}

html body .app-box > .app-box-left #app a.para-password-forget,
html body .app-box > .app-box-left #app #app-content a.para-password-forget {
  color: #ffffff !important;
  text-shadow:
    -1px -1px 2px rgba(0, 0, 0, 0.6),
    1px -1px 2px rgba(0, 0, 0, 0.6),
    -1px 1px 2px rgba(0, 0, 0, 0.6),
    1px 1px 2px rgba(0, 0, 0, 0.6),
    0 1px 6px rgba(0, 0, 0, 0.44) !important;
}