.page-body{padding:8rpx 40rpx calc(210rpx + env(safe-area-inset-bottom))} .pt-h2{font-size:46rpx;letter-spacing:-.6rpx;font-weight:800} .pt-p{color:var(--muted);font-size:26rpx;margin-top:10rpx} .record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24rpx;margin-bottom:28rpx} .record-item{ height:184rpx;background:#fff;border-radius:44rpx;box-shadow:var(--shadow); display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16rpx; font-weight:900;color:var(--text);font-size:28rpx; } .ri-ic{font-size:56rpx} .mini-chart{ height:256rpx;border-radius:36rpx;margin-top:24rpx;position:relative;overflow:hidden; background: linear-gradient(180deg,rgba(115,190,157,.16),rgba(115,190,157,0)), repeating-linear-gradient(0deg,#fff,#fff 60rpx,#EFE8DE 62rpx); } .chart-line{position:absolute;left:36rpx;right:36rpx;top:44rpx;bottom:44rpx;width:auto;height:auto} .health-timeline{display:flex;flex-direction:column;gap:20rpx} .health-event{display:flex;gap:20rpx;background:#FBFAF8;border-radius:32rpx;padding:24rpx} .event-dot{ width:68rpx;height:68rpx;border-radius:26rpx;flex:none; display:flex;align-items:center;justify-content:center;background:#FFF0D7;font-size:34rpx; } .he-b{font-size:28rpx;font-weight:700} .he-p{color:var(--muted);font-size:24rpx;line-height:1.45;margin-top:6rpx} /* 页面不自身滚动,改由 page-scroll 承载滚动(隐藏滚动条)*/ page{height:100vh;overflow:hidden;display:flex;flex-direction:column} .page-scroll{flex:1;min-height:0}