.lock-box{position:relative;margin:1.8em 0;padding:22px 24px 18px;border-radius:16px;border:1.5px solid rgba(127,201,255,.45);background:linear-gradient(150deg,rgba(255,179,217,.08),rgba(127,201,255,.1)),rgba(255,255,255,.66);backdrop-filter:blur(8px);box-shadow:0 6px 24px rgba(90,143,211,.1),inset 0 0 0 1px rgba(255,255,255,.5);text-align:center;overflow:hidden}.lock-box::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffb3d9,#7fc9ff,#ffb3d9);background-size:200% 100%;opacity:.75}.lock-head{position:relative;font-size:14px;color:#4d6484;margin-bottom:14px;padding-left:26px;display:inline-block}.lock-head::before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;transform:translateY(-50%);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='5' y='10.5' width='14' height='9' rx='2'/%3E%3Cpath d='M8 10.5V7a4 4 0 0 1 8 0v3.5'/%3E%3C/svg%3E") center/11px 11px no-repeat,linear-gradient(135deg,#ffb3d9,#7fc9ff);box-shadow:0 2px 6px rgba(127,201,255,.4)}.lock-teaser{margin:0 2px 16px;text-align:justify;font-size:13.5px;line-height:1.9;letter-spacing:.02em;color:#6a7590;filter:blur(4.5px);user-select:none;-webkit-user-select:none;pointer-events:none;mask-image:linear-gradient(180deg,rgba(0,0,0,0.9) 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0.9) 55%,transparent 100%)}.lock-form{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.lock-input{font:inherit;font-size:14px;padding:7px 14px;width:200px;border:1px solid rgba(127,201,255,.55);border-radius:10px;background:rgba(255,255,255,.9);color:#333;outline:0;transition:border-color .15s ease,box-shadow .15s ease}.lock-input:focus{border-color:#7fc9ff;box-shadow:0 0 0 3px rgba(127,201,255,.22)}.lock-btn{font:inherit;font-size:13.5px;padding:7px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#ffb3d9,#7fc9ff);color:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(127,201,255,.35)}.lock-btn:hover{filter:brightness(1.06)}.lock-btn:active{transform:translateY(1px)}.lock-remember{font-size:12.5px;color:#7c879c;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.lock-msg{margin-top:12px;font-size:13px;color:#b3564d}@keyframes lock-shake-kf{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.lock-shake{animation:lock-shake-kf .3s ease-in-out}@keyframes lock-reveal-kf{from{filter:blur(10px);opacity:0;transform:translateY(8px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.lock-content.lock-reveal{animation:lock-reveal-kf .65s ease-out}[data-theme=dark] .lock-box{border-color:rgba(127,201,255,.3);background:linear-gradient(150deg,rgba(255,179,217,.06),rgba(127,201,255,.08)),rgba(28,34,46,.82);box-shadow:0 6px 24px rgba(0,0,0,.3)}[data-theme=dark] .lock-head{color:#b8c2d6}[data-theme=dark] .lock-teaser{color:#8a94a8}[data-theme=dark] .lock-input{background:rgba(40,46,58,.9);border-color:rgba(127,201,255,.35);color:#d8dce4}[data-theme=dark] .lock-msg{color:#e0968d}@media (prefers-reduced-motion:reduce){.lock-shake{animation:none}.lock-content.lock-reveal{animation:none}}