代码

0.1);

    transition:   all   0.3s   ease;

    }

    .app-icon:hover   .icon   {

    box-shadow:   0   8px   20px   rgba(0,   0,   0,   0.15);

    }

    .app-name   {

    font-size:   12px;

    font-weight:   500;

    color:   000;

    }

    .nav-bar   {

    height:   80px;

    background:   rgba(255,   255,   255,   0.9);

    backdrop-filter:   blur(20px);

    border-top:   1px   solid   rgba(0,   0,   0,   0.05);

    display:   flex;

    align-items:   center;

    justify-content:   space-around;

    position:   absolute;

    bottom:   0;

    left:   0;

    right:   0;

    padding-bottom:   10px;

    }

    .nav-item   {

    display:   flex;

    flex-direction:   column;

    align-items:   center;

    cursor:   pointer;

    transition:   all   0.2s   ease;

    }

    .nav-item:hover   {

    transform:   translateY(-2px);

    }

    .nav-icon   {

    font-size:   20px;

    margin-bottom:   4px;

    }

    .nav-label   {

    font-size:   10px;

    font-weight:   500;

    }

    .tab-active   {

    color:   000;

    }

    .tab-inactive   {

    color:   8e8e93;

    }

    .app-header   {

    padding:   16px   20px;

    border-bottom:   1px   solid   rgba(0,   0,   0,   0.05);

    display:   flex;

    align-items:   center;

    justify-content:   space-between;

    background:   rgba(255,   255,   255,   0.9);

    backdrop-filter:   blur(10px);

    position:   sticky;

    top:   0;

    z-i