.code-block[data-v-a874a4c8]{margin:0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:14px;line-height:1.6;color:rgba(0,0,0,.85);background:#f5f5f5;border-radius:4px;overflow:auto;max-height:600px}.code-info-header[data-v-a874a4c8],.code-info-remark[data-v-a874a4c8]{margin-bottom:16px}.code-stats[data-v-a874a4c8]{margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.code-stats .ant-tag[data-v-a874a4c8]{font-size:13px;padding:2px 8px}[data-v-a874a4c8] .ant-tabs-nav-scroll{white-space:nowrap;overflow-x:auto;padding-bottom:4px}[data-v-a874a4c8] .ant-tabs-nav-scroll::-webkit-scrollbar{height:4px}[data-v-a874a4c8] .ant-tabs-nav-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}[data-v-a874a4c8] .ant-tabs-nav-container{margin-bottom:8px}[data-v-a874a4c8] .ant-tabs-tab{margin-right:8px;border:1px solid #e8e8e8;border-radius:4px}[data-v-a874a4c8] .ant-tabs-tab:last-child{margin-right:0}[data-v-a874a4c8] .ant-tabs-tab.ant-tabs-tab-active{border-color:#1890ff}.html-preview-container[data-v-a874a4c8]{border:1px solid #f0f0f0;border-radius:4px;overflow:hidden;background:#fff;height:600px;position:relative}.html-preview-iframe[data-v-a874a4c8]{width:100%;height:100%;background:#fff;overflow:auto}.html-source[data-v-a874a4c8]{background:#2d2d2d;color:#f8f8f2}.code-tab-title[data-v-a874a4c8]{display:-webkit-box;display:-ms-flexbox;display:flex;-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;max-width:200px}.code-tab-info[data-v-a874a4c8]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:4px;gap:4px}.code-tab-info .ant-tag[data-v-a874a4c8]{margin-right:0;line-height:16px;height:18px;padding:0 4px;font-size:11px}.html-source-container[data-v-a874a4c8]{margin-top:16px;padding:16px;border:1px solid #e8e8e8;border-radius:4px;background:#fafafa}.code-toolbar[data-v-a874a4c8]{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;margin-bottom:16px;padding:8px 12px;background:#fff;border:1px solid #e8e8e8;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.toolbar-left[data-v-a874a4c8]{-webkit-box-flex:1;-ms-flex:1;flex:1}.toolbar-right[data-v-a874a4c8]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.toolbar-btn[data-v-a874a4c8]{height:28px;font-size:12px;border-radius:4px;-webkit-transition:all .3s;transition:all .3s}.toolbar-btn[data-v-a874a4c8]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(24,144,255,.2);box-shadow:0 2px 8px rgba(24,144,255,.2)}.code-info[data-v-a874a4c8]{font-size:13px;color:#666;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.code-info[data-v-a874a4c8]:before{content:"\1F4C4";margin-right:6px}