.wrap{background-color:#021222;th:700rpx;padding:60rpx 30rpx;box-sizing:border-box;position:relative;overflow:hidden}.wrap wid .wrap{background-color:#fff;width:700rpx;padding:60rpx 30rpx;box-sizing:border-box;position:relative;overflow:hidden}.wrap .uploadCard{backdrop-filter:blur(4px);color:#fff;padding:40rpx 30rpx;border-radius:30rpx;position:relative;z-index:10}.wrap .uploadCard-uploading{font-size:12px;display:flex;align-items:center}.wrap .uploadCard-uploading-loadingIcon{position:relative;background-image:conic-gradient(from 0deg at 50% 50%, #fff, #fff 30%, rgba(0, 0, 0, 0.1));width:24rpx;height:24rpx;z-index:20;border-radius:100rpx;display:inline-block;margin-right:8rpx;animation:rotate 2s linear infinite;mask:radial-gradient(transparent calc(50% - 1px), #000 50%);-webkit-mask:radial-gradient(transparent calc(50% - 1px), #000 50%)}.wrap .uploadCard-border{overflow:hidden;pointer-events:none;border:1px solid #182d5d;position:absolute;z-index:-10;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:30rpx;opacity:.95;backdrop-filter:blur(2px)}.wrap .uploadCard-border::after{content:"";overflow:hidden;pointer-events:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);width:99%;height:99%;background-color:#091627;border-radius:30rpx;z-index:10}.wrap .uploadCard-border::before{content:"";pointer-events:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%),rotate(0deg);transform-origin:left;width:200%;height:10rem;background-image:linear-gradient(0deg, hsla(0deg, 0%, 100%, 0) 0%, hsl(236deg, 100%, 61%) 40%, hsl(193deg, 100%, 57%) 60%, hsla(0deg, 0%, 40%, 0) 100%);animation:rotate 8s linear infinite}.wrap .uploadCard-desc{font-size:12px;margin-top:8rpx}.wrap .uploadCard-header{display:flex;align-items:center}.wrap .uploadCard-book{width:140rpx;height:170rpx;border-radius:18rpx;--color: rgba(0, 0, 0, 0.2);background-color:#2d4466;margin-left:30rpx;background-image:linear-gradient(0deg, transparent 24%, var(--color) 25%, var(--color) 26%, transparent 27%, transparent 74%, var(--color) 75%, var(--color) 76%, transparent 77%, transparent),linear-gradient(90deg, transparent 24%, var(--color) 25%, var(--color) 26%, transparent 27%, transparent 74%, var(--color) 75%, var(--color) 76%, transparent 77%, transparent);background-size:70rpx 70rpx;background-position:52% 62%;position:relative;overflow:hidden;clip-path:polygon(70% 0, 100% 25%, 100% 100%, 0 100%, 0 0)}.wrap .uploadCard-book::before{content:"";position:absolute;z-index:1;width:50rpx;height:50rpx;background-color:rgba(255,255,255,.2117647059);border-bottom-left-radius:16rpx;top:0;right:0}.wrap .uploadCard-book::after{content:"";background-image:linear-gradient(135deg, rgba(230, 250, 255, 0.4078431373), rgba(35, 82, 237, 0.445), transparent),radial-gradient(at 10% 10%, #74f1ff 0px, rgba(24, 116, 255, 0.831372549) 30%, rgba(24, 116, 255, 0.7098039216) 30%, rgba(24, 116, 255, 0.053) 70%, transparent);width:100%;height:100%;position:absolute;left:0;top:0;filter:blur(4px)}.wrap .uploadCard-left{position:relative}.wrap .uploadCard-outTextBox{background-color:rgba(0,0,0,.2);backdrop-filter:blur(2px);border-radius:15rpx;position:absolute;z-index:9;padding:8rpx;bottom:28rpx;left:-15rpx;box-shadow:0 10rpx 8rpx 2rpx rgba(1,15,63,.5215686275);transform:scale(0.8)}.wrap .uploadCard-insideTextBox{background-color:rgba(114,132,177,.6588235294);color:#12162c;padding:6rpx 25rpx;font-weight:bold;border-radius:10rpx;letter-spacing:1px;font-size:15px;overflow:hidden;position:relative;border:1px solid rgba(187,207,255,.1215686275)}.wrap .uploadCard-insideTextBox::after{content:"";background:repeating-radial-gradient(#000 0 0.0001%, #fff 0 0.0002%) 60% 60%/3000px 3000px,repeating-conic-gradient(#000 0 0.0001%, #fff 0 0.0002%) 55% 40%/3000px 3000px;background-blend-mode:difference;width:100%;height:100%;-webkit-filter:contrast(0.7);filter:contrast(0.7);opacity:.05;position:absolute;top:0;left:0;z-index:-1}.wrap .uploadCard-insideTextBox-dot{width:6rpx;height:6rpx;border-radius:100%;background-color:rgba(255,255,255,.6);box-shadow:0 0 3rpx 2rpx rgba(1,3,11,.3294117647);position:absolute}.wrap .uploadCard-insideTextBox-dot:nth-child(1){top:8rpx;left:8rpx}.wrap .uploadCard-insideTextBox-dot:nth-child(2){top:8rpx;right:8rpx}.wrap .uploadCard-insideTextBox-dot:nth-child(3){bottom:8rpx;right:8rpx}.wrap .uploadCard-insideTextBox-dot:nth-child(4){bottom:8rpx;left:8rpx}.wrap .uploadCard-insideTextBox-title{font-size:30rpx;font-weight:bold;color:#fff;margin-bottom:10rpx}.wrap .uploadCard-right{text-align:left;padding-left:30rpx}.wrap .uploadCard-right-title{font-size:18px}.wrap .uploadCard-right-desc{font-size:12px;margin-top:6rpx;color:rgba(255,255,255,.5)}.wrap .uploadCard-bottom{background-color:#021222;padding:20rpx 30rpx;border-radius:20rpx;border:3rpx solid rgba(255,255,255,.062745098);margin-top:40rpx}.wrap .uploadCard-bottom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10rpx}.wrap .uploadCard-bottom-right{font-size:20px}.wrap .uploadCard-progress{background-color:rgba(255,255,255,.2);height:6rpx;border-radius:30rpx;position:relative}.wrap .uploadCard-progressRate{height:100%;background-color:#fff;position:absolute;top:50%;transform:translateY(-50%);border-radius:inherit}.wrap .light-circle{position:absolute;width:calc(100% + 60rpx);height:calc(100% + 60rpx);border-radius:1000px;left:50%;transform:translate(-50%, -20%);z-index:9;filter:blur(10rpx)}.wrap .light-circle::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:1000px;border:10rpx solid #3a7cff;z-index:0}.wrap .light-circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:1000px;border:20rpx solid #5d83ff;filter:blur(30rpx);z-index:-1}.wrap .side-wrap{width:400rpx;height:260rpx;position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;bottom:2rpx;left:50%;transform:translateX(-50%)}.wrap .side-wrap:before{content:"";box-shadow:0 0 80rpx 20rpx #1f6cff;height:40rpx;background-color:pink;width:160rpx;clip-path:polygon(-100% 100%, 200% 100%, 200% 500%, -100% 500%);transform:rotate(-180deg)}.wrap .side-wrap:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:150rpx;width:300rpx;height:8rpx;clip-path:ellipse(39% 19% at 50% 58%);background-image:radial-gradient(ellipse, #1a1aff, rgba(26, 26, 255, 0.44) 50%, rgba(31, 42, 210, 0));filter:blur(2rpx)}@keyframes rotate{to{transform:rotate(360deg)}}.uploadCard{backdrop-filter:blur(4px);color:#fff;padding:40rpx 30rpx;border-radius:30rpx;position:relative;z-index:10}.uploadCard-uploading{font-size:12px;display:flex;align-items:center}.uploadCard-uploading-loadingIcon{position:relative;background-image:conic-gradient(from 0deg at 50% 50%, #fff, #fff 30%, rgba(0, 0, 0, 0.1));width:24rpx;height:24rpx;z-index:20;border-radius:100rpx;display:inline-block;margin-right:8rpx;animation:rotate 2s linear infinite;mask:radial-gradient(transparent calc(50% - 1px), #000 50%);-webkit-mask:radial-gradient(transparent calc(50% - 1px), #000 50%)}.uploadCard-border{overflow:hidden;pointer-events:none;border:1px solid #182d5d;position:absolute;z-index:-10;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:30rpx;opacity:.95;backdrop-filter:blur(2px)}.uploadCard-border::after{content:"";overflow:hidden;pointer-events:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);width:99%;height:99%;background-color:#091627;border-radius:30rpx;z-index:10}.uploadCard-border::before{content:"";pointer-events:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%),rotate(0deg);transform-origin:left;width:200%;height:10rem;background-image:linear-gradient(0deg, hsla(0deg, 0%, 100%, 0) 0%, hsl(236deg, 100%, 61%) 40%, hsl(193deg, 100%, 57%) 60%, hsla(0deg, 0%, 40%, 0) 100%);animation:rotate 8s linear infinite}.uploadCard-desc{font-size:12px;margin-top:8rpx}.uploadCard-header{display:flex;align-items:center}.uploadCard-book{width:140rpx;height:170rpx;border-radius:18rpx;--color: rgba(0, 0, 0, 0.2);background-color:#2d4466;margin-left:30rpx;background-image:linear-gradient(0deg, transparent 24%, var(--color) 25%, var(--color) 26%, transparent 27%, transparent 74%, var(--color) 75%, var(--color) 76%, transparent 77%, transparent),linear-gradient(90deg, transparent 24%, var(--color) 25%, var(--color) 26%, transparent 27%, transparent 74%, var(--color) 75%, var(--color) 76%, transparent 77%, transparent);background-size:70rpx 70rpx;background-position:52% 62%;position:relative;overflow:hidden;clip-path:polygon(70% 0, 100% 25%, 100% 100%, 0 100%, 0 0)}.uploadCard-book::before{content:"";position:absolute;z-index:1;width:50rpx;height:50rpx;background-color:rgba(255,255,255,0.2117647059);border-bottom-left-radius:16rpx;top:0;right:0}.uploadCard-book::after{content:"";background-image:linear-gradient(135deg, rgba(230, 250, 255, 0.4078431373), rgba(35, 82, 237, 0.445), transparent),radial-gradient(at 10% 10%, #74f1ff 0px, rgba(24, 116, 255, 0.831372549) 30%, rgba(24, 116, 255, 0.7098039216) 30%, rgba(24, 116, 255, 0.053) 70%, transparent);width:100%;height:100%;position:absolute;left:0;top:0;filter:blur(4px)}.uploadCard-left{position:relative}.uploadCard-outTextBox{background-color:rgba(0,0,0,.2);backdrop-filter:blur(2px);border-radius:15rpx;position:absolute;z-index:9;padding:8rpx;bottom:28rpx;left:-15rpx;box-shadow:0 10rpx 8rpx 2rpx rgba(1,15,63,0.5215686275);transform:scale(0.8)}.uploadCard-insideTextBox{background-color:rgba(114,132,177,0.6588235294);color:#12162c;padding:6rpx 25rpx;font-weight:bold;border-radius:10rpx;letter-spacing:1px;font-size:15px;overflow:hidden;position:relative;border:1px solid rgba(187,207,255,0.1215686275)}.uploadCard-insideTextBox::after{content:"";background:repeating-radial-gradient(#000 0 0.0001%, #fff 0 0.0002%) 60% 60%/3000px 3000px,repeating-conic-gradient(#000 0 0.0001%, #fff 0 0.0002%) 55% 40%/3000px 3000px;background-blend-mode:difference;width:100%;height:100%;-webkit-filter:contrast(0.7);filter:contrast(0.7);opacity:.05;position:absolute;top:0;left:0;z-index:-1}.uploadCard-insideTextBox-dot{width:6rpx;height:6rpx;border-radius:100%;background-color:rgba(255,255,255,.6);box-shadow:0 0 3rpx 2rpx rgba(1,3,11,0.3294117647);position:absolute}.uploadCard-insideTextBox-dot:nth-child(1){top:8rpx;left:8rpx}.uploadCard-insideTextBox-dot:nth-child(2){top:8rpx;right:8rpx}.uploadCard-insideTextBox-dot:nth-child(3){bottom:8rpx;right:8rpx}.uploadCard-insideTextBox-dot:nth-child(4){bottom:8rpx;left:8rpx}.uploadCard-insideTextBox-title{font-size:30rpx;font-weight:bold;color:#fff;margin-bottom:10rpx}.uploadCard-right{text-align:left;padding-left:30rpx}.uploadCard-right-title{font-size:18px}.uploadCard-right-desc{font-size:12px;margin-top:6rpx;color:rgba(255,255,255,.5)}.uploadCard-bottom{background-color:#021222;padding:20rpx 30rpx;border-radius:20rpx;border:3rpx solid rgba(255,255,255,.062745098);margin-top:40rpx}.uploadCard-bottom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10rpx}.uploadCard-bottom-right{font-size:20px}.uploadCard-progress{background-color:rgba(255,255,255,.2);height:6rpx;border-radius:30rpx;position:relative}.uploadCard-progressRate{height:100%;background-color:#fff;position:absolute;top:50%;transform:translateY(-50%);border-radius:inherit}.light-circle{position:absolute;width:calc(100% + 60rpx);height:calc(100% + 60rpx);border-radius:1000px;left:50%;transform:translate(-50%, -20%);z-index:9;filter:blur(10rpx)}.light-circle::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:1000px;border:10rpx solid #3a7cff;z-index:0}.light-circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:1000px;border:20rpx solid #5d83ff;filter:blur(30rpx);z-index:-1}.side-wrap{width:400rpx;height:260rpx;position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;bottom:2rpx;left:50%;transform:translateX(-50%)}.side-wrap:before{content:"";box-shadow:0 0 80rpx 20rpx #1f6cff;height:40rpx;background-color:pink;width:160rpx;clip-path:polygon(-100% 100%, 200% 100%, 200% 500%, -100% 500%);transform:rotate(-180deg)}.side-wrap:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:150rpx;width:300rpx;height:8rpx;clip-path:ellipse(39% 19% at 50% 58%);background-image:radial-gradient(ellipse, #1a1aff, rgba(26, 26, 255, 0.44) 50%, rgba(31, 42, 210, 0));filter:blur(2rpx)}@keyframes rotate{to{transform:rotate(360deg)}}