.layout[data-v-0328a7ac]{min-height:100vh;background:white}.header[data-v-0328a7ac]{background:#1890ff;color:#fff;text-align:center;padding:0 24px}.header h1[data-v-0328a7ac]{color:#fff;margin:0;font-size:24px;line-height:64px}.content[data-v-0328a7ac]{padding:24px 48px;max-width:1200px;margin:0 auto}.intro-section[data-v-0328a7ac]{background:#f0f8ff;padding:24px;border-radius:8px;margin-bottom:24px;border-left:4px solid #1890ff}.intro-section h2[data-v-0328a7ac]{color:#1890ff;margin-bottom:12px}.example-section[data-v-0328a7ac]{background:#f6ffed;padding:24px;border-radius:8px;margin-bottom:24px;border-left:4px solid #52c41a;text-align:center}.example-section h2[data-v-0328a7ac]{color:#52c41a;margin-bottom:8px}.example-section .download-btn[data-v-0328a7ac]{margin-top:12px}.example-preview[data-v-0328a7ac]{background:#fff7e6;padding:24px;border-radius:8px;margin-bottom:24px;border-left:4px solid #fa8c16}.example-preview h3[data-v-0328a7ac]{color:#fa8c16;margin-bottom:12px}.example-preview .example-table[data-v-0328a7ac]{margin:16px 0}.example-preview .example-tip[data-v-0328a7ac]{color:#d46b08;font-size:14px;margin-top:12px;font-style:italic}.upload-section[data-v-0328a7ac]{text-align:center;padding:32px;background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;margin-bottom:32px}.upload-section .upload-tip[data-v-0328a7ac]{color:#666;margin-top:12px;font-size:14px}.preview-section[data-v-0328a7ac]{margin-bottom:32px}.preview-section .preview-content[data-v-0328a7ac]{background:#fafafa;padding:16px;border-radius:6px;border:1px solid #e8e8e8}.preview-section .preview-content .copy-btn[data-v-0328a7ac]{margin-bottom:16px}.preview-section .preview-content .code-preview[data-v-0328a7ac]{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;font-size:14px;line-height:1.4;max-height:500px;overflow-y:auto}.preview-section .preview-content .html-preview[data-v-0328a7ac]{margin-bottom:16px;padding:16px;background:white;border:1px solid #e8e8e8;border-radius:4px}.preview-section .preview-content .markdown-preview[data-v-0328a7ac]{margin-bottom:16px;padding:16px;background:white;border:1px solid #e8e8e8;border-radius:4px;font-family:Courier New,monospace}.preview-section .preview-content .mysql-options[data-v-0328a7ac]{margin-bottom:16px;display:flex;align-items:center}.usage-section[data-v-0328a7ac]{background:#f9f9f9;padding:32px;border-radius:8px;border:1px solid #e8e8e8}.usage-section h2[data-v-0328a7ac]{color:#1890ff;margin-bottom:24px;text-align:center}@media (max-width: 768px){.content[data-v-0328a7ac]{padding:16px}.preview-content .mysql-options[data-v-0328a7ac]{flex-direction:column;align-items:flex-start}.preview-content .mysql-options .ant-input[data-v-0328a7ac]{width:100%!important;margin-bottom:8px;margin-right:0!important}}