li[data-v-6cc5e61a]{transition:background-color .3s ease,box-shadow .3s ease,width .5s ease,height .5s ease,transform .3s cubic-bezier(.2,.8,.2,1);border-radius:7px}li section .left .name input[data-v-6cc5e61a]{min-width:200px;border-radius:7px;border:none;background-color:#fcfdff;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.04);transition:all .23s ease}li section .left .name input[data-v-6cc5e61a]:focus{outline:none}li section .right .updated-time[data-v-6cc5e61a]{font-size:.6rem;white-space:nowrap}li section .right .operator[data-v-6cc5e61a]{display:flex;align-items:center}li section .right .operator .operator-item[data-v-6cc5e61a]{width:24px;height:24px;line-height:24px;text-align:center;font-size:.75rem;border-radius:7px;background-color:transparent}li section .right .operator .operator-item[data-v-6cc5e61a]:hover{background-color:rgba(25,118,210,.1);color:#1976d2}li section .right .operator .operator-item.collected[data-v-6cc5e61a]:hover,li section .right .operator .operator-item.delete[data-v-6cc5e61a]:hover{background-color:rgba(211,47,47,.1);color:#d32f2f}li section .right .operator .operator-item.collected[data-v-6cc5e61a]{color:#d32f2f}li.pre-hold[data-v-6cc5e61a]{-webkit-animation:shink-data-v-6cc5e61a .6s ease 0s infinite normal;animation:shink-data-v-6cc5e61a .6s ease 0s infinite normal}li.pre-hold.grid .display-item[data-v-6cc5e61a]{transition:all .1s ease;transform:scale(.9)}@-webkit-keyframes shink-data-v-6cc5e61a{0%{background-color:rgba(25,118,210,0)}50%{background-color:rgba(25,118,210,.08)}to{background-color:rgba(25,118,210,0)}}@keyframes shink-data-v-6cc5e61a{0%{background-color:rgba(25,118,210,0)}50%{background-color:rgba(25,118,210,.08)}to{background-color:rgba(25,118,210,0)}}li.grid[data-v-6cc5e61a]{display:inline-block;max-width:300px;min-width:200px;cursor:pointer}li.grid section[data-v-6cc5e61a]{position:relative}li.grid section .left[data-v-6cc5e61a]{height:80%;width:100%;background-color:#fff;border-radius:7px;transition:all .23s ease}li.grid section .left[data-v-6cc5e61a]:not(.back){box-shadow:0 0 2px rgba(30,20,70,.04),0 0 5px rgba(30,20,40,.03),0 5px 15px 5px rgba(30,20,40,.05),inset 15px 15px 50px hsla(0,0%,100%,0)}li.grid section .left .thumb-wrapper[data-v-6cc5e61a]{width:100%;height:75%}li.grid section .left .thumb-wrapper img[data-v-6cc5e61a]{max-width:90%;max-height:90%}li.grid section .left .name[data-v-6cc5e61a]{position:absolute;display:flex;align-items:center;justify-content:center;top:80%;width:100%;height:20%;text-align:center;line-height:2.5}li.grid section .left .name input[data-v-6cc5e61a]{height:28px}li.grid section .right[data-v-6cc5e61a]{padding:0 5px 0 14px;width:100%;height:20%;position:absolute;top:60%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}li.grid section .left.back[data-v-6cc5e61a]{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f7f7f7}li.grid:hover section .left[data-v-6cc5e61a]{box-shadow:5px 16px 10px rgba(30,20,70,.05),5px 24px 28px rgba(30,20,70,.05),5px 15px 36px rgba(30,20,40,.05),inset 15px 15px 50px hsla(0,0%,100%,0)}li.grid:hover section .left.back[data-v-6cc5e61a]{box-shadow:0 0 2px rgba(30,20,70,.04),0 0 5px rgba(30,20,40,.03),0 5px 15px 5px rgba(30,20,40,.05),inset 15px 15px 50px hsla(0,0%,100%,0)}li.grid.folder section .left[data-v-6cc5e61a]{background-color:transparent;box-shadow:none}li.grid.file section .left .thumb-wrapper[data-v-6cc5e61a]{display:flex;align-items:center;justify-content:center}li.list[data-v-6cc5e61a]{width:100%;height:66px;cursor:pointer;margin-bottom:10px}li.list section[data-v-6cc5e61a]{width:100%;height:66px!important;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}li.list section .left[data-v-6cc5e61a]{display:flex;align-items:center;height:100%}li.list section .left .thumb-wrapper[data-v-6cc5e61a]{width:60px;height:100%;margin-right:10px;display:flex;align-items:center;justify-content:center}li.list section .left .thumb-wrapper img[data-v-6cc5e61a]{max-height:100%;max-width:100%}li.list section .left .name input[data-v-6cc5e61a]{min-width:200px;height:44px;background-color:#fff}li.list section .right[data-v-6cc5e61a]{display:flex;justify-content:space-between}li.list section .right .operator[data-v-6cc5e61a]{width:200px;display:flex;justify-content:flex-end}li.list>.q-item[data-v-6cc5e61a]{padding:0}li.list>.q-item .display-item[data-v-6cc5e61a]{padding:0 10px}li.list[data-v-6cc5e61a]:hover{background-color:#fff;box-shadow:0 0 2px rgba(30,20,70,.04),0 0 5px rgba(30,20,40,.03),0 5px 15px 5px rgba(30,20,40,.05),inset 15px 15px 50px hsla(0,0%,100%,0);border-radius:7px}li.list:hover section .left .name input[data-v-6cc5e61a]{background-color:#f5f5f5}li.list.back[data-v-6cc5e61a]{height:70px;color:#9e9e9e;display:flex;align-items:center}li.list.back .left.back i[data-v-6cc5e61a]{font-size:2rem!important;line-height:70px}li.list.back .left.back span[data-v-6cc5e61a]{margin:0;margin-left:20px}li[data-v-6cc5e61a]{position:relative}li>.drop[data-v-6cc5e61a]{position:absolute;width:100%;height:100%;background:rgba(25,118,210,0);top:0;left:0;z-index:99}body.body--dark li.list[data-v-6cc5e61a]:hover{background-color:#393939}body.body--dark li .display-item[data-v-6cc5e61a]{filter:brightness(.9)}li .cannot-open-on-web-tooltip[data-v-6cc5e61a]{visibility:hidden;opacity:0;font-size:.7rem;right:30px;background:rgba(0,0,0,.5);padding:5px 10px;color:#fff;border-radius:7px;transition:all .23s ease;white-space:nowrap}li .disable-on-web[data-v-6cc5e61a]{position:static;cursor:not-allowed}li .disable-on-web .left[data-v-6cc5e61a]:after{content:"";transition:all .5s ease;visibility:hidden;opacity:0;-webkit-backdrop-filter:saturate(100%) blur(0);backdrop-filter:saturate(100%) blur(0);left:0;top:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.2);border-radius:7px}li:hover .cannot-open-on-web-tooltip[data-v-6cc5e61a]{visibility:visible;opacity:1}li:hover .cannot-open-on-web-wrapper[data-v-6cc5e61a]{z-index:101}li:hover .cannot-open-on-web-wrapper i[data-v-6cc5e61a]{position:relative;z-index:101}li:hover .disable-on-web .left[data-v-6cc5e61a]:after{visibility:visible;opacity:1;z-index:100}li.grid .disable-on-web .left[data-v-6cc5e61a]:after{height:80%}