* {
            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‌;
            toppem: 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: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;
        }
        
        .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;
	}