.container[data-v-5f2dc0cc]{height:100vh;background-color:#f5f5f5}.nav-bar[data-v-5f2dc0cc]{animation:fadeInDown-5f2dc0cc .5s ease}.activityContainer[data-v-5f2dc0cc]{padding:15px 15px 50px 15px;background-color:#f5f5f5;height:calc(100vh - 46px);box-sizing:border-box;overflow-y:auto;animation:fadeIn-5f2dc0cc .8s ease}.empty-state[data-v-5f2dc0cc]{animation:fadeIn-5f2dc0cc 1s ease}.activity-item[data-v-5f2dc0cc]{background:#fff;border-radius:8px;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;height:90px;animation:fadeInUp-5f2dc0cc .6s ease forwards;opacity:0;transform:translateY(20px);transition:all .3s ease}.activity-item[data-v-5f2dc0cc]:active{transform:scale(.98);box-shadow:0 1px 4px rgba(0,0,0,.08)}.activity-item .activity-image[data-v-5f2dc0cc]{width:80px;height:90px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.activity-item .activity-image[data-v-5f2dc0cc]:hover{transform:scale(1.05)}.activity-item .rightBox[data-v-5f2dc0cc]{flex:1;padding:8px;position:relative}.activity-item .rightBox .status-tag[data-v-5f2dc0cc]{transition:all .3s ease}.activity-item .rightBox .activity-title[data-v-5f2dc0cc]{font-size:14px;font-weight:700;margin:4px 0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.activity-item .rightBox .activity-department[data-v-5f2dc0cc]{font-size:12px;color:#666;display:block;margin-bottom:4px;transition:color .3s ease}.activity-item .rightBox .activity-duration[data-v-5f2dc0cc]{font-size:12px;color:#999;display:block;transition:color .3s ease}@keyframes fadeIn-5f2dc0cc{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown-5f2dc0cc{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-5f2dc0cc{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.list-enter-active[data-v-5f2dc0cc],.list-leave-active[data-v-5f2dc0cc]{transition:all .5s ease}.list-enter-from[data-v-5f2dc0cc],.list-leave-to[data-v-5f2dc0cc]{opacity:0;transform:translateY(30px)}.list-move[data-v-5f2dc0cc]{transition:transform .5s ease}@media (hover:hover){.activity-item[data-v-5f2dc0cc]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.activity-item:hover .activity-title[data-v-5f2dc0cc]{color:#1989fa}.activity-item:hover .activity-department[data-v-5f2dc0cc]{color:#333}}