.h-border-demo1-container .h-layout-border-north,.h-border-demo1-container .h-layout-border-south,.h-border-demo1-container .h-layout-border-west,.h-border-demo1-container .h-layout-border-east,.h-border-demo1-container .h-layout-border-center{transition:background .3s;background:var(--default-bg-color)!important}[data-v-958c91f6] .h-layout-border-south{justify-content:space-between;align-items:center;padding:0 20px;display:flex}[data-v-958c91f6] .h-layout-border-center{padding:20px;overflow:auto}[data-v-958c91f6] .h-layout-border-north{justify-content:space-between;align-items:center;padding:0 20px;display:flex}[data-v-958c91f6] .h-layout-border-west{border-right:1px solid #e9ecef}.h-border-demo3-container .h-layout-border-north{border-bottom:1px solid var(--el-border-color-lighter);z-index:10;justify-content:space-between;align-items:center;padding:0 16px;display:flex;box-shadow:0 2px 8px #0000000d;background-color:var(--el-bg-color)!important}.h-border-demo3-container .h-layout-border-west{background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-border-color-lighter);flex-direction:column;display:flex;overflow-y:auto}.h-border-demo3-container .h-layout-border-center{background-color:var(--el-fill-color-light);flex-direction:column;display:flex;overflow:hidden}.h-border-demo3-container .center-content-wrapper{flex:1;min-height:0;padding:16px;overflow-y:auto}.h-border-demo3-container .menu-item{cursor:pointer;color:var(--el-text-color-regular);border-radius:4px;align-items:center;margin:4px 8px;padding:12px 16px;transition:all .3s;display:flex}.h-border-demo3-container .menu-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.h-border-demo3-container .menu-item.active{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);border-left:3px solid var(--el-color-primary);font-weight:500}.h-border-demo3-container .top-header-left{color:var(--el-color-primary);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.h-border-demo3-container .top-header-right{align-items:center;gap:12px;display:flex}.h-border-demo3-container .breadcrumb-container{color:var(--el-text-color-regular);align-items:center;gap:8px;margin-bottom:16px;display:flex}.h-border-demo3-container .table-card{background:var(--el-bg-color);border-radius:4px;padding:16px;box-shadow:0 2px 12px #0000001a}.h-border-demo4-container .h-layout-border-west{background-color:var(--el-bg-color);border-right:1px solid var(--el-border-color-lighter);flex-direction:column;padding:10px 0;display:flex;overflow-y:auto}.h-border-demo4-container .sidebar-menu-item{cursor:pointer;color:var(--el-text-color-regular);border-radius:4px;align-items:center;gap:10px;margin:0 8px;padding:14px 20px;font-size:14px;transition:all .2s;display:flex}.h-border-demo4-container .sidebar-menu-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.h-border-demo4-container .sidebar-menu-item.active{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);font-weight:600;position:relative}.h-border-demo4-container .sidebar-menu-item.active:before{content:"";background-color:var(--el-color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-8px}.h-border-demo4-container .h-layout-border-center{background-color:var(--el-fill-color-light);flex-direction:column;display:flex;overflow:hidden}.h-border-demo4-container .center-scroll-area{flex:1;min-height:0;padding:20px;overflow-y:auto}.h-border-demo4-container .content-card{background-color:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:8px;margin-bottom:16px;padding:20px;box-shadow:0 2px 12px #0000000d}.h-border-demo4-container .card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.h-border-demo4-container .card-title{color:var(--el-text-color-primary);font-size:16px;font-weight:600}.h-border-demo4-container .card-desc{color:var(--el-text-color-secondary);margin-bottom:12px;font-size:13px;line-height:1.6}.h-border-demo4-container .page-header{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:20px;padding-bottom:15px}.h-border-demo4-container .page-title{color:var(--el-text-color-primary);font-size:20px;font-weight:700}.h-border-demo5-container .h-layout-border-north{background-color:var(--el-bg-color);border-bottom:1px solid var(--el-border-color-lighter);z-index:10;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 2px 8px #0000000d;height:64px!important}.h-border-demo5-container .nav-logo{color:var(--el-color-primary);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.h-border-demo5-container .nav-menu{align-items:center;gap:4px;height:100%;display:flex}.h-border-demo5-container .nav-item{cursor:pointer;color:var(--el-text-color-regular);border-radius:4px;align-items:center;height:40px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.h-border-demo5-container .nav-item:hover{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.h-border-demo5-container .nav-item.active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);border-bottom:2px solid var(--el-color-primary);font-weight:600}.h-border-demo5-container .nav-user{color:var(--el-text-color-regular);cursor:pointer;align-items:center;gap:12px;display:flex}.h-border-demo5-container .user-avatar{background-color:var(--el-color-primary-light-7);width:32px;height:32px;color:var(--el-color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.h-border-demo5-container .h-layout-border-center{background-color:var(--el-fill-color-light);flex-direction:column;display:flex;overflow:hidden}.h-border-demo5-container .center-scroll-container{flex:1;min-height:0;padding:24px;overflow-y:auto}.h-border-demo5-container .data-card{background-color:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:8px;margin-bottom:16px;padding:20px;box-shadow:0 1px 4px #0000000d}.h-border-demo5-container .card-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.h-border-demo5-container .card-title{color:var(--el-text-color-primary);font-size:16px;font-weight:600}.h-border-demo5-container .card-info-row{color:var(--el-text-color-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.h-border-demo5-container .progress-bar-bg{background-color:var(--el-border-color-lighter);border-radius:3px;width:100px;height:6px;overflow:hidden}.h-border-demo5-container .progress-bar-fill{background-color:var(--el-color-success);border-radius:3px;height:100%;transition:width .3s}.h-border-demo5-container .page-header{margin-bottom:20px}.h-border-demo5-container .page-title{color:var(--el-text-color-primary);font-size:24px;font-weight:700}.h-border-demo5-container .page-subtitle{color:var(--el-text-color-secondary);margin-top:8px;font-size:14px}