/* 通用布局 */ .page-container.data-v-4d7ff163 { min-height: 100vh; background-color: #F3F4F6; padding-bottom: 200rpx; /* 给底部按钮留空 */ } .flex-row.data-v-4d7ff163 { display: flex; flex-direction: row; } .items-center.data-v-4d7ff163 { align-items: center; } .justify-between.data-v-4d7ff163 { justify-content: space-between; } .gap-2.data-v-4d7ff163 { gap: 16rpx; } /* 导航栏 */ .nav-bar.data-v-4d7ff163 { background-color: #fff; padding: var(--status-bar-height) 32rpx 20rpx 32rpx; display: flex; align-items: center; justify-content: space-between; height: 88rpx; box-sizing: content-box; } .page-title.data-v-4d7ff163 { font-size: 34rpx; font-weight: 700; color: #111827; } /* 卡片容器 */ .section-card.data-v-4d7ff163 { background-color: #fff; margin: 32rpx; padding: 32rpx; border-radius: 32rpx; box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.03); } /* 卡片标题头 */ .card-header.data-v-4d7ff163 { display: flex; align-items: center; margin-bottom: 32rpx; } .header-icon.data-v-4d7ff163 { width: 60rpx; height: 60rpx; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; margin-right: 20rpx; } .bg-emerald-100.data-v-4d7ff163 { background-color: #D1FAE5; } .bg-blue-100.data-v-4d7ff163 { background-color: #DBEAFE; } .header-title.data-v-4d7ff163 { font-size: 30rpx; font-weight: 700; color: #1F2937; } /* 添加按钮 */ .add-btn.data-v-4d7ff163 { display: flex; align-items: center; background-color: #ECFDF5; padding: 8rpx 20rpx; border-radius: 100rpx; gap: 8rpx; } .add-text.data-v-4d7ff163 { font-size: 24rpx; font-weight: 600; color: #064E3B; } /* 表单项 */ .form-item.data-v-4d7ff163 { margin-bottom: 32rpx; } .form-item.data-v-4d7ff163:last-child { margin-bottom: 0; } .label.data-v-4d7ff163 { font-size: 26rpx; font-weight: 600; color: #374151; margin-bottom: 16rpx; display: block; } .input-box.data-v-4d7ff163 { background-color: #F9FAFB; border: 2rpx solid #E5E7EB; border-radius: 20rpx; height: 96rpx; padding: 0 32rpx; font-size: 28rpx; color: #1F2937; } .placeholder-style.data-v-4d7ff163 { color: #9CA3AF; } /* 选择器样式 */ .picker-box.data-v-4d7ff163 { background-color: #F9FAFB; border: 2rpx solid #E5E7EB; border-radius: 20rpx; height: 96rpx; padding: 0 32rpx; display: flex; align-items: center; justify-content: space-between; } .picker-text.data-v-4d7ff163 { font-size: 28rpx; color: #1F2937; font-weight: 500; } .picker-placeholder.data-v-4d7ff163 { font-size: 28rpx; color: #9CA3AF; } .strategy-dot.data-v-4d7ff163 { width: 16rpx; height: 16rpx; border-radius: 50%; } .helper-text.data-v-4d7ff163 { font-size: 22rpx; color: #6B7280; margin-top: 12rpx; display: block; margin-left: 8rpx; } /* --- 动态持仓列表 --- */ .stock-list.data-v-4d7ff163 { display: flex; flex-direction: column; gap: 24rpx; } .stock-item.data-v-4d7ff163 { background-color: #F9FAFB; border: 1rpx solid #E5E7EB; border-radius: 24rpx; padding: 24rpx; } .item-header.data-v-4d7ff163 { display: flex; justify-content: space-between; margin-bottom: 20rpx; } .item-index.data-v-4d7ff163 { font-size: 24rpx; font-weight: 700; color: #9CA3AF; } /* 网格输入布局 */ .item-grid.data-v-4d7ff163 { display: flex; gap: 20rpx; margin-bottom: 20rpx; } .grid-col.data-v-4d7ff163 { flex: 1; } .sub-label.data-v-4d7ff163 { font-size: 20rpx; color: #6B7280; margin-bottom: 8rpx; display: block; } .mini-input.data-v-4d7ff163 { background-color: #FFFFFF; border: 1rpx solid #E5E7EB; border-radius: 16rpx; height: 72rpx; padding: 0 20rpx; font-size: 26rpx; color: #1F2937; } /* 日期选择 */ .date-picker-display.data-v-4d7ff163 { background-color: #FFFFFF; border: 1rpx solid #E5E7EB; border-radius: 16rpx; height: 72rpx; padding: 0 20rpx; display: flex; align-items: center; justify-content: space-between; font-size: 26rpx; color: #1F2937; } /* 底部固定区 */ .footer-area.data-v-4d7ff163 { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 20rpx 32rpx 50rpx 32rpx; /* 适配 iPhone X */ box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; gap: 20rpx; } .total-summary.data-v-4d7ff163 { display: flex; justify-content: space-between; align-items: center; padding: 0 10rpx; } .summary-label.data-v-4d7ff163 { font-size: 26rpx; color: #6B7280; } .summary-val.data-v-4d7ff163 { font-size: 36rpx; font-weight: 700; color: #064E3B; font-family: 'DIN Alternate'; } .submit-btn.data-v-4d7ff163 { background-color: #064E3B; color: #fff; font-weight: 700; border-radius: 24rpx; height: 96rpx; line-height: 96rpx; font-size: 30rpx; width: 100%; } .submit-btn.data-v-4d7ff163:active { opacity: 0.9; }