2 lines
2.7 KiB
Java
2 lines
2.7 KiB
Java
.workshop-container[data-v-c59c8626]{position:relative;width:100%;height:100vh;overflow:hidden}.three-container[data-v-c59c8626]{width:100%;height:100%}.info-panel[data-v-c59c8626]{position:absolute;top:20px;right:20px;width:320px;background:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.info-header[data-v-c59c8626]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#1890ff;color:#fff}.info-header h3[data-v-c59c8626]{margin:0;font-size:18px;font-weight:500}.close-btn[data-v-c59c8626]{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:28px;height:28px;line-height:1;transition:opacity .2s}.close-btn[data-v-c59c8626]:hover{opacity:.8}.info-content[data-v-c59c8626]{padding:20px}.info-content p[data-v-c59c8626]{margin:12px 0;font-size:14px;line-height:1.6}.info-content strong[data-v-c59c8626]{color:#333;font-weight:500}.gesture-control-wrapper[data-v-c59c8626]{position:absolute;top:20px;left:20px;z-index:1000}.gesture-info[data-v-c59c8626]{display:flex;align-items:center;gap:10px;background:#000c;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px}.camera-preview[data-v-c59c8626]{position:absolute;bottom:20px;left:20px;width:320px;background:#000c;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d;z-index:999}.camera-preview.hidden[data-v-c59c8626]{display:none}.camera-preview video[data-v-c59c8626]{width:100%;height:auto;display:block}.camera-preview canvas[data-v-c59c8626]{position:absolute;top:0;left:0;width:100%;height:100%}.toggle-btn[data-v-c59c8626]{background:#f5222d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.toggle-btn[data-v-c59c8626]:hover{background:#cf1322}.gesture-toggle-btn[data-v-c59c8626]{background:#1890ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;box-shadow:0 4px 12px #0000004d;transition:all .2s}.gesture-toggle-btn[data-v-c59c8626]:hover{background:#096dd9;transform:scale(1.05)}.virtual-cursor[data-v-c59c8626]{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.cursor-dot[data-v-c59c8626]{width:12px;height:12px;background:#1890ff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #1890ff99}.cursor-ring[data-v-c59c8626]{width:32px;height:32px;border:2px solid #1890ff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-c59c8626 1.5s ease-in-out infinite;opacity:.6}@keyframes pulse-c59c8626{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}
|