.fasting-screen{background:linear-gradient(180deg,#f5f5f8,#f3f3f3 85%)}
.fasting-content{position:relative;width:375px;min-height:779px}
.fasting-header{position:absolute;left:0;top:0;width:375px;height:50px;display:grid;place-items:center;background:#fefdfd}.fasting-header strong{font-size:16px;font-weight:700}
.fasting-plan{position:absolute;left:12px;top:62px;width:351px;height:362px;border-radius:14px;background:#fff}
.fasting-plan h2{position:absolute;left:12px;top:16px;font-size:14px;line-height:14px;font-weight:700}.fasting-plan-subtitle{position:absolute;left:12px;top:38px;color:#666;font-size:12px;line-height:12px}
.fasting-plan-type{position:absolute;right:12px;top:16px;width:70px;height:30px;border:0;border-radius:15px;background:#ecf3fd;color:#89a3cd;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700}.fasting-plan-type>img:first-child{width:12px;height:12px}.fasting-clock-hand{position:absolute;left:14px;top:14px;width:5px;height:1px;transform:rotate(90deg)}.fasting-clock-tick{position:absolute;left:14px;top:15px;width:3px;height:1px;transform:rotate(23deg)}
.fasting-time-box{position:absolute;left:12px;top:74px;width:327px;height:66px;border-radius:16px;background:#fbfbfb;display:flex;align-items:center;justify-content:space-around}.fasting-time-box>div{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:108px}.fasting-time-box span{color:#aaa;font-size:10px;line-height:10px}.fasting-time-box strong{font-size:14px;line-height:14px;font-weight:700}.fasting-time-box>img{width:26px;height:1px;transform:rotate(90deg)}
.fasting-success{position:absolute;left:12px;top:160px;display:flex;align-items:center;gap:6px;height:16px;white-space:nowrap}.fasting-success b{display:grid;place-items:center;width:58px;height:16px;border-radius:4px;background:#00c2b0;color:#fff;font-size:10px;font-weight:800}.fasting-success span{font-size:12px;font-weight:800}.fasting-success em{color:#00d4df;font-style:normal}
.fasting-progress{position:absolute;left:12px;top:188px;width:327px;height:80px}.fasting-progress-label{position:absolute;left:56px;top:0;z-index:1;width:56px;height:20px;display:grid;place-items:center;color:#aaa;font-size:10px}.fasting-progress-label img{position:absolute;inset:0;width:56px;height:19px;z-index:-1}.fasting-progress-track{position:absolute;left:0;top:34px;width:327px;height:19px}.fasting-progress-track>div{position:absolute;top:0;height:12px;border-radius:6px}.fasting-progress-fill{left:0;width:111px;background:linear-gradient(90deg,#f2feff,#83eef4)}.fasting-progress-middle{left:117px;width:85px;background:#f2f2f2}.fasting-progress-end{left:222px;width:85px;background:#f2f2f2}.fasting-progress-track img{position:absolute;display:block}.fasting-runner-bg{left:84px;top:-4px;width:37px;height:19px}.fasting-runner{left:104px;top:-1px;width:14px;height:14px;object-fit:cover}.fasting-runner-dot{left:96px;top:4px;width:4px;height:4px}.fasting-runner-dot-small{left:90px;top:5px;width:2px;height:2px}.fasting-finish{left:206px;top:-1px;width:12px;height:14px}.fasting-cooking{left:311px;top:-2px;width:16px;height:16px}.fasting-stages{position:absolute;left:0;right:0;top:57px;display:flex;justify-content:space-between;color:#aaa;font-size:10px;line-height:10px}
.fasting-end{position:absolute;left:76px;top:288px;width:200px;height:42px;border:0;border-radius:21px;background:#00c2b0;color:#fff;font-size:14px;font-weight:700}
.fasting-timeline{position:absolute;left:12px;top:436px;width:351px;height:147px;border-radius:14px;background:#fff}.fasting-legend{position:absolute;left:12px;top:18px;display:flex;gap:20px;color:#777;font-size:12px}.fasting-legend span{display:flex;align-items:center;gap:8px}.fasting-legend img{width:8px;height:8px}.fasting-hours{position:absolute;left:12px;top:77px;width:250px;display:flex;justify-content:space-between;color:#aaa;font-family:Arial,sans-serif;font-size:12px}.fasting-hour-bars{position:absolute;left:12px;top:91px;width:327px;height:8px;display:flex;gap:1px}.fasting-hour-bars i{height:8px;display:block}.fasting-hour-bars i:first-child{width:75px;background:linear-gradient(90deg,#fff,#96d81f 27%)}.fasting-hour-bars i:nth-child(2){width:143px;background:#1cd1e6}.fasting-hour-bars i:last-child{flex:1;background:linear-gradient(270deg,#fff,#99dc1f 27%)}.fasting-timeline p{position:absolute;left:0;right:0;top:119px;text-align:center;color:#777;font-size:12px;line-height:12px}
.fasting-recipes{position:absolute;left:12px;top:595px;width:351px;height:172px;border-radius:14px;background:#fff}.fasting-recipes h2{position:absolute;left:12px;top:16px;font-size:14px;line-height:14px;font-weight:700}.fasting-recipe{position:absolute;left:8px;top:42px;display:flex;width:331px;height:98px;padding:0;border:0;background:none;text-align:left}.fasting-recipe-image{position:relative;flex:none;width:80px;height:97px;overflow:hidden;border-radius:8px;background:#9be6d6}.fasting-recipe-image>img{position:absolute;left:11px;top:16px;width:97px;height:97px;object-fit:cover;border-radius:0 0 8px 0}.fasting-recipe-image span{position:absolute;left:0;top:0;width:35px;height:16px;border-radius:8px 0 8px 0;background:#1fb5a2;color:#fff;text-align:center;font-size:10px;line-height:16px;font-weight:700}.fasting-recipe-copy{position:relative;flex:1;min-width:0;padding-left:12px}.fasting-recipe-copy>strong{display:block;height:48px;overflow:hidden;color:#111;font-size:16px;line-height:24px;font-weight:700}.fasting-recipe-copy>strong .recipe-title-lead{color:#0b8190}.fasting-recipe-copy>strong img{display:inline-block;width:12px;height:1px;margin:0 7px;vertical-align:middle;transform:rotate(90deg)}.fasting-recipe-tags{display:flex;gap:16px;margin-top:6px;white-space:nowrap}.fasting-recipe-tags span{height:20px;padding:4px 7px;border-radius:4px;background:#ddfbff;color:#079dae;font-size:10px;line-height:12px}.fasting-recipe-nutrients{display:flex;align-items:center;gap:10px;margin-top:11px;color:#888;font-size:12px;white-space:nowrap}.fasting-recipe-nutrients span:first-child{color:#444}.fasting-recipe-nutrients span{display:flex;align-items:center;gap:3px}.fasting-recipe-nutrients img{width:10px;height:10px}
.fasting-recipe-image{margin-top:6px;height:95px}