.main-content {
		flex: 1;
		padding: 0.75rem;
	}

	.grid-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.625rem;
		padding-bottom: 0.625rem;
	}

	.grid-item {
		background: #fff;
		border-radius: 0.5rem;
		overflow: hidden;
		text-decoration: none;
		color: #333;
		border: 1px solid #f0f0f0;
		transition: all 0.3s;
	}

	.grid-item:active {
		transform: scale(0.98);
		background: #f9f9f9;
	}

	.grid-image {
		position: relative;
		width: 100%;
		padding-top: 80%;
		background: #f5f5f5;
		overflow: hidden;
	}

	.grid-image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.grid-image .tag {
		position: absolute;
		top: 0.25rem;
		left: 0.25rem;
		padding: 0.125rem 0.375rem;
		border-radius: 0.25rem;
		font-size: 0.625rem;
		color: #fff;
	}

	.tag.new {
		background: #e74c3c;
	}

	.tag.hot {
		background: #ff6b00;
	}

	.grid-title {
		padding: 0.5rem 0.5rem 0.25rem;
		font-size: 0.8125rem;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-weight: 500;
	}

	.grid-author {
		padding: 0 0.5rem 0.5rem;
		font-size: 0.6875rem;
		color: #999;
	}