.value_bar_box[data-v-ac1a2ff8]{position:relative;width:18.9375rem;margin:auto;margin-top:1.5625rem;padding-top:.25rem}.value_bar_box .value_bar_div[data-v-ac1a2ff8]{position:absolute;top:-1.125rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content}.value_bar_box .value_bar_div .value_bar_minitxt[data-v-ac1a2ff8]{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 .3125rem;height:1rem;font-family:DIN;font-weight:700;font-size:.6875rem;color:#fff;line-height:1rem;text-align:center;margin:auto;background-color:#9ed13c;border-radius:.5rem}.value_bar_box .value_bar_div .value_bar_boder[data-v-ac1a2ff8]{width:.875rem;height:.875rem;background:#90d13c;border-radius:50%;margin:auto;margin-top:.125rem}.value_bar_box .value_bar[data-v-ac1a2ff8]{width:18.9375rem;height:.5rem;background:-webkit-gradient(linear,left top,right top,from(#53d5ec),color-stop(29%,#27c998),color-stop(67%,#e5ce3c),to(#f55044));background:-webkit-linear-gradient(left,#53d5ec,#27c998 29%,#e5ce3c 67%,#f55044);background:linear-gradient(90deg,#53d5ec,#27c998 29%,#e5ce3c 67%,#f55044);border-radius:.25rem}.value_bar_box .value_bar_txt[data-v-ac1a2ff8]{position:relative;margin-top:.5rem;height:1.25rem;width:18.9375rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.value_bar_box .value_bar_txt ._bar_txt[data-v-ac1a2ff8]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:16.66667%;font-family:PingFang SC;font-weight:400;font-size:.75rem;color:#999;line-height:1.25rem;text-align:center;white-space:nowrap;overflow:visible}.sleepData{width:100%;min-height:100vh;background-image:url(../img/sleep_bg.285b8662.png);background-repeat:no-repeat;background-size:100% auto;background-color:#f5f5f5;display:flow-root;padding-bottom:2.5rem}.sleepData .page_name{font-family:PingFang SC;font-weight:700;font-size:1.375rem;color:#222;line-height:1.375rem;margin-top:1.125rem;padding-left:.75rem}.sleepData .title_name{font-family:PingFang SC;font-weight:400;font-size:.8125rem;color:#222;line-height:.8125rem;width:11.4375rem;height:1.75rem;background:#d9fdff;line-height:1.75rem;border-radius:.875rem;text-align:center;margin-top:.5625rem;margin-left:.75rem}.sleepData .content{width:21.9375rem;background:#fff;border-radius:.5rem;margin:1rem auto 0 auto;padding-bottom:.75rem}.sleepData .content.frist_content{margin:1.25rem auto 0 auto}.sleepData .content .content_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:.75rem;position:relative}.sleepData .content .content_title .content_icon_box{margin-top:1rem;margin-left:.75rem;width:1.25rem;height:.625rem;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sleepData .content .content_title .content_icon_box .content_icon1{display:inline-block;width:.625rem;height:.625rem;background-color:#62d5d8;border-radius:50%}.sleepData .content .content_title .content_icon_box .content_icon2{margin-left:-.1875rem;width:.625rem;height:.625rem;background:rgba(98,213,216,.39);border-radius:50%}.sleepData .content .content_title ._title_txt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:PingFang SC;font-weight:700;font-size:1rem;color:#222;line-height:1rem;padding-top:.75rem;padding-left:.1875rem}.sleepData .content .content_title .unit{position:absolute;right:.6875rem;top:.75rem;font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#999;line-height:.875rem}.sleepData .content .content_title .unit.bedtime_baseline_hint{font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#e9ab3e;line-height:1.25rem}.sleepData .content .times{font-family:PingFang SC;font-weight:400;font-size:.8125rem;color:#222;line-height:1.25rem;text-align:right;padding-right:.75rem}.sleepData .content .times .sleep_text{font-weight:400;font-size:.875rem;color:#9462e0;padding-right:.3125rem}.sleepData .content .times span{font-size:1.25rem;font-weight:700}.sleepData .content .Pie_div{width:21.9375rem;height:14.375rem}.sleepData .content .tooltip-header{font-weight:700;margin-bottom:.5rem;color:#222}.sleepData .content .tooltip-sum{margin-bottom:.5rem}.sleepData .content .tooltip-sum span{font-weight:700}.sleepData .content .tooltip-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:.25rem 0}.sleepData .content .marker{width:.5rem;height:.5rem;border-radius:50%;margin-right:.375rem}.sleepData .content .label{width:3.75rem;overflow:hidden;text-overflow:ellipsis}.sleepData .content .value{font-weight:600}.sleepData .content .legend_data{width:20.4375rem;margin:auto}.sleepData .content .legend_data .legend_item{padding-top:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sleepData .content .legend_data .legend_item .sleep_item_box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.sleepData .content .legend_data .legend_item .sleep_item_box div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one{font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#222;line-height:1rem;padding-bottom:.25rem}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one .icon{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;margin-right:.3125rem}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one .icon_0{background:#9462e0}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one .icon_1{background:#00d0ff}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one .icon_2{background:#ff9faf}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one .icon_3{background:#ff8a5e}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one .status span{padding-left:1.125rem;color:#36ce5e}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one .status .low{color:#40c2eb}.sleepData .content .legend_data .legend_item .sleep_item_box .item_one .status .high{color:#ff2e2e}.sleepData .content .legend_data .legend_item .sleep_item_box .item_two{font-family:PingFang SC;font-weight:400;font-size:.8125rem;line-height:1rem;padding-left:.875rem}.sleepData .content .legend_data .legend_item .sleep_item_box .item_two .scope{color:#999}.sleepData .content .legend_data .legend_item .sleep_item_box .item_two .time span{font-weight:700;font-size:1.125rem}.sleepData .content .legend_data .legend_item .sleep_item_more{padding-left:.625rem}.sleepData .content .legend_data .legend_item .sleep_item_more .right{width:.75rem;padding-top:1.25rem}.sleepData .content .suggestion_name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:1rem;margin-bottom:.5rem}.sleepData .content .suggestion_name .suggestion_name_icon{width:.625rem;height:.75rem;display:block;margin-left:.75rem;margin-right:.3125rem}.sleepData .content .suggestion_name .suggestion_title{font-family:PingFang SC;font-weight:700;font-size:.875rem;color:#222;line-height:.75rem}.sleepData .content .suggestion_value{font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#666;line-height:.875rem;padding-left:1.6875rem}.sleepData .content.sleep_duration_trend .sleep_duration_baseline_hint{font-family:PingFang SC;font-weight:400;font-size:.8125rem;color:#999;line-height:1.125rem;padding:0 .75rem .25rem}.sleepData .content.sleep_duration_trend .sleep_duration_stats_grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;padding:.25rem .75rem .875rem}.sleepData .content.sleep_duration_trend .sleep_duration_stat_card{background:#f8fcfc;border-radius:.5rem;padding:.75rem .625rem}.sleepData .content.sleep_duration_trend .sd_card_head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.375rem}.sleepData .content.sleep_duration_trend .sd_dot{width:.625rem;height:.625rem;border-radius:50%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.sleepData .content.sleep_duration_trend .sd_dot_0,.sleepData .content.sleep_duration_trend .sd_dot_1{background:#9462e0}.sleepData .content.sleep_duration_trend .sd_dot_2{background:#00d0ff}.sleepData .content.sleep_duration_trend .sd_dot_3{background:#ff9faf}.sleepData .content.sleep_duration_trend .sd_dot_4{background:#ff8a5e}.sleepData .content.sleep_duration_trend .sd_title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#222;line-height:1rem;min-width:0}.sleepData .content.sleep_duration_trend .sd_chevron{width:.625rem;height:.625rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;opacity:.55}.sleepData .content.sleep_duration_trend .sd_value_row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-top:.25rem;gap:.375rem}.sleepData .content.sleep_duration_trend .sd_main_val{font-family:PingFang SC;font-weight:400;font-size:.8125rem;color:#222;line-height:1.375rem}.sleepData .content.sleep_duration_trend .sd_main_val span{font-size:1.125rem;font-weight:700}.sleepData .content.sleep_duration_trend .sd_rate_wrap{text-align:right;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.sleepData .content.sleep_duration_trend .sd_rate{display:block;font-family:PingFang SC;font-size:.8125rem;color:#222;line-height:1.125rem}.sleepData .content.sleep_duration_trend .sd_status{display:block;font-family:PingFang SC;font-size:.8125rem;color:#36ce5e;line-height:1.125rem}.sleepData .content.sleep_duration_trend .sd_status.low{color:#40c2eb}.sleepData .content.sleep_duration_trend .sd_status.high{color:#ff2e2e}.sleepData .content.sleep_duration_trend .sd_scope{margin-top:.625rem;font-family:PingFang SC;font-weight:400;font-size:.75rem;color:#999;line-height:1rem}.sleepData .content.sleep_duration_trend .sd_main_plain{font-size:.875rem;font-weight:400;line-height:1.375rem}.sleepData .content.sleep_duration_trend .sb_baseline_ui{margin-top:1.125rem}.sleepData .content.sleep_duration_trend .sb_row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;line-height:1.2}.sleepData .content.sleep_duration_trend .sb_row_current{margin-top:.625rem}.sleepData .content.sleep_duration_trend .sb_label{font-family:PingFang SC;font-weight:700;font-size:.75rem;color:#222;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.sleepData .content.sleep_duration_trend .sb_val_amber{color:#e9ab3e}.sleepData .content.sleep_duration_trend .sb_val_amber,.sleepData .content.sleep_duration_trend .sb_val_teal{font-family:PingFang SC;font-weight:700;font-size:.75rem;text-align:right;min-width:0;word-break:break-all;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:.125rem}.sleepData .content.sleep_duration_trend .sb_val_teal{color:#62d5d8}.sleepData .content.sleep_duration_trend .sb_track{height:.375rem;border-radius:.5rem;overflow:hidden;margin-top:.3125rem}.sleepData .content.sleep_duration_trend .sb_track_amber{background:#f8f3eb}.sleepData .content.sleep_duration_trend .sb_track_teal{background:#d1e9e9}.sleepData .content.sleep_duration_trend .sb_fill{height:100%;border-radius:.5rem;max-width:100%;-webkit-transition:width .2s ease;transition:width .2s ease}.sleepData .content.sleep_duration_trend .sb_fill_amber{background:#e9ab3e}.sleepData .content.sleep_duration_trend .sb_fill_teal{background:#62d5d8}.sleepData .content.sleep_duration_trend .sb_compare{margin:.5rem 0 0;font-family:PingFang SC;font-weight:400;font-size:.8125rem;color:#222;line-height:1.125rem}.sleepData .bedtime_records_wrap{width:20.4375rem;margin:0 auto;padding-bottom:.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}.sleepData .bedtime_records_wrap .bedtime_table_div{border-left:.0625rem solid #d8e8e5;border-top:.0625rem solid #d8e8e5}.sleepData .bedtime_records_wrap .bedtime_table_header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.75rem;background:#fff}.sleepData .bedtime_records_wrap .bedtime_cell{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#222;line-height:1.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;border-right:.0625rem solid #d8e8e5;border-bottom:.0625rem solid #d8e8e5}.sleepData .bedtime_records_wrap .bedtime_table_row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.75rem;background-color:#f1f8f8}.sleepData .bedtime_records_wrap .bedtime_table_row.mors{background-color:#fafcff}.sleepData .bedtime_records_wrap .bedtime_abnormal{color:#f82727}