/* 下拉触发按钮的样式 */ .dropdown-btn { padding: 10px; background-color: #fff; border: 1px solid #ccc; cursor: pointer; } /* 下拉框容器，默认隐藏 */ .dropdown { display: none; position: absolute; background-color: #fff; border: 1px solid #ccc; width: 400px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } /* 鼠标悬停在按钮上时，显示下拉框 */ .dropdown-btn:hover + .dropdown, .dropdown:hover { display: block; } /* 下拉框内部分栏样式 */ .dropdown-content { display: flex; justify-content: space-around; } .column { text-align: center; } .qr-code { width: 120px; height: 120px; background-color: #eee; /* 这里用灰色模拟二维码，实际可替换为真实二维码图片 */ margin: 0 auto; } .download-btn { background-color: #00a1d6; color: #fff; border: none; padding: 8px 16px; cursor: pointer; margin-top: 10px; } .more-link { display: block; text-align: center; margin-top: 10px; color: #00a1d6; text-decoration: none; }