traveler/LaneTexture/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

.content {
		display: flex;
		flex-direction: column;
		background-color: #e3f4ff;
		min-height: 100vh;
}

	/* 顶部区域 */
.header {
		padding: 80rpx 30rpx 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.logo-container {
		display: flex;
		align-items: center;
}
.logo {
		width: 80rpx;
		height: 80rpx;
		margin-right: 20rpx;
}
.logo-text {
		display: flex;
		flex-direction: column;
}
.logo-text-top {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
}
.logo-text-bottom {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
		background-color: #ffeb3b;
		padding: 0 10rpx;
}
.header-mascot {
		width: 120rpx;
		height: 120rpx;
}
	
	/* 会员广告条 */
.vip-banner {
		margin: 20rpx 30rpx;
		background-color: #3a9eeb;
		border-radius: 20rpx;
		padding: 20rpx 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: white;
}
.vip-info {
		display: flex;
		align-items: center;
}
.vip-icon {
		width: 80rpx;
		height: 80rpx;
		margin-right: 20rpx;
}
.vip-text {
		display: flex;
		flex-direction: column;
}
.vip-title {
		font-size: 32rpx;
		font-weight: bold;
		margin-bottom: 5rpx;
}
.vip-price {
		font-size: 26rpx;
}
.vip-button {
		background-color: white;
		color: #3a9eeb;
		padding: 10rpx 30rpx;
		border-radius: 50rpx;
		font-size: 28rpx;
}
	
	/* 热门行程 */
.section {
		margin: 20rpx 0;
}
.section-header {
		padding: 0 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20rpx;
}
.section-title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
}
.section-more {
		display: flex;
		align-items: center;
		color: #3a9eeb;
		font-size: 28rpx;
}
.more-icon {
		margin-left: 5rpx;
}
.trip-scroll {
		width: 100%;
}
.trip-cards {
		display: flex;
		padding: 0 30rpx;
}
.trip-card {
		width: 620rpx;
		background-color: white;
		border-radius: 20rpx;
		margin-right: 20rpx;
		overflow: hidden;
		position: relative;
}
.trip-image {
		width: 100%;
		height: 300rpx;
}
.trip-tag {
		position: absolute;
		top: 20rpx;
		left: 20rpx;
		background-color: rgba(58, 158, 235, 0.8);
		color: white;
		padding: 5rpx 20rpx;
		border-radius: 50rpx;
		font-size: 24rpx;
}
.trip-info {
		padding: 20rpx;
}
.trip-title {
		font-size: 30rpx;
		font-weight: bold;
		color: #333;
		margin-bottom: 10rpx;
		display: block;
}
.trip-count, .trip-days {
		font-size: 26rpx;
		color: #666;
		background-color: #f0f0f0;
		padding: 5rpx 15rpx;
		border-radius: 10rpx;
}
.trip-data {
		display: flex;
		justify-content: space-between;
}
.trip-people {
		font-size: 26rpx;
		color: #999;
}
	
	/* 热门目的地样式 */
.hot-spots-section {
		margin: 20rpx 0 30rpx;
		padding: 30rpx 0;
		background-color: #ffffff;
}
.section-title {
		font-size: 36rpx;
		font-weight: bold;
		padding: 0 30rpx;
		margin-bottom: 20rpx;
		color: #333;
		display: flex;
		align-items: center;
}
.section-title::before {
		content: "";
		width: 8rpx;
		height: 36rpx;
		background: linear-gradient(to bottom, #4facfe, #00f2fe);
		margin-right: 16rpx;
		border-radius: 4rpx;
}
.spots-grid {
		display: flex;
		justify-content: space-between;
		padding: 0 30rpx;
}
.spot-card {
		width: 330rpx;
		height: 280rpx;
		background-color: #fff;
		border-radius: 20rpx;
		overflow: hidden;
		position: relative;
		box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1);
}
.spot-image {
		width: 100%;
		height: 180rpx;
		border-radius: 20rpx 20rpx 0 0;
}
.spot-tag {
		position: absolute;
		top: 16rpx;
		left: 16rpx;
		background-color: #ff6b35;
		color: white;
		font-size: 24rpx;
		padding: 4rpx 12rpx;
		border-radius: 8rpx;
		font-weight: bold;
		z-index: 1;
}
.spot-name {
		font-size: 30rpx;
		font-weight: bold;
		color: #333;
		padding: 16rpx 16rpx 8rpx;
}
.spot-location {
		display: flex;
		align-items: center;
		font-size: 24rpx;
		color: #999;
		padding: 0 16rpx;
}
.location-dot {
		color: #ff4f81;
		font-size: 24rpx;
		margin-right: 6rpx;
}