.function-demo[data-v-5b03c853]{padding:20px}.page-header[data-v-5b03c853]{margin-bottom:30px}.page-header h2[data-v-5b03c853]{margin:0 0 5px 0;color:#303133}.page-header p[data-v-5b03c853]{margin:0;color:#909399;font-size:14px}.demo-nav[data-v-5b03c853]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px;border-bottom:1px solid #e8e8e8}.nav-item[data-v-5b03c853]{padding:15px 20px;cursor:pointer;border-bottom:2px solid transparent;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.nav-item[data-v-5b03c853]:hover{background-color:#f5f7fa}.nav-item.active[data-v-5b03c853]{color:#409eff;border-bottom-color:#409eff}.demo-content[data-v-5b03c853]{min-height:500px}.demo-section h3[data-v-5b03c853]{margin:0 0 20px 0;color:#303133;font-size:20px}.overview-grid[data-v-5b03c853]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.overview-card[data-v-5b03c853]{border:1px solid #e8e8e8;border-radius:8px;padding:20px;background:#fff;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.overview-card[data-v-5b03c853]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-icon[data-v-5b03c853]{font-size:32px;color:#409eff;margin-bottom:15px}.card-content h4[data-v-5b03c853]{margin:0 0 10px 0;color:#303133}.card-content p[data-v-5b03c853]{margin:0 0 15px 0;color:#606266;line-height:1.5}.card-content ul[data-v-5b03c853]{margin:0;padding-left:20px;color:#909399}.card-content li[data-v-5b03c853]{margin-bottom:5px}.workflow-steps[data-v-5b03c853]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.step-item[data-v-5b03c853],.workflow-steps[data-v-5b03c853]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.step-item[data-v-5b03c853]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.step-number[data-v-5b03c853]{width:40px;height:40px;border-radius:50%;background:#409eff;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;-ms-flex-negative:0;flex-shrink:0}.step-content[data-v-5b03c853]{-webkit-box-flex:1;-ms-flex:1;flex:1}.step-content h4[data-v-5b03c853]{margin:0 0 10px 0;color:#303133}.step-content p[data-v-5b03c853]{margin:0 0 15px 0;color:#606266;line-height:1.5}.features-list[data-v-5b03c853]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}.feature-group h4[data-v-5b03c853]{margin:0 0 15px 0;color:#303133;font-size:16px}.feature-items[data-v-5b03c853]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.feature-item[data-v-5b03c853]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;padding:15px;border:1px solid #e8e8e8;border-radius:6px;background:#fff}.feature-icon[data-v-5b03c853]{font-size:24px;color:#409eff;-ms-flex-negative:0;flex-shrink:0}.feature-info[data-v-5b03c853]{-webkit-box-flex:1;-ms-flex:1;flex:1}.feature-info h5[data-v-5b03c853]{margin:0 0 5px 0;color:#303133}.feature-info p[data-v-5b03c853]{margin:0;color:#606266;font-size:12px}.status-badge[data-v-5b03c853]{padding:4px 8px;border-radius:4px;font-size:12px;color:#fff}.status-badge.completed[data-v-5b03c853]{background-color:#67c23a}.status-badge.development[data-v-5b03c853]{background-color:#e6a23c}.status-badge.planning[data-v-5b03c853]{background-color:#909399}.statistics-actions[data-v-5b03c853]{margin-bottom:20px;text-align:right}.statistics-grid[data-v-5b03c853]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:30px}.stat-card[data-v-5b03c853]{text-align:center;padding:30px 20px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.stat-number[data-v-5b03c853]{font-size:36px;font-weight:700;color:#409eff;margin-bottom:10px}.stat-label[data-v-5b03c853]{color:#606266;font-size:14px}.chart-section[data-v-5b03c853]{border:1px solid #e8e8e8;border-radius:8px;padding:20px;background:#fff}.chart-section h4[data-v-5b03c853]{margin:0 0 20px 0;color:#303133}.chart-placeholder[data-v-5b03c853]{height:300px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f7fa;border-radius:4px;color:#909399}.chart-placeholder[data-v-5b03c853],.guide-content[data-v-5b03c853]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.guide-content[data-v-5b03c853]{gap:30px}.guide-section[data-v-5b03c853]{padding:20px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.guide-section h4[data-v-5b03c853]{margin:0 0 15px 0;color:#303133}.guide-section ol[data-v-5b03c853],.guide-section ul[data-v-5b03c853]{margin:0;padding-left:20px;color:#606266;line-height:1.6}.guide-section li[data-v-5b03c853]{margin-bottom:8px}.faq-list[data-v-5b03c853]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.faq-item[data-v-5b03c853]{padding:15px;background:#f5f7fa;border-radius:6px}.faq-item h5[data-v-5b03c853]{margin:0 0 10px 0;color:#303133;font-size:14px}.faq-item p[data-v-5b03c853]{margin:0;color:#606266;font-size:14px;line-height:1.5}.quick-demo-grid[data-v-5b03c853]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.demo-card[data-v-5b03c853]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding:20px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.demo-card[data-v-5b03c853]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.demo-icon[data-v-5b03c853]{font-size:32px;color:#409eff;-ms-flex-negative:0;flex-shrink:0}.demo-content[data-v-5b03c853]{-webkit-box-flex:1;-ms-flex:1;flex:1}.demo-content h4[data-v-5b03c853]{margin:0 0 10px 0;color:#303133}.demo-content p[data-v-5b03c853]{margin:0 0 15px 0;color:#606266;font-size:14px;line-height:1.5}.merge-demo-content[data-v-5b03c853],.relation-demo-content[data-v-5b03c853]{padding:20px 0}.merge-demo-content h4[data-v-5b03c853],.relation-demo-content h4[data-v-5b03c853]{margin:0 0 15px 0;color:#303133}.demo-actions[data-v-5b03c853]{margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}.relation-form[data-v-5b03c853]{padding:20px;background:#f5f7fa;border-radius:6px}.form-row[data-v-5b03c853]{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-row label[data-v-5b03c853]{width:100px;text-align:right;margin-right:15px;font-weight:700}.form-input[data-v-5b03c853],.form-textarea[data-v-5b03c853]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-textarea[data-v-5b03c853]{width:300px;resize:vertical}