body
        {
            transform: scale(0.94);
            background-image: url('https://img.gta-w.cn/img/background3.jpg');
            background-size: cover;
            text-align: center;
            justify-content: center;
        }
        .logo {
            text-align: center;
            justify-content: center;
            margin: 20px auto;
            width: 30%;
            height: 15%;

            animation:logo-fadein 1.3s;
            -moz-animation:logo-fadein 1.3s; /* Firefox */
            -webkit-animation:logo-fadein 1.3s; /* Safari and Chrome */
            -o-animation:logo-fadein 1.3s; /* Opera */
        }
        .logo:hover
        {
            cursor: pointer;
        }
        #drop_zone {
            /*border: 2px dashed black;*/
            border: 1px dashed rgba(0, 0, 0, 0.819);
            border-radius: 10px;
            text-align: center;
            margin-bottom: 20px;
            width: 100%;
            min-height: 400px;
            transition: background 0.3s
        }

        #drop_zone.highlight {
            background: #1d1d1d50;
        }
        #preview {
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
        }
        .image-box {
            position: relative;
            justify-content: center;
            align-items: center;
            justify-content: center;
            height: 110px;
            width: 110px;
            margin: 5px;
            border-radius: 5px;
        }
        .image-button {
            position: absolute;
            justify-content: center;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
            background: #000000a9;
            color:white;
            transform: scale(0.76);
            right:1.5px;
            bottom:1.5px;

        }
        .preview-image {
            width: 100px;
            height: 100px;
            object-fit: cover;
            margin: 5px;
            border-radius: 5px;
        }
        .progress-container {
            width: 100%;
            margin-top: 10px;
        }
        .progress-bar {
            height: 20px;
            background: #ffd900;
            width: 0%;
            border-radius: 5px;
            transition: width 0.3s;
        }
        #upload-btn {
            padding: 10px 20px;
            /*background: #f8a305;*/
            color: black;
            font-weight: border;
            font-family: 黑体;
            border: none;
            border-radius: 5px;
            /*cursor: pointer;*/
        }
        #link {
            margin-top: 300px;
            padding: 20px;
            text-align: center;
            margin: 20px auto;
            width: 80%;
            min-height: 100px;
        }
        .drop_zone_title
        {
            margin-top: 200px;
            color: #b9b9b9;
        }
        .drop_zone_title i
        {
            color: #f8a305;
            font-size: 40px;
        }
        .container
        {
            background: #11111180;
			box-shadow: 
				0 8px 32px rgba(0, 0, 0, 0.5),
				inset 0 1px 0 rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            padding: 20px;
            text-align: center;
            margin: 20px auto;
            width: 100%;
            min-height: 400px;
            backdrop-filter: blur(2px);
			-webkit-backdrop-filter: blur(2px);
            animation:container-fadein 1.3s;
            -moz-animation:container-fadein 1.3s; /* Firefox */
            -webkit-animation:container-fadein 1.3s; /* Safari and Chrome */
            -o-animation:container-fadein 1.3s; /* Opera */
        }

        @-moz-keyframes logo-fadein /* Firefox */
		{
			from {transform: translateY(-13%);opacity: 0.6;}
			to {transform: translate(0);opacity: 1;}
		}

		@-webkit-keyframes logo-fadein /* Safari and Chrome */
		{
			from {transform: translateY(-13%);opacity: 0.6;}
			to {transform: translate(0);opacity: 1;}
		}

		@-o-keyframes logo-fadein /* Opera */
		{
			from {transform: translateY(-13%);opacity: 0.6;}
			to {transform: translate(0);opacity: 1;}
		}

        @-moz-keyframes container-fadein /* Firefox */
		{
			from {transform: translateY(20%);opacity: 0.3;}
			to {transform: translate(0);opacity: 1;}
		}

		@-webkit-keyframes container-fadein /* Safari and Chrome */
		{
			from {transform: translateY(20%);opacity: 0.3;}
			to {transform: translate(0);opacity: 1;}
		}

		@-o-keyframes container-fadein /* Opera */
		{
			from {transform: translateY(20%);opacity: 0.3;}
			to {transform: translate(0);opacity: 1;}
		}
        #status {
            color: green;
        }
        .copyright {
            color: #b9b9b9;
            margin: 2px auto;
            font-size: 80%;
            flex-wrap: wrap;
        }