.os-statistics{z-index:30;position:fixed;top:40px;left:10px;display:flex;gap:20px;flex-direction:column;padding:12px;border-radius:6px;background-color:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.os-statistics .statistics-top{display:flex;gap:10px;align-items:center}.os-statistics .statistics-top .item{display:flex;gap:4px;align-items:center;font-size:12px}.os-statistics .statistics-top .item .color{width:12px;height:12px;border-radius:3px}.os-statistics .statistics-top .item .color.text{background-color:var(--os-primary)}.os-statistics .statistics-top .item .color.imgs{background-color:var(--os-success)}.os-statistics .statistics-top .item .color.video{background-color:var(--os-danger)}.os-statistics .statistics-top .item .color.music{background-color:var(--os-warning)}.os-statistics .statistics-top .item .color.comment{background-color:#907cff}.os-statistics .statistics-list{width:100%;display:flex;gap:10px}.os-statistics .statistics-list .month{width:auto;display:grid;position:relative;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;grid-gap:4px;padding-block-start:20px;grid-auto-columns:min-content;scroll-snap-align:start}.os-statistics .statistics-list .month .tip{opacity:.88;position:absolute;top:-8px;left:2px;font-size:13px}.os-statistics .statistics-list .month .item{position:relative;width:12px;height:12px;transition:.3s;border-radius:2px;background-color:#0003}.os-statistics .statistics-list .month .item:hover{background-color:var(--os-success)}.os-statistics .statistics-list .month .item:hover .details{display:block}.os-statistics .statistics-list .month .item .datas{width:100%;height:100%;opacity:.6;overflow:hidden;border-radius:2px}.os-statistics .statistics-list .month .item .datas .text{background-color:var(--os-primary)}.os-statistics .statistics-list .month .item .datas .music{background-color:var(--os-warning)}.os-statistics .statistics-list .month .item .datas .video{background-color:var(--os-danger)}.os-statistics .statistics-list .month .item .datas .img{background-color:var(--os-success)}.os-statistics .statistics-list .month .item .datas .comment{background-color:#907cff}.os-statistics .statistics-list .month .item .details{z-index:200;position:absolute;display:none;top:50%;right:0;padding:6px 10px;line-height:20px;border-radius:4px;background-color:#ffffffe0;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transform:translate(calc(100% + .4em),-50%)}.os-statistics .statistics-list .month .item .details>div{font-size:11px;white-space:nowrap;word-spacing:1px;letter-spacing:1px;display:flex;align-items:center}.os-statistics .statistics-list .month .item .details .comment p:first-child,.os-statistics .statistics-list .month .item .details .img p:first-child,.os-statistics .statistics-list .month .item .details .music p:first-child,.os-statistics .statistics-list .month .item .details .text p:first-child,.os-statistics .statistics-list .month .item .details .video p:first-child{width:20px;text-align:center}.os-statistics .statistics-list .month .item .details .comment p:nth-child(2),.os-statistics .statistics-list .month .item .details .img p:nth-child(2),.os-statistics .statistics-list .month .item .details .music p:nth-child(2),.os-statistics .statistics-list .month .item .details .text p:nth-child(2),.os-statistics .statistics-list .month .item .details .video p:nth-child(2){padding:0 4px}.os-statistics .statistics-list .month .item .details .text{color:var(--os-primary)}.os-statistics .statistics-list .month .item .details .music{color:var(--os-warning)}.os-statistics .statistics-list .month .item .details .video{color:var(--os-danger)}.os-statistics .statistics-list .month .item .details .img{color:var(--os-success)}.os-statistics .statistics-list .month .item .details .comment{color:#907cff}