.ai-chat-btn[data-v-13c81b9f]{align-items:center;gap:6px;margin-right:30px;cursor:pointer;justify-content:center;display:none}.ai-chat-btn>img[data-v-13c81b9f]{width:16px;height:16px}.ai-chat-btn .btn-text[data-v-13c81b9f]{font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;background:linear-gradient(91deg,#3ab8ff .4%,#0974ff 22.33%,#b061fd 99.56%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ai-chat-btn[data-v-13c81b9f]:hover{opacity:.8}.ai-chat-btn[data-v-13c81b9f]:active{opacity:1}.bg[data-v-13c81b9f]{border-radius:24px;background:linear-gradient(270deg,#c37fff,#0974ff);width:179px;height:40px;position:absolute;right:24px;top:24px;margin-right:0}.bg .btn-text-white[data-v-13c81b9f]{color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500}.refresh-loading{font-size:26px}.welcome-card[data-v-092df7f6]{width:100%;height:100%;background-image:url(https://s.learn.qq.com/tencent-learn/aigc/right-bg.png);background-repeat:no-repeat;background-size:100% 57%;display:flex;justify-content:center;position:relative;padding-top:calc(50vh - 297.5px)}.welcome-card .card-content[data-v-092df7f6]{width:850px;text-align:center}.welcome-card .card-content .welcome-logo[data-v-092df7f6]{width:68px;height:68px}.welcome-card .card-content .welcome-title[data-v-092df7f6]{font-weight:500;font-size:16px;line-height:28px;color:#202d40;margin-top:42px}.welcome-card .card-content .welcome-tip[data-v-092df7f6]{display:flex;align-items:center;margin-top:62px}.welcome-card .card-content .welcome-tip>span[data-v-092df7f6]{font-weight:500;margin-right:10px;font-size:14px;color:rgba(0,0,0,.55)}.welcome-card .card-content .welcome-tip>i[data-v-092df7f6]{font-weight:500;color:rgba(0,0,0,.55);font-size:16px;cursor:pointer;transition:all .2s ease}.welcome-card .card-content .welcome-tip>i[data-v-092df7f6]:hover{opacity:.8;color:#3372ff}.welcome-card .card-content .welcome-tip>i[data-v-092df7f6]:active{opacity:1}.welcome-card .card-content .welcome-tip>i.is-loading[data-v-092df7f6]{animation:rotate-092df7f6 1s linear infinite;color:#3372ff;cursor:not-allowed}@keyframes rotate-092df7f6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-card .card-content .welcome-list[data-v-092df7f6]{margin-top:25px;display:flex;justify-content:space-between}.welcome-card .card-content .welcome-list>li[data-v-092df7f6]{width:270px;height:auto;border-radius:12px;padding:20px;font-weight:500;font-size:14px;line-height:26px;color:#000;text-align:left;cursor:pointer}.welcome-card .card-content .welcome-list .li-0[data-v-092df7f6]{background:linear-gradient(93.83deg,rgba(198,223,253,.6) 4.64%,rgba(237,244,255,.6) 49.08%,rgba(218,232,255,.6) 96.87%)}.welcome-card .card-content .welcome-list .li-1[data-v-092df7f6]{background:linear-gradient(97.2deg,rgba(187,237,252,.6) .6%,rgba(232,247,255,.6) 45.41%,rgba(208,243,254,.6) 93.9%)}.welcome-card .card-content .welcome-list .li-2[data-v-092df7f6]{background:linear-gradient(96.02deg,rgba(212,217,254,.6) 7.44%,rgba(237,242,254,.6) 51.28%,rgba(227,224,255,.6) 98.25%)}.code-partner-dialog-content .chat-msg strong{font-weight:revert}.code-partner-dialog-content .chat-msg p{margin:revert;padding:revert;cursor:revert}.code-partner-dialog-content .chat-msg dd,.code-partner-dialog-content .chat-msg dl,.code-partner-dialog-content .chat-msg dt,.code-partner-dialog-content .chat-msg h1,.code-partner-dialog-content .chat-msg h2,.code-partner-dialog-content .chat-msg h3,.code-partner-dialog-content .chat-msg h4,.code-partner-dialog-content .chat-msg i,.code-partner-dialog-content .chat-msg li,.code-partner-dialog-content .chat-msg pre,.code-partner-dialog-content .chat-msg ul{font-style:revert;margin:revert;padding:revert;list-style:revert}.code-partner-dialog-content .chat-msg pre{margin-top:0}.code-partner-dialog-content .chat-msg pre code{border:1px solid #ebebeb;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.code-partner-dialog[data-v-6fb0102c]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;visibility:hidden;display:flex;justify-content:flex-end;align-items:flex-end;padding:20px;background:rgba(0,0,0,.1)}.code-partner-dialog .code-partner-dialog-content[data-v-6fb0102c]{width:120px;height:0;opacity:0;border-radius:20px;border:1px solid #f1f2f6;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);background:#fff;transition:all .2s linear;display:flex;flex-direction:column}.code-partner-dialog .code-partner-dialog-content .dialog-header[data-v-6fb0102c]{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ededed}.code-partner-dialog .code-partner-dialog-content .dialog-header>span[data-v-6fb0102c]{font-family:PingFang SC;font-weight:600;font-size:18px;color:#000}.code-partner-dialog .code-partner-dialog-content .dialog-header>img[data-v-6fb0102c]{width:24px;height:24px;cursor:pointer}.code-partner-dialog.show-video-dialog[data-v-6fb0102c]{visibility:visible}.code-partner-dialog.show-video-dialog .code-partner-dialog-content[data-v-6fb0102c]{width:450px;height:650px;opacity:1}.chat-content[data-v-6fb0102c]{display:flex;flex-direction:column;padding:0 0 20px 0;flex:1;overflow:hidden}.chat-content .chat-content-wrap[data-v-6fb0102c]{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 0 20px;height:100%}.chat-content .chat-content-wrap .chat-list[data-v-6fb0102c]{width:100%;margin:0 auto}.chat-content .chat-content-wrap .chat-list .chat-item[data-v-6fb0102c]{margin:16px 0}.chat-content .chat-content-wrap .chat-list .chat-item[data-v-6fb0102c]:after{content:"";display:table;clear:both}.chat-content .chat-content-wrap .chat-list .chat-item .chat-msg[data-v-6fb0102c]{font-size:14px;line-height:1.5}.chat-content .chat-content-wrap .chat-list .chat-item .answer[data-v-6fb0102c]{float:left;background:#fff;color:#202d40;max-width:100%;border-top-left-radius:2px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.chat-content .chat-content-wrap .chat-list .chat-item .ask[data-v-6fb0102c]{background:rgba(121,161,255,.6);float:right;color:#000;border-top-left-radius:12px;border-top-right-radius:2px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding:0 10px;white-space:pre-line}.chat-content .chat-question[data-v-6fb0102c]{width:100%;margin:0 auto;padding:0 20px}.chat-content .chat-question .chat-stop[data-v-6fb0102c]{margin:10px 0 10px 0;display:flex;justify-content:center;align-items:center;cursor:pointer}.chat-content .chat-question .chat-stop>img[data-v-6fb0102c]{height:20px;width:20px;margin-right:6px}.chat-content .chat-question .chat-stop>span[data-v-6fb0102c]{font-size:14px}.chat-content .chat-question .send-wrap[data-v-6fb0102c]{height:100%;width:35px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-left:5px}.chat-content .chat-question .send-wrap>img[data-v-6fb0102c]{height:24px;width:24px}.chat-content .chat-question .disabled[data-v-6fb0102c]{cursor:not-allowed}.chat-content .chat-loading-icon{width:26px;height:6px}.chat-content .code-header{display:flex;align-items:center;justify-content:space-between;height:36px;background:#ededed;padding:0 20px;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid #ebebeb}.chat-content .code-header .code-header-language{font-weight:400;font-size:16px;line-height:24px;color:#000}.chat-content .code-header .header-right{display:flex;line-height:normal}.chat-content .code-header .code-item{display:none;align-items:center;justify-content:center;cursor:pointer;margin-right:10px}.chat-content .code-header .code-item>img{width:16px;height:16px;margin-right:5px}.chat-content .code-header .code-item>span{font-weight:500;font-size:14px;color:#000}.chat-content .code-header .code-item.disabled{opacity:.5;cursor:not-allowed}.chat-content .question-box{display:flex;align-items:center}.chat-content .question-box .question-input{font-size:14px}.chat-content .question-box .question-input::-webkit-input-placeholder{color:rgba(0,0,0,.55)}.chat-content .question-box .question-input .el-textarea__inner{resize:none;border-radius:12px}.code-run-dialog[data-v-e057c9c8]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:2000;visibility:hidden;display:flex;justify-content:center;align-items:center;padding:20px;background:rgba(0,0,0,.5)}.code-run-dialog .code-run-dialog-content[data-v-e057c9c8]{width:120px;height:0;opacity:0;border-radius:20px;border:1px solid #f1f2f6;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);background:#fff;transition:all .2s linear}.code-run-dialog .code-run-dialog-content .dialog-header[data-v-e057c9c8]{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ededed}.code-run-dialog .code-run-dialog-content .dialog-header>span[data-v-e057c9c8]{font-family:PingFang SC;font-weight:600;font-size:18px;color:#000}.code-run-dialog .code-run-dialog-content .dialog-header>img[data-v-e057c9c8]{width:24px;height:24px;cursor:pointer}.code-run-dialog .code-run-dialog-content .code-run-content[data-v-e057c9c8]{padding:20px;height:calc(100% - 66px)}.code-run-dialog .code-run-dialog-content .code-run-content .html-iframe[data-v-e057c9c8]{width:100%;height:100%}.code-run-dialog .code-run-dialog-content .code-run-content .run-result[data-v-e057c9c8]{width:100%;height:100%;white-space:pre-line;overflow:auto}.code-run-dialog .code-run-dialog-content .code-run-content[data-v-e057c9c8] .el-loading-spinner .el-icon-loading{font-size:24px;font-style:normal}.code-run-dialog.show-video-dialog[data-v-e057c9c8]{visibility:visible}.code-run-dialog.show-video-dialog .htm-content[data-v-e057c9c8]{width:95%;height:95%;opacity:1}.code-run-dialog.show-video-dialog .other-content[data-v-e057c9c8]{width:60%;height:80%;opacity:1}.ai-code-wrap[data-v-54baf23d]{position:relative}.ai-code-wrap .ai-code[data-v-54baf23d]{font-size:14px;line-height:1.7}.ai-code-wrap .ai-thinking[data-v-54baf23d]{display:flex;align-items:center;gap:8px;padding:12px 0}.ai-code-wrap .ai-thinking .ai-thinking-icon[data-v-54baf23d]{width:20px;height:20px;flex-shrink:0;object-fit:contain;display:block}.ai-code-wrap .ai-thinking .ai-thinking-text[data-v-54baf23d]{font-size:14px;color:#8f96a3;line-height:20px;display:inline-flex;align-items:center}.ai-code-wrap .ai-thinking .ai-thinking-dots-gif[data-v-54baf23d]{height:3px;margin-left:2px;display:inline-block;vertical-align:middle}.ai-code-wrap .selection-action[data-v-54baf23d]{display:flex;position:absolute;border:1px solid #dcdee2;box-shadow:0 6px 20px 0 rgba(0,0,0,.08);color:#000;height:28px;align-items:center;justify-content:center;border-radius:8px;background:#fff;z-index:10;padding:0 12px}.ai-code-wrap .selection-action .action-item[data-v-54baf23d]{font-weight:400;font-size:12px;cursor:pointer;color:#000}.ai-code-wrap .selection-action .action-item[data-v-54baf23d]:hover{color:#3372ff}.ai-code-wrap .selection-action .action-gap[data-v-54baf23d]{color:rgba(0,0,0,.2);margin:0 10px}.ai-code-wrap .ai-code .chat-loading-icon{width:26px;height:6px}.ai-code-wrap .ai-code strong{font-weight:revert}.ai-code-wrap .ai-code p{margin:revert;padding:revert;cursor:revert}.ai-code-wrap .ai-code dd,.ai-code-wrap .ai-code dl,.ai-code-wrap .ai-code dt,.ai-code-wrap .ai-code h1,.ai-code-wrap .ai-code h2,.ai-code-wrap .ai-code h3,.ai-code-wrap .ai-code h4,.ai-code-wrap .ai-code i,.ai-code-wrap .ai-code li,.ai-code-wrap .ai-code pre,.ai-code-wrap .ai-code ul{font-style:revert;margin:revert;padding:revert;list-style:revert}.ai-code-wrap .ai-code pre{margin-top:0}.ai-code-wrap .ai-code pre code{border:1px solid #ebebeb;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.ai-code-wrap .ai-code .code-header{display:flex;align-items:center;justify-content:space-between;height:36px;background:#ededed;padding:0 20px;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid #ebebeb}.ai-code-wrap .ai-code .code-header .code-header-language{font-weight:400;font-size:16px;line-height:24px;color:#000}.ai-code-wrap .ai-code .code-header .header-right{display:flex;line-height:normal}.ai-code-wrap .ai-code .code-header .code-item{display:none;align-items:center;justify-content:center;cursor:pointer;margin-right:10px}.ai-code-wrap .ai-code .code-header .code-item>img{width:16px;height:16px;margin-right:5px}.ai-code-wrap .ai-code .code-header .code-item>span{font-weight:500;font-size:14px;color:#000}.ai-code-wrap .ai-code .code-header .code-item.disabled{opacity:.5;cursor:not-allowed}.ai-code-v2[data-v-51755d1a]{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#f5f7fa}.top-bar[data-v-51755d1a]{height:56px;background:#fff;border-bottom:1px solid #e8eaed;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;z-index:10}.top-bar-left[data-v-51755d1a]{display:flex;align-items:center;gap:16px}.back-btn[data-v-51755d1a]{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;background:#f5f7fa;cursor:pointer;transition:background .2s}.back-btn>img[data-v-51755d1a]{width:14px;height:14px}.back-btn>span[data-v-51755d1a]{font-size:14px;font-weight:500;color:rgba(0,0,0,.8)}.back-btn[data-v-51755d1a]:hover{background:#ebedf0}.top-bar-title[data-v-51755d1a]{display:flex;align-items:center;gap:8px}.top-bar-title .title-icon[data-v-51755d1a]{width:24px;height:24px}.top-bar-title>span[data-v-51755d1a]{font-size:16px;font-weight:600;color:#1d2129}.remaining-times[data-v-51755d1a]{display:flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(245,247,250,.8);border-radius:20px}.remaining-times>img[data-v-51755d1a]{width:16px;height:16px}.remaining-times>span[data-v-51755d1a]{font-size:12px;color:rgba(0,0,0,.55)}.remaining-times .num[data-v-51755d1a]{color:#3372ff;font-weight:600}.top-bar-right[data-v-51755d1a]{display:flex;align-items:center;gap:8px}.top-bar-btn[data-v-51755d1a]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer;color:#4e5969;transition:background .2s,color .2s}.top-bar-btn[data-v-51755d1a]:hover{background:#f2f3f5;color:#1d2129}.top-bar-btn.publish-btn[data-v-51755d1a]{width:auto;padding:0 14px;gap:4px;background:linear-gradient(135deg,#3372ff,#4facfe);color:#fff;border-radius:20px;font-size:14px;font-weight:500}.top-bar-btn.publish-btn[data-v-51755d1a]:hover{background:linear-gradient(135deg,#2860e0,#3d9dee)}.top-bar-btn.publish-btn .el-icon-arrow-down[data-v-51755d1a]{font-size:12px}.main-content[data-v-51755d1a]{flex:1;display:flex;overflow:hidden;min-height:0;padding:0;border-radius:12px}.chat-panel[data-v-51755d1a]{flex:3;min-width:380px;height:100%;background:#fff;border-right:1px solid #e8eaed;display:flex;flex-direction:column;border-radius:12px 0 0 12px}.chat-panel-inner[data-v-51755d1a]{flex:1;display:flex;flex-direction:column;overflow:hidden}.welcome-area[data-v-51755d1a]{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.chat-messages[data-v-51755d1a]{flex:1;overflow-y:scroll;padding:20px;scroll-behavior:auto}.chat-messages[data-v-51755d1a]::-webkit-scrollbar{width:6px}.chat-messages[data-v-51755d1a]::-webkit-scrollbar-track{background:transparent}.chat-messages[data-v-51755d1a]::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s}.chat-messages.is-scrolling[data-v-51755d1a]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15)}.chat-messages.is-scrolling[data-v-51755d1a]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.chat-list .chat-item[data-v-51755d1a]{margin-bottom:16px}.chat-list .chat-item[data-v-51755d1a]:after{content:"";display:table;clear:both}.chat-list .chat-msg[data-v-51755d1a]{font-size:14px;line-height:1.7;word-break:break-word}.chat-list .chat-msg.ask[data-v-51755d1a]{float:right;max-width:85%;background:#3372ff;color:#fff;padding:10px 14px;border-radius:12px 2px 12px 12px;white-space:pre-line}.chat-list .chat-msg.answer[data-v-51755d1a]{float:left;max-width:100%;background:#f5f7fa;padding:12px 16px;border-radius:2px 12px 12px 12px;color:#1d2129}.chat-list .chat-msg.answer[data-v-51755d1a] strong{font-weight:600}.chat-list .chat-msg.answer[data-v-51755d1a] pre{margin:8px 0;overflow-x:auto}.chat-list .chat-msg.answer[data-v-51755d1a] p{margin:4px 0}.chat-list .thinking-indicator[data-v-51755d1a]{display:flex;align-items:center;gap:8px;color:#86909c;font-size:14px}.chat-list .thinking-indicator .thinking-icon[data-v-51755d1a]{width:20px;height:20px}[data-v-51755d1a] .ai-coding-status{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;margin:4px 0}[data-v-51755d1a] .ai-coding-status.coding{background:linear-gradient(135deg,#eef4ff,#f0f7ff);color:#3372ff}[data-v-51755d1a] .ai-coding-status.coding .dot-anim{display:inline-flex;margin-left:2px}[data-v-51755d1a] .ai-coding-status.coding .dot-anim .dot{animation:dotBlink-51755d1a 1.4s infinite both;font-weight:700}[data-v-51755d1a] .ai-coding-status.coding .dot-anim .dot:first-child{animation-delay:0s}[data-v-51755d1a] .ai-coding-status.coding .dot-anim .dot:nth-child(2){animation-delay:.2s}[data-v-51755d1a] .ai-coding-status.coding .dot-anim .dot:nth-child(3){animation-delay:.4s}[data-v-51755d1a] .ai-coding-status.done{background:linear-gradient(135deg,#e8fff3,#f0fff7);color:#00b42a}[data-v-51755d1a] .ai-coding-status.terminated{background:linear-gradient(135deg,#fff4e6,#fff8f0);color:#e8740c}@keyframes dotBlink-51755d1a{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.chat-input-area[data-v-51755d1a]{padding:12px 16px 16px;border-top:1px solid #f2f3f5;background:#fff}.input-wrapper[data-v-51755d1a]{border:1px solid #e5e6eb;border-radius:12px;padding:8px 12px;transition:border-color .2s;background:#fafafa}.input-wrapper.is-focus[data-v-51755d1a]{border-color:#3372ff;background:#fff}.input-wrapper[data-v-51755d1a] .el-textarea__inner{border:none;padding:4px 0;background:transparent;font-size:14px;line-height:1.6;resize:none}.input-wrapper[data-v-51755d1a] .el-textarea__inner::-webkit-scrollbar{width:4px}.input-wrapper[data-v-51755d1a] .el-textarea__inner::-webkit-scrollbar-thumb{border-radius:2px;background:#c9cdd4}.input-bottom[data-v-51755d1a]{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.input-bottom-left[data-v-51755d1a],.input-bottom-right[data-v-51755d1a]{display:flex;align-items:center;gap:8px}.input-bottom-right[data-v-51755d1a]{margin-left:auto}.input-bottom-right .send-wrap[data-v-51755d1a]{height:100%;cursor:pointer;display:flex;justify-content:center;align-items:center}.input-bottom-right .send-wrap>img[data-v-51755d1a]{height:32px;width:32px}.input-bottom-right .send-wrap[data-v-51755d1a]:hover{opacity:.8}.input-bottom-right .send-wrap[data-v-51755d1a]:active{opacity:1}.input-bottom-right .send-wrap.disabled[data-v-51755d1a]{cursor:not-allowed}.input-bottom-right .send-wrap.disabled[data-v-51755d1a]:active,.input-bottom-right .send-wrap.disabled[data-v-51755d1a]:hover{opacity:1}.input-tip[data-v-51755d1a]{margin-top:8px;font-size:12px;color:rgba(0,0,0,.35);text-align:center}.preview-panel[data-v-51755d1a]{flex:7;display:flex;flex-direction:column;overflow:hidden;background:#fff;padding:12px 0 16px 0;border-radius:0 12px 12px 0}.fullscreen-preview[data-v-51755d1a]{flex:1;border-radius:12px}.preview-empty-inline[data-v-51755d1a],.preview-empty[data-v-51755d1a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.preview-empty-inline .empty-icon[data-v-51755d1a],.preview-empty .empty-icon[data-v-51755d1a]{opacity:.5}.preview-empty-inline .empty-text[data-v-51755d1a],.preview-empty .empty-text[data-v-51755d1a]{font-size:14px;color:#86909c}.preview-loading[data-v-51755d1a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-icon-wrapper[data-v-51755d1a]{position:relative;width:80px;height:80px;margin-bottom:8px}.loading-icon-wrapper .loading-circle[data-v-51755d1a]{transform:rotate(-90deg);transition:stroke-dashoffset .3s ease}.loading-icon-wrapper .loading-inner-icon[data-v-51755d1a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-title[data-v-51755d1a]{font-size:16px;font-weight:600;color:#1d2129}.loading-subtitle[data-v-51755d1a]{font-size:14px;color:#86909c}.loading-bar-wrapper[data-v-51755d1a]{width:200px;margin-top:16px}.loading-bar[data-v-51755d1a]{width:100%;height:6px;background:#e5e6eb;border-radius:3px;overflow:hidden}.loading-bar .loading-bar-progress[data-v-51755d1a]{height:100%;width:60%;background:linear-gradient(90deg,#3372ff,#36d986);border-radius:3px;animation:loadingBarAnim-51755d1a 2s ease-in-out infinite}@keyframes loadingBarAnim-51755d1a{0%{width:0;margin-left:0}50%{width:60%;margin-left:10%}to{width:20%;margin-left:100%}}.preview-header[data-v-51755d1a]{padding:8px 16px;border-bottom:1px solid #f2f3f5;display:flex;align-items:center;justify-content:flex-end}.preview-tabs[data-v-51755d1a]{display:flex;gap:4px;background:#f2f3f5;border-radius:8px;padding:2px}.preview-tabs .tab-item[data-v-51755d1a]{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#86909c;transition:all .2s}.preview-tabs .tab-item.active[data-v-51755d1a]{background:#fff;color:#1d2129;box-shadow:0 1px 3px rgba(0,0,0,.08)}.preview-tabs .tab-item[data-v-51755d1a]:hover:not(.active){color:#4e5969}.preview-content[data-v-51755d1a]{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-content .preview-iframe[data-v-51755d1a]{flex:1;width:100%;height:100%;border:none;background:#fff}.code-content[data-v-51755d1a]{flex:1;overflow-y:auto;padding:16px}.share-dropdown[data-v-51755d1a]{display:flex;align-items:center}.qrcode-wrap[data-v-51755d1a]{padding:20px 0;text-align:center}.qrcode-wrap>img[data-v-51755d1a]{max-width:260px}.qrcode-wrap .qrcode-tip[data-v-51755d1a]{color:#000;margin-top:10px;font-size:16px}.share-item-wrap[data-v-51755d1a]{display:flex;align-items:center}.share-item-wrap>img[data-v-51755d1a]{width:16px;height:16px;margin-right:12px}.share-dropdown-item:focus,.share-dropdown-item:not(.is-disabled):hover{background-color:#ebf1ff!important;color:#5c8eff!important}.share-dropdown-menu{padding:10px 0!important}.share-dropdown-menu .popper__arrow{display:block!important}.publish-dropdown-item:focus,.publish-dropdown-item:not(.is-disabled):hover,.share-dropdown-item.active{background-color:#ebf1ff!important;color:#5c8eff!important}.publish-dropdown-menu{padding:10px 0!important}.publish-dropdown-menu .popper__arrow{display:block!important}.publish-dropdown-item.active{background-color:#ebf1ff!important;color:#5c8eff!important}.publish-dropdown-item.is-reviewing{color:#f0a020!important;cursor:not-allowed}.code-v2-asr-button.asr-button.show-tip:before{left:100%}