.phone-cam-container[data-v-412a0c2b]{max-width:960px;margin:0 auto;padding:24px 20px 40px;position:relative;overflow:hidden}.bg-glow[data-v-412a0c2b]{position:fixed;top:-200px;left:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(64,158,255,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.glow-2[data-v-412a0c2b]{top:auto;bottom:-200px;right:-200px;left:auto;background:radial-gradient(circle,rgba(103,194,58,.06) 0%,transparent 70%)}.page-header[data-v-412a0c2b]{text-align:center;margin-bottom:28px;position:relative;z-index:1}.header-icon[data-v-412a0c2b]{font-size:40px;margin-bottom:8px;animation:float-412a0c2b 3s ease-in-out infinite}@keyframes float-412a0c2b{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.page-header h1[data-v-412a0c2b]{font-size:30px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#1a1a2e,#409eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description[data-v-412a0c2b]{color:#7f8c8d;font-size:14px;line-height:1.6;max-width:520px;margin:0 auto}.main-section[data-v-412a0c2b]{display:flex;gap:24px;margin-bottom:20px;position:relative;z-index:1}.qr-section[data-v-412a0c2b]{flex:0 0 300px}.qr-card[data-v-412a0c2b]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;align-items:center;gap:14px;transition:box-shadow .3s;border:1px solid rgba(0,0,0,.04)}.qr-card[data-v-412a0c2b]:hover{box-shadow:0 8px 32px #0000001f}.qr-card-header[data-v-412a0c2b]{display:flex;align-items:center;gap:8px;width:100%}.qr-dot[data-v-412a0c2b]{width:8px;height:8px;border-radius:50%;background:#67c23a;animation:pulse-412a0c2b 2s infinite}@keyframes pulse-412a0c2b{0%,to{opacity:1}50%{opacity:.4}}.qr-label[data-v-412a0c2b]{font-weight:600;font-size:15px;color:#1a1a2e}.qr-box[data-v-412a0c2b]{width:240px;height:240px;display:flex;align-items:center;justify-content:center;background:#f8f9ff;border-radius:12px;overflow:hidden;border:2px dashed #e0e4f0;transition:border-color .3s}.qr-box[data-v-412a0c2b]:has(.qr-img){border-color:transparent;border-style:solid}.qr-box .qr-img[data-v-412a0c2b]{width:100%;height:100%;object-fit:contain}.qr-empty[data-v-412a0c2b]{text-align:center;color:#999;font-size:13px}.qr-loading[data-v-412a0c2b]{width:36px;height:36px;border:3px solid #e8ecf4;border-top-color:#409eff;border-radius:50%;animation:spin-412a0c2b .8s linear infinite;margin:0 auto 10px}@keyframes spin-412a0c2b{to{transform:rotate(360deg)}}.qr-status[data-v-412a0c2b]{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px}.status-indicator[data-v-412a0c2b]{width:6px;height:6px;border-radius:50%;display:inline-block}.status-wait[data-v-412a0c2b],.status-connect[data-v-412a0c2b]{color:#e6a23c;background:#fdf6ec}.status-wait .status-indicator[data-v-412a0c2b],.status-connect .status-indicator[data-v-412a0c2b]{background:#e6a23c;animation:pulse-412a0c2b 1.5s infinite}.status-ready[data-v-412a0c2b]{color:#409eff;background:#ecf5ff}.status-ready .status-indicator[data-v-412a0c2b]{background:#409eff}.status-live[data-v-412a0c2b],.status-success[data-v-412a0c2b]{color:#67c23a;background:#f0f9eb}.status-live .status-indicator[data-v-412a0c2b],.status-success .status-indicator[data-v-412a0c2b]{background:#67c23a}.status-error[data-v-412a0c2b]{color:#f56c6c;background:#fef0f0}.status-error .status-indicator[data-v-412a0c2b]{background:#f56c6c}.qr-url-wrap[data-v-412a0c2b]{width:100%;background:#f8f9ff;border-radius:8px;padding:8px 12px}.url-label[data-v-412a0c2b]{font-size:11px;color:#aaa;display:block;margin-bottom:2px}.url-text[data-v-412a0c2b]{font-size:11px;color:#666;word-break:break-all;line-height:1.4;font-family:monospace}.qr-actions[data-v-412a0c2b]{display:flex;gap:8px;width:100%}.qr-actions .el-button[data-v-412a0c2b]{flex:1}.video-section[data-v-412a0c2b]{flex:1;display:flex;flex-direction:column}.video-wrapper[data-v-412a0c2b]{position:relative;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);border-radius:16px;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #00000026}.video-wrapper video[data-v-412a0c2b]{width:100%;max-height:520px;object-fit:contain;display:block}.video-wrapper video.has-stream[data-v-412a0c2b]{min-height:260px}.video-empty[data-v-412a0c2b]{text-align:center;padding:50px 20px}.empty-icon-wrap[data-v-412a0c2b]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.empty-icon-phone[data-v-412a0c2b]{font-size:48px;animation:float-412a0c2b 3s ease-in-out infinite}.empty-icon-monitor[data-v-412a0c2b]{font-size:48px;animation:float-412a0c2b 3s ease-in-out infinite .5s}.empty-arrow[data-v-412a0c2b]{font-size:28px;color:#555;animation:pulse-412a0c2b 2s infinite}.empty-text[data-v-412a0c2b]{font-size:16px;color:#aaa;margin-bottom:8px}.empty-hint[data-v-412a0c2b]{font-size:12px;color:#666}.resolution-badge[data-v-412a0c2b]{position:absolute;top:14px;right:14px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-family:monospace;letter-spacing:.5px}.stream-controls-overlay[data-v-412a0c2b]{position:absolute;bottom:16px;right:16px;display:flex;gap:8px;opacity:0;transition:opacity .3s}.video-wrapper:hover .stream-controls-overlay[data-v-412a0c2b]{opacity:1}.stream-btn[data-v-412a0c2b]{width:36px;height:36px;border-radius:50%;border:none;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.stream-btn[data-v-412a0c2b]:hover{background:#000c;transform:scale(1.1)}.stream-btn-danger[data-v-412a0c2b]:hover{background:#e74c3c}.info-section[data-v-412a0c2b]{margin-bottom:20px;position:relative;z-index:1}.info-card[data-v-412a0c2b]{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:#f0f7ff;border:1px solid #d9ecff;border-radius:12px}.info-icon[data-v-412a0c2b]{font-size:20px;flex-shrink:0;margin-top:1px}.info-content[data-v-412a0c2b]{font-size:13px;color:#555;line-height:1.6}.info-content strong[data-v-412a0c2b]{color:#409eff}.detail-section[data-v-412a0c2b]{margin-bottom:16px;position:relative;z-index:1}.flow-diagram[data-v-412a0c2b]{display:flex;align-items:center;justify-content:center;gap:0;padding:12px 0}.flow-card[data-v-412a0c2b]{position:relative;background:#f8f9ff;border-radius:12px;padding:16px;width:170px;text-align:center;border:1px solid #e8ecf4;transition:all .3s}.flow-card[data-v-412a0c2b]:hover{border-color:#409eff;box-shadow:0 4px 16px #409eff1f;transform:translateY(-2px)}.flow-step-num[data-v-412a0c2b]{position:absolute;top:-10px;left:-10px;width:24px;height:24px;background:#409eff;color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.flow-card-body[data-v-412a0c2b]{display:flex;flex-direction:column;align-items:center;gap:6px}.flow-icon[data-v-412a0c2b]{font-size:28px}.flow-title[data-v-412a0c2b]{font-weight:600;font-size:14px;color:#1a1a2e}.flow-desc[data-v-412a0c2b]{font-size:11px;color:#888;line-height:1.4}.flow-connector[data-v-412a0c2b]{display:flex;flex-direction:column;align-items:center;padding:0 8px;color:#ccc}.connector-line[data-v-412a0c2b]{display:none}.connector-arrow[data-v-412a0c2b]{font-size:20px;color:#c0c4d8}.privacy-grid[data-v-412a0c2b]{display:flex;flex-direction:column;gap:8px;padding:4px 0}.privacy-row[data-v-412a0c2b]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8f9ff;border-radius:8px}.privacy-item[data-v-412a0c2b]{font-size:14px;color:#333}.privacy-badge[data-v-412a0c2b]{font-size:12px;padding:4px 10px;border-radius:20px;white-space:nowrap}.privacy-badge.safe[data-v-412a0c2b]{color:#67c23a;background:#f0f9eb}.privacy-badge.notice[data-v-412a0c2b]{color:#e6a23c;background:#fdf6ec}.limit-list[data-v-412a0c2b]{list-style:none;padding:0;margin:0}.limit-list li[data-v-412a0c2b]{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:14px;color:#555;line-height:1.5;border-bottom:1px solid #f0f0f0}.limit-list li[data-v-412a0c2b]:last-child{border-bottom:none}.limit-icon[data-v-412a0c2b]{flex-shrink:0;font-size:12px;margin-top:3px}.scene-grid[data-v-412a0c2b]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:8px 0}.scene-card[data-v-412a0c2b]{background:#f8f9ff;border-radius:12px;padding:18px 14px;text-align:center;border:1px solid #e8ecf4;transition:all .3s}.scene-card[data-v-412a0c2b]:hover{border-color:#409eff;box-shadow:0 4px 16px #409eff1a;transform:translateY(-2px)}.scene-icon[data-v-412a0c2b]{font-size:32px;margin-bottom:8px}.scene-title[data-v-412a0c2b]{font-weight:600;font-size:14px;color:#1a1a2e;margin-bottom:4px}.scene-desc[data-v-412a0c2b]{font-size:11px;color:#888;line-height:1.4}.phone-section[data-v-412a0c2b]{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.phone-status[data-v-412a0c2b]{text-align:center;font-size:14px;font-weight:500;padding:12px 18px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px}.status-indicator-lg[data-v-412a0c2b]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-wait[data-v-412a0c2b]{background:#fdf6ec;color:#e6a23c}.status-wait .status-indicator-lg[data-v-412a0c2b]{background:#e6a23c;animation:pulse-412a0c2b 1.5s infinite}.status-success[data-v-412a0c2b]{background:#f0f9eb;color:#67c23a}.status-success .status-indicator-lg[data-v-412a0c2b]{background:#67c23a}.status-error[data-v-412a0c2b]{background:#fef0f0;color:#f56c6c}.status-error .status-indicator-lg[data-v-412a0c2b]{background:#f56c6c}.phone-video-wrapper[data-v-412a0c2b]{background:linear-gradient(135deg,#0f0f1a,#1a1a2e);border-radius:16px;overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #00000026}.phone-video-wrapper video[data-v-412a0c2b]{width:100%;max-height:460px;object-fit:contain}.phone-video-wrapper video.hidden[data-v-412a0c2b]{display:none}.phone-empty[data-v-412a0c2b]{text-align:center;padding:50px 20px}.phone-empty-icon[data-v-412a0c2b]{font-size:52px;margin-bottom:12px;animation:float-412a0c2b 3s ease-in-out infinite}.phone-empty-text[data-v-412a0c2b]{font-size:16px;color:#aaa;margin-bottom:4px}.phone-empty-hint[data-v-412a0c2b]{font-size:12px;color:#666}.phone-controls-card[data-v-412a0c2b]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(0,0,0,.04)}.quality-picker[data-v-412a0c2b]{display:flex;align-items:center;justify-content:center;gap:10px}.ql-label[data-v-412a0c2b]{font-size:14px;color:#555;font-weight:500;white-space:nowrap}.ql-buttons[data-v-412a0c2b]{display:flex;gap:6px}.ql-btn[data-v-412a0c2b]{padding:5px 14px;border-radius:8px;border:1px solid #e0e4f0;background:#f8f9ff;color:#666;font-size:13px;cursor:pointer;transition:all .2s}.ql-btn[data-v-412a0c2b]:hover{border-color:#409eff;color:#409eff}.ql-btn.active[data-v-412a0c2b]{background:#409eff;border-color:#409eff;color:#fff}.phone-actions[data-v-412a0c2b]{display:flex;gap:10px;justify-content:center}.action-btn[data-v-412a0c2b]{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:12px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn[data-v-412a0c2b]:disabled{opacity:.6;cursor:not-allowed}.action-primary[data-v-412a0c2b]{background:linear-gradient(135deg,#409eff,#337ecc);color:#fff;box-shadow:0 4px 14px #409eff4d}.action-primary[data-v-412a0c2b]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #409eff66}.action-warning[data-v-412a0c2b]{background:#fdf6ec;color:#e6a23c;border:1px solid #f5d99e}.action-warning[data-v-412a0c2b]:hover:not(:disabled){background:#f5d99e}.action-danger[data-v-412a0c2b]{background:#fef0f0;color:#f56c6c;border:1px solid #fbc4c4}.action-danger[data-v-412a0c2b]:hover{background:#fbc4c4}.btn-spinner[data-v-412a0c2b]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-412a0c2b .6s linear infinite}.footer-note[data-v-412a0c2b]{text-align:center;font-size:11px;color:#bbb;margin-top:40px;position:relative;z-index:1}@media(max-width:820px){.main-section[data-v-412a0c2b]{flex-direction:column}.qr-section[data-v-412a0c2b]{flex:1}.qr-card[data-v-412a0c2b]{max-width:320px;margin:0 auto}.video-wrapper[data-v-412a0c2b]{min-height:280px}.scene-grid[data-v-412a0c2b]{grid-template-columns:1fr}}@media(max-width:768px){.phone-cam-container[data-v-412a0c2b]{padding:16px 12px 30px}.page-header h1[data-v-412a0c2b]{font-size:24px}.qr-box[data-v-412a0c2b]{width:200px;height:200px}.flow-diagram[data-v-412a0c2b]{flex-direction:column;gap:6px}.flow-card[data-v-412a0c2b]{width:100%;max-width:240px}.flow-connector[data-v-412a0c2b]{transform:rotate(90deg);padding:2px 0}.video-wrapper[data-v-412a0c2b]{min-height:220px}.empty-icon-phone[data-v-412a0c2b],.empty-icon-monitor[data-v-412a0c2b]{font-size:36px}.stream-controls-overlay[data-v-412a0c2b]{opacity:1;bottom:12px;right:12px}.phone-video-wrapper[data-v-412a0c2b]{min-height:240px}.scene-grid[data-v-412a0c2b]{grid-template-columns:1fr}}@media(max-width:480px){.page-header h1[data-v-412a0c2b]{font-size:20px}.qr-box[data-v-412a0c2b]{width:180px;height:180px}.qr-card[data-v-412a0c2b]{padding:16px}.video-wrapper[data-v-412a0c2b]{min-height:180px;border-radius:12px}.phone-video-wrapper[data-v-412a0c2b]{min-height:200px;border-radius:12px}.phone-actions[data-v-412a0c2b]{flex-direction:column}.action-btn[data-v-412a0c2b]{justify-content:center}.quality-picker[data-v-412a0c2b]{flex-direction:column}}