.demo-page[data-v-cacf7c4e]{padding:24px;background:#f5f5f5;min-height:100vh}.demo-page .demo-header[data-v-cacf7c4e]{text-align:center;margin-bottom:32px}.demo-page .demo-header h1[data-v-cacf7c4e]{font-size:28px;color:#1890ff;margin-bottom:8px}.demo-page .demo-header p[data-v-cacf7c4e]{font-size:16px;color:#666}.demo-page .demo-content[data-v-cacf7c4e]{max-width:1200px;margin:0 auto}.demo-page .demo-section[data-v-cacf7c4e]{background:white;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.demo-page .demo-section h2[data-v-cacf7c4e]{font-size:20px;color:#333;margin-bottom:16px;border-bottom:2px solid #1890ff;padding-bottom:8px}.demo-page .demo-section h3[data-v-cacf7c4e]{font-size:16px;color:#555;margin-bottom:12px}.demo-page .demo-row[data-v-cacf7c4e]{display:flex;gap:24px}@media (max-width: 768px){.demo-page .demo-row[data-v-cacf7c4e]{flex-direction:column}}.demo-page .demo-col[data-v-cacf7c4e]{flex:1;min-width:0}.demo-page .result-display[data-v-cacf7c4e]{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:4px;border-left:4px solid #1890ff;font-family:Courier New,monospace}.demo-page .result-display strong[data-v-cacf7c4e]{color:#1890ff}