代码 (第2/12页)

,   0.45,   0.94);

    }

    .status-bar   {

    height:   44px;

    display:   flex;

    justify-content:   space-between;

    align-items:   center;

    padding:   0   20px;

    font-size:   14px;

    font-weight:   600;

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

    backdrop-filter:   blur(10px);

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

    }

    .home-indicator   {

    width:   120px;

    height:   5px;

    background:   000;

    border-radius:   3px;

    position:   absolute;

    bottom:   12px;

    left:   50%;

    transform:   translateX(-50%);

    transition:   all   0.3s   ease;

    }

    .home-indicator:hover   {

    height:   7px;

    background:   333;

    }

    .app-grid   {

    display:   grid;

    grid-template-columns:   repeat(4,   1fr);

    gap:   20px;

    padding:   24px;

    margin-top:   10px;

    }

    .app-icon   {

    display:   flex;

    flex-direction:   column;

    align-items:   center;

    cursor:   pointer;

    transition:   all   0.3s   cubic-bezier(0.175,   0.885,   0.32,   1.275);

    position:   relative;

    }

    .app-icon:hover   {

    transform:   translateY(-5px);

    }

    .app-icon   .icon   {

    width:   64px;

    height:   64px;

    border-radius:   16px;

    display:   flex;

    justify-content:   center;

    align-items:   center;

    margin-bottom:   8px;

    font-size:   24px;

    box-shadow:   0   4px   12px   rgba(0,   0,   0,