:root{--body-bg:#e8f6ff;--border-radius:12px;--border:2px solid #33322E;--box-shadow:4px 4px 0px #33322E;--box-shadow-reverse:-4px 4px 0px #33322E;--padding:20px 24px;--btn-padding:12px 24px;--btn-small-padding:10px 20px;--font:"DM Sans","PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif,HYWenHei-GEW!important;--font-color:#33322E;--font-size-base:16px;--placeholder:rgba(51, 50, 46, 0.535);--font-color-complete:rgba(51, 50, 46, 0.535);--bg-normal:#F9F3E5;--bg-submit:#ffd6e9;--bg-completed:#D0F4F0;--bg-discard:#FFF0EE;--bg-deleted:#ddd;--bg-edit:#fbeef3;--normal:#f5d99e;--completed:#8CD4CB;--deleted:#F6A89E;--black:#33322E}@media only screen and (max-width:768px){:root{--font-size-base:16px;--padding:16px 20px;--btn-padding:12px 18px;--btn-small-padding:10px 15px}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s;transition:all .35s}html{scrollbar-width:none;-ms-overflow-style:none;font-family:var(--font);background:#fff;font-size:16px;background:var(--body-bg);font-size:var(--font-size-base);color:var(--font-color);-webkit-box-sizing:border-box;box-sizing:border-box}html ::-webkit-scrollbar{display:none}@media only screen and (max-width:768px){html{font-family:"PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif}}::-webkit-input-placeholder{color:var(--placeholder);font-weight:400}:-moz-placeholder{color:var(--placeholder);font-weight:400}::-moz-placeholder{color:var(--placeholder);font-weight:400}:-ms-input-placeholder{color:var(--placeholder)!important;font-weight:400!important}::-ms-input-placeholder{color:var(--placeholder);font-weight:400}::-webkit-input-placeholder{color:var(--placeholder);font-weight:400}::-moz-placeholder{color:var(--placeholder);font-weight:400}:-ms-input-placeholder{color:var(--placeholder);font-weight:400}::-ms-input-placeholder{color:var(--placeholder);font-weight:400}::placeholder{color:var(--placeholder);font-weight:400}button{border:0;padding:0;margin:0;background:0 0}input{border-radius:var(--border-radius);border:var(--border);padding:var(--btn-small-padding);display:inline-block;cursor:pointer;background:#fff}button:focus,input:focus{outline:0}a,button,input{color:var(--font-color)}li,ul{list-style-type:none;margin:0;padding:0}h1{font-size:36px;text-align:center}.btn{border:var(--border);border-radius:var(--border-radius);padding:var(--btn-padding);text-align:center;display:block;position:relative}.btn-small{padding:var(--btn-small-padding);font-size:14px;border:2px solid var(--black)}.container{max-width:700px;margin:0 auto}@media only screen and (max-width:992px){.container{max-width:600px}}@media only screen and (max-width:768px){.container{max-width:95%}}.todo-app{margin:0 auto}.header{margin:0 auto 24px}@media only screen and (max-width:768px){.header{margin:0 auto 16px}}.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;flex-direction:column;gap:23px}.bg-pattern{position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1;width:100%;height:100vh;background-color:#fff7dc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse' patternTransform='scale(0.25)'%3E%3Ccircle data-color='outline' fill='none' stroke='%23828D99' stroke-width='25' cx='50' cy='50' r='.5'%3E%3C/circle%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");background-size:cover;background-position:center center;background-repeat:repeat;opacity:.08}.todo-wrapper{width:100%;margin:40px auto}@media only screen and (max-width:768px){.todo-wrapper{margin:48px auto}}.todo-list-box{position:relative;background:#fff;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);border-radius:var(--border-radius);margin:0;padding-top:0;-webkit-transition:all .5s ease;transition:all .5s ease;max-width:100%;width:100%;overflow:hidden}.todo-list{padding:32px 36px 36px;min-height:381px;-webkit-transition:all .5s ease;transition:all .5s ease}@media only screen and (max-width:768px){.todo-list{padding:20px 16px 24px;min-height:280px;min-height:calc(100vh - 272px)}}@media only screen and (max-width:350px){.todo-list{min-height:320px}}.title{position:relative;font-weight:800;-webkit-text-stroke:2px var(--black);color:var(--bg-normal);text-shadow:4px 4px 0 var(--font-color);letter-spacing:1px;font-size:44px;margin:0 auto 12px;width:200px;user-select:none}.title img{display:inline-block;width:auto;height:52px;padding:0}.ani-vector{position:absolute;left:-60px;top:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:768px){.ani-vector{top:24px}}.ani-vector span{-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);margin:0 7px;width:10px;height:10px;border:2px solid var(--black);background-color:var(--bg-submit);display:inline-block;border-radius:1px;-webkit-animation:zooming 8s ease-in-out infinite;animation:zooming 8s ease-in-out infinite}.ani-vector span:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}.todo-list li{position:relative;border:var(--border);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);width:100%;-webkit-transition:all .5s ease;transition:all .5s ease;display:block;margin-bottom:16px}.drag-enter-active{opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease}.drag-enter-to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .5s;transition:all .5s}.drag-leave{opacity:0;-webkit-transform:translateY(18px);-ms-transform:translateY(18px);transform:translateY(18px)}.drag-leave-active{position:absolute;-webkit-transition:all .35s ease;transition:all .35s ease}.drag-move{-webkit-transition:all .65s ease;transition:all .65s ease}.todo-list li:last-child{margin-bottom:0}.todo-list li:hover{-webkit-box-shadow:none;box-shadow:none}.bar-message{position:relative;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-self:flex-start;border-bottom:var(--border);width:100%;height:44px;line-height:44px;overflow:hidden;user-select:none}.bar-message:hover{background:var(--bg-normal)}@media only screen and (max-width:768px){.bar-message .btn-allFinish{display:none}.bar-message .bar-message-text{width:100%;text-align:center}}.bar-message>div{width:100%;height:100%}.bar-bottom{border:0;border-top:var(--border)}.add-todo{border:var(--border)}.add-content-wrapper{position:relative;user-select:none}@media only screen and (max-width:768px){.add-content-wrapper{position:fixed;bottom:0;left:0;right:0;max-width:95%;margin:0 auto;z-index:99;padding:40px 0 20px;background-image:-ms-linear-gradient(90deg,#eaf6fc 0,rgba(234,246,252,0) 100%)}}.tips{margin-top:8px;padding-left:12px;-webkit-transition:all .2s;transition:all .2s}.empty-tips{text-align:left;max-width:480px;width:90%;margin:20px auto;position:absolute;top:15%;left:8%;font-size:16px;color:#606060;line-height:1.6;letter-spacing:.24px}@media only screen and (max-width:768px){.empty-tips{margin-top:0;left:6%;font-size:17px}}@media only screen and (max-width:350px){.empty-tips{left:6%;font-size:14px}}.empty-tips li{margin:2px 0 8px}.edit-todo-wrapper{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.edit-todo{padding:var(--padding);width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;line-height:1.3;overflow-wrap:break-word;padding-left:56px;padding-right:56px;-webkit-transition:all .25s;transition:all .25s;border:0}.submit-btn{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:60px;line-height:60px;width:96px;padding:0;text-align:center;position:absolute;right:2px;top:2px;border:0;border-left:var(--border);border-radius:10px;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer;background:#f4d799;background:var(--bg-submit);-webkit-transition:all .25s;transition:all .25s;font-size:18px}@media only screen and (max-width:768px){.submit-btn{margin:40px 0}}.submit-btn:hover{-webkit-box-shadow:none;box-shadow:none}.add-content{width:100%;padding:0;font-size:18px;cursor:text;border:var(--border);border-radius:var(--border-radius);height:64px;line-height:64px;text-indent:12px;padding-right:118px;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}@media only screen and (max-width:768px){.add-content{padding-right:108px}}.add-content:focus{-webkit-box-shadow:none;box-shadow:none}.add-content:hover{-webkit-box-shadow:none;box-shadow:none}.todo-content{padding:var(--padding);background:var(--bg-normal);border-radius:var(--border-radius);width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;line-height:1.5;overflow-wrap:break-word;padding-left:56px;padding-right:56px;cursor:pointer;min-height:60px}.todo-btn{position:absolute;background:0 0;display:block;cursor:pointer;border:var(--border);-webkit-transition:all .2s;transition:all .2s;background:#fff}.todo-btn:hover{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-transform:translate(-2px,-2px);-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.btn-edit-submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--bg-submit);right:12px;top:16px;height:30px;width:30px;border-radius:var(--border-radius);font-size:13px}.btn-delete{background:#fff;right:12px;top:16px;height:30px;width:30px;border-radius:var(--border-radius);font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-delete:hover{background:var(--deleted)}.btn-delete img{display:block;width:16px;height:16px}.btn-finish{left:14px;top:16px;width:30px;height:30px;border-radius:20px}.btn-finish:hover{background:var(--completed);-webkit-box-shadow:var(--box-shadow-reverse);box-shadow:var(--box-shadow-reverse);-webkit-transform:translate(2px,-2px);-ms-transform:translate(2px,-2px);transform:translate(2px,-2px)}.btn-unfinish img{position:relative;left:4px;top:2px;width:26px;height:auto}.btn-unfinish{left:14px;top:16px;width:30px;height:30px;border-radius:20px;background:var(--completed)}.btn-unfinish:hover{-webkit-box-shadow:var(--box-shadow-reverse);box-shadow:var(--box-shadow-reverse);-webkit-transform:translate(2px,-2px);-ms-transform:translate(2px,-2px);transform:translate(2px,-2px)}.btn-restore{background:#fff;right:12px;top:16px;height:30px;width:30px;border-radius:var(--border-radius);border:var(--border);font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-restore img{display:block;width:16px;height:auto}.btn-allFinish{display:inline-block;background:var(--completed);border:0;border-radius:0;border-top-left-radius:var(--border-radius);border-right:var(--border);margin:0;min-width:24%}.bar-message-text{display:inline-block;text-align:center;font-weight:600;padding:0;padding-left:12px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:44px;width:100%;text-align:left;cursor:pointer}.slogan-input{width:100%;border:none;padding:0 12px;background:var(--bg-normal);border-radius:0;display:inline-block;position:relative;line-height:44px;height:44px;cursor:text}.slogan-btn{position:absolute;right:16px;top:6px}.nav{position:fixed;right:36px;top:8px;z-index:9999;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;user-select:none}@media (max-width:767px){.nav{right:16px;top:4px}}.about .info-ico{position:relative;z-index:9999;margin:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:flex-start;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.about .info-ico img{width:auto;height:40px;display:inline-block;border-radius:48px}.about .info-ico:hover{font-weight:700!important}.github{font-size:0;display:inline-block;padding:6px}.popup{display:block;position:absolute;top:36px;right:24px;z-index:999;-webkit-transition:.25s;transition:.25s;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:2px solid var(--black);padding:24px;background-color:#fff;width:220px}.popup .author{font-size:16px;font-weight:700;font-style:normal;margin:0 0 12px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.popup .author-desc{font-size:15px;font-style:normal;line-height:1.4;color:#606060}.popup .author img{margin-right:8px;width:44px;height:44px;border-radius:48px;display:inline-block}.popup p{font-size:12px;font-style:normal;line-height:1.5;padding:2px;text-align:center;margin:-8px auto 8px}.popup p span{opacity:.75}.popup img{width:148px;height:148px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}@media only screen and (max-width:768px){.popup img{width:160px;height:160px}}.donate{margin:12px 0}.zanshan{margin:12px 0 0}.zanshan p{font-size:14px;text-align:left;display:block;margin:12px 0 6px}img.zanshan-qr{width:100%;height:auto}.donate a{display:block;position:relative;outline:0;width:100%}.language{position:relative;display:inline-block;margin-left:4px;color:#606060;text-decoration:none;font-size:12px;display:inline-block;z-index:999}.language a{position:relative;font-size:14px;color:#606060;text-decoration:none;display:inline-block;padding:4px;outline:0}.language a.active{font-size:16px;color:#33322e;font-weight:600}.social{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:12px 0}.social-link{opacity:.65;outline:0}.social-link:hover{opacity:1}.social-link img{fill:#33322e;width:auto;height:20px;color:#33322e}.ic-social{fill:#33322e;width:auto;height:20px}.inspiration{position:relative;text-align:left;font-style:normal;display:block;margin:6px auto 0;width:100%;font-size:14px;letter-spacing:.36px;color:#606060}a.inspiration:focus{-webkit-user-modify:unset}.inspiration img{display:inline-block;margin-right:5px;width:20px;height:20px;border-radius:2px}.side-bar{position:absolute;left:calc(100% + 28px);top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:var(--border);background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);text-align:center;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;z-index:999;user-select:none}@media only screen and (max-width:768px){.side-bar{position:fixed!important;top:unset;bottom:108px;left:unset;right:-2px;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:0;border-bottom-right-radius:0}}.action-download.selected,.action-download:hover{background:#f8d966}.action-import.selected,.action-import:hover{background:#f8d966}@media only screen and (max-width:768px){.todo-list{min-height:480px}}.side-bar:hover{-webkit-box-shadow:unset!important;box-shadow:unset!important}.side-shortcut{display:block;width:100%}.shortcut-switch{overflow:hidden;cursor:pointer;width:100%}@media only screen and (max-width:768px){.shortcut-switch{font-size:14px}.shortcut-switch .shortcut-name{display:none!important}}.shortcut-switch span{padding:10px 14px;display:block}.shortcut-title{background:var(--completed);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:var(--border);width:100%;font-weight:700;user-select:none}span.shortcut-name{display:none}.todo-footer-box{position:relative;height:100%}@media only screen and (max-width:768px){.fold{border-radius:0;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;padding:0}.fold .shortcut-switch span{border:0;padding:12px 16px}}.fold~.todo-footer-box{display:none}.fold .shortcut-title{background:var(--deleted)}.fold span.shortcut-name{display:block;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.todo-func-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;padding-left:0;padding-right:0;font-size:14px;padding:0}.todo-func-list li{cursor:pointer;margin:0 auto;-webkit-transition:all .25s;transition:all .25s;width:100%}@media only screen and (max-width:768px){.todo-func-list li{margin:0;display:inline-block}}.todo-func-list li input{-webkit-transition:all .25s;transition:all .25s;width:100%;border-radius:0;border:0;-webkit-box-shadow:unset;box-shadow:unset;border-top:1px solid var(--black);-webkit-transform:unset!important;-ms-transform:unset!important;transform:unset!important}.todo-func-list.filter li:first-child input{border:0}.todo-func-list li:first-child{min-width:60px;font-weight:400;border:0}@media only screen and (max-width:768px){.todo-func-list li:first-child{display:block}}.todo-func-list li:last-child{border:0;margin-right:0}.filter{width:100%}.completed{background:var(--bg-completed);color:var(--font-color-complete);text-decoration:line-through}.deleted{background:var(--bg-deleted)}.empty{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.selected{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-transform:translate(-2px,-2px);-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.action-showAll.selected,.action-showAll:hover{background:var(--bg-submit)}.action-progress.selected,.action-progress:hover{background:var(--normal)}.action-completed.selected,.action-completed:hover,.completed-all:hover{background:var(--completed)}.action-progress.selected,.action-progress:hover{background:var(--normal)}.action-deleted.selected,.action-deleted:hover,.clear-all:hover,.completed-clear:hover{background:var(--deleted)}#panda{position:absolute;width:200px;height:200px;right:-72px;bottom:-2px}.pendulums{position:absolute;width:50px;height:72px;right:-56px;bottom:-2px;-webkit-perspective:640px;perspective:640px}.pendulum{position:absolute;width:50px;height:70px;right:44%;bottom:0;left:50%;-webkit-transform:translateZ(-300px) translateX(-50%);transform:translateZ(-300px) translateX(-50%)}.pendulum:after{content:"";width:8px;height:8px;background-color:var(--bg-submit);position:absolute;top:2px;left:0;right:0;margin:0 auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border:3px solid var(--black)}.pendulum.shadow{display:none;top:263%;left:-65%;bottom:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:translateX(-50%) scaleY(-1) scaleZ(2) rotateY(-30deg) rotateX(-75deg) translateZ(300px);transform:translateX(-50%) scaleY(-1) scaleZ(2) rotateY(-30deg) rotateX(-75deg) translateZ(300px)}.pendulum .bar{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:-5px;display:block;width:26px;height:30px;background:#d0f4f0;border:3px solid #33322e;border-radius:15px;border-top-left-radius:2px;border-top-right-radius:2px}.pendulum .string{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:3px;height:72px;background:var(--black)}.pendulum .weight{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:14px;width:26px;height:26px;border-radius:50%;background:#f8d966;border:3px solid #33322e}.pendulum .motion{position:absolute;height:90px;width:50px;-webkit-transform-origin:50% 10px;-ms-transform-origin:50% 10px;transform-origin:50% 10px;-webkit-animation:swing 1.8s infinite ease-in-out;animation:swing 1.8s infinite ease-in-out}.pendulum.shadow .bar,.pendulum.shadow .string,.pendulum.shadow .weight{background:#3d3a34}@-webkit-keyframes swing{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes swing{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.tips-enter-active{-webkit-transition:all .75s ease;transition:all .75s ease}.tips-leave-active{-webkit-transition:all .35s cubic-bezier(1,.5,.8,1);transition:all .35s cubic-bezier(1,.5,.8,1)}.tips-enter,.tips-leave-to{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px);opacity:0}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.zooming{-webkit-animation:zooming 1.5s ease-in-out infinite;animation:zooming 1.5s ease-in-out infinite}@-webkit-keyframes zooming{0%{-webkit-transform:scale(1) rotateZ(45deg);transform:scale(1) rotateZ(45deg)}20%{-webkit-transform:scale(1) rotateZ(45deg);transform:scale(1) rotateZ(45deg)}30%{-webkit-transform:scale(1) rotateZ(135deg);transform:scale(1) rotateZ(135deg)}70%{-webkit-transform:scale(1) rotateZ(135deg);transform:scale(1) rotateZ(135deg)}80%{-webkit-transform:scale(1) rotateZ(45deg);transform:scale(1) rotateZ(45deg)}100%{-webkit-transform:scale(1) rotateZ(45deg);transform:scale(1) rotateZ(45deg)}}@keyframes zooming{0%{-webkit-transform:scale(1) rotateZ(45deg);transform:scale(1) rotateZ(45deg)}20%{-webkit-transform:scale(1) rotateZ(45deg);transform:scale(1) rotateZ(45deg)}30%{-webkit-transform:scale(1) rotateZ(135deg);transform:scale(1) rotateZ(135deg)}70%{-webkit-transform:scale(1) rotateZ(135deg);transform:scale(1) rotateZ(135deg)}80%{-webkit-transform:scale(1) rotateZ(45deg);transform:scale(1) rotateZ(45deg)}100%{-webkit-transform:scale(1) rotateZ(45deg);transform:scale(1) rotateZ(45deg)}}.popIn{-webkit-animation-name:popIn;animation-name:popIn}@-webkit-keyframes popIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);opacity:0}20%{opacity:1}40%{-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);animation-timing-function:cubic-bezier(.47,0,.745,.715);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes popIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);opacity:0}20%{opacity:1}40%{-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);animation-timing-function:cubic-bezier(.47,0,.745,.715);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.popOut{-webkit-animation-name:popOut;animation-name:popOut;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes popOut{0%{-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}60%{-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}80%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);animation-timing-function:cubic-bezier(.47,0,.745,.715);-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes popOut{0%{-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}60%{-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}80%{opacity:1;-webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);animation-timing-function:cubic-bezier(.42,0,.58,1)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);animation-timing-function:cubic-bezier(.47,0,.745,.715);-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(51,50,46,.5);z-index:9999;display:flex;justify-content:center;align-items:center}.custom-alert{background:var(--bg-normal);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:90%;max-width:400px;padding:24px;position:relative;font-family:var(--font);animation:popIn .4s cubic-bezier(.25,.46,.45,.94) both}.custom-alert-title{font-size:24px;font-weight:800;margin-bottom:16px;color:var(--font-color)}.custom-alert-content{font-size:var(--font-size-base);line-height:1.5;margin-bottom:24px}.custom-alert-buttons{display:flex;justify-content:flex-end;gap:12px}.custom-alert-btn{padding:var(--btn-small-padding);border:var(--border);border-radius:var(--border-radius);background:var(--bg-submit);cursor:pointer;font-weight:600;transition:all .35s}.custom-alert-btn:hover{box-shadow:var(--box-shadow);transform:translate(-2px,-2px)}.custom-alert-btn.confirm{background:var(--completed)}.custom-alert-btn.cancel{background:var(--deleted)}