*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:rgba(50,50,50,.3)}::-webkit-scrollbar-track{border-radius:3.5px;background-color:rgba(50,50,50,.1)}html{height:100%}@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}body{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,rgba(9,69,138,0.2),rgba(68,155,255,0.7),rgba(117,113,251,0.7),rgba(68,155,255,0.7),rgba(9,69,138,0.2));background-size:400% 400%;-webkit-animation:Gradient 15s ease infinite;animation:Gradient 15s ease infinite;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:helvetica neue,Helvetica,pingfang sc,hiragino sans gb,microsoft yahei,微软雅黑,Arial,sans-serif;font-size:14px}.container{display:grid;gap:20px;grid-template-columns:500px 250px;grid-template-rows:500px}.container.start{display:grid;gap:20px;grid-template-columns:250px 500px;grid-template-rows:500px}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(50%);transform:translateX(50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{-webkit-transform:translateX(50%);transform:translateX(50%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.upload,.filelist{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);overflow:hidden}.upload .title,.filelist .title{height:45px;line-height:45px;border-bottom:1px solid #f2f6fc;color:#606266;font-weight:500;padding:0 15px;font-size:16px}.upload{-webkit-animation:slideRight 1.5s;animation:slideRight 1.5s;transition:box-shadow .35s}.upload .title{display:flex;justify-content:space-between;align-items:center}.copyall button{width:70px;height:28px;border-radius:14px;margin:0 12px;background-color:#fff}.upload .title select{height:28px;padding:0 5px;border-radius:14px}.copyall{display:inline-flex;margin:8px}#show{width:475px;height:28px;outline:none;border:1px solid #dcdfe6;padding:0 15px;color:#606266;border-radius:14px;font-size:12px;transition:border .35s;-webkit-appearance:none}.upload .title input:focus{border-color:#409eff}.upload .content{cursor:pointer;height:calc(100% - 45px);display:flex;align-items:center;justify-content:center;flex-direction:column}.upload .content .icon{width:80px;height:80px;margin-bottom:20px}.upload .content .desc{color:#606266}.upload.dragenter{box-shadow:20px 20px 20px 0 rgba(0,0,0,.25)}.upload.dragenter .content>*{pointer-events:none}.filelist{-webkit-animation:slideLeft 1.5s;animation:slideLeft 1.5s}.filelist .list{height:calc(100% - 45px);overflow-y:auto;padding:10px;scroll-behavior:smooth}.filelist .list .item{margin-bottom:10px}.filelist .list .item:last-child{margin-bottom:0}.filelist .list .item .file{display:flex;align-items:center;margin-bottom:5px}.filelist .list .item .file .icon{width:45px;height:45px;margin-right:10px}.filelist .list .item .file .desc{flex:1;min-width:0}.filelist .list .item .file .desc__name{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;color:#606266;margin-bottom:5px}.filelist .list .item .file .desc__size{font-size:12px;color:#909399}.filelist .list .item .file .link{display:flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;margin-left:10px;border-radius:50%;transition:background .2s}.filelist .list .item .file .link svg{width:18px;height:18px}.filelist .list .item .file .link:hover{background:#f56c6c50}.filelist .list .item .progress{display:flex;align-items:center;justify-content:space-between;font-size:12px}.filelist .list .item .progress .progress-bar{flex:1;min-width:0}.filelist .list .item .progress .progress-bar .progress-inner{width:0%;height:2px;background:#409eff;border-radius:1px;transition:width .2s}.filelist .list .item .progress .progress-bar .progress-inner.success{background:#67c23a}.filelist .list .item .progress .progress-bar .progress-inner.error{background:#f56c6c}.filelist .list .item .progress .progress-status{margin-left:5px}.filelist .list .item .progress .progress-status .icon{display:none;width:14px;height:14px}@media(max-width:780px){body{height:auto;padding:5vh 0}.container{grid-template-columns:350px;grid-template-rows:400px 150px}.container.start{grid-template-columns:350px!important;grid-template-rows:150px 400px!important}.upload .content .icon{width:50px;height:50px;margin-bottom:10px}.copyall button{width:50px;margin:0 4px}#show{width:320px;padding:0 11px}}