.password-page[data-v-4ef48e66]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.bg-mask[data-v-4ef48e66]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.password-panel[data-v-4ef48e66]{position:absolute;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;padding:24px 0 0;animation:slideUp-4ef48e66 .3s ease-out}@keyframes slideUp-4ef48e66{0%{transform:translateY(100%)}to{transform:translateY(0)}}.password-panel.shake[data-v-4ef48e66]{animation:shake-4ef48e66 .4s ease-in-out}@keyframes shake-4ef48e66{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.panel-title[data-v-4ef48e66]{text-align:center;font-size:22px;font-weight:500;color:#222;padding:8px 0 28px}.password-dots[data-v-4ef48e66]{display:flex;justify-content:center;gap:12px;padding:0 40px 36px}.dot-box[data-v-4ef48e66]{flex:1;height:72px;border:1px solid #ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;background-color:#fff}.dot[data-v-4ef48e66]{width:14px;height:14px;border-radius:50%;background-color:#222}.keyboard[data-v-4ef48e66]{display:flex;flex-wrap:wrap;background-color:#f2f2f2;padding:4px 0 0}.key[data-v-4ef48e66]{width:33.33%;height:68px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:400;color:#222;background-color:#fff;border:.5px solid #e5e5e5;border-top:none;border-left:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s}.key[data-v-4ef48e66]:active{background-color:#e8e8e8}.key[data-v-4ef48e66]:nth-child(3n){border-right:none}.key-empty[data-v-4ef48e66]{background-color:#f2f2f2;cursor:default;border:none}.key-delete[data-v-4ef48e66]{background-color:#e5e7eb;cursor:pointer}.key-delete[data-v-4ef48e66]:active{background-color:#d1d5db}.delete-icon[data-v-4ef48e66]{width:32px;height:32px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#333;background-color:#f5f5f5;touch-action:manipulation}#app{width:100%;height:100%;max-width:500px;margin:0 auto;background-color:#f5f5f5;position:relative;overflow-y:auto;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{border:none;outline:none;background:none;cursor:pointer;font-family:inherit}input{border:none;outline:none;font-family:inherit}