.component-common-code__viewer[data-v-c5554c02]{background:#1e1e1e;height:500px;overflow:hidden;position:relative}.component-common-code__viewer .prism-container[data-v-c5554c02]{height:100%}.component-common-code__viewer .prism-container .viewer-wrapper[data-v-c5554c02]{display:flex;height:100%}.component-common-code__viewer .prism-container .viewer-wrapper__left[data-v-c5554c02]{background:#1e1e1e;flex:1;overflow:auto}.component-common-code__viewer .prism-container .viewer-wrapper__left[data-v-c5554c02]::-webkit-scrollbar{height:8px;width:8px}.component-common-code__viewer .prism-container .viewer-wrapper__left[data-v-c5554c02]::-webkit-scrollbar-track{background:#2d2d2d}.component-common-code__viewer .prism-container .viewer-wrapper__left[data-v-c5554c02]::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.component-common-code__viewer .prism-container .viewer-wrapper__left[data-v-c5554c02]::-webkit-scrollbar-thumb:hover{background:#666}.component-common-code__viewer .prism-container .viewer-wrapper__left pre[data-v-c5554c02]{margin:0;min-height:100%;padding:16px;position:relative;white-space:pre-wrap;word-wrap:break-word;background:#1e1e1e!important;font-size:13px;line-height:1.5;z-index:0}.component-common-code__viewer .prism-container .viewer-wrapper__left pre .copy-button[data-v-c5554c02]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;position:absolute;right:12px;top:12px;transition:all .2s ease;z-index:99}.component-common-code__viewer .prism-container .viewer-wrapper__left pre .copy-button[data-v-c5554c02]:hover{box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.component-common-code__viewer .prism-container .viewer-wrapper__left pre[class*=language-][data-v-c5554c02]:after,.component-common-code__viewer .prism-container .viewer-wrapper__left pre[class*=language-][data-v-c5554c02]:before{box-shadow:none}.component-common-code__viewer .prism-container .viewer-wrapper__right[data-v-c5554c02]{background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;padding:16px 12px;width:280px}.component-common-code__viewer .prism-container .viewer-wrapper__right[data-v-c5554c02]::-webkit-scrollbar{width:6px}.component-common-code__viewer .prism-container .viewer-wrapper__right[data-v-c5554c02]::-webkit-scrollbar-track{background:#f5f5f5}.component-common-code__viewer .prism-container .viewer-wrapper__right[data-v-c5554c02]::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.component-common-code__viewer .prism-container .viewer-wrapper__right[data-v-c5554c02]::-webkit-scrollbar-thumb:hover{background:#999}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .analysis-result[data-v-c5554c02]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:16px;padding:10px 12px}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .analysis-result span[data-v-c5554c02]{color:#fff;font-size:14px;font-weight:600}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .analysis-result span[data-v-c5554c02]:last-child{background:#fff3;border-radius:3px;font-size:13px;padding:3px 10px}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .error-item__desc[data-v-c5554c02],.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .error-item__line[data-v-c5554c02],.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .error-item__location[data-v-c5554c02],.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .error-item__type[data-v-c5554c02]{background:#f8f9fa;border-radius:4px;color:#2c3e50;font-size:12px;line-height:1.5;margin-bottom:6px;padding:6px 10px}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .error-item__desc>span[data-v-c5554c02],.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .error-item__line>span[data-v-c5554c02],.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .error-item__location>span[data-v-c5554c02],.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .error-item__type>span[data-v-c5554c02]{color:#e74c3c;display:inline-block;font-weight:600;margin-right:6px;min-width:70px}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .explain[data-v-c5554c02],.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .suggestions[data-v-c5554c02]{background:#fff3cd;border-left:3px solid #ffc107;border-radius:3px;color:#856404;font-size:12px;line-height:1.5;margin-bottom:10px;padding:10px}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .suggestions[data-v-c5554c02]{background:#d1ecf1;border-left-color:#17a2b8;color:#0c5460}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .suggestions .suggestion-item[data-v-c5554c02]{margin-top:6px;padding-left:6px}.component-common-code__viewer .prism-container .viewer-wrapper__right .analysis-container .footer-label[data-v-c5554c02]{color:#e74c3c;display:block;font-weight:600;margin-bottom:6px}.component-common-code__viewer .prism-container .viewer-wrapper__right .no-data[data-v-c5554c02]{color:#999;font-size:13px;margin-top:40px;text-align:center}.component-common-code__viewer .web-viewer-container[data-v-c5554c02]{background:#fff;height:100%;overflow:auto;padding:16px}.component-common-code__viewer .web-iframe-container[data-v-c5554c02]{height:100%}.component-common-code__viewer .web-iframe-container .web-container[data-v-c5554c02]{height:100%;overflow:hidden}.component-common-code__viewer .btn-exchange[data-v-c5554c02]{background:#fff;border-bottom:1px solid #e9ecef;left:50%;padding:10px;position:absolute;text-align:center;top:0;transform:translate(-50%);width:100%;z-index:1}.component-common-code__viewer .no-data-tips[data-v-c5554c02],.component-common-code__viewer .no-upload-tips[data-v-c5554c02]{align-items:center;background:#fafafa;color:#999;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;text-align:center}.component-common-code__viewer .no-data-tips[data-v-c5554c02]:before,.component-common-code__viewer .no-upload-tips[data-v-c5554c02]:before{content:"📄";font-size:48px;margin-bottom:16px;opacity:.3}.component-common-code__viewer .no-data-tips img[data-v-c5554c02],.component-common-code__viewer .no-upload-tips img[data-v-c5554c02]{height:auto;max-width:200px;opacity:.4}.component-common-code__viewer pre .line-highlight[data-v-c5554c02]{background:#e74c3c26!important;border-left:3px solid #e74c3c!important;box-shadow:none!important;left:0;margin-top:1em;pointer-events:none;position:absolute;right:0;z-index:1}.component-common-code__viewer pre .line-highlight[data-v-c5554c02]:after{background:#e74c3c;border-radius:1px;bottom:2px;content:"";height:2px;left:1.2em;pointer-events:none;position:absolute;right:.8em;z-index:6}.component-common-code__viewer pre code[data-v-c5554c02]{position:relative;z-index:2}.component-common-code__viewer pre.line-numbers .line-highlight[data-v-c5554c02]:after{left:3.8em}@media screen and (max-width:900px){.component-common-code__viewer[data-v-c5554c02]{height:400px}.component-common-code__viewer .prism-container .viewer-wrapper__right[data-v-c5554c02]{width:240px}}@media (max-width:600px){.component-common-code__viewer .prism-container .viewer-wrapper[data-v-c5554c02]{flex-direction:column}.component-common-code__viewer .prism-container .viewer-wrapper__right[data-v-c5554c02]{border-left:none;border-top:1px solid #e0e0e0;max-height:200px;width:100%}.component-common-code__viewer pre .line-highlight[data-v-c5554c02]:after{left:1em;right:.5em}.component-common-code__viewer pre.line-numbers .line-highlight[data-v-c5554c02]:after{left:3em}}