.phone.water-detail-open{grid-template-rows:44px minmax(0,1fr) 84px;background:#f7f7f7}
.water-detail-screen{grid-row:2;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:#f7f7f7}
.water-detail-screen::-webkit-scrollbar{display:none}
.water-detail-content{position:relative;width:375px;min-height:684px}
.water-detail-header{position:relative;display:flex;align-items:center;justify-content:center;width:375px;height:44px;background:#fff}
.water-detail-header>strong{font-size:16px;line-height:16px;font-weight:900}
.water-detail-header button{position:absolute;top:10px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:none}
.water-back{left:12px}.water-back img{width:10px;height:18px}.water-settings{right:12px}.water-settings img{width:24px;height:24px}
.water-summary{position:absolute;left:12px;top:56px;width:351px;height:326px;border-radius:18px;background:#fff}
.water-period{position:absolute;left:16px;top:16px;display:flex;width:319px;height:30px;padding:2px;border-radius:15px;background:#eeeef0}
.water-period button{flex:1;height:26px;padding:0;border:0;border-radius:13px;background:none;color:#161616;font-size:12px;font-weight:800}.water-period button.selected{background:#fff}
.water-date{position:absolute;left:16px;right:16px;top:62px;display:flex;align-items:center;justify-content:space-between;height:24px}.water-date>strong{font-size:12px;font-weight:800}.water-date button{position:relative;width:24px;height:24px;padding:0;border:0;background:none}.day-circle{width:24px;height:24px}.water-date .day-arrow{position:absolute;left:10px;top:8px;width:5px;height:9px}.water-date button:last-child .day-arrow{transform:scaleX(-1)}
.water-total{position:absolute;left:0;right:0;top:132px;height:95px}.water-bottle{position:absolute;left:68px;top:0;width:57px;height:95px}.bottle-body{position:absolute;left:0;top:19px;width:57px;height:76px;border:2px solid #e9ecf8;border-radius:18px;background:linear-gradient(#f2f5fc 42%,#bbcdfb 100%)}.bottle-cap{position:absolute;left:14px;top:0;width:29px;height:18px}.bottle-liquid{position:absolute;left:2px;top:53px;width:53px;height:40px}
.water-total-copy{position:absolute;left:155px;top:23px}.water-total-copy>div{display:flex;align-items:baseline;gap:7px;height:43px}.water-total-copy strong{font-family:Arial,sans-serif;font-size:36px;line-height:40px;font-weight:900;letter-spacing:-1.5px}.water-total-copy span{font-size:12px;color:#444}.water-total-copy small{display:flex;align-items:center;gap:6px;color:#a6a6a6;font-size:12px;font-weight:700;white-space:nowrap}.water-total-copy small img{width:12px;height:12px}
.water-entry{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;height:24px}.water-entry img{width:18px;height:24px}.water-entry span{margin-left:16px;color:#777;font-size:12px;font-weight:700}.water-entry time{margin-left:auto;color:#aaa;font-size:10px}
.water-intro{position:absolute;left:12px;top:408px;width:351px}.water-intro h2{height:26px;color:#aaa;font-size:14px;line-height:14px;font-weight:800}.water-intro p{min-height:77px;padding:19px 16px;border-radius:18px;background:#fff;color:#888;font-size:12px;line-height:18px}
.water-detail-footer{position:relative;grid-row:3;height:84px;background:#f7f7f7;z-index:2}.water-detail-footer button{display:block;width:316px;height:50px;margin:0 auto;padding:0;border:0;border-radius:25px;background:#00c2b0;color:#fff;font-size:14px;font-weight:900}.water-detail-footer img{position:absolute;left:0;bottom:0;width:375px;height:34px}