.navigator{display:flex;justify-content:space-between;align-items:center;width:100%;padding:2vh 6vw;z-index:1001;background-color:var(--Style, #f0f0f0)}.navigator .nav-icon{color:var(--primary-color, #464feb);font-size:1.6rem}.navigator .avtar-icon{font-size:2rem}.navigator-back{width:100%;height:7vh;flex-shrink:0;box-shadow:0 1px 5px #00000040,0 1px 24.9px #5b5b5b26;margin-bottom:1vh;background:var(--white, #ffffff)}.navigator-back .adm-nav-bar-back{color:var(--primary-color, #464feb)}.navigator-back .brand{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:var(--black, #242424)}.navigator-back .brand .logo{width:1.5rem;height:1.5rem;margin-right:.3rem}.navigator-back .nav-title{color:var(--primary-color, #464feb);font-size:1.125rem}.menu-popup .adm-mask,.menu-popup .adm-popup-body-position-top{top:7.5vh;padding-bottom:7.5vh;background:transparent}.menu{padding-bottom:3vh;background:var(--Style, #f0f0f0)}.menu .menu-list{display:flex;flex-direction:column;align-items:center;font-size:1.25rem}.menu .menu-list .menu-item{display:flex;align-items:center;margin-top:5vh;color:var(--black, #242424);text-decoration:none}.menu .menu-list .menu-item .icon{margin-right:5vw;font-size:1.8rem}.menu .menu-list .menu-item .report-icon path{stroke:var(--black, #242424);fill:transparent}.menu .menu-list .menu-item-primary{background:var(--primary-color, #464feb);padding:1vh 10vw;border-radius:8vw;color:var(--white, #ffffff)}.menu .menu-list .menu-item-primary .icon path{stroke:var(--white, #ffffff)}.lifelog-page .lifelog-head{color:#242424eb;font-size:2rem;font-weight:700;margin-top:4vh}.lifelog-page .year-select{margin-top:2vh}.lifelog-page .year-select .ant-select-selector .ant-select-selection-item{font-size:1.25rem;font-weight:500;color:var(--Style3, #808080)}.lifelog-page .year-select .ant-select-arrow .anticon{color:var(--Style3, #808080);font-size:1rem}.lifelog-page .lifelog-list{width:92vw;height:52vh;margin-top:3vh}.lifelog-page .lifelog-list .lifelog-snapshot{width:82%;background-size:cover!important;box-shadow:0 4px 5.7px #0000002b;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:start}.lifelog-page .lifelog-list .lifelog-snapshot .date{margin:3vh 4vw;border-radius:var(--Size-100, .5rem);background:var(--black, #242424);padding:1.5vh 3vw;font-size:1.25rem;color:var(--Style, #f3f3f3);font-weight:600;text-align:left}.lifelog-page .lifelog-list .lifelog-snapshot .date .day{font-size:2rem}.lifelog-page .lifelog-list .lifelog-snapshot .bottom-div{width:100%;padding:3vh 4vw;display:flex;flex-direction:column;align-items:start;border-radius:0 0 1rem 1rem;background:linear-gradient(180deg,#0000,#000100)}.lifelog-page .lifelog-list .lifelog-snapshot .bottom-div .title{color:var(--white2, #fafafa);font-size:1.6rem;font-weight:600;text-align:left}.lifelog-page .lifelog-list .lifelog-snapshot .bottom-div .detail-button{margin-top:1.2vh;margin-bottom:2vh;padding:.8vh 6vw;width:fit-content;border:0;color:var(--white, #ffffff);background:var(--white-40, rgba(255, 255, 255, .4))}.lifelog-detail-page{height:100%}.lifelog-detail-page .lifelog-detail{width:100%;height:100%;position:relative;display:flex}.lifelog-detail-page .lifelog-detail .top-div{position:absolute;top:0;z-index:3;padding:1.5vh 5vw 1vh 5vw;width:100%;text-align:left;background-color:#fff9}.lifelog-detail-page .lifelog-detail .top-div .title{color:var(--Style3, #808080);font-size:1.25rem;font-weight:600}.lifelog-detail-page .lifelog-detail .top-div .date{color:var(--Style3, #808080);font-size:1rem;font-weight:400}.lifelog-detail-page .lifelog-detail .story{width:100%;position:fixed;bottom:0;z-index:3;text-align:left;background-color:#fff9;padding:1.5vh 5vw;color:var(--Style3, #808080);font-size:1.125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:4.5em}.lifelog-detail-page .view-swiper{width:100vw}.lifelog-detail-page .view-swiper .swiper-slide{background-position:center;background-size:cover;display:flex;height:auto}.lifelog-detail-page .view-swiper .swiper-slide img{display:block;width:100%;max-height:100%;object-fit:contain}.upload-page .content .upload-head{margin:7vh 0;color:#242424eb}.upload-page .content .upload-head h1{font-weight:700;font-size:2rem;margin-bottom:.5vh}.upload-page .content .upload-head h2{font-weight:400;font-size:1.25rem}.upload-page .content .upload-button{width:90vw;height:30vh;border-radius:var(--Size-100, 10px);border:4px solid #a0d7ff;background:url(/upload_bg.jpg) no-repeat center center;background-size:cover;box-shadow:0 1px 2px #00000024,0 0 2px #0000001f;padding:2vh 5vw;display:flex;justify-content:space-around;align-items:center}.upload-page .content .upload-button .upload-icon{width:30vw;height:30vw;background:url(/upload_icon.png) no-repeat center center;background-size:cover}.upload-page .content .upload-button .upload-text{font-size:1.5rem;color:var(--white, #ffffff);font-weight:700}.upload-page .content .history-button{margin-top:8vh;font-size:1.25rem;min-width:50vw;width:auto}.upload-page .content .history-button .history-icon{font-size:1.4rem;margin-right:2vw}.upload-page .content .history-button .history-icon path{stroke:var(--primary-color, #464feb);stroke-width:1.8}.upload-page .content .input-title{margin-top:4vh}.upload-page .content .input-title,.upload-page .content .input-title input,.upload-page .content .date{color:var(--Style3, #808080);font-weight:600}.upload-page .content .input-title,.upload-page .content .input-title input{font-size:1.25rem;border:0;text-align:center}.upload-page .content .date{margin-bottom:7vh;font-size:.9rem}.upload-page .content .desc-story{margin-top:3vh;color:var(--black, #242424);font-weight:600}.upload-page .content .input-story{width:100%;margin-top:1.5vh;border-radius:.5rem;border:1px solid var(--Style2, #d1d1d1);background:var(--white2, #fafafa);text-align:left;min-height:20vh;padding:1.5vh 3vw}.upload-page .content .input-story textarea{color:var(--Style3, #808080);font-weight:400;line-height:150%;font-size:1.125rem}.upload-page .content .upload-success{display:flex;align-items:center;justify-content:center}.upload-page .content .upload-success .success-icon{font-size:2.5rem;margin-right:2vw}.upload-page .content .upload-success .success-text{font-size:1.5rem;color:var(--primary-color, #464feb);font-weight:700}.upload-page .content .finish-button{margin-top:5vh;padding:2vh 5vw}.upload-page .content .finish-button .finish-icon{font-size:1.8rem;margin-right:2vw}.upload-page .content .image-uploader .adm-image-uploader-space{flex-wrap:wrap;width:calc(88vw + 8px)}.upload-page .content .image-uploader .adm-image-uploader-space .adm-space-item{padding:3px;margin:0}.upload-page .content .image-uploader .adm-image-uploader-space .adm-space-item .adm-image-uploader-cell,.upload-page .content .image-uploader .adm-image-uploader-space .adm-space-item .adm-image-uploader-cell-image{width:calc(22vw - 4px);height:calc(22vw - 4px)}.upload-page .content .upload-images{width:100%;display:flex;flex-wrap:wrap;margin-top:3vh}.upload-page .content .upload-images .upload-image{width:calc(29vw - 5px);height:calc(29vw - 5px);margin-right:9px;object-fit:cover;border-radius:.5rem;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.25))}.upload-page .content .upload-images .upload-image:nth-child(3n){margin-right:0}