/* ============================================================
   auth.css —— 积木块：登录弹层（发布/上传前需要登录时弹出）
   前缀 .authx-，不污染其他块
   ============================================================ */

.authx[hidden] {
  display: none;
}

.authx {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  place-items: center;
  padding: 24px;
}

.authx__mask {
  position: absolute;
  inset: 0;
  background: rgba(18, 23, 34, 0.5);
  backdrop-filter: blur(3px);
}

.authx__dialog {
  position: relative;
  width: min(420px, 100%);
  padding: 30px 30px 26px;
  border-radius: 16px;
  background: var(--c-card);
  box-shadow: 0 30px 80px rgba(15, 20, 30, 0.3);
  text-align: center;
}

.authx__logo {
  width: 52px;
  height: 52px;
  margin: 0 auto 14px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #24c8f5 0%, #1a8df0 100%);
  box-shadow: 0 4px 12px rgba(26, 141, 240, 0.35);
}

.authx__title {
  font-size: 19px;
  font-weight: 700;
  color: var(--c-text);
}

.authx__desc {
  margin-top: 8px;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--c-text-2);
}

.authx__btn {
  width: 100%;
  margin-top: 20px;
}

.authx__close {
  margin-top: 10px;
  border: 0;
  background: transparent;
  padding: 6px 14px;
  font-size: 13px;
  color: var(--c-text-3);
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.16s var(--ease), background-color 0.16s var(--ease);
}

.authx__close:hover {
  color: var(--c-text);
  background: var(--c-card-soft);
}

.authx__err {
  margin-top: 12px;
  font-size: 12.5px;
  color: var(--c-danger);
  min-height: 1em;
}