/* 公共样式：verify.loveoi.com 和 query.loveoi.com 共用（液态玻璃/毛玻璃） */
/* 由 https://manage.loveoi.com/common.css 提供，改一处两处生效 */
.qcard,.result{border:1.5px solid rgba(255,255,255,.35)!important;border-radius:28px!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.15),inset 0 -2px 4px rgba(255,255,255,.15)}
.qcard input,.input-box{border:1.5px solid rgba(255,255,255,.35)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.15),inset 0 -2px 4px rgba(255,255,255,.15)}
.qmodal{background:transparent!important}
.qmodal-card{background:rgba(28,28,32,.28)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1.5px solid rgba(255,255,255,.35)!important;border-radius:28px!important;font-weight:700;box-shadow:inset 0 2px 3px rgba(255,255,255,.5),inset 0 -2px 4px rgba(255,255,255,.45)}
.qmodal-card button{background:rgba(128,128,128,.25)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)!important}
#qmodal .qmodal-card button{background:rgba(128,128,128,.1)!important;border:1.5px solid rgba(255,255,255,.35)!important;width:67%!important;margin-left:auto!important;margin-right:auto!important;display:block!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.5),inset 0 -2px 4px rgba(255,255,255,.45)!important}
/* 弹窗动画：2秒弹性弹出 */
.qmodal-card{animation:qpop 2s cubic-bezier(.25,.8,.35,1)!important}
@keyframes qpop{from{transform:scale(.78);opacity:0}to{transform:scale(1);opacity:1}}
/* 弹窗确认按钮开场抖动 */
.qmodal-card button{animation:qbtnshake .6s ease .8s}
@keyframes qbtnshake{0%,100%{transform:translateX(0)}15%{transform:translateX(-7px)}30%{transform:translateX(7px)}45%{transform:translateX(-5px)}60%{transform:translateX(5px)}75%{transform:translateX(-2px)}90%{transform:translateX(2px)}}
/* 弹窗关闭 0.9s 收缩 */
.qmodal{transition:opacity .9s ease}
.qmodal.closing{opacity:0;pointer-events:none}
.qmodal.closing .qmodal-card{animation:qshrink .9s ease-in forwards!important}
@keyframes qshrink{to{transform:scale(.86);opacity:0}}
#qtoast{background:rgba(28,28,32,.2)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:0 8px 28px rgba(0,0,0,.25);color:#fff;padding:12px 22px;font-size:14px;font-weight:500;max-width:82vw;text-align:center;line-height:1.5}
@media (prefers-color-scheme:light){
.qcard,.result{border-color:rgba(0,0,0,.18)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.8)!important,inset 0 -2px 4px rgba(0,0,0,.06)!important}
.qmodal-card{background:rgba(255,255,255,.28)!important;border-color:rgba(0,0,0,.1)!important;color:#1a1a1a;box-shadow:0 12px 40px rgba(0,0,0,.16)!important,inset 0 2px 3px rgba(255,255,255,.5),inset 0 -2px 4px rgba(255,255,255,.45)}
.qcard input,.input-box{border-color:rgba(0,0,0,.18)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.8)!important,inset 0 -2px 4px rgba(0,0,0,.06)!important}
.qmodal-card button{color:#fff}
#qmodal .qmodal-card button{color:#1a1a1a!important;border-color:rgba(0,0,0,.1)!important}
#qtoast{color:#1a1a1a!important}
}