traveler/LaneTexture/unpackage/dist/dev/mp-weixin/pages/custom-trip/plan-detail.wxss

.plan-detail {
		min-height: 100vh;
		background-color: #f8f8f8;
}
.navbar {
		display: flex;
		align-items: center;
		height: 90rpx;
		padding: 0 30rpx;
		background-color: #ffffff;
		border-bottom: 1rpx solid #eaeaea;
		position: relative;
}
.back-btn {
		display: flex;
		align-items: center;
		position: absolute;
		left: 30rpx;
}
.back-icon {
		font-size: 40rpx;
}
.back-text {
		font-size: 28rpx;
		margin-left: 6rpx;
}
.navbar .title {
		flex: 1;
		text-align: center;
		font-size: 32rpx;
		font-weight: 500;
}
.container {
		padding: 30rpx;
}
.header {
		margin-bottom: 30rpx;
}
.header .title {
		font-size: 36rpx;
		font-weight: 600;
		margin-bottom: 10rpx;
}
.header .subtitle {
		font-size: 28rpx;
		color: #666;
}
.form-section {
		background-color: #ffffff;
		border-radius: 12rpx;
		padding: 20rpx;
		margin-bottom: 30rpx;
}
.form-item {
		padding: 20rpx 10rpx;
		border-bottom: 1rpx solid #f0f0f0;
}
.form-item:last-child {
		border-bottom: none;
}
.form-label {
		font-size: 30rpx;
		margin-bottom: 20rpx;
		font-weight: 500;
}
.form-hint {
		font-size: 24rpx;
		color: #999;
		margin-top: 10rpx;
}
.days-selector, .people-selector {
		display: flex;
		align-items: center;
}
.days-btn, .people-btn {
		width: 60rpx;
		height: 60rpx;
		border-radius: 50%;
		background-color: #f0f0f0;
		color: #333;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 32rpx;
}
.days-value, .people-value {
		margin: 0 30rpx;
		font-size: 32rpx;
		width: 100rpx;
		text-align: center;
}
.disabled {
		opacity: 0.5;
		pointer-events: none;
}
.budget-input {
		display: flex;
		align-items: center;
		border: 1rpx solid #eaeaea;
		border-radius: 8rpx;
		padding: 0 20rpx;
		height: 80rpx;
}
.currency {
		font-size: 32rpx;
		color: #666;
		margin-right: 10rpx;
}
.budget-input input {
		flex: 1;
		height: 80rpx;
		font-size: 32rpx;
}
.date-picker {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border: 1rpx solid #eaeaea;
		border-radius: 8rpx;
		padding: 0 20rpx;
		height: 80rpx;
}
.picker-value {
		font-size: 32rpx;
}
.picker-icon {
		font-size: 24rpx;
		color: #999;
}
.spots-section {
		background-color: #ffffff;
		border-radius: 12rpx;
		padding: 20rpx;
		margin-bottom: 30rpx;
}
.section-title {
		font-size: 30rpx;
		font-weight: 500;
		margin-bottom: 20rpx;
		padding: 0 10rpx;
}
.spots-list {
		max-height: 500rpx;
		overflow-y: auto;
}
.spot-item {
		display: flex;
		align-items: center;
		padding: 20rpx 10rpx;
		border-bottom: 1rpx solid #f0f0f0;
}
.spot-item:last-child {
		border-bottom: none;
}
.spot-index {
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		background-color: #3e98ff;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
		margin-right: 20rpx;
}
.spot-info {
		flex: 1;
}
.spot-name {
		font-size: 28rpx;
		margin-bottom: 6rpx;
}
.spot-address {
		font-size: 24rpx;
		color: #999;
}
.remove-btn {
		width: 50rpx;
		height: 50rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 36rpx;
		color: #999;
}
.empty-state {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 60rpx 0;
}
.empty-icon {
		font-size: 80rpx;
		margin-bottom: 20rpx;
}
.empty-text {
		font-size: 28rpx;
		color: #999;
}
.action-buttons {
		display: flex;
		gap: 20rpx;
}
.back-btn, .submit-btn {
		flex: 1;
		height: 90rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 45rpx;
		font-size: 32rpx;
}
.back-btn {
		background-color: #f0f0f0;
		color: #333;
}
.submit-btn {
		background-color: #3e98ff;
		color: #ffffff;
}
.submit-btn.disabled {
		background-color: #cccccc;
}