.practice-error-container[data-v-781e9d8a]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:24px;height:100vh;padding:20px;background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.chat-history-panel[data-v-781e9d8a],.practice-error-container[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;overflow:hidden}.chat-history-panel[data-v-781e9d8a]{-webkit-box-flex:0;-ms-flex:0 0 340px;flex:0 0 340px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);max-height:100%}.panel-title[data-v-781e9d8a]{margin:0;padding:16px 20px;font-size:18px;font-weight:600;color:#2c3e50;border-bottom:1px solid #eaedf2}.status-badge[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:16px 20px 0;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500}.status-icon[data-v-781e9d8a]{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.status-badge.connected[data-v-781e9d8a]{background-color:#e6f7e6;color:#2e7d32}.status-badge.connected .status-icon[data-v-781e9d8a]{background-color:#4caf50}.status-badge.closed[data-v-781e9d8a],.status-badge.disconnected[data-v-781e9d8a]{background-color:#f5f5f5;color:#757575}.status-badge.closed .status-icon[data-v-781e9d8a],.status-badge.disconnected .status-icon[data-v-781e9d8a]{background-color:#9e9e9e}.status-badge.connecting[data-v-781e9d8a]{background-color:#e3f2fd;color:#1976d2}.status-badge.connecting .status-icon[data-v-781e9d8a]{background-color:#2196f3}.status-badge.error[data-v-781e9d8a]{background-color:#feeceb;color:#d32f2f}.status-badge.error .status-icon[data-v-781e9d8a]{background-color:#f44336}.chat-list[data-v-781e9d8a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:12px}.empty-state[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:200px;color:#9e9e9e;font-style:italic}.chat-card[data-v-781e9d8a]{margin-bottom:12px;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid #e0e0e0;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.chat-card[data-v-781e9d8a]:hover{background:#eff6ff;border-left-color:#90caf9;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.chat-card.active[data-v-781e9d8a]{background:#e3f2fd;border-left-color:#2196f3;-webkit-box-shadow:0 4px 8px rgba(33,150,243,.1);box-shadow:0 4px 8px rgba(33,150,243,.1)}.chat-card-header[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.chat-type[data-v-781e9d8a]{font-weight:600;font-size:14px;color:#424242;padding:2px 8px;background:#e0e0e0;border-radius:4px}.chat-type.type-1[data-v-781e9d8a]{background:#e3f2fd;color:#1976d2}.chat-type.type-2[data-v-781e9d8a]{background:#e8f5e9;color:#2e7d32}.chat-type.type-3[data-v-781e9d8a]{background:#fff3e0;color:#e65100}.chat-time[data-v-781e9d8a]{font-size:12px;color:#757575}.chat-content[data-v-781e9d8a]{margin-bottom:12px;font-size:14px;line-height:1.5;color:#333;word-break:break-word;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.chat-content[data-v-781e9d8a],.chat-media[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-media[data-v-781e9d8a]{gap:12px}.detail-panel[data-v-781e9d8a]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;gap:24px;overflow-y:auto;max-height:100%}.detail-panel[data-v-781e9d8a],.image-section[data-v-781e9d8a],.qa-section[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.image-section[data-v-781e9d8a],.qa-section[data-v-781e9d8a]{flex-direction:column;gap:16px}.detail-card[data-v-781e9d8a]{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}.card-header[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #eaedf2}.detail-title[data-v-781e9d8a]{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.card-content[data-v-781e9d8a]{padding:20px}.question-image[data-v-781e9d8a],.question-text[data-v-781e9d8a]{margin-bottom:20px}.content-label[data-v-781e9d8a]{font-weight:500;margin-bottom:8px;color:#616161}.content-value[data-v-781e9d8a]{padding:12px;background-color:#f5f7fa;border-radius:8px;line-height:1.6}.question-img-container[data-v-781e9d8a]{height:auto;min-height:120px}.question-img[data-v-781e9d8a]{max-width:100%;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.question-img[data-v-781e9d8a]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.answer-content[data-v-781e9d8a]{line-height:1.6;padding:16px;background-color:#f9f9f9;border-radius:8px;white-space:pre-line}.image-grid[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.image-item[data-v-781e9d8a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.image-container[data-v-781e9d8a],.image-item[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.image-container[data-v-781e9d8a]{width:100%;height:160px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f7fa;border-radius:8px;overflow:hidden;margin-bottom:8px}.detail-img[data-v-781e9d8a]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.detail-img[data-v-781e9d8a]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.no-content[data-v-781e9d8a],.no-image[data-v-781e9d8a]{color:#9e9e9e;font-style:italic}.image-label[data-v-781e9d8a]{font-size:14px;color:#616161;margin-top:8px}.coordinate-container[data-v-781e9d8a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.coordinate-card[data-v-781e9d8a]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;padding:16px;background:#f0f4f8;border-radius:10px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06)}.coordinate-icon[data-v-781e9d8a]{-ms-flex-negative:0;flex-shrink:0;width:32px;height:32px;background-color:#e3f2fd;border-radius:8px;position:relative}.coordinate-icon[data-v-781e9d8a]:before{content:"";position:absolute;top:8px;left:8px;width:16px;height:16px;border-radius:50%;background-color:#2196f3}.coordinate-content[data-v-781e9d8a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.position-label[data-v-781e9d8a]{font-weight:500;color:#616161;margin-bottom:8px}.position-value[data-v-781e9d8a]{font-family:monospace;background:#e8eaf6;padding:8px;border-radius:4px;word-break:break-all}.audio-btn[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:6px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;-webkit-transition:background-color .2s;transition:background-color .2s}.audio-btn[data-v-781e9d8a]:hover{background-color:#1976d2}.audio-icon[data-v-781e9d8a]{display:inline-block;width:12px;height:12px;background-color:#fff;border-radius:50%;position:relative}.audio-icon.playing[data-v-781e9d8a]:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background-color:#2196f3;border-radius:50%;-webkit-animation:pulse-data-v-781e9d8a 1s infinite;animation:pulse-data-v-781e9d8a 1s infinite}@-webkit-keyframes pulse-data-v-781e9d8a{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.8}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.8}}@keyframes pulse-data-v-781e9d8a{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.8}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.8}}.thumbnail-img[data-v-781e9d8a]{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid #e0e0e0;-webkit-transition:all .2s;transition:all .2s}.thumbnail-img[data-v-781e9d8a]:hover{border-color:#2196f3;-webkit-transform:scale(1.05);transform:scale(1.05)}.image-modal[data-v-781e9d8a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content[data-v-781e9d8a]{position:relative;max-width:90%;max-height:90%;-webkit-animation:fadeIn-data-v-781e9d8a .3s;animation:fadeIn-data-v-781e9d8a .3s}.close-btn[data-v-781e9d8a]{position:absolute;top:-40px;right:-40px;width:36px;height:36px;background:hsla(0,0%,100%,.2);color:#fff;border:none;border-radius:50%;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.close-btn[data-v-781e9d8a]:hover{background:hsla(0,0%,100%,.4)}.large-image[data-v-781e9d8a]{max-width:100%;max-height:90vh;border-radius:8px;-webkit-box-shadow:0 0 30px rgba(0,0,0,.7);box-shadow:0 0 30px rgba(0,0,0,.7)}@-webkit-keyframes fadeIn-data-v-781e9d8a{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeIn-data-v-781e9d8a{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.chat-list[data-v-781e9d8a]::-webkit-scrollbar,.detail-panel[data-v-781e9d8a]::-webkit-scrollbar{width:8px;height:8px}.chat-list[data-v-781e9d8a]::-webkit-scrollbar-track,.detail-panel[data-v-781e9d8a]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-list[data-v-781e9d8a]::-webkit-scrollbar-thumb,.detail-panel[data-v-781e9d8a]::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.chat-list[data-v-781e9d8a]::-webkit-scrollbar-thumb:hover,.detail-panel[data-v-781e9d8a]::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.simple-panel[data-v-781e9d8a]{max-width:900px;margin:0 auto}.conversation-simple[data-v-781e9d8a]{padding:5px 0}.conversation-item[data-v-781e9d8a]{padding:16px 0}.item-label[data-v-781e9d8a]{font-weight:600;color:#555;margin-bottom:10px;font-size:15px}.item-content[data-v-781e9d8a]{line-height:1.6;color:#333;padding:0 5px;white-space:pre-line}.item-time[data-v-781e9d8a]{margin-top:8px;font-size:12px;color:#888;text-align:right}.conversation-divider[data-v-781e9d8a]{height:1px;background-color:#eee;margin:5px 0}@media screen and (max-width:1200px){.chat-history-panel[data-v-781e9d8a]{-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px}.image-grid[data-v-781e9d8a]{gap:15px}.image-item[data-v-781e9d8a]{min-width:180px}}@media screen and (max-width:992px){.mqtt-container[data-v-781e9d8a]{padding:15px;gap:15px}.chat-history-panel[data-v-781e9d8a]{-webkit-box-flex:0;-ms-flex:0 0 260px;flex:0 0 260px}.detail-img[data-v-781e9d8a],.question-img[data-v-781e9d8a]{max-height:90%}.image-item[data-v-781e9d8a]{min-width:160px}.card-content[data-v-781e9d8a]{padding:15px}}@media screen and (max-width:768px){.mqtt-container[data-v-781e9d8a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;min-height:100vh}.chat-history-panel[data-v-781e9d8a]{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;max-height:400px}.detail-panel[data-v-781e9d8a]{width:100%}.simple-panel[data-v-781e9d8a]{max-width:100%}.image-grid[data-v-781e9d8a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.image-item[data-v-781e9d8a]{width:100%;margin-bottom:15px}.coordinate-container[data-v-781e9d8a]{width:100%}.close-btn[data-v-781e9d8a]{top:0;right:0}}@media screen and (max-width:576px){.mqtt-container[data-v-781e9d8a]{padding:10px;gap:10px}.card-header[data-v-781e9d8a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}.chat-type[data-v-781e9d8a]{margin-bottom:5px}.chat-card[data-v-781e9d8a]{padding:12px}.panel-title[data-v-781e9d8a]{padding:12px 15px;font-size:16px}.status-badge[data-v-781e9d8a]{margin:12px 15px 0}.detail-title[data-v-781e9d8a]{font-size:15px}.content-label[data-v-781e9d8a],.item-label[data-v-781e9d8a]{font-size:14px}.content-value[data-v-781e9d8a],.item-content[data-v-781e9d8a]{font-size:13px}}.question-list[data-v-781e9d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.question-item[data-v-781e9d8a]{padding:16px;background:#f8f9fa;border-radius:8px}.question-number[data-v-781e9d8a]{font-weight:600;color:#e65100;margin-bottom:8px;font-size:14px}.question-content[data-v-781e9d8a]{color:#333;line-height:1.6;font-size:14px}.question-image-container[data-v-781e9d8a]{margin-top:12px;max-width:200px}.question-thumbnail[data-v-781e9d8a]{width:100%;height:auto;border-radius:6px;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1)}.question-thumbnail[data-v-781e9d8a]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}