.camera-recorder-container[data-v-48c2e9a5]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-48c2e9a5]{text-align:center;margin-bottom:30px}.page-header h1[data-v-48c2e9a5]{color:#2c3e50;margin-bottom:10px;font-size:28px}.page-description[data-v-48c2e9a5]{color:#7f8c8d;font-size:16px;line-height:1.6}.recorder-section[data-v-48c2e9a5]{background:#f8f9fa;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.camera-preview[data-v-48c2e9a5]{position:relative;background:#000;border-radius:12px;overflow:hidden;margin-bottom:30px;min-height:400px;display:flex;align-items:center;justify-content:center}.camera-preview video[data-v-48c2e9a5]{width:100%;height:auto;max-height:500px;-o-object-fit:cover;object-fit:cover;border-radius:12px}.camera-preview video.recording[data-v-48c2e9a5]{border:3px solid #e74c3c;animation:recordingPulse-48c2e9a5 2s infinite}@keyframes recordingPulse-48c2e9a5{0%,to{border-color:#e74c3c}50%{border-color:#c0392b}}.recording-indicator[data-v-48c2e9a5]{position:absolute;top:20px;left:20px;background:rgba(231,76,60,.9);color:#fff;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.recording-dot[data-v-48c2e9a5]{width:8px;height:8px;background:#fff;border-radius:50%;animation:recordingBlink-48c2e9a5 1s infinite}@keyframes recordingBlink-48c2e9a5{0%,50%{opacity:1}51%,to{opacity:0}}.camera-placeholder[data-v-48c2e9a5]{text-align:center;color:#7f8c8d;padding:60px 20px}.placeholder-icon[data-v-48c2e9a5]{font-size:64px;margin-bottom:20px}.placeholder-text[data-v-48c2e9a5]{font-size:18px;color:#2c3e50}.control-buttons[data-v-48c2e9a5]{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.main-controls[data-v-48c2e9a5]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.settings-controls[data-v-48c2e9a5]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.setting-item[data-v-48c2e9a5]{display:flex;align-items:center;gap:8px}.setting-item label[data-v-48c2e9a5]{font-weight:500;color:#2c3e50;min-width:60px}.recordings-section[data-v-48c2e9a5]{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.recordings-list[data-v-48c2e9a5]{display:flex;flex-direction:column;gap:20px}.recording-item[data-v-48c2e9a5]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.recording-preview[data-v-48c2e9a5]{width:200px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0}.recording-info[data-v-48c2e9a5]{flex:1;display:flex;flex-direction:column;gap:8px}.recording-name[data-v-48c2e9a5]{font-weight:700;color:#2c3e50;font-size:16px}.recording-details[data-v-48c2e9a5]{display:flex;flex-direction:column;gap:4px;color:#7f8c8d;font-size:12px}.recording-actions[data-v-48c2e9a5]{display:flex;gap:8px;margin-top:auto}.photos-grid[data-v-48c2e9a5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.photo-item[data-v-48c2e9a5]{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.photo-item img[data-v-48c2e9a5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-overlay[data-v-48c2e9a5]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.photo-item:hover .photo-overlay[data-v-48c2e9a5]{opacity:1}.photo-actions[data-v-48c2e9a5]{display:flex;gap:8px}.empty-state[data-v-48c2e9a5]{text-align:center;padding:60px 20px;color:#7f8c8d}.empty-icon[data-v-48c2e9a5]{font-size:64px;margin-bottom:20px}.empty-text[data-v-48c2e9a5]{font-size:18px;margin-bottom:20px;color:#2c3e50}.empty-tips[data-v-48c2e9a5]{max-width:400px;margin:0 auto;text-align:left}.empty-tips p[data-v-48c2e9a5]{font-weight:700;margin-bottom:10px}.empty-tips ul[data-v-48c2e9a5]{list-style:none;padding:0}.empty-tips li[data-v-48c2e9a5]{padding:5px 0;font-size:14px}@media (max-width:768px){.camera-recorder-container[data-v-48c2e9a5]{padding:15px}.page-header h1[data-v-48c2e9a5]{font-size:24px}.recorder-section[data-v-48c2e9a5]{padding:20px 15px}.camera-preview[data-v-48c2e9a5]{min-height:250px}.main-controls[data-v-48c2e9a5]{flex-direction:column}.main-controls .el-button[data-v-48c2e9a5]{width:100%}.settings-controls[data-v-48c2e9a5]{flex-direction:column;align-items:flex-start}.setting-item[data-v-48c2e9a5]{width:100%;justify-content:space-between}.recording-item[data-v-48c2e9a5]{flex-direction:column}.recording-preview[data-v-48c2e9a5]{width:100%;height:180px}.photos-grid[data-v-48c2e9a5]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.recording-actions[data-v-48c2e9a5]{flex-direction:column}.recording-actions .el-button[data-v-48c2e9a5]{width:100%}}@media (max-width:480px){.camera-recorder-container[data-v-48c2e9a5]{padding:10px}.page-header h1[data-v-48c2e9a5]{font-size:20px}.recorder-section[data-v-48c2e9a5]{padding:15px 10px}.camera-preview[data-v-48c2e9a5]{min-height:200px}.recording-indicator[data-v-48c2e9a5]{top:10px;left:10px;padding:6px 12px;font-size:12px}.photos-grid[data-v-48c2e9a5]{grid-template-columns:1fr 1fr}}