.report-card{background:linear-gradient(135deg,#FFFFFF,#F2FAF6)} .rc-text{color:var(--text-2);font-size:var(--fs-md);line-height:1.6} .rc-share{margin-top:var(--sp-4)} /* ===== 健康洞察(从历史页搬来,报告页的主角)===== */ .ins{border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-2)} .ins:last-child{margin-bottom:0} .ins-info{background:var(--surface-2)} .ins-warn{background:var(--primary-soft)} .ins-alert{background:var(--red-soft)} .ins-head{display:flex;align-items:flex-start;gap:var(--sp-2)} .ins-ic{flex:none;margin-top:2rpx} .ins-info .ins-ic{color:var(--green-ink)} .ins-warn .ins-ic{color:var(--primary-ink)} .ins-alert .ins-ic{color:var(--red-ink)} .ins-title{flex:1;font-size:var(--fs-md);font-weight:var(--fw-b);line-height:1.4} .ins-go{flex:none;color:var(--muted2);margin-top:2rpx} .ins-detail{color:var(--text-2);font-size:var(--fs-sm);line-height:1.6;margin-top:var(--sp-2)} .ins-ev{color:var(--muted);font-size:var(--fs-cap);margin-top:var(--sp-2)} /* ===== 体重趋势曲线(从历史页搬来)===== */ .trend-stats{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--muted)} .mini-chart{ height:256rpx;border-radius:var(--r-md);margin-top:var(--sp-4);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} .dot-layer{position:absolute;left:36rpx;right:36rpx;top:44rpx;bottom:44rpx} .dot{position:absolute;width:40rpx;height:40rpx;margin:-20rpx 0 0 -20rpx;border-radius:50%} .dot::after{content:'';position:absolute;left:50%;top:50%;width:18rpx;height:18rpx;margin:-9rpx 0 0 -9rpx;border-radius:50%;background:#fff;border:4rpx solid var(--green);box-sizing:border-box} .dot.on::after{width:26rpx;height:26rpx;margin:-13rpx 0 0 -13rpx;background:var(--green);box-shadow:0 0 0 6rpx rgba(115,190,157,.25)} .point-detail{ margin-top:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md); background:var(--green-soft);border:1rpx solid #DCEFE4; } .pd-main{display:flex;align-items:baseline;gap:var(--sp-3)} .pd-date{font-size:var(--fs-sm);color:var(--muted)} .pd-weight{font-size:var(--fs-xl);font-weight:var(--fw-b);color:var(--green-ink)} .pd-delta{font-size:var(--fs-sm);font-weight:var(--fw-b)} .pd-delta.up{color:var(--red-ink)} .pd-delta.down{color:var(--green-ink)} .pd-note{margin-top:var(--sp-2);font-size:var(--fs-md);color:var(--text-2);line-height:1.5} .pd-note.muted{color:var(--muted)} .chart-hint{margin-top:var(--sp-2);font-size:var(--fs-cap);color:var(--muted);text-align:center} /* ===== 养宠花销概要(详细在花销页)===== */ .bill-card:active{opacity:.85} .bill-sum{margin:var(--sp-2) 0 var(--sp-4)} .bill-total{font-size:56rpx;font-weight:var(--fw-b);color:var(--text);line-height:1.1} .bill-cur{font-size:var(--fs-lg);color:var(--muted);margin-right:4rpx} .bill-sub{font-size:var(--fs-sm);color:var(--muted);margin-top:4rpx} .bill-bars{display:flex;flex-direction:column;gap:var(--sp-3)} .bill-row{display:grid;grid-template-columns:88rpx 1fr 108rpx;gap:var(--sp-3);align-items:center;font-size:var(--fs-sm)} .bill-cat{color:var(--text)} .bill-amt{font-weight:var(--fw-b);text-align:right} /* 账单条比全局 .bar 细一档,蓝色是「花费」的语义色 */ .mini-bar{height:var(--sp-2);border-radius:var(--r-full);background:#F0E7DD;overflow:hidden} .mini-bar-fill{display:block;height:100%;border-radius:var(--r-full);background:var(--blue)}