.advanced-example[data-v-5e65b1e0]{padding:20px;max-width:1400px;margin:0 auto}.example-header[data-v-5e65b1e0]{margin-bottom:20px;text-align:center}.example-header h2[data-v-5e65b1e0]{margin:0 0 8px 0;color:#303133}.example-header p[data-v-5e65b1e0]{margin:0;color:#333;font-size:1rem}.example-tabs[data-v-5e65b1e0]{margin-bottom:20px}.tab-content[data-v-5e65b1e0]{padding:20px}.tab-content h3[data-v-5e65b1e0]{margin:0 0 8px 0;color:#303133}.tab-content p[data-v-5e65b1e0]{margin:0 0 20px 0;color:#333}.demo-container[data-v-5e65b1e0]{margin:20px 0;padding:20px;border:1px solid #e4e7ed;border-radius:4px;background-color:#fafafa}.config-display[data-v-5e65b1e0],.custom-components[data-v-5e65b1e0],.datasource-info[data-v-5e65b1e0],.validation-rules[data-v-5e65b1e0]{margin-top:20px}.config-display h4[data-v-5e65b1e0],.custom-components h4[data-v-5e65b1e0],.datasource-info h4[data-v-5e65b1e0],.validation-rules h4[data-v-5e65b1e0]{margin:0 0 12px 0;color:#303133}.config-display pre[data-v-5e65b1e0]{background-color:#f5f5f5;padding:12px;border-radius:4px;font-size:.857rem;line-height:1.4;margin:8px 0}.performance-controls[data-v-5e65b1e0]{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:4px}.performance-stats[data-v-5e65b1e0]{margin-bottom:20px;padding:16px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px}.global-events[data-v-5e65b1e0]{margin-top:20px}.event-controls[data-v-5e65b1e0]{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.event-list[data-v-5e65b1e0]{max-height:300px;overflow-y:auto;font-family:Courier New,monospace;font-size:.857rem}.event-item[data-v-5e65b1e0]{display:flex;padding:4px 8px;border-bottom:1px solid #f0f0f0;align-items:center}.event-item[data-v-5e65b1e0]:hover{background-color:#f8f9fa}.event-time[data-v-5e65b1e0]{width:80px;color:#909399;font-size:.786rem}.event-source[data-v-5e65b1e0]{width:100px;font-weight:600;text-transform:uppercase}.event-type[data-v-5e65b1e0]{width:100px;font-weight:600}.event-data[data-v-5e65b1e0]{flex:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-info .event-type[data-v-5e65b1e0]{color:#409eff}.event-success .event-type[data-v-5e65b1e0]{color:#67c23a}.event-warning .event-type[data-v-5e65b1e0]{color:#e6a23c}.event-error .event-type[data-v-5e65b1e0]{color:#f56c6c}.event-item[class*=event-linkage] .event-source[data-v-5e65b1e0]{color:#409eff}.event-item[class*=event-validation] .event-source[data-v-5e65b1e0]{color:#e6a23c}.event-item[class*=event-datasource] .event-source[data-v-5e65b1e0]{color:#67c23a}.event-item[class*=event-custom] .event-source[data-v-5e65b1e0]{color:#f56c6c}.event-item[class*=event-performance] .event-source[data-v-5e65b1e0]{color:#909399}@media (max-width:768px){.advanced-example[data-v-5e65b1e0],.demo-container[data-v-5e65b1e0],.tab-content[data-v-5e65b1e0]{padding:10px}.event-controls[data-v-5e65b1e0]{flex-direction:column;gap:12px}.event-item[data-v-5e65b1e0]{flex-direction:column;align-items:flex-start;padding:8px}.event-source[data-v-5e65b1e0],.event-time[data-v-5e65b1e0],.event-type[data-v-5e65b1e0]{width:auto;margin-bottom:4px}}