* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		
		body {
			font-family: 'Arial', sans-serif;
			padding: 50px;
		}
		
		.dropdown {
			position: relative;
			transition: transform 0.5s ease, opacity 0.5s ease;
		}
		
		.dropbtn {
			backdrop-filter: blur(0.1px);
			-webkit-backdrop-filter: blur(var(--glass-blur));
			box-shadow: var(--shadow-w-s);
			font-family: 'fillet';
			position: fixed‌;
			top: 20px;
			left: 20px;
			z-index: 100000;
			font-size: 16px;
			cursor: pointer;
			background:rgba(210,204,214,0.9);
			color:#000000;
			padding:9px 24px;
			border-radius: 0px;
			border: 2px solid #EEEEEF;
			border-bottom: 4px solid #5A5A5C;
			border-left: 2px solid #E0E0E0;
			border-top: 2px solid #E5E5E7;
			border-right: 2px solid #E5E5E7;
			transition: all 0.2s ease;
			transform: translateY(0px);
			outline: 2px solid #000000;
		}
		.dropbtn::before {
			opacity:0;
			transform:translate(-50%, -50%);
			transition: all 0.2s ease;
			left:50%;
			top:100%;
			content:'';
			width:0%;
			background:#ffffff;
			padding:1px;
			border-radius: 0px;
			position:absolute;
			z-index: 1;
		}
		
		.dropbtn:hover {
			box-shadow: none;
			font-family: 'fillet';
			background:#43942B;
			color:#ffffff;
			padding:9px 24px;
			border-radius: 0px;
			border: 2px solid #599751;
			border-bottom: 2px solid #558547;
			border-left: 2px solid #558547;
			border-top: 2px solid #599751;
			border-right: 2px solid #599751;
			transform: translateY(4px);
			transition: all 0.2s ease;
			outline: 2px solid #000000;
		}
		.dropbtn:hover::before {
			opacity:1;
			transform:translate(-50%, -50%);
			transition: all 0.2s ease;
			left:50%;
			top:100%;
			content:'';
			width:40%;
			background:#ffffff;
			padding:1px;
			border-radius: 0px;
			position:absolute;
			z-index: 1;
		}

		.dropdown-content {
			backdrop-filter: blur(var(--glass-blur));
			transform: translateY(10px);
			position: absolute;
			border-radius: 5px;
			border:2px solid #000000;
			background-color: rgba(240,240,240,0.6);
			min-width:345px; /* 宽度 */
			box-shadow: var(--shadow-b-m);;
			z-index: 1000;
			max-height: 0;
			max-width: 0;
			overflow: hidden;
			transition: max-height 0.2s ease-out, max-height 0.2s ease-in, opacity 0.2s ease;
			opacity: 0;
		}
		.dropdown-content.dark {
			border:2px solid rgba(255,255,255,0.8);
			background-color: rgba(255,255,255,0.5);
			backdrop-filter: blur(var(--glass-blur));
		}
		
		.dropdown-content.show {
			transform: translateY(10px);
			max-height: 700px;
			opacity: 1;
			z-index: 1000;
			transition: max-height 0.3s ease-in, max-width 0.3s ease-in, opacity 0.3s ease;
		}
		
		.dropdown-content a {
			transform: translateY(10px);
			color: black;
			padding: 10px 60px;
			text-decoration: none;
			display: block;
			transition: background-color 0.2s;
			z-index: 1000;
		}
		
		.dropdown-content a:hover {
			transform: translateY(10px);
			background-color: #f1f1f1;
			z-index: 1000;
		}

		@keyframes now-block {
			100% {
				font-family: 'fillet';
				width:150px;
				background:#43942B;
				color:#ffffff;
				padding:10px;
				border-radius: 0px;
				border: 2px solid #599751;
				border-bottom: 2px solid #558547;
				border-left: 2px solid #558547;
				border-top: 2px solid #599751;
				border-right: 2px solid #599751;
				transform: translateY(4px);
				transition: all 0.05s ease;
				outline: 2px solid #000000;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
				/*font-weight: 900;*/
			}
		}

	.hightlight {
		animation: now-block 0.5s circ-in forwards;
	}