.test-iframe-container[data-v-6d7d71ec]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.iframe-header[data-v-6d7d71ec]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e8e8e8}.iframe-header h2[data-v-6d7d71ec]{margin:0;font-size:20px;font-weight:500}.iframe-header .control-panel[data-v-6d7d71ec]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:10px}.iframe-wrapper[data-v-6d7d71ec]{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-height:0;border:1px solid #d9d9d9;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;background:#f5f5f5}.iframe-wrapper .test-iframe[data-v-6d7d71ec]{width:100%;height:100%;border:none}.message-log[data-v-6d7d71ec]{margin-top:20px;height:200px;border:1px solid #d9d9d9;-webkit-border-radius:4px;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.message-log h3[data-v-6d7d71ec]{margin:0;padding:10px 15px;background:#fafafa;border-bottom:1px solid #e8e8e8;font-size:14px;font-weight:500}.message-log .log-content[data-v-6d7d71ec]{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px;font-size:12px;font-family:Courier New,monospace;background:#fafafa}.message-log .log-content .log-item[data-v-6d7d71ec]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:5px;padding:5px;-webkit-border-radius:2px;border-radius:2px}.message-log .log-content .log-item[data-v-6d7d71ec]:hover{background:#f0f0f0}.message-log .log-content .log-item .log-time[data-v-6d7d71ec]{color:#999;min-width:80px}.message-log .log-content .log-item .log-type[data-v-6d7d71ec]{min-width:60px;font-weight:500}.message-log .log-content .log-item .log-type.send[data-v-6d7d71ec]{color:#1890ff}.message-log .log-content .log-item .log-type.receive[data-v-6d7d71ec]{color:#52c41a}.message-log .log-content .log-item .log-type.info[data-v-6d7d71ec]{color:#1890ff}.message-log .log-content .log-item .log-type.warning[data-v-6d7d71ec]{color:#faad14}.message-log .log-content .log-item .log-type.error[data-v-6d7d71ec]{color:#f5222d}.message-log .log-content .log-item .log-message[data-v-6d7d71ec]{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;color:#333;word-break:break-all}