*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px}.card{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:400px;box-shadow:0 2px 12px rgba(0,0,0,.08)}h1{font-size:20px;color:#333;margin-bottom:4px}.subtitle,h1{text-align:center}.subtitle{font-size:13px;color:#999;margin-bottom:20px}label{display:block;font-size:13px;color:#666;margin-bottom:6px}input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:15px;margin-bottom:12px;outline:none;transition:border .2s}input:focus{border-color:#1890ff}.btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s;margin-top:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-scan{background:#52c41a;color:#fff}.btn-manual{background:#1890ff;color:#fff}.status{margin-top:12px;padding:12px;border-radius:8px;font-size:14px;text-align:center}.status.loading{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status.success{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status.error{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.log{margin-top:12px;font-size:11px;color:#999;max-height:120px;overflow-y:auto;word-break:break-all;white-space:pre-wrap}.field-group{background:#fafafa;border-radius:8px;padding:14px;margin-bottom:12px}.door-input-wrapper{position:relative}.door-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:10;overflow:hidden}.door-dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:none;background:none;cursor:pointer;font-size:14px;color:#333;text-align:left}.door-dropdown-item:hover{background:#e6f7ff}.door-dropdown-id{font-size:12px;color:#999}.scanner-overlay{position:fixed;inset:0;background:#000;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center}.scanner-video{width:100%;max-width:400px;height:auto;min-height:240px;border-radius:8px;object-fit:cover;background:#111}.scanner-error{background:#fff;border-radius:12px;padding:24px;width:85%;max-width:340px;text-align:center}.scanner-error p{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6}.scanner-hint{color:#fff;font-size:14px;margin-top:16px}.scanner-close{position:absolute;top:20px;right:20px;color:#fff;font-size:28px;cursor:pointer;background:none;border:none;z-index:101}.scan-region{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;border:2px solid rgba(255,255,255,.3);border-radius:12px}.scan-region .corner-bl,.scan-region .corner-br,.scan-region:after,.scan-region:before{content:"";position:absolute;width:30px;height:30px;border:0 solid #52c41a}.scan-region:before{top:-2px;left:-2px;border-top-width:4px;border-left-width:4px;border-radius:8px 0 0 0}.scan-region:after{top:-2px;right:-2px;border-top-width:4px;border-right-width:4px;border-radius:0 8px 0 0}.scan-region .corner-bl{bottom:-2px;left:-2px;border-bottom-width:4px;border-left-width:4px;border-radius:0 0 0 8px}.scan-region .corner-br{bottom:-2px;right:-2px;border-bottom-width:4px;border-right-width:4px;border-radius:0 0 8px 0}.dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;display:flex;align-items:center;justify-content:center}.dialog{background:#fff;border-radius:12px;padding:24px;width:85%;max-width:340px;text-align:center}.dialog-title{font-size:17px;font-weight:600;color:#333;margin-bottom:10px}.dialog-msg{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6;word-break:break-word}.dialog-btn{padding:10px 32px;border:none;border-radius:8px;font-size:15px;cursor:pointer;background:#1890ff;color:#fff}.gesture-lock-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.gesture-lock-container{background:#fff;border-radius:12px;padding:32px 24px;width:100%;max-width:340px;box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:center}.gesture-lock-container h2{font-size:18px;color:#333;margin-bottom:4px}.gesture-hint{font-size:13px;color:#999;margin-bottom:20px}.gesture-canvas-wrapper{display:flex;justify-content:center;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.gesture-canvas-wrapper canvas{width:100%;max-width:280px;aspect-ratio:1}.gesture-error{margin-top:16px;color:#ff4d4f;font-size:14px}