feat: 添加猜歌页面及相关资源文件

新增猜歌页面(guess.html)及配套CSS/LESS文件
添加多个SVG图片资源用于页面展示
优化song-request-station页面标题和图标
移除song-request-station页面无用样式和图片
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-09-22 18:54:03 +08:00
parent 4087c429fa
commit 5d67675772
12 changed files with 628 additions and 98 deletions

View File

@@ -43,61 +43,6 @@
box-sizing: border-box;
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
overflow: hidden;
}
.bubble-tag {
position: absolute;
padding: 8px 18px;
border-radius: 25px;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
font-size: 14px;
cursor: pointer;
transition: transform 0.3s ease;
user-select: none;
z-index: 1;
}
.bubble-tag:hover {
transform: scale(1.15);
z-index: 10;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
/* 气泡浮动动画 */
@keyframes float {
0%,
100% {
transform: translateY(0) translateX(0) rotate(0deg);
}
25% {
transform: translateY(-15px) translateX(10px) rotate(1deg);
}
50% {
transform: translateY(-30px) translateX(5px) rotate(0deg);
}
75% {
transform: translateY(-15px) translateX(-10px) rotate(-1deg);
}
}
// /* 呼吸效果动画 */
// @keyframes pulse {
// 0% {
// opacity: 0.8;
// box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
// }
// 100% {
// opacity: 1;
// box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
// }
// }
.container-box {
padding-top: 24px;
height: 100vh;