.video-test-page[data-v-63a35f7e]{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.video-test-page .top-bar[data-v-63a35f7e]{padding:15px 20px;background-color:#f5f7fa;border-bottom:1px solid #e4e7ed;-ms-flex-negative:0;flex-shrink:0}.video-test-page .top-bar h1[data-v-63a35f7e]{text-align:center;color:#303133;margin-bottom:15px;font-size:24px}.video-test-page .status-bar[data-v-63a35f7e]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:6px;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-test-page .status-bar .status-text[data-v-63a35f7e]{font-size:14px}.video-test-page .status-bar .status-indicator[data-v-63a35f7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.video-test-page .status-bar .status-indicator .status-dot[data-v-63a35f7e]{width:10px;height:10px;border-radius:50%;background-color:#4caf50;-webkit-animation:pulse-63a35f7e 2s infinite;animation:pulse-63a35f7e 2s infinite}.video-test-page .button-group[data-v-63a35f7e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.video-test-page .button-group button[data-v-63a35f7e]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;color:#fff;background-color:#409eff;-webkit-transition:all .3s;transition:all .3s}.video-test-page .button-group button[data-v-63a35f7e]:hover{background-color:#66b1ff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.event-log[data-v-63a35f7e]{background-color:#2d3a4b;border-radius:6px;padding:15px 20px;margin:0 20px 15px 20px;min-height:120px;max-height:150px;overflow-y:auto;-ms-flex-negative:0;flex-shrink:0}.event-log h2[data-v-63a35f7e]{font-size:16px;color:#fff;margin-bottom:12px}.event-log .log-item[data-v-63a35f7e]{padding:8px 12px;margin-bottom:6px;border-radius:4px;font-size:13px;color:#fff;-webkit-animation:slideIn-63a35f7e .3s ease;animation:slideIn-63a35f7e .3s ease}.event-log .log-item.talkStart[data-v-63a35f7e]{background-color:rgba(76,175,80,.3);border-left:4px solid #4caf50}.event-log .log-item.talkStop[data-v-63a35f7e]{background-color:rgba(244,67,54,.3);border-left:4px solid #f44336}.event-log .log-item.info[data-v-63a35f7e]{background-color:rgba(33,150,243,.3);border-left:4px solid #2196f3}.event-log .log-item .log-time[data-v-63a35f7e]{font-size:11px;color:#909399;margin-bottom:4px}.event-log .log-item .log-content[data-v-63a35f7e]{font-weight:500}.iframe-container[data-v-63a35f7e]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 20px 20px 20px;background-color:#fff;border-radius:6px;overflow:hidden;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);min-height:0}.iframe-container iframe[data-v-63a35f7e]{width:100%;height:100%;border:none}@-webkit-keyframes pulse-63a35f7e{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-63a35f7e{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes slideIn-63a35f7e{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn-63a35f7e{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}