.body-profile-screen{background:linear-gradient(174deg,#f4f4f7,#fff 96%)}
.body-profile-content{position:relative;width:375px;min-height:1251px;color:#181818;background:linear-gradient(174deg,#f4f4f7,#fff 450px,#f5f5f8 100%)}
.body-profile-header{position:relative;display:grid;place-items:center;height:50px;background:#fefdfd}.body-profile-header strong{font-size:16px;font-weight:600}.body-profile-header button{position:absolute;right:12px;top:12px;width:24px;height:24px;padding:0;border:0;background:none}.body-profile-header button img{width:4px;height:21px;object-fit:contain;margin:auto;transform:rotate(90deg)}
.body-profile-summary{position:relative;height:331px}.body-profile-person{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:5px;width:71px;height:40px;padding-left:8px;border-radius:20px;background:#afe2e8;color:#14808b;font-size:12px;font-weight:700}.body-profile-person img{width:24px;height:24px;border:1px solid #fff;border-radius:50%;object-fit:cover}
.body-profile-weight{position:absolute;left:12px;top:76px;width:126px;height:243px;padding:14px 16px;border-radius:12px;background:#fefdfd;display:flex;flex-direction:column;align-items:flex-start}.body-profile-weight>span{font-size:12px;font-weight:500;line-height:12px}.body-profile-weight>strong{margin-top:8px;color:#60d2ba;font-size:24px;line-height:24px;font-weight:800;white-space:nowrap}.body-profile-weight>strong small{font-size:12px;color:#888;font-weight:500}.body-profile-weight>span:nth-of-type(2){margin-top:20px}.body-profile-weight>span:nth-of-type(3){margin-top:20px}.body-profile-weight>button:not(.body-profile-analysis){display:flex;align-items:center;gap:3px;margin-top:6px;padding:0;border:0;background:none;color:#60d2ba;font-size:12px}.body-profile-weight>button:not(.body-profile-analysis) img{width:5px;height:10px;transform:rotate(180deg)}.body-profile-weight .body-profile-analysis{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;justify-content:center;gap:6px;width:94px;height:33px;padding:0;border:1px solid #7f8280;border-radius:8px;background:transparent;color:#444;font-size:12px}.body-profile-analysis img{width:5px;height:10px;transform:rotate(180deg)}
.body-profile-figure{position:absolute;left:211px;top:66px;width:152px;height:252px;overflow:hidden}.body-profile-figure img{position:absolute;left:-73px;top:-31px;width:283px;height:283px;max-width:none}
.body-profile-upload{position:absolute;left:12px;top:381px;display:flex;align-items:center;width:351px;height:46px;padding:0 16px;border:0;border-radius:12px;background:#fefdfd;text-align:left;font-size:14px}.body-profile-upload span{flex:1;white-space:nowrap}.body-profile-upload em{color:#60d2ba;font-size:14px;font-style:normal}.body-profile-upload img{width:5px;height:10px;margin-left:4px;transform:rotate(180deg)}
.body-profile-data{position:absolute;left:0;top:439px;width:375px;height:812px;background:linear-gradient(180deg,#fff 8%,#f5f5f8 100%)}
.body-profile-section-tabs{position:absolute;left:0;top:16px;display:grid;grid-template-columns:repeat(4,1fr);width:375px;height:74px}.body-profile-section-tabs button{display:flex;align-items:center;flex-direction:column;gap:11px;padding:0;border:0;background:none;color:#888;font-size:14px;font-weight:700}.body-profile-section-tabs button img{width:24px;height:24px;object-fit:contain}.body-profile-section-tabs button.selected{color:#079dae}.body-profile-section-tabs button span{white-space:nowrap}
.body-profile-basic{position:absolute;left:12px;top:99px;width:351px;height:178px;padding:16px;border-radius:12px;background:#fff}.body-profile-basic h2,.body-profile-record h2,.mini-record h2{font-family:"Alibaba PuHuiTi Heavy","PingFang SC",sans-serif;font-size:16px;font-weight:900;line-height:18px}.body-profile-update{display:flex;align-items:center;height:12px;margin-top:18px;color:#888;font-size:12px;white-space:nowrap}.body-profile-update>img{width:12px;height:12px;margin-right:8px}.body-profile-update b{color:#222;font-weight:500}.body-profile-update button{display:flex;align-items:center;gap:6px;margin-left:auto;padding:0;border:0;background:none;color:#999;font-size:12px}.body-profile-update button img{width:5px;height:10px;transform:rotate(180deg)}
.body-profile-metrics{display:grid;grid-template-columns:80px repeat(3,1fr);width:319px;height:83px;margin-top:12px;border-radius:12px;background:#edfdff;overflow:hidden}.body-profile-metrics>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0}.body-profile-metrics>div.bmi{background:#b5edf4;color:#0b7a86}.body-profile-metrics strong{display:flex;align-items:center;gap:3px;font-size:20px;line-height:20px;font-weight:800;white-space:nowrap}.body-profile-metrics strong img{width:5px;height:10px;transform:rotate(180deg)}.body-profile-metrics span{font-size:12px;white-space:nowrap}.body-profile-metrics .bmi span{color:#16808c;font-weight:700}
.body-profile-record{position:absolute;left:12px;width:351px;border-radius:14px;background:#fff}.body-profile-record>div:first-child{position:absolute;left:16px;top:16px}.body-profile-record small,.mini-record small{display:block;margin-top:5px;color:#999;font-size:12px}.body-profile-record.sleep{top:289px;height:120px}.sleep-values{position:absolute;left:16px;top:70px;display:flex;align-items:baseline;gap:3px}.sleep-values strong{font-size:30px;line-height:30px;font-weight:800;letter-spacing:-2px}.sleep-values span{margin-right:9px;color:#888;font-size:12px}.sleep-bars{position:absolute;right:24px;bottom:16px;display:flex;align-items:center;gap:8px;height:36px}.sleep-bars i{display:block;width:5px;border-radius:5px;background:#1cd1e6}.sleep-bars i:nth-child(1){height:15px}.sleep-bars i:nth-child(2){height:24px}.sleep-bars i:nth-child(3){height:23px}.sleep-bars i:nth-child(4){height:36px}.sleep-bars i:nth-child(5){height:24px}.sleep-bars i:nth-child(6){height:21px}.sleep-bars i:nth-child(7){height:13px}
.body-profile-record.sport{top:421px;height:130px}.body-profile-record.sport>button{position:absolute;right:12px;top:12px;width:14px;height:14px;padding:0;border:0;background:none}.body-profile-record.sport>button img{width:14px;height:14px}.sport-stats{position:absolute;left:16px;bottom:16px;display:flex;gap:25px}.sport-stats>div{display:flex;flex-direction:column}.sport-stats small{font-size:10px}.sport-stats strong{margin-top:3px;font-size:20px}.sport-stats strong span{margin-left:2px;color:#888;font-size:12px;font-weight:500}.body-profile-record .sport-chart{position:absolute;right:17px;bottom:18px;width:115px;height:54px}
.body-profile-grid{position:absolute;left:12px;top:563px;display:grid;grid-template-columns:169px 170px;gap:12px;width:351px}.mini-record{position:relative;height:118px;padding:16px;border-radius:14px;background:linear-gradient(180deg,#ecfffb,#fff 66%)}.mini-record.cyan{background:linear-gradient(180deg,#ddfbff,#fff 70%)}.mini-record strong{position:absolute;left:16px;bottom:14px;display:flex;align-items:baseline;gap:3px;font-size:20px;font-weight:800}.mini-record strong .unit{font-size:12px;font-weight:500}.mini-dashes{display:flex;align-items:center;gap:3px;align-self:center;height:12px}.mini-dashes img{width:7px;height:1px}