*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);height:100vh;overflow:hidden}#app{height:100vh}.container{display:flex;height:100vh}.main-content{flex:1;display:flex;gap:0;padding:0}.sidebar{width:280px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:15px;box-shadow:-2px 0 10px #0000001a;overflow-y:auto}.sidebar-header{text-align:center;padding:10px 0;border-bottom:2px solid #f0f0f0;margin-bottom:10px}.sidebar-header h1{font-size:1.5em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-section{display:flex;flex-direction:column;gap:10px}.sidebar-section h3{font-size:.9em;color:#666;text-transform:uppercase;margin-bottom:5px}.btn{padding:12px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s;font-weight:600;width:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-input-wrapper{width:100%}.file-input-wrapper input[type=file]{display:none}.file-input-wrapper label{display:block}.canvas-container{flex:1;display:flex;flex-direction:column;background:#fffffff2;position:relative;overflow:hidden}.canvas-container h3{padding:15px 20px;color:#333;font-size:1em;background:#ffffffe6;border-bottom:1px solid #e0e0e0;margin:0}.canvas-wrapper{flex:1;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;overflow:auto}canvas{display:block;max-width:100%;max-height:100%;cursor:crosshair;object-fit:contain}.instructions{background:#e3f2fd;border-left:4px solid #2196f3;padding:12px;border-radius:8px;font-size:.85em}.instructions h4{color:#1976d2;margin-bottom:8px;font-size:1em}.instructions ul{margin-left:18px}.instructions li{margin:4px 0;color:#555;line-height:1.4}.loading{display:none;text-align:center;padding:20px}.loading.active{display:block}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status{padding:10px;border-radius:8px;margin-bottom:20px;display:none}.status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block}.status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}.login-container[data-v-861b0be0]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box[data-v-861b0be0]{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}h1[data-v-861b0be0]{text-align:center;color:#333;margin-bottom:10px;font-size:28px}h2[data-v-861b0be0]{text-align:center;color:#666;margin-bottom:30px;font-size:18px;font-weight:400}.form-group[data-v-861b0be0]{margin-bottom:20px}label[data-v-861b0be0]{display:block;margin-bottom:8px;color:#333;font-weight:500}input[data-v-861b0be0]{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:14px;box-sizing:border-box;transition:border-color .3s}input[data-v-861b0be0]:focus{outline:none;border-color:#667eea}.error-message[data-v-861b0be0]{background:#fee;color:#c33;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px}.login-btn[data-v-861b0be0]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-btn[data-v-861b0be0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-btn[data-v-861b0be0]:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper[data-v-861b0be0]{position:relative;display:flex;align-items:center}.password-input-wrapper input[data-v-861b0be0]{flex:1;padding-right:45px}.password-toggle[data-v-861b0be0]{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:16px;padding:5px;color:#666;border-radius:3px;transition:background-color .2s}.password-toggle[data-v-861b0be0]:hover{background-color:#f0f0f0}.admin-panel[data-v-9c66d275]{min-height:100vh;background:#f5f5f5}.admin-header[data-v-9c66d275]{background:#fff;padding:20px 40px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.admin-header h1[data-v-9c66d275]{margin:0;color:#333}.user-info[data-v-9c66d275]{display:flex;align-items:center;gap:15px}.logout-btn[data-v-9c66d275]{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.logout-btn[data-v-9c66d275]:hover{background:#d32f2f}.admin-content[data-v-9c66d275]{padding:40px;width:100%;box-sizing:border-box}.toolbar[data-v-9c66d275]{margin-bottom:20px;display:flex;gap:10px}.btn-primary[data-v-9c66d275],.btn-secondary[data-v-9c66d275]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary[data-v-9c66d275]{background:#4caf50;color:#fff}.btn-primary[data-v-9c66d275]:hover{background:#45a049}.btn-secondary[data-v-9c66d275]{background:#2196f3;color:#fff}.btn-secondary[data-v-9c66d275]:hover{background:#0b7dda}.users-table[data-v-9c66d275]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;width:100%}table[data-v-9c66d275]{width:100%;border-collapse:collapse;table-layout:fixed}.col-id[data-v-9c66d275]{width:60px}.col-username[data-v-9c66d275],.col-password[data-v-9c66d275]{width:160px}.col-role[data-v-9c66d275]{width:100px}.col-status[data-v-9c66d275]{width:80px}.col-note[data-v-9c66d275]{width:200px;min-width:200px;max-width:200px}.col-time[data-v-9c66d275]{width:150px}.col-actions[data-v-9c66d275]{width:120px}.field-with-copy[data-v-9c66d275]{display:flex;align-items:center;gap:8px}.field-with-copy span[data-v-9c66d275]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn[data-v-9c66d275]{padding:4px 8px;border:none;background:#e3f2fd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;flex-shrink:0}.copy-btn[data-v-9c66d275]:hover{background:#2196f3;transform:scale(1.1)}.copy-btn[data-v-9c66d275]:active{transform:scale(.95)}th[data-v-9c66d275],td[data-v-9c66d275]{padding:15px;text-align:left;border-bottom:1px solid #eee}th[data-v-9c66d275]{background:#f9f9f9;font-weight:600;color:#333}.badge[data-v-9c66d275]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-admin[data-v-9c66d275]{background:#ff9800;color:#fff}.badge-user[data-v-9c66d275]{background:#2196f3;color:#fff}.badge-active[data-v-9c66d275]{background:#4caf50;color:#fff}.badge-inactive[data-v-9c66d275]{background:#9e9e9e;color:#fff}.actions[data-v-9c66d275]{display:flex;gap:8px}.btn-action[data-v-9c66d275]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;background:#e0e0e0;font-size:16px}.btn-action[data-v-9c66d275]:hover{background:#d0d0d0}.btn-danger[data-v-9c66d275]:hover{background:#ffcdd2}.modal[data-v-9c66d275]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-9c66d275]{background:#fff;padding:30px;border-radius:8px;width:400px}.modal-content h2[data-v-9c66d275]{margin-top:0}.form-group[data-v-9c66d275]{margin-bottom:20px}.form-group label[data-v-9c66d275]{display:block;margin-bottom:8px;font-weight:500}.form-group input[type=text][data-v-9c66d275],.form-group input[type=password][data-v-9c66d275],.form-group textarea[data-v-9c66d275],.form-input[data-v-9c66d275]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.form-group textarea[data-v-9c66d275]{resize:vertical;min-height:60px}.password-input-wrapper[data-v-9c66d275]{position:relative;display:flex;align-items:center}.password-input-wrapper input[data-v-9c66d275]{flex:1;padding-right:45px}.password-toggle[data-v-9c66d275]{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:16px;padding:5px;color:#666}.password-toggle[data-v-9c66d275]:hover{color:#333}.form-group input[type=checkbox][data-v-9c66d275]{margin-right:8px}.modal-actions[data-v-9c66d275]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.note-cell[data-v-9c66d275]{width:200px!important;max-width:200px!important;min-width:200px!important;overflow:hidden}.note-display[data-v-9c66d275]{cursor:pointer;padding:4px 8px;border-radius:4px;display:block;word-break:break-word;color:#666;font-style:italic;outline:none;transition:all .2s;min-height:20px;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.note-display[data-v-9c66d275]:hover{background:#f5f5f5;color:#333}.note-display.editing[data-v-9c66d275]{background-color:#fff;border:2px solid #409eff;cursor:text;color:#333;font-style:normal}.matting-app[data-v-880936ad]{display:flex;flex-direction:column;height:100vh;min-height:600px;background:#fff;color:#333;overflow:auto}.app-container[data-v-880936ad]{display:flex;flex:1;min-width:1200px;min-height:500px}.canvas-container[data-v-880936ad]{flex:1;display:flex;flex-direction:column;background:#fffffff2;position:relative;overflow:hidden;min-width:300px}.canvas-container h3[data-v-880936ad]{padding:15px 20px;color:#333;font-size:1em;background:#ffffffe6;border-bottom:1px solid #e0e0e0;margin:0}canvas[data-v-880936ad]{display:block;max-width:100%;max-height:100%;cursor:crosshair;object-fit:contain;margin:auto}.sidebar[data-v-880936ad]{width:280px;min-width:280px;background:#fff;padding:0;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a;overflow-y:auto;border-left:1px solid #e0e0e0}.user-bar[data-v-880936ad]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffffe6;border-bottom:1px solid #e0e0e0;margin:0;height:auto;box-sizing:border-box}.username[data-v-880936ad]{font-size:14px;color:#333;font-weight:500}.username[data-v-880936ad]:before{content:"用户名：";color:#666}.btn-logout-small[data-v-880936ad]{padding:4px 12px;background:#f44336;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500;transition:all .2s;height:auto;line-height:1.2}.btn-logout-small[data-v-880936ad]:hover{background:#d32f2f}.sidebar-content[data-v-880936ad]{padding:20px;display:flex;flex-direction:column;gap:15px}.sidebar h2[data-v-880936ad]{color:#333;text-align:center;margin:0 0 20px}.upload-section[data-v-880936ad]{margin-bottom:10px}.upload-zone[data-v-880936ad]{border:2px dashed #c5c5c5;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#f8f9ff,#f0f2ff)}.upload-zone[data-v-880936ad]:hover{border-color:#667eea;background:linear-gradient(135deg,#f0f2ff,#e8ebff);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.upload-zone.dragover[data-v-880936ad]{border-color:#667eea;background:linear-gradient(135deg,#e8ebff,#dde1ff);border-style:solid;transform:scale(1.02);box-shadow:0 8px 20px #667eea40}.upload-zone.has-image[data-v-880936ad]{border-color:#4caf50;background:linear-gradient(135deg,#f0fff4,#e8f5e9)}.upload-zone.has-image[data-v-880936ad]:hover{border-color:#45a049;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.upload-icon[data-v-880936ad]{width:48px;height:48px;margin:0 auto 12px}.upload-icon svg[data-v-880936ad]{width:100%;height:100%;stroke:#667eea;transition:all .3s ease}.upload-zone:hover .upload-icon svg[data-v-880936ad],.upload-zone.dragover .upload-icon svg[data-v-880936ad]{stroke:#5a67d8;transform:translateY(-3px)}.upload-zone.has-image .upload-icon svg[data-v-880936ad]{stroke:#4caf50}.upload-text[data-v-880936ad]{font-size:14px;font-weight:600;color:#333;margin:0 0 6px}.upload-hint[data-v-880936ad]{font-size:12px;color:#888;margin:0}.actions[data-v-880936ad]{display:flex;flex-direction:column;gap:10px}.btn-action[data-v-880936ad],.btn-download[data-v-880936ad]{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-weight:600;transition:all .3s}.btn-action[data-v-880936ad]{background:#f0f0f0;color:#333}.btn-action[data-v-880936ad]:hover:not(:disabled){background:#e0e0e0}.btn-download[data-v-880936ad]{background:#4caf50;color:#fff}.btn-download[data-v-880936ad]:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.btn-depth[data-v-880936ad]{background:#667eea;margin-top:10px}.btn-depth[data-v-880936ad]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.btn-action[data-v-880936ad]:disabled,.btn-download[data-v-880936ad]:disabled{opacity:.5;cursor:not-allowed}.depth-toggle[data-v-880936ad]{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #e0e0e0;border-left:4px solid #667eea;padding:12px 15px;border-radius:8px;margin-top:5px}.toggle-label[data-v-880936ad]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-label span[data-v-880936ad]{font-size:14px;font-weight:600;color:#333}.toggle-switch[data-v-880936ad]{width:44px;height:24px;background:#ccc;border-radius:12px;position:relative;cursor:pointer;transition:all .3s ease}.toggle-switch.active[data-v-880936ad]{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-slider[data-v-880936ad]{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider[data-v-880936ad]{left:22px}.toggle-hint[data-v-880936ad]{margin:8px 0 0;font-size:12px;color:#888}.export-progress[data-v-880936ad]{background:linear-gradient(135deg,#f0f4ff,#e8ecff);border:1px solid #667eea;border-radius:8px;padding:12px;margin-top:15px}.progress-header[data-v-880936ad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-message[data-v-880936ad]{font-size:13px;color:#444;font-weight:500}.btn-cancel[data-v-880936ad]{background:#ff5252;color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.btn-cancel[data-v-880936ad]:hover{background:#e04545}.progress-bar[data-v-880936ad]{width:100%;height:8px;background:#ddd;border-radius:4px;overflow:hidden;margin-bottom:6px}.progress-fill[data-v-880936ad]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-percent[data-v-880936ad]{font-size:12px;color:#667eea;font-weight:600}.depth-params[data-v-880936ad]{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #e0e0e0;border-left:4px solid #667eea;padding:15px;border-radius:8px}.depth-header[data-v-880936ad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.depth-params h4[data-v-880936ad]{color:#333;margin:0;font-size:14px;font-weight:600}.btn-reset[data-v-880936ad]{padding:4px 10px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;font-weight:500}.btn-reset[data-v-880936ad]:hover{background:#5a67d8;transform:translateY(-1px)}.depth-hint[data-v-880936ad]{margin:12px 0 0;font-size:12px;color:#667eea;text-align:center;font-weight:500}.preset-section[data-v-880936ad]{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.preset-header[data-v-880936ad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preset-header label[data-v-880936ad]{font-size:13px;font-weight:500;color:#555}.btn-save-preset[data-v-880936ad]{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;font-weight:500}.btn-save-preset[data-v-880936ad]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea66}.preset-list[data-v-880936ad]{display:flex;flex-wrap:wrap;gap:6px}.preset-item[data-v-880936ad]{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s}.preset-item[data-v-880936ad]:hover{background:#ebebeb;border-color:#667eea}.preset-item.active[data-v-880936ad]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.preset-name[data-v-880936ad]{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete-preset[data-v-880936ad]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#0003;border:none;border-radius:50%;cursor:pointer;transition:all .2s;opacity:.7}.btn-delete-preset[data-v-880936ad]:hover{background:#f00c;opacity:1}.preset-item.active .btn-delete-preset[data-v-880936ad]{background:#ffffff4d}.preset-item.active .btn-delete-preset[data-v-880936ad]:hover{background:#ffffff80}.modal-overlay[data-v-880936ad]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-880936ad .2s ease}@keyframes fadeIn-880936ad{0%{opacity:0}to{opacity:1}}.modal-content[data-v-880936ad]{background:#fff;padding:24px;border-radius:12px;width:320px;box-shadow:0 10px 40px #0003;animation:slideUp-880936ad .3s ease}@keyframes slideUp-880936ad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3[data-v-880936ad]{margin:0 0 8px;color:#333;font-size:18px}.modal-hint[data-v-880936ad]{margin:0 0 16px;font-size:12px;color:#888}.preset-name-input[data-v-880936ad]{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.preset-name-input[data-v-880936ad]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions[data-v-880936ad]{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.btn-modal-cancel[data-v-880936ad],.btn-modal-confirm[data-v-880936ad]{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-cancel[data-v-880936ad]{background:#f0f0f0;color:#666}.btn-modal-cancel[data-v-880936ad]:hover{background:#e0e0e0}.btn-modal-confirm[data-v-880936ad]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-modal-confirm[data-v-880936ad]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-modal-confirm[data-v-880936ad]:disabled{opacity:.5;cursor:not-allowed}.param-group[data-v-880936ad]{margin-bottom:12px}.param-group[data-v-880936ad]:last-child{margin-bottom:0}.param-group label[data-v-880936ad]{display:block;color:#555;font-size:13px;font-weight:500;margin-bottom:6px}.param-header[data-v-880936ad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.param-header label[data-v-880936ad]{margin-bottom:0}.param-input[data-v-880936ad]{width:65px;padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;text-align:center;background:#fff;transition:all .2s}.param-input[data-v-880936ad]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.param-input[data-v-880936ad]:hover{border-color:#667eea}.param-group input[type=range][data-v-880936ad]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.param-group input[type=range][data-v-880936ad]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;transition:all .2s}.param-group input[type=range][data-v-880936ad]::-webkit-slider-thumb:hover{background:#5a67d8;transform:scale(1.2)}.param-group input[type=range][data-v-880936ad]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none;transition:all .2s}.param-group input[type=range][data-v-880936ad]::-moz-range-thumb:hover{background:#5a67d8;transform:scale(1.2)}.instructions[data-v-880936ad]{background:#f5f5f5;border-left:4px solid #667eea;padding:12px;border-radius:8px;font-size:.85em;color:#666}.instructions h4[data-v-880936ad]{color:#333;margin-bottom:8px;font-size:1em}.instructions ul[data-v-880936ad]{margin-left:18px}.instructions li[data-v-880936ad]{margin:4px 0;line-height:1.4}.loading[data-v-880936ad]{text-align:center;padding:20px;color:#333}.spinner[data-v-880936ad]{border:4px solid #e0e0e0;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin-880936ad 1s linear infinite;margin:0 auto 10px}@keyframes spin-880936ad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}