/* 全局布局 */ .page-container.data-v-ff6c58be { min-height: 100vh; background-color: #F9FAFB; } .header-section.data-v-ff6c58be { padding: 40rpx 40rpx 20rpx 40rpx; background-color: #F9FAFB; position: -webkit-sticky; position: sticky; top: 0; z-index: 10; } .strategy-list.data-v-ff6c58be { padding: 0 40rpx; } /* 状态栏适配 */ .status-bar-height.data-v-ff6c58be { height: var(--status-bar-height); } /* 文字样式 */ .title-lg.data-v-ff6c58be { font-size: 48rpx; font-weight: 800; color: #111827; display: block; } .subtitle.data-v-ff6c58be { font-size: 28rpx; color: #6B7280; margin-top: 8rpx; display: block; } /* === 新增:添加按钮样式 === */ .add-btn-box.data-v-ff6c58be { width: 88rpx; height: 88rpx; background-color: #FFFFFF; border-radius: 24rpx; display: flex; align-items: center; justify-content: center; box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05); border: 1rpx solid #E5E7EB; } .add-btn-box.data-v-ff6c58be:active { background-color: #F3F4F6; } /* 策略卡片 */ .strategy-card.data-v-ff6c58be { background-color: #FFFFFF; border-radius: 32rpx; padding: 40rpx; margin-bottom: 32rpx; position: relative; overflow: hidden; box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.06); border: 1rpx solid #E5E7EB; transition: all 0.2s ease; } .strategy-card.data-v-ff6c58be:active { transform: translateY(2rpx); box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.04); } .watermark.data-v-ff6c58be { position: absolute; right: -20rpx; top: -20rpx; z-index: 0; pointer-events: none; } .card-header-row.data-v-ff6c58be { position: relative; z-index: 1; } /* 图标盒子 */ .icon-box.data-v-ff6c58be { width: 80rpx; height: 80rpx; border-radius: 20rpx; display: flex; align-items: center; justify-content: center; } .bg-emerald-900.data-v-ff6c58be { background-color: #064e3b; } .bg-blue-600.data-v-ff6c58be { background-color: #2563EB; } .bg-orange-500.data-v-ff6c58be { background-color: #F97316; } .icon-text.data-v-ff6c58be { color: #fff; font-weight: bold; font-size: 32rpx; } /* 卡片文本 */ .card-head.data-v-ff6c58be { font-size: 32rpx; font-weight: 700; color: #111827; display: block;} .card-tag.data-v-ff6c58be { font-size: 22rpx; font-weight: 600; margin-top: 4rpx; } .text-emerald-700.data-v-ff6c58be { color: #047857; } .text-blue-700.data-v-ff6c58be { color: #1D4ED8; } .text-orange-700.data-v-ff6c58be { color: #C2410C; } .desc-text.data-v-ff6c58be { font-size: 26rpx; color: #4B5563; line-height: 1.6; margin-bottom: 32rpx; display: block; margin-top: 24rpx; position: relative; z-index: 1; } /* 底部操作区 */ .footer-row.data-v-ff6c58be { display: flex; justify-content: space-between; align-items: center; padding-top: 32rpx; border-top: 1rpx solid #F9FAFB; position: relative; z-index: 1; } .tag-gray.data-v-ff6c58be { background-color: #F3F4F6; padding: 6rpx 16rpx; border-radius: 12rpx; margin-right: 12rpx; } .tag-text.data-v-ff6c58be { font-size: 22rpx; color: #6B7280; font-weight: 500; } /* 按钮样式 */ .btn-primary.data-v-ff6c58be { background-color: #064e3b; color: #fff; font-size: 24rpx; font-weight: 600; padding: 0 32rpx; height: 64rpx; line-height: 64rpx; border-radius: 999rpx; margin: 0; } .btn-secondary.data-v-ff6c58be { background-color: #F3F4F6; color: #4B5563; font-size: 24rpx; font-weight: 600; padding: 0 32rpx; height: 64rpx; line-height: 64rpx; border-radius: 999rpx; margin: 0; } /* 工具类 */ .flex-row.data-v-ff6c58be { display: flex; flex-direction: row; } .flex-col.data-v-ff6c58be { display: flex; flex-direction: column; } .items-center.data-v-ff6c58be { align-items: center; } .items-start.data-v-ff6c58be { align-items: flex-start; } .justify-between.data-v-ff6c58be { justify-content: space-between; } .gap-3.data-v-ff6c58be { gap: 24rpx; } .gap-2.data-v-ff6c58be { gap: 16rpx; } .mb-4.data-v-ff6c58be { margin-bottom: 32rpx; }