.water-amount{font-size:64px;font-weight:700;line-height:1;margin:16px 0}
.water-unit{font-size:24px;opacity:0.9}
.water-detail{background:rgba(255,255,255,0.15);padding:12px;border-radius:8px;margin-top:16px;font-size:14px;line-height:1.8}
.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}
.schedule-item{background:#f7fafc;padding:16px;border-radius:8px;border-left:4px solid #4facfe;transition:all 0.2s}
.schedule-item:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(79,172,254,0.2)}
.schedule-time{font-size:20px;font-weight:700;color:#4facfe;margin-bottom:4px}
.schedule-amount{font-size:14px;color:#718096;margin-bottom:4px}
.schedule-tip{font-size:12px;color:#a0aec0}
.water-icon{font-size:48px;margin:12px 0}
.progress-ring{width:160px;height:160px;margin:16px auto;position:relative}
.progress-ring svg{transform:rotate(-90deg)}
.progress-ring-circle{fill:none;stroke:#e2e8f0;stroke-width:8}
.progress-ring-fill{fill:none;stroke:#4facfe;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 0.5s ease}
.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.progress-value{font-size:32px;font-weight:700;color:#4facfe}
.progress-label{font-size:12px;color:#718096;margin-top:4px}
.tip-card{background:#f7fafc;padding:16px;border-radius:8px;margin-top:12px}
.tip-title{font-weight:600;margin-bottom:8px;color:#4facfe}
.tip-content{line-height:1.8;color:#4a5568;font-size:14px}
.record-btn{margin-top:12px;width:100%}