.waterfall-container {
	  display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  grid-auto-rows: minmax(100px, auto);
	  grid-auto-flow: dense;
	  gap: 1rem;
	  max-width: 1200px;
	  margin: 0 auto;
	  width: 100%;
	}
	@media (max-width: 768px) {
	  .waterfall-container {
		grid-template-columns: 1fr;
	  }
	}
	.waterfall-item {
	  display: block;
	  break-inside: avoid;
	  border-radius: 10px;
	  background: var(--el-bg-color, #1e1e1e);
	  position: relative;
	}

	.img-wrapper {
	  position: relative;
	  border-radius: 10px;
	  overflow: hidden;
	}

	.img-wrapper img,
	.img-wrapper video {
	  width: 100%;
	  height: auto;
	  display: block;
	  border-radius: 10px;
	  transition: transform 0.3s ease;
	}
	.img-wrapper img[alt="post"] {
	  min-height: 45px;
	}
	.img-wrapper:hover img {
	  transform: scale(1.03);
	}

	.user-info {
	  position: absolute;
	  top: 8px;
	  left: 8px;
	  display: flex;
	  align-items: center;
	  background: rgba(0,0,0,0.55);
	  border-radius: 20px;
	  padding: 3px 8px;
	  color: #fff;
	  font-size: 13px;
	  backdrop-filter: blur(4px);
	}
	.user-info .avatar {
	  width: 28px;
	  height: 28px;
	  border-radius: 50%;
	  border: 1px solid rgba(255,255,255,0.3);
	  margin-right: 6px;
	  object-fit: cover;
	  background: url('/avatar/no-avatar.png') center center / cover no-repeat;
	}
	.user-info .avatar[src] {
	  background: none;
	}
	.username {
	  max-width: 100px;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	}

	.post-time {
	  position: absolute;
	  right: 8px;
	  bottom: 8px;
	  background: rgba(0,0,0,0.55);
	  color: #fff;
	  font-size: 12px;
	  padding: 2px 8px;
	  border-radius: 12px;
	  backdrop-filter: blur(4px);
	}
	/*Loading*/
	.urusai-loading {
	  position: relative;
	}

	.urusai-loading::before {
	  content: "";
	  position: absolute;
	  inset: 0;
	  background: rgba(0,0,0,0.15);
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  z-index: 999998;
	  pointer-events: none;
	}

	.urusai-loading::after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 28px;
	  height: 28px;
	  border: 3px solid rgb(91,155,211);
	  border-top-color: transparent;
	  border-radius: 50%;
	  transform: translate(-50%, -50%);
	  animation: spin 0.7s linear infinite;
	  z-index: 999999;
	  pointer-events: none;
	}

	@keyframes spin {
	  to { transform: translate(-50%, -50%) rotate(360deg); }
	}