/* pyq-erphp.css —— 将 erphplogin 快捷登录弹窗 (.sign) 的 UI 与本主题弹窗统一
 * 仅在 erphplogin 插件启用时由 functions.php 在 erphplogin.css 之后入队，故可安全覆盖。
 */

/* 遮罩：改用主题半透明 + 毛玻璃，和 .kehua-link / .kehua-login 一致 */
.sign {
    background: rgba(0, 0, 0, 0.45);
    -webkit-backdrop-filter: saturate(100%) blur(2px);
    backdrop-filter: saturate(100%) blur(2px);
}
.sign-mask {
    background: transparent;
    opacity: 1;
}

/* 卡片：圆角白底 + 阴影，复用主题 CSS 变量
 * 注意：必须用 top/left:50% + translate 居中，不能再用 top:0;bottom:0 拉伸写法——
 * 否则 height:auto 时绝对定位元素会被拉伸填满全屏遮罩（页头到页尾）。 */
.sign .container {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 90% !important;
    max-width: 360px;
    height: auto !important;
    min-height: 430px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: var(--cobg, #fff);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);
    padding: 0;
}
.sign .container.has-social {
    min-height: 470px;
}

/* 表单区 */
.sign form {
    padding: 30px 24px 16px;
}
.sign .form-item {
    margin-bottom: 14px;
}
.sign .form-item i {
    color: var(--texths, #999);
}
.sign .form-control {
    background: #f3f4f6;
    border-radius: 8px;
    padding: 0 0 0 30px;
    min-height: 44px;
    box-shadow: none !important;
}
.sign .sign-submit {
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 6px;
}
.sign .sign-submit .btn {
    width: 100%;
    padding: 12px;
    background: var(--theme, #09c362);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    cursor: pointer;
}
.sign .sign-submit .btn:hover {
    opacity: 0.92;
}

/* 文字与链接用主题色 */
.sign-trans {
    color: var(--texths, #999);
    font-size: 13px;
}
.sign-trans a {
    color: var(--theme, #09c362);
    text-decoration: none;
}
.sign-social h2 {
    color: var(--thetitle, #333);
    font-weight: 600;
}
.sign-social .login-qq,
.sign-social .login-weibo,
.sign-social .login-weixin {
    border-radius: 8px;
    opacity: 1;
    font-size: 14px;
}
.sign-tips {
    background: #fd6e6e;
    height: auto !important;
    min-height: 29px;
    line-height: 29px;
}

/* 暗色模式适配 */
.dark-theme .sign .container {
    background: #1e1e1e;
}
.dark-theme .sign .form-control {
    background: #2a2a2a;
    color: #eee;
}
.dark-theme .sign-social h2 {
    color: #eee;
}