.h-c24-demo1-container .el-row,.h-c24-demo1-container .el-row:last-child{margin-bottom:20px}.h-c24-demo1-container .el-col{border-radius:4px}.h-c24-demo1-container .grid-content{border-radius:4px;min-height:36px}.h-c24-demo1-container .ep-bg-purple-dark{background:var(--el-color-primary)}.h-c24-demo1-container .ep-bg-purple{background:var(--el-color-primary-light-5)}.h-c24-demo1-container .ep-bg-purple-light{background:var(--el-color-primary-light-9)}.h-c24-demo2-container .grid-content{color:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:12px;font-size:13px;display:flex}.h-c24-demo2-container .bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.h-c24-demo2-container .bg-secondary{background:var(--el-color-primary)}.h-c24-demo2-container .bg-secondary-light{background:var(--el-color-primary-light-5);color:#666!important}.h-c24-demo3-container .grid-content{color:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:12px;font-size:13px;display:flex}.h-c24-demo3-container .bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.h-c24-demo3-container .bg-secondary{background:var(--el-color-primary)}.h-c24-demo3-container .bg-secondary-light{background:var(--el-color-primary-light-5);color:#666!important}.h-c24-demo4-container .grid-content{color:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:12px;font-size:13px;display:flex}.h-c24-demo4-container .bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.h-c24-demo4-container .bg-secondary{background:var(--el-color-primary)}.h-c24-demo5-container .grid-content{color:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:12px;font-size:13px;display:flex}.h-c24-demo5-container .bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.h-c24-demo5-container .bg-secondary{background:var(--el-color-primary)}.h-c24-demo6-container .grid-content{color:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:12px;font-size:13px;display:flex}.h-c24-demo6-container .bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.h-c24-demo6-container .bg-secondary{background:var(--el-color-primary)}.h-c24-demo7-container .grid-content{color:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:12px;font-size:13px;display:flex}.h-c24-demo7-container .bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.h-c24-demo7-container .bg-secondary{background:var(--el-color-primary)}.h-c24-demo7-container .el-col{margin-bottom:0}.h-c24-demo8-container{box-sizing:border-box;height:100%;padding:15px}.h-c24-demo8-container .demo-section{background:var(--el-fill-color-light);border-radius:var(--el-border-radius-base);padding:15px}.h-c24-demo8-container .section-title{font-size:14px;font-weight:var(--el-font-weight-bold);color:var(--el-text-color-primary);margin:0 0 8px}.h-c24-demo8-container .section-desc{color:var(--el-text-color-regular);margin:0 0 15px;font-size:12px}.h-c24-demo8-container .label{color:var(--el-text-color-secondary);white-space:nowrap;font-size:12px;position:absolute;top:-22px;left:0}.h-c24-demo8-container .note{color:var(--el-text-color-regular);background:var(--el-bg-color);border-radius:var(--el-border-radius-base);margin-bottom:10px;padding:8px;font-size:12px}.h-c24-demo8-container .note code{background:var(--el-fill-color-light);border-radius:3px;padding:2px 6px;font-size:11px}.h-c24-demo8-container .grid-content{border-radius:var(--el-border-radius-base);min-height:40px;color:var(--el-color-white);justify-content:center;align-items:center;padding:12px;font-size:13px;display:flex}.h-c24-demo8-container .bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.h-c24-demo8-container .bg-secondary{background:var(--el-color-primary)}.h-c24-demo8-container .bg-secondary-light{background:var(--el-color-primary-light-5);color:var(--el-text-color-regular)!important}.h-c24-demo8-container .el-row{margin-bottom:15px;position:relative}.h-c24-demo8-container .el-row:last-child{margin-bottom:0}.h-c24-demo8-container .el-col{border-radius:var(--el-border-radius-base)}.h-c24-demo8-container .breakpoint-info{margin-bottom:15px;overflow-x:auto}.h-c24-demo8-container .breakpoint-info table{border-collapse:collapse;width:100%;font-size:12px}.h-c24-demo8-container .breakpoint-info th,.h-c24-demo8-container .breakpoint-info td{border:1px solid var(--el-border-color-light);text-align:center;padding:8px}.h-c24-demo8-container .breakpoint-info th{background:var(--el-bg-color);font-weight:var(--el-font-weight-bold);color:var(--el-text-color-primary)}.h-c24-demo9-box[data-v-8fa91a8c]{height:100%}