.home-page { padding-top: 44rpx; }
.home-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 38rpx; }
.hero-title { display: block; margin-top: 14rpx; font-size: 50rpx; font-weight: 800; line-height: 1.15; }
.hero-copy { display: block; margin-top: 14rpx; color: #747b8e; font-size: 25rpx; }
.profile-mark { width: 68rpx; height: 68rpx; border-radius: 50%; color: #315bea; background: #e9eeff; text-align: center; line-height: 68rpx; font-weight: 700; }
.balance-card { margin-bottom: 22rpx; padding: 30rpx; color: #ffffff; background: #202a47; border-radius: 24rpx; box-shadow: 0 18rpx 38rpx rgba(32, 42, 71, 0.2); }
.balance-head, .balance-foot, .section-title-row { display: flex; align-items: center; justify-content: space-between; }
.balance-label { color: #b7c0dc; font-size: 24rpx; }
.live-state { display: flex; align-items: center; gap: 10rpx; color: #d4f3e2; font-size: 22rpx; }
.balance-value { margin: 22rpx 0 24rpx; font-size: 70rpx; font-weight: 800; letter-spacing: 1rpx; }
.points-unit { margin-left: 10rpx; color: #b7c0dc; font-size: 24rpx; font-weight: 600; letter-spacing: 0; }
.balance-foot { color: #9ea9c6; font-size: 22rpx; }
.home-notice { margin-bottom: 22rpx; }
.notice-action { margin-left: 14rpx; color: #315bea; font-weight: 700; }
.create-hero { display: flex; align-items: flex-end; justify-content: space-between; min-height: 220rpx; padding: 28rpx; color: #ffffff; background: #315bea; border-radius: 22rpx; box-shadow: 0 16rpx 32rpx rgba(49, 91, 234, .18); }
.create-hero-mark { width: 76rpx; height: 76rpx; border: 2rpx solid rgba(255,255,255,.55); border-radius: 50%; text-align: center; line-height: 70rpx; font-size: 42rpx; }
.tile-kicker { display: block; font-size: 19rpx; font-weight: 800; letter-spacing: 1rpx; opacity: 0.75; }
.tile-title { display: block; margin-top: 22rpx; font-size: 34rpx; font-weight: 800; }
.tile-copy { display: block; margin-top: 8rpx; font-size: 21rpx; line-height: 1.45; opacity: 0.72; }
.tile-arrow { position: absolute; right: 22rpx; bottom: 14rpx; font-size: 42rpx; font-weight: 300; }
.section-title-row { margin-top: 40rpx; }
.section-title { margin: 0; }
.link { color: #315bea; font-size: 23rpx; }
.quick-list { margin-top: 16rpx; }
.quick-item { display: flex; justify-content: space-between; align-items: center; padding: 24rpx 4rpx; border-bottom: 1rpx solid #eceef3; }
.quick-label, .quick-copy, .entry-title, .entry-copy { display: block; }
.quick-label { font-size: 27rpx; font-weight: 700; }
.quick-copy { margin-top: 8rpx; color: #8a90a2; font-size: 22rpx; }
.quick-price { color: #315bea; font-size: 30rpx; font-weight: 800; }
.entry-row { display: flex; align-items: center; gap: 18rpx; margin-top: 16rpx; padding: 22rpx; }
.entry-icon { width: 56rpx; height: 56rpx; color: #315bea; background: #edf1ff; border-radius: 16rpx; text-align: center; line-height: 56rpx; font-weight: 700; }
.green-icon { color: #2e8a5c; background: #e4f5eb; }
.entry-content { flex: 1; }
.entry-title { font-weight: 700; }
.entry-copy { margin-top: 7rpx; color: #8a90a2; font-size: 21rpx; }
.entry-arrow { color: #8a90a2; font-size: 42rpx; }