代码

display:   flex;

    flex-direction:   column;

    padding:   16px;

    height:   calc(100%   -   140px);

    overflow-y:   auto;

    }

    .photo-item   {

    width:   100%;

    height:   110px;

    object-fit:   cover;

    border-radius:   12px;

    cursor:   pointer;

    transition:   all   0.3s   ease;

    }

    .photo-item:hover   {

    transform:   scale(1.03);

    box-shadow:   0   4px   12px   rgba(0,   0,   0,   0.15);

    }

    .photo-grid   {

    display:   grid;

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

    gap:   8px;

    padding:   16px;

    }

    .memo-item   {

    display:   flex;

    align-items:   center;

    padding:   12px   0;

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

    transition:   all   0.2s   ease;

    }

    .memo-item:hover   {

    background:   rgba(0,   0,   0,   0.02);

    border-radius:   8px;

    padding-left:   8px;

    padding-right:   8px;

    }

    .hidden   {

    display:   none;

    }

    .screen.active   {

    display:   flex;

    flex-direction:   column;

    }

    .app-content   {

    flex:   1;

    overflow-y:   auto;

    }

    .contact-item   {

    display:   flex;

    align-items:   center;

    padding:   16px;

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

    cursor:   pointer;

    transition:   all   0.2s   ease;

    }

    .contact-item:hover   {

    background:   rgba(0,   0,   0,   0.02);

    }