/* 引入Font Awesome的CSS（需要自行从Font Awesome官网获取链接） */  
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');  
  
  
  
  
  

 body {
            margin: auto;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            overflow: auto;
            background: linear-gradient(315deg, rgba(101, 0, 94, 1) 3%, rgba(60, 132, 206, 1) 38%, rgba(48, 238, 226, 1) 68%, rgba(255, 25, 25, 1) 98%);
            animation: gradient 15s ease infinite;
            background-size: 400% 400%;
            background-attachment: fixed;
        }

        @keyframes gradient {
            0% {
                background-position: 0% 0%;
            }

            50% {
                background-position: 100% 100%;
            }

            100% {
                background-position: 0% 0%;
            }
        }

        .wave {
            background: rgb(255 255 255 / 25%);
            /* background: rgba(255, 255,255, .1); */
            border-radius: 1000% 1000% 0 0;
            position: fixed;
            width: 200%;
            height: 12em;
            animation: wave 10s -3s linear infinite;
            transform: translate3d(0, 0, 0);
            opacity: 0.8;
            bottom: 0;
            left: 0;
            z-index: -1;
        }

        .wave:nth-of-type(2) {
            bottom: -1.25em;
            animation: wave 18s linear reverse infinite;
            opacity: 0.8;
        }

        .wave:nth-of-type(3) {
            bottom: -2.5em;
            animation: wave 20s -1s reverse infinite;
            opacity: 0.9;
        }

        @keyframes wave {
            2% {
                transform: translateX(1);
            }

            25% {
                transform: translateX(-25%);
            }

            50% {
                transform: translateX(-50%);
            }

            75% {
                transform: translateX(-25%);
            }

            100% {
                transform: translateX(1);
            }
        }





  
body {  
    margin: 0;  
    padding: 0;  
    font-family: Arial, sans-serif;  
}  
  
  
.navbar-list {  
    list-style: none;  
    display: flex;  
    justify-content: center; /* 添加这一行来居中列表项 */  
}

header {  
    background-color: #333;  
    color: #fff;  
    padding: 10px 0;  
}  
  
.navbar {  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
    padding: 0 20px;  
}  
  

  
.navbar-item {  
    position: relative;  
    margin-right: 20px;  
}  
  
.navbar-item a {  
    color: #fff;  
    text-decoration: none;  
    padding: 10px 0;  
    display: inline-block;  
}  
  
.dropdown-toggle::after {  
    content: "\f107";  
    font-family: "Font Awesome 5 Free";  
    font-weight: 900;  
    margin-left: 5px;  
}  
  
.dropdown-menu {  
    position: absolute;  
    top: 100%;  
    left: 0;  
    background-color: #fff;  
    min-width: 105px;  
    padding: 10px 0;  
    display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	transition: height 0.3s ease-in-out;
    z-index: 1000;  
    border-radius: 5px;  
	list-style:none;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  
	
}  
  
.dropdown-menu li {  
    margin: 5px 0; 

  transition: background-color 0.3s;
}  
  
  
 .dropdown-menu li:hover {  
     background-color: #f2f2f2;

}  
    
 
  
.dropdown-menu li a {  
    color: #333;  
    padding: 5px 20px;  
    display: block;  
    text-decoration: none;  
}  
  
.dropdown:hover .dropdown-menu {  
    display: block;  
	height: 115px;
	visibility: visible;
}


 /* 基础样式 */  
        body {  
            font-family: 'Avenir', Helvetica, Arial, sans-serif;  
            margin: 0;  
            padding: 0;  
            color: #333;  
            background-color: #fff; /* 白色背景 */  
        }  
  
        .container {  
            display: flex;  
            flex-direction: column;  
            align-items: center;  
            justify-content: center;  
            height: 100vh;  
            text-align: center;  
        }  
		
		 /* 按钮淡入动画 */  
        @keyframes fadeIn {  
            from { opacity: 0; }  
            to { opacity: 1; }  
        }  
  
        .download-btn {  
            /* ... 其他样式保持不变 ... */  
            animation: fadeIn 0.5s ease-in-out forwards; /* 添加淡入动画 */  
        }  
  
        /* 点击时颜色变化效果 */  
        .download-btn:active {  
            background-color: #0056b3;  
            transition: background-color 0.3s ease; /* 点击时颜色变化过渡效果 */  
        }  
  
        .logo {  
            width: 200px;  
            height: auto;  
            margin-bottom: 20px;  
        }  
  
        .download-buttons {  
            display: flex;  
            justify-content: center;  
            margin-top: 30px;  
        }  
  
        .download-btn {  
            display: inline-block;  
            padding: 10px 20px;  
            margin: 0 10px;  
            border-radius: 4px;  
            text-decoration: none;  
            color: #fff;  
            background-color: #007BFF;  
            transition: background-color 0.3s ease;  
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  
        }  
  
        .download-btn:hover {  
            background-color: #0056b3;  
        }  
  
        .description {  
            margin-top: 20px;  
            font-size: 18px;  
            line-height: 1.5;  
        }  
  
        /* 响应式布局 */  
        @media (max-width: 600px) {  
            .download-buttons {  
                flex-direction: column;  
            }  
  
            .download-btn {  
                margin: 10px 0;  
            }  
        }  
		
		/* 内联样式或链接到外部样式表 */  
        .copyright-info {  
            text-align: center; /* 居中对齐 */  
            margin: 0; /* 移除默认边距 */  
            padding: 10px 0; /* 可选：添加一些上下内边距 */  
            background-color: #f2f2f2; /* 可选：添加背景色以突出显示 */  
        } 
		
		.copyright-info a {  
		color: #000000; /* 链接颜色 */  
		text-decoration: none; /* 移除下划线 */  
		/* 其他链接样式 */  
		}  
  
		.copyright-info a:hover {  
		color: 	#000000; /* 鼠标悬停时链接颜色 */  
		text-decoration: underline; /* 鼠标悬停时添加下划线 */  
		/* 其他鼠标悬停样式 */  
		}