.halfClock{height:50%;overflow:hidden}.half_inner{position:relative;height:200%;border-radius:8%;background:linear-gradient(180deg,#161616,#0c0c0c)}.btmpart{top:-100%}.num{left:50%;transform:translate(-50%,-50%);font-weight:700;text-align:center;background:linear-gradient(180deg,#bbb,#b9b9b9);-webkit-background-clip:text;background-clip:text;color:transparent}.blackLine,.num{position:absolute;top:50%}.blackLine{transform:translateY(-50%);width:100%;background-color:#000}.ampm{position:absolute;left:5%;font-size:3vw;font-weight:700}.am{top:12%;color:#bbb}.pm{bottom:12%;color:#b9b9b9}.clock{position:relative;width:240px;height:240px;font-size:160px}.page_back,.page_front{position:absolute;width:100%;height:50%;backface-visibility:hidden;transition:all .6s ease-in}.page_front{top:0;transform-origin:bottom;transform:rotateX(1turn)}.page_back{top:50%;transform-origin:top}.page_back,.page_front_end{transform:rotateX(180deg)}.page_back_end{transform:rotateX(0deg)}.slider{position:relative;width:220px;cursor:pointer}.bar-line{left:0;background:-webkit-linear-gradient(#fff,#fff) no-repeat,hsla(0,0%,100%,.25);background-size:0 100%}.bar-line,.bar-line-right{position:absolute;top:50%;transform:translateY(-50%)}.bar-line-right{right:0;background-color:hsla(0,0%,100%,.25)}.bar-handle{position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;border:4px solid #fff;background-color:#262729;border-radius:50%;box-shadow:0 0 0 4px #262729}.pomodoro-stats[data-v-fe9ecdea]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.stats-overlay[data-v-fe9ecdea]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}.stats-panel[data-v-fe9ecdea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.5)}@media (max-width:768px){.stats-panel[data-v-fe9ecdea]{width:95%;max-height:95vh}}.stats-header[data-v-fe9ecdea]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333}.stats-header h2[data-v-fe9ecdea]{margin:0;color:#fff;font-size:24px}@media (max-width:768px){.stats-header h2[data-v-fe9ecdea]{font-size:20px}}.stats-header .close-btn[data-v-fe9ecdea]{background:none;border:none;color:#999;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.stats-header .close-btn[data-v-fe9ecdea]:hover{color:#fff}.stats-content[data-v-fe9ecdea]{padding:20px}.stats-cards[data-v-fe9ecdea]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}@media (max-width:768px){.stats-cards[data-v-fe9ecdea]{grid-template-columns:repeat(2,1fr);gap:12px}}.stat-card[data-v-fe9ecdea]{background:#262626;padding:20px;border-radius:8px;text-align:center}.stat-card .stat-label[data-v-fe9ecdea]{color:#999;font-size:14px;margin-bottom:8px}.stat-card .stat-value[data-v-fe9ecdea]{color:#fff;font-size:32px;font-weight:700;margin-bottom:4px}.stat-card .stat-sub[data-v-fe9ecdea]{color:#666;font-size:12px}.recent-records[data-v-fe9ecdea]{margin-bottom:24px}.recent-records h3[data-v-fe9ecdea]{color:#fff;margin:0 0 16px 0;font-size:18px}.recent-records .records-list[data-v-fe9ecdea]{max-height:300px;overflow-y:auto}.recent-records .no-data[data-v-fe9ecdea]{text-align:center;color:#666;padding:40px 20px}.recent-records .record-item[data-v-fe9ecdea]{display:flex;align-items:center;padding:12px;background:#262626;border-radius:6px;margin-bottom:8px;gap:16px}@media (max-width:768px){.recent-records .record-item[data-v-fe9ecdea]{flex-wrap:wrap;gap:8px}}.recent-records .record-item .record-time[data-v-fe9ecdea]{color:#999;font-size:14px;min-width:100px}.recent-records .record-item .record-duration[data-v-fe9ecdea]{color:#4caf50;font-weight:700;min-width:60px}.recent-records .record-item .record-note[data-v-fe9ecdea]{color:#ccc;flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-block[data-v-fe9ecdea]{margin-bottom:24px}.chart-block h3[data-v-fe9ecdea]{color:#fff;margin:0 0 12px 0}.chart-block .chart-box[data-v-fe9ecdea]{width:100%;height:240px;background:#1c1c1c;border-radius:8px}.stats-actions[data-v-fe9ecdea]{display:flex;gap:12px;justify-content:center}@media (max-width:768px){.stats-actions[data-v-fe9ecdea]{flex-direction:column}}.stats-actions .action-btn[data-v-fe9ecdea]{padding:12px 24px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}@media (max-width:768px){.stats-actions .action-btn[data-v-fe9ecdea]{width:100%}}.stats-actions .action-btn.export-btn[data-v-fe9ecdea]{background:#4caf50;color:#fff}.stats-actions .action-btn.export-btn[data-v-fe9ecdea]:hover{background:#45a049}.stats-actions .action-btn.import-btn[data-v-fe9ecdea]{background:#2196f3;color:#fff}.stats-actions .action-btn.import-btn[data-v-fe9ecdea]:hover{background:#0b7dda}body{margin:0}ul{list-style-type:none}button,ul{margin:0;padding:0}button{border:none;outline-style:none}.bg{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000}.bg.no-bg{background-color:#111}.settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:10}.timer{position:relative;top:50%;display:flex;justify-content:space-evenly}.timer_inner2{width:47.5vw;height:47.5vw;font-size:34vw}@media (max-width:768px){.timer_inner2{width:45vw;height:45vw;font-size:32vw}}.timer_inner3{width:30vw;height:30vw;font-size:22vw}@media (max-width:768px){.timer_inner3{width:28vw;height:28vw;font-size:20vw}}.pomodoro-display{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(38,39,41,.95);padding:20px 40px;border-radius:12px;text-align:center;z-index:100;border:1px solid #666}@media (max-width:768px){.pomodoro-display{top:10px;padding:15px 25px;width:80%}}.pomodoro-display .pomodoro-time{font-size:48px;color:#4caf50;font-weight:700;margin-bottom:16px}@media (max-width:768px){.pomodoro-display .pomodoro-time{font-size:36px;margin-bottom:12px}}.pomodoro-display .pomodoro-actions{display:flex;gap:12px;justify-content:center}@media (max-width:768px){.pomodoro-display .pomodoro-actions{gap:8px}}.pomodoro-display .pomodoro-btn{padding:8px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}@media (max-width:768px){.pomodoro-display .pomodoro-btn{padding:6px 16px;font-size:13px}}.pomodoro-display .pomodoro-btn:hover{background:#45a049}.pomodoro-display .pomodoro-btn.stop{background:#f44336}.pomodoro-display .pomodoro-btn.stop:hover{background:#da190b}.date-display{position:absolute;left:0;right:0;top:100%;margin-top:3vw;text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}@media (max-width:768px){.date-display{margin-top:4vw}}.date-display .date-text{font-size:2.5vw;font-weight:300;letter-spacing:.08em;white-space:nowrap}@media (max-width:768px){.date-display .date-text{font-size:4vw}}.control-buttons{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:200}@media (max-width:768px){.control-buttons{top:10px;right:10px;gap:8px}}.control-buttons .control-btn{width:44px;height:44px;background:rgba(38,39,41,.8);border:1px solid #666;border-radius:8px;color:#fff;font-size:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}@media (max-width:768px){.control-buttons .control-btn{width:40px;height:40px;font-size:18px}}.control-buttons .control-btn:hover{background:rgba(76,175,80,.8);border-color:#4caf50;transform:scale(1.05)}.control-buttons .control-btn:active{transform:scale(.95)}.set_box{position:fixed;bottom:8%;right:8%;width:200px;height:200px;z-index:20}@media (max-width:768px){.set_box{bottom:20px;right:20px;width:150px;height:150px}}.set_box:hover .setting{opacity:1}.set_box_item{position:absolute;top:-170px;left:-196px;width:430px;max-height:80vh;overflow-y:auto;background-color:#262729;border-radius:20px;border:1px solid #666}@media (max-width:1024px){.set_box_item{left:auto;right:0;width:380px}}@media (max-width:768px){.set_box_item{top:auto;bottom:60px;left:auto;right:0;width:90vw;max-width:320px}}.set_box_item:before{content:"";position:absolute;bottom:0;right:40px;width:24px;height:24px;background-color:#262729;border:1px solid #666;border-top-color:transparent;border-left-color:transparent;transform:translateY(50%) rotate(45deg)}@media (max-width:768px){.set_box_item:before{right:20px}}.set_box_inner{padding:20px;padding-bottom:0;color:#fff;font-size:18px}@media (max-width:768px){.set_box_inner{padding:15px;font-size:14px}}.set_box_inner>li{display:flex;align-items:center;margin-bottom:8px}@media (max-width:768px){.set_box_inner>li{margin-bottom:12px;flex-wrap:wrap}}.setting{position:absolute;bottom:0;right:0;width:36px;height:36px;opacity:0;transition:all .5s ease-in-out;cursor:pointer}@media (max-width:768px){.setting{opacity:.7;width:32px;height:32px}}.setting:hover{transform:rotate(120deg);opacity:1}.pickItem{display:flex;text-align:center;border-radius:6px;cursor:pointer}.pickItem>li{box-sizing:border-box;width:60px;height:24px;line-height:22px;border:1px solid #666;border-right:0;font-size:14px}@media (max-width:768px){.pickItem>li{width:50px;height:22px;line-height:20px;font-size:12px}}.pickItem>li:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.pickItem>li:last-child{border-right:1px solid #666;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.pick-active{color:#333;background-color:#fff}.setName{width:116px;margin-right:12px;text-align:right}@media (max-width:768px){.setName{width:100%;text-align:left;margin-bottom:6px}}.timerBtn{box-sizing:border-box;width:60px;height:24px;border-radius:4px;margin-right:6px;background-color:#fff;color:#1c1c1c;font-size:16px;cursor:pointer}@media (max-width:768px){.timerBtn{width:55px;height:22px;font-size:13px}}.timerBtn:active{background-color:#ddd}.timerBtn.stats-btn{font-size:18px;padding:0}.iconTime{display:inline-block;width:20px;height:20px;vertical-align:middle;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADTUlEQVRYR8XXR6glVRAG4G/MoCCKKAZMiIJpM+a4EhMqKujCjaPO4AyDCRUDoohgQlTMgmEnKAbEuBJMiIoLc8KAAbOCCbP8j7rSr+d2376+B692955z6vynqv6/qhdZYFu0wPebK4DbsAW+wCd4BC9P86i5AFgLv4257DVcj7vx1yQwcwGwHn7En/gKm7Uuexdn4PE+EPMB4FtshC1xOE7Cbo1Lby0g46LVWQOrYz+80BHm+B9FYASg+dADcRN2qj9fwr74ox2NrghciXNxPq7oCGEfgBzJI67GmXX+Bpw2BMBeeJ6Z6CxHQjjO1sVP+Bob9+T5QlxW60nRY8297QgE9dvYDs9hf/yDTSqvj7YuSqV/hEt6AOSOp5C0vI8dm6loA1iGcPt3bFX8ju99CtB9OBXfTaJXa30bvFdpSUquG623AXyIrXELVrSc5NDp+AYn4+EpQaQo4zM6ses4ANvjnVrYfYyiRXhexQ61555y+MNAIGHVM7U3EUnqZtEwBXcz4nDDyn3b9y4FLGBiX2LJJLGpvWvg+6Jv0phUzwJwOc4rlAf0vOosXNNav7NqYxWet/a9iET3UlzcBnAXTkQK7biBVd3cFu3IA/rsIRyFO3BKG0D+jIzei+MnONoUb2CDxr6ni2p9R+/HMV0AIhYRjSGOcskReLCold9Ruahdnz1bkpy7Luoqwo+LikOKe08chA8QVkS0uiyUTxGuX+wJ1WcVYfgfHYil2l8fgmCKPXuXxOdI1PCtNoD8jkjsjCEFNcXdM1tvx1J8js1Hh9tKmDxmmvm5pDitdj5sW2RASa8Jhc/uArBmaXb6QKRz5TzcnkemAx5SE1R8pxZmbNw8cDCeqPVj8cAcQVyFc8pHROzapr+ugSRpSDp+wQmIgExr8R26XVAHMzEf2WZKF4BofRrHHnU4Q0l4m044xFJk0YSja/MrNeL92j7cN5SuU+FK44glGjfWuD1DoZaF35kbDkXmirVr/clSv5xfxYZMxYcVkLTrkUUj3sRn1d0yxmUAXa2xJ0NN8p0U/N0VtiEAcjb0SaPKQBKR6rNQOIUbWc/XUq8NBdB0srg6Wj5E8lmWr598mn1aY1vmv0lt+T9//wfApEdNtb7gAP4FyRimIUFX3cMAAAAASUVORK5CYII=");background-size:contain}@media (max-width:768px){.iconTime{width:16px;height:16px}}.iconTomato{display:inline-block;width:20px;height:20px;margin-top:-3px;vertical-align:middle;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEnElEQVRYR71XbUybVRR+zi2F0Q/o2IBiyYBg1B+6j8QfOpeJoZhFVuzix0wwDHRZYoiBGRJN/CExxj+aAFGXbJoMfmhEMy3r5hLBrBgCxAwzNkeo24BNwY0NKG35avu+17yFt+v315zvz/c85znPOffcc+8lJPlpTzXXu15q74wH13z3dj5TsM+cmStvwHRiORlqSgYkYbTdjdOeyxN71z46dz2aj/aHpj0EnOLOpSlX169TOP/nwWS4kxaQ823jrGfs7/HVD3v28gqzblUp7JADvPl84XNnytXvE5Dh7h6EcMv5Kvrt3/9nAqSABYcfurnscGkvWu4uFpEyVyY/Xa5GozEfIiN4xv5C2S9Xb/3Gyt5TC6yHbBZHIhFxKyAFXs4Qm0SgefvrBt2cVommk5fw7loOODiO7dTh46fz/DH4mhfOThsGhWJsp03gHA4GtKt8rCOekJgC3FWmes6pjQg6KcATtQbM52SiYOA6bOMKHNlXgIFiVSDB1UE7XhuZwxcZRSFJS0KI+FFNrzVqA0cIkLJeUgptANUHM8kCpEz1HuC2VhkwS//Er/pxmUqQTxkxqs47Nb3WhnBjhABXlclGoGfDgbKAaOzc44PJasfx2XsViYrj3KLtsx4ItoUIcFfVSGU6FO68kMXwZK0Bq1mxsgO4IKJl4A7eGUu0/UMrERDgMta0EuGD8OBLSsIBcxGubM1K1NB++zOTLnwyuIASpxAbz/lRTZ+1XQL4BUjr7s4QJ+WGkz2XM4C6F/QYMmSHrDdl3Vv/aFFI5Kj7w4n6Ky484vBGQKTG1PhYmbQ7/AKilX5RSairLsSFovXg3CvAa5/G6vA15LzyFJCrAhc5lq0j8M0sAL7QjHWc4S2FDi1sC7LAouns0vSerqf1rhcXghF3sxlertHjqi4Tvuk5eOz/wHvtNrZ5gQ6mx/FKA4Ye2+zf+xVfDuNzpkdezO6PvhKBKkj7HaCTMsxarkL3oxpM37yDC/YJGFZE1JAW1UyNPaSCAoRPd2jRtnsrhHk3Wr4ZR4tiS1L9EQniDeQymixE9KJsdHAB7eI8ssFQTWo8zjZF+J0rU+HwvkJ4p2bRdnYGtSwwmVMSwjnvoVj7Ph7TeJ4SlQeLsTYygdPDK9jN4u//WFwcvJ9cxhoHEVJKYUVBePhIKZbO/o7JG1psTnH9ZUH+Me2uquEp1W0DXH7IAPXXQ7jk25aOe8CH3EbTFIhKUmWprsxFyc92HFPoU3UNwvPRtHpAYjih51DPONNuQP9skXog1vxPlNYE90AFgp7iT8UEPB20VGkyc0Y/Jgr4YOy+XeujOM0+uC9RnN/Q9FlLZQHNIGq7L8JUnTdOxMBx/P9WgY9qeq07Jc1B94H9FUTsfKqJpIf37dL0/nQxRIC/F8IOpvTIE3nxhuALasSd8MGKCA0eUQFZu8u4vwJgllTPiJiHDsciIJq1fWds4ZiY74KVCnOpoBRbo11SExU5zN6l9rLmWI+ThG/D9WpQc/CdIUkBXQova822Wabi4RMKkJ39zzSFUMEZmTm4NEB0AG08UPkoBxwEmiKRW1SCwpbMu1Di/hfd0smNt8fdPgAAAABJRU5ErkJggg==");background-size:contain}@media (max-width:768px){.iconTomato{width:16px;height:16px}}.stats-info{display:flex;gap:12px;align-items:center;color:#4caf50}@media (max-width:768px){.stats-info{gap:8px;font-size:13px}}.stats-info .stats-count{font-weight:700}.stats-info .stats-time{color:#999}footer{text-align:center;padding:10px}footer a{color:#999;text-decoration:none;font-size:12px}footer a:hover{color:#fff}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{display:none}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.2s;border-radius:24px}.slider-round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider-round{background-color:#4caf50}input:checked+.slider-round:before{transform:translateX(20px)}.number-input{width:70px;height:26px;margin-right:8px;border:1px solid #666;border-radius:4px;background:#1c1c1c;color:#fff;padding:2px 6px}.pomodoro-settings{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}.pomodoro-settings .settings-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}.pomodoro-settings .settings-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2a2a2a;border-radius:8px;padding:24px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.5);color:#fff}.pomodoro-settings .settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #444;padding-bottom:12px}.pomodoro-settings .settings-header h2{margin:0;font-size:18px;color:#fff}.pomodoro-settings .settings-header .close-btn{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:28px;height:28px}.pomodoro-settings .settings-header .close-btn:hover{color:#fff}.pomodoro-settings .settings-content{margin-bottom:20px}.settings-item{margin-bottom:16px}.settings-item label{display:block;margin-bottom:6px;color:#ddd;font-size:14px}.settings-item .input-group{display:flex;align-items:center;gap:8px}.settings-item .input-group input{width:100%;height:32px;border:1px solid #555;border-radius:4px;background:#1c1c1c;color:#fff;padding:0 8px;font-size:14px}.settings-item .input-group input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 4px rgba(76,175,80,.3)}.settings-item .input-group .unit{color:#999;font-size:12px;min-width:30px}.pomodoro-settings .settings-actions{display:flex;gap:12px;justify-content:flex-end}.pomodoro-settings .settings-actions button{padding:8px 16px;border-radius:4px;border:none;font-size:14px;cursor:pointer;transition:all .2s}.pomodoro-settings .settings-actions button.btn-save{background:#4caf50;color:#fff}.pomodoro-settings .settings-actions button.btn-save:hover{background:#45a049}.pomodoro-settings .settings-actions button.btn-cancel{background:#555;color:#fff}.pomodoro-settings .settings-actions button.btn-cancel:hover{background:#666}.settings-btn{font-size:16px;padding:0}