#unlock-door{width:100%;min-height:100vh;background-color:#f9fafc;display:flex;justify-content:center;align-items:flex-start;padding:20px}#unlock-door>.unlock-container{max-width:800px;width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:30px}#unlock-door>.unlock-container.mobile{padding:20px}#unlock-door>.unlock-container>.header{text-align:center;margin-bottom:30px}#unlock-door>.unlock-container>.header>h1{font-size:28px;font-weight:600;color:#303133;margin:0}#unlock-door>.unlock-container>.locks-list{display:flex;flex-direction:column;gap:20px}#unlock-door>.unlock-container>.locks-list>.lock-item{display:flex;align-items:center;padding:20px;border:2px solid #e4e7ed;border-radius:8px;transition:all .3s ease;background:#fff;gap:15px}#unlock-door>.unlock-container>.locks-list>.lock-item:hover{border-color:#409eff;box-shadow:0 2px 8px rgba(64,158,255,.2)}#unlock-door>.unlock-container>.locks-list>.lock-item.lock-opening{border-color:#409eff;background:#ecf5ff}#unlock-door>.unlock-container>.locks-list>.lock-item.lock-opened{border-color:#67c23a;background:#f0f9ff}#unlock-door>.unlock-container>.locks-list>.lock-item.lock-error{border-color:#f56c6c;background:#fef0f0}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-icon-wrapper{flex-shrink:0;margin-right:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-icon-wrapper>.lock-icon{font-size:32px;color:#606266}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-icon-wrapper>.lock-icon.el-icon-lock{color:#909399}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-icon-wrapper>.lock-icon.el-icon-loading{color:#409eff}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-icon-wrapper>.lock-icon.el-icon-unlock{color:#67c23a}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-icon-wrapper>.lock-icon.el-icon-close{color:#f56c6c}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-info>.lock-name{font-size:18px;font-weight:500;color:#303133;word-break:break-word}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-info>.lock-status{font-size:14px}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-info>.lock-status>.success{color:#67c23a}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-info>.lock-status>.error{color:#f56c6c}#unlock-door>.unlock-container>.locks-list>.lock-item>.unlock-button{flex-shrink:0;min-width:120px}@media(max-width:768px){#unlock-door>.unlock-container>.locks-list>.lock-item{flex-wrap:wrap;gap:10px}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-icon-wrapper{width:40px;height:40px}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-icon-wrapper>.lock-icon{font-size:24px}#unlock-door>.unlock-container>.locks-list>.lock-item>.lock-info{flex-basis:calc(100% - 170px);min-width:0}#unlock-door>.unlock-container>.locks-list>.lock-item>.unlock-button{flex-basis:100%;width:100%;margin-top:10px}}#unlock-door>.unlock-container>.no-locks{text-align:center;padding:40px;color:#909399}#unlock-door>.unlock-container>.no-locks>p{font-size:16px;margin:0}#unlock-door>.unlock-container>.error-message{margin-top:20px}#unlock-door>.el-loading-mask{position:fixed}