diff --git a/guess.html b/guess.html
new file mode 100644
index 0000000..3b93b55
--- /dev/null
+++ b/guess.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <title>朴见潮音 - 猜歌</title>
+        <link rel="stylesheet" href="./static/css/guess.css" />
+        <script src="./static/js/vue.global.js"></script>
+        <link rel="icon" href="./static/img/favicon.ico" type="image/x-icon" />
+
+        <style>
+            [v-cloak] {
+                display: none;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <div class="container-box mar1200">
+                <img class="logo" src="./static/img/logo.png" alt="" />
+                <div class="header">
+                    <img class="halo" src="./static/img/halo.png" />
+                    <img class="record-black" src="./static/img/record-black.svg" />
+                    <div class="record-circle"></div>
+                    <img class="star-icon" src="./static/img/star-icon.png" alt="" />
+                    <img class="bj-2" src="./static/img/guess-bj-2.svg" alt="" />
+                    <img class="love-little" src="./static/img/guess-love-little.svg" alt="" />
+                    <img class="music-icon" src="./static/img/music-icon.svg" alt="" />
+                    <img class="bj" src="./static/img/guess-bj.svg" alt="" />
+                    <img class="love-big" src="./static/img/guess-love-big.svg" alt="" />
+                    <img class="music-score" src="./static/img/music-score.png" />
+                    <img class="question" src="./static/img/question-mark.png" />
+                    <img class="text" src="./static/img/guess-text.svg" />
+                    <img class="face" src="./static/img/smiling-face.png" />
+                    <img class="star-icon-2" src="./static/img/star-icon-2.png" />
+                    <img class="ai-music" src="./static/img/ai-music.png" />
+                    <img class="green-glow" src="./static/img/green-glow.png" />
+                    <img class="shadow" src="./static/img/shadow.png" />
+                </div>
+
+                <div class="details">
+                    <div class="start-box">
+                        
+                    </div>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/song-request-station.html b/song-request-station.html
index ea2f1c9..9ddc212 100644
--- a/song-request-station.html
+++ b/song-request-station.html
@@ -3,12 +3,11 @@
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>标签气泡动效</title>
-        <style></style>
-
+        <title>朴见潮音 - 点歌</title>
         <link rel="stylesheet" href="./static/css/song-request-station.css" />
         <script src="./static/js/vue.global.js"></script>
         <script src="./static/js/tagcloud-3.1.js"></script>
+        <link rel="icon" href="./static/img/favicon.ico" type="image/x-icon" />
 
         <style>
             [v-cloak] {
@@ -33,7 +32,6 @@
                     <img class="bj" src="./static/img/song-request-bj.svg" alt="" />
                     <img class="love-big" src="./static/img/love-big.svg" alt="" />
                     <img class="music-score" src="./static/img/music-score.png" />
-                    <img class="robot" src="./static/img/robot.png" />
                     <img class="text" src="./static/img/song-request-text.svg" />
                     <img class="face" src="./static/img/smiling-face.png" />
                     <img class="star-icon-2" src="./static/img/star-icon-2.png" />
diff --git a/static/css/guess.css b/static/css/guess.css
new file mode 100644
index 0000000..453957a
--- /dev/null
+++ b/static/css/guess.css
@@ -0,0 +1,241 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+.container {
+  width: 100%;
+  background-color: #333333;
+}
+.container .flexflex {
+  display: flex;
+}
+.container .flexcenter {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.container .flexjcenter {
+  display: flex;
+  justify-content: center;
+}
+.container .flexacenter {
+  display: flex;
+  align-items: center;
+}
+.container .flex1 {
+  flex: 1;
+}
+.container .flexcolumn {
+  display: flex;
+  flex-direction: column;
+}
+.container .mar1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.container .container-box {
+  padding-top: 24px;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.container .container-box .logo {
+  width: 121px;
+  height: 24px;
+  margin-bottom: 31px;
+}
+.container .container-box .header {
+  position: relative;
+  width: 1200px;
+  height: 280px;
+  border-radius: 20px;
+  margin-bottom: 20px;
+}
+.container .container-box .header::after {
+  content: "";
+  width: 1200px;
+  height: 280px;
+  background: linear-gradient(180deg, #7d4bf8 0%, #5241b0 100%);
+  border-radius: 20px;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.container .container-box .header .halo {
+  width: 240px;
+  height: 214px;
+  position: absolute;
+  top: -71px;
+  left: -59px;
+}
+.container .container-box .header .star-icon {
+  position: absolute;
+  top: 46px;
+  left: 51px;
+  width: 56px;
+  height: 56px;
+  z-index: 1;
+}
+.container .container-box .header .love-little {
+  position: absolute;
+  top: 120px;
+  left: -9px;
+  width: 173px;
+  height: 148px;
+  transform: rotate(315deg);
+  z-index: 1;
+}
+.container .container-box .header .bj-2 {
+  width: 360px;
+  height: 128px;
+  position: absolute;
+  left: 25px;
+  bottom: 0;
+  z-index: 1;
+}
+.container .container-box .header .music-icon {
+  width: 34px;
+  height: 37px;
+  position: absolute;
+  top: 194px;
+  left: 40px;
+  transform: rotate(345deg);
+  z-index: 1;
+}
+.container .container-box .header .bj {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 1064px;
+  height: 280px;
+  z-index: 1;
+}
+.container .container-box .header .love-big {
+  width: 298px;
+  height: 256px;
+  display: flex;
+  transform: rotate(44deg);
+  position: absolute;
+  top: 22px;
+  left: 64px;
+  z-index: 1;
+}
+.container .container-box .header .music-score {
+  width: 240px;
+  height: 240px;
+  position: absolute;
+  top: 20px;
+  left: 197px;
+  z-index: 1;
+}
+.container .container-box .header .question {
+  width: 289px;
+  height: 280px;
+  position: absolute;
+  top: 0;
+  left: 668px;
+  z-index: 1;
+}
+.container .container-box .header .text {
+  width: 243px;
+  height: 210px;
+  position: absolute;
+  top: 50px;
+  left: 423px;
+  z-index: 1;
+}
+.container .container-box .header .face {
+  width: 83px;
+  height: 83px;
+  position: absolute;
+  top: -27px;
+  left: 1080px;
+  z-index: 1;
+}
+.container .container-box .header .star-icon-2 {
+  width: 110px;
+  height: 110px;
+  position: absolute;
+  left: 979px;
+  top: 70px;
+  z-index: 1;
+}
+.container .container-box .header .ai-music {
+  width: 81px;
+  height: 28px;
+  position: absolute;
+  top: 240px;
+  left: 1106px;
+  z-index: 1;
+}
+.container .container-box .header .record-black {
+  width: 191px;
+  height: 199px;
+  position: absolute;
+  bottom: 0;
+  right: -1px;
+  z-index: 1;
+}
+.container .container-box .header .record-circle {
+  position: absolute;
+  top: 132px;
+  left: 1063px;
+  background-color: #72db86;
+  width: 94px;
+  height: 94px;
+  border-radius: 50%;
+  z-index: 1;
+}
+.container .container-box .header .record-circle::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: #fff;
+}
+.container .container-box .header .green-glow {
+  width: 306px;
+  height: 62px;
+  position: absolute;
+  top: 245px;
+  left: 217px;
+}
+.container .container-box .header .shadow {
+  width: 240px;
+  height: 165px;
+  position: absolute;
+  top: 151px;
+  left: 997px;
+}
+.container .container-box .details {
+  height: 500px;
+  width: 1200px;
+  border-radius: 20px;
+  background-color: rgba(255, 255, 255, 0.1);
+  position: relative;
+  z-index: 1;
+  padding: 3px;
+}
+.container .container-box .details::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: calc(100% - 6px);
+  height: calc(100% - 6px);
+  background-color: #7d4bf8;
+  z-index: -1;
+  border-radius: 18px;
+}
+.container .container-box .details .start-box {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
diff --git a/static/css/guess.less b/static/css/guess.less
new file mode 100644
index 0000000..73c2992
--- /dev/null
+++ b/static/css/guess.less
@@ -0,0 +1,269 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+.container {
+    .flexflex {
+        display: flex;
+    }
+    .flexcenter {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .flexjcenter {
+        display: flex;
+        justify-content: center;
+    }
+    .flexacenter {
+        display: flex;
+        align-items: center;
+    }
+    .flex1 {
+        flex: 1;
+    }
+    .flexcolumn {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mar1200 {
+        width: 1200px;
+        margin: 0 auto;
+    }
+
+    width: 100%;
+    background-color: rgba(51, 51, 51, 1);
+
+    .container-box {
+        padding-top: 24px;
+        height: 100vh;
+        display: flex;
+        flex-direction: column;
+
+        .logo {
+            width: 121px;
+            height: 24px;
+            margin-bottom: 31px;
+        }
+
+        .header {
+            position: relative;
+            width: 1200px;
+            height: 280px;
+            // background: linear-gradient(180deg, #7d4bf8 0%, #5241b0 100%);
+            border-radius: 20px;
+            margin-bottom: 20px;
+
+            &::after {
+                content: "";
+                width: 1200px;
+                height: 280px;
+                background: linear-gradient(180deg, rgba(125, 75, 248, 1) 0%, rgba(82, 65, 176, 1) 100%);
+                border-radius: 20px;
+                position: absolute;
+                top: 0;
+                left: 0;
+            }
+
+            .halo {
+                width: 240px;
+                height: 214px;
+                position: absolute;
+                top: -71px;
+                left: -59px;
+            }
+
+            .star-icon {
+                position: absolute;
+                top: 46px;
+                left: 51px;
+                width: 56px;
+                height: 56px;
+                z-index: 1;
+            }
+
+            .love-little {
+                position: absolute;
+                top: 120px;
+                left: -9px;
+                width: 173px;
+                height: 148px;
+                transform: rotate(315deg);
+                z-index: 1;
+            }
+
+            .bj-2 {
+                width: 360px;
+                height: 128px;
+                position: absolute;
+                left: 25px;
+                bottom: 0;
+                z-index: 1;
+            }
+
+            .music-icon {
+                width: 34px;
+                height: 37px;
+                position: absolute;
+                top: 194px;
+                left: 40px;
+                transform: rotate(345deg);
+                z-index: 1;
+            }
+
+            .bj {
+                position: absolute;
+                bottom: 0;
+                right: 0;
+                width: 1064px;
+                height: 280px;
+                z-index: 1;
+            }
+
+            .love-big {
+                width: 298px;
+                height: 256px;
+                display: flex;
+                transform: rotate(44deg);
+                position: absolute;
+                top: 22px;
+                left: 64px;
+                z-index: 1;
+            }
+
+            .music-score {
+                width: 240px;
+                height: 240px;
+                position: absolute;
+                top: 20px;
+                left: 197px;
+                z-index: 1;
+            }
+
+            .question {
+                width: 289px;
+                height: 280px;
+                position: absolute;
+                top: 0;
+                left: 668px;
+                z-index: 1;
+            }
+
+            .text {
+                width: 243px;
+                height: 210px;
+                position: absolute;
+                top: 50px;
+                left: 423px;
+                z-index: 1;
+            }
+
+            .face {
+                width: 83px;
+                height: 83px;
+                position: absolute;
+                top: -27px;
+                left: 1080px;
+                z-index: 1;
+            }
+
+            .star-icon-2 {
+                width: 110px;
+                height: 110px;
+                position: absolute;
+                left: 979px;
+                top: 70px;
+                z-index: 1;
+            }
+
+            .ai-music {
+                width: 81px;
+                height: 28px;
+                position: absolute;
+                top: 240px;
+                left: 1106px;
+                z-index: 1;
+            }
+
+            .record-black {
+                width: 191px;
+                height: 199px;
+                position: absolute;
+                bottom: 0;
+                right: -1px;
+                z-index: 1;
+            }
+
+            .record-circle {
+                position: absolute;
+                top: 132px;
+                left: 1063px;
+                background-color: rgb(114, 219, 134);
+                width: 94px;
+                height: 94px;
+                border-radius: 50%;
+                z-index: 1;
+
+                &::after {
+                    content: "";
+                    position: absolute;
+                    top: 50%;
+                    left: 50%;
+                    transform: translate(-50%, -50%);
+                    display: block;
+                    width: 10px;
+                    height: 10px;
+                    border-radius: 50%;
+                    background-color: #fff;
+                }
+            }
+
+            .green-glow {
+                width: 306px;
+                height: 62px;
+                position: absolute;
+                top: 245px;
+                left: 217px;
+            }
+
+            .shadow {
+                width: 240px;
+                height: 165px;
+                position: absolute;
+                top: 151px;
+                left: 997px;
+            }
+        }
+
+        .details {
+            height: 500px;
+            width: 1200px;
+            border-radius: 20px;
+            background-color: rgba(255, 255, 255, 0.1);
+            position: relative;
+            z-index: 1;
+            padding: 3px;
+
+            &::after {
+                content: "";
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                width: calc(100% - 6px);
+                height: calc(100% - 6px);
+                background-color: #7d4bf8;
+                z-index: -1;
+                border-radius: 18px;
+            }
+
+            .start-box {
+                width: 100%;
+                height: 100%;
+                position: relative;
+            }
+        }
+    }
+}
diff --git a/static/css/song-request-station.css b/static/css/song-request-station.css
index cb036ba..eaf9e60 100644
--- a/static/css/song-request-station.css
+++ b/static/css/song-request-station.css
@@ -6,7 +6,6 @@
 .container {
   width: 100%;
   background-color: #333333;
-  /* 气泡浮动动画 */
 }
 .container .flexflex {
   display: flex;
@@ -40,44 +39,6 @@
   padding: 0;
   box-sizing: border-box;
 }
-.container body {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  min-height: 100vh;
-  overflow: hidden;
-}
-.container .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;
-}
-.container .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);
-  }
-}
 .container .container-box {
   padding-top: 24px;
   height: 100vh;
diff --git a/static/css/song-request-station.less b/static/css/song-request-station.less
index 5ce1b8a..b7a085c 100644
--- a/static/css/song-request-station.less
+++ b/static/css/song-request-station.less
@@ -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;
diff --git a/static/img/guess-bj-2.svg b/static/img/guess-bj-2.svg
new file mode 100644
index 0000000..36bcf86
--- /dev/null
+++ b/static/img/guess-bj-2.svg
@@ -0,0 +1,12 @@
+﻿<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="360px" height="128px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient gradientUnits="userSpaceOnUse" x1="181" y1="128" x2="292" y2="128" id="LinearGradient289">
+      <stop id="Stop290" stop-color="#9f2c39" offset="0" />
+      <stop id="Stop291" stop-color="#be3946" offset="1" />
+    </linearGradient>
+  </defs>
+  <g transform="matrix(1 0 0 1 -385 -1255 )">
+    <path d="M 151 128  L 0 97  L 347 0  L 360 128  L 151 128  Z " fill-rule="nonzero" fill="url(#LinearGradient289)" stroke="none" transform="matrix(1 0 0 1 385 1255 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/static/img/guess-bj.svg b/static/img/guess-bj.svg
new file mode 100644
index 0000000..09852e1
--- /dev/null
+++ b/static/img/guess-bj.svg
@@ -0,0 +1,12 @@
+﻿<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1064px" height="280px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient gradientUnits="userSpaceOnUse" x1="115" y1="0" x2="1064" y2="280" id="LinearGradient295">
+      <stop id="Stop296" stop-color="#f3974a" offset="0" />
+      <stop id="Stop297" stop-color="#d73942" offset="1" />
+    </linearGradient>
+  </defs>
+  <g transform="matrix(1 0 0 1 -496 -1103 )">
+    <path d="M 184 280  L 0 237.125  L 104 0  L 1064 215.125  L 1064 262.5  C 1064 272.3  1055.2 280  1044 280  L 184 280  Z " fill-rule="nonzero" fill="url(#LinearGradient295)" stroke="none" transform="matrix(1 0 0 1 496 1103 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/static/img/guess-love-big.svg b/static/img/guess-love-big.svg
new file mode 100644
index 0000000..dcfdfae
--- /dev/null
+++ b/static/img/guess-love-big.svg
@@ -0,0 +1,12 @@
+﻿<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="298px" height="256px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient gradientUnits="userSpaceOnUse" x1="271.334774788104" y1="21.570942662449" x2="0" y2="256" id="LinearGradient298">
+      <stop id="Stop299" stop-color="#c3454c" offset="0" />
+      <stop id="Stop300" stop-color="#eea058" offset="1" />
+    </linearGradient>
+  </defs>
+  <g transform="matrix(1 0 0 1 -424 -1125 )">
+    <path d="M 156.316964285714 253  C 154.321428571429 255  151.88244047619 256  149 256  C 146.11755952381 256  143.678571428571 255  141.683035714286 253  L 37.9151785714286 152.666666666667  C 36.8065476190476 151.777777777778  35.2821800595238 150.333333333333  33.3420758928571 148.333333333333  C 31.4019717261905 146.333333333333  28.3255208333333 142.694444444444  24.1127232142857 137.416666666667  C 19.8999255952381 132.138888888889  16.1305803571429 126.722222222222  12.8046875 121.166666666667  C 9.47879464285714 115.611111111111  6.5132068452381 108.888888888889  3.90792410714286 101  C 1.30264136904762 93.1111111111111  0 85.4444444444444  0 78  C 0 53.5555555555555  7.03980654761905 34.4444444444444  21.1194196428571 20.6666666666667  C 35.1990327380952 6.88888888888889  54.6555059523809 0  79.4888392857143 0  C 86.3623511904762 0  93.3744419642857 1.19444444444443  100.525111607143 3.58333333333334  C 107.67578125 5.9722222222222  114.327566964286 9.19444444444443  120.48046875 13.25  C 126.633370535714 17.3055555555555  131.927083333333 21.1111111111111  136.361607142857 24.6666666666667  C 140.796130952381 28.2222222222222  145.008928571429 32  149 36  C 152.991071428571 32  157.203869047619 28.2222222222222  161.638392857143 24.6666666666667  C 166.072916666667 21.1111111111111  171.366629464286 17.3055555555555  177.51953125 13.25  C 183.672433035714 9.19444444444443  190.32421875 5.9722222222222  197.474888392857 3.58333333333334  C 204.625558035714 1.19444444444443  211.637648809524 0  218.511160714286 0  C 243.344494047619 0  262.800967261905 6.88888888888889  276.880580357143 20.6666666666667  C 290.960193452381 34.4444444444444  298 53.5555555555555  298 78  C 298 102.555555555556  285.306175595238 127.555555555556  259.918526785714 153  L 156.316964285714 253  Z " fill-rule="nonzero" fill="url(#LinearGradient298)" stroke="none" transform="matrix(1 0 0 1 424 1125 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/static/img/guess-love-little.svg b/static/img/guess-love-little.svg
new file mode 100644
index 0000000..1a86aa8
--- /dev/null
+++ b/static/img/guess-love-little.svg
@@ -0,0 +1,12 @@
+﻿<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="173px" height="148px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient gradientUnits="userSpaceOnUse" x1="45.5970992552194" y1="109.588769917092" x2="167.736885267016" y2="22.4597723935139" id="LinearGradient292">
+      <stop id="Stop293" stop-color="#c03c49" offset="0" />
+      <stop id="Stop294" stop-color="#eed680" offset="1" />
+    </linearGradient>
+  </defs>
+  <g transform="matrix(1 0 0 1 -351 -1223 )">
+    <path d="M 90.7477678571428 146.265625  C 89.5892857142857 147.421875  88.1733630952381 148  86.5 148  C 84.8266369047619 148  83.4107142857143 147.421875  82.2522321428571 146.265625  L 22.0111607142857 88.2604166666667  C 21.3675595238095 87.7465277777778  20.4826078869048 86.9114583333333  19.3563058035714 85.7552083333333  C 18.2300037202381 84.5989583333333  16.4440104166667 82.4952256944445  13.9983258928571 79.4440104166667  C 11.5526413690476 76.3927951388889  9.36439732142857 73.2612847222222  7.43359375 70.0494791666667  C 5.50279017857143 66.8376736111111  3.78115699404762 62.9513888888889  2.26869419642857 58.390625  C 0.756231398809524 53.8298611111111  0 49.3975694444444  0 45.09375  C 0 30.9618055555556  4.08686755952381 19.9131944444444  12.2606026785714 11.9479166666667  C 20.4343377976191 3.98263888888889  31.7295386904762 0  46.1462053571429 0  C 50.1365327380952 0  54.2073102678571 0.690538194444435  58.3585379464286 2.07161458333334  C 62.509765625 3.45269097222221  66.3713727678571 5.31553819444444  69.943359375 7.66015625  C 73.5153459821429 10.0047743055555  76.5885416666667 12.2048611111111  79.1629464285714 14.2604166666667  C 81.7373511904762 16.3159722222222  84.1830357142857 18.5  86.5 20.8125  C 88.8169642857143 18.5  91.2626488095238 16.3159722222222  93.8370535714286 14.2604166666667  C 96.4114583333333 12.2048611111111  99.4846540178572 10.0047743055555  103.056640625 7.66015625  C 106.628627232143 5.31553819444444  110.490234375 3.45269097222221  114.641462053571 2.07161458333334  C 118.792689732143 0.690538194444435  122.863467261905 0  126.853794642857 0  C 141.270461309524 0  152.565662202381 3.98263888888889  160.739397321429 11.9479166666667  C 168.913132440476 19.9131944444444  173 30.9618055555556  173 45.09375  C 173 59.2899305555556  165.630766369048 73.7430555555555  150.892299107143 88.453125  L 90.7477678571428 146.265625  Z " fill-rule="nonzero" fill="url(#LinearGradient292)" stroke="none" transform="matrix(1 0 0 1 351 1223 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/static/img/guess-text.svg b/static/img/guess-text.svg
new file mode 100644
index 0000000..c24f051
--- /dev/null
+++ b/static/img/guess-text.svg
@@ -0,0 +1,18 @@
+﻿<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="243px" height="210px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="783px" y="1143px" width="243px" height="210px" filterUnits="userSpaceOnUse" id="filter304">
+      <feOffset dx="5" dy="5" in="SourceAlpha" result="shadowOffsetInner" />
+      <feGaussianBlur stdDeviation="2.5" in="shadowOffsetInner" result="shadowGaussian" />
+      <feComposite in2="shadowGaussian" operator="atop" in="SourceAlpha" result="shadowComposite" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.349019607843137 0  " in="shadowComposite" />
+    </filter>
+    <g id="widget305">
+      <image preserveAspectRatio="none" style="overflow:visible" width="233" height="200" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASEAAAD4CAYAAACjW1BIAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABIaADAAQAAAABAAAA+AAAAAB99yvJAAAYIklEQVR4Ae2dfawtV1mHz7mUfpfS2ljqrS2lbWzpBUFAvRYSvY3BGCQW+4cmGo2pCcbaaNBEjZESjTT8oRFFjMQgYAyJxJBwg0SCuRgDtRT6RbGA1t7mAi1tLbWXltqP4++998w9+8yemT3zrq+Z2c9K5szM+njXu56Z/Ttrrb1m9sYGAQIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIDAWAlsjtUx/JoWga2trffL45MGev2g8v/u5ubmswPLTSa7uOxxOrslLlv1srHt1e2XOEeESlCv1akb65OKuqAWPfbTQ/qQ3GBOyv8Xa/eY0+G9svN1Z9lRFxOXS+TgfU4njaexeWqxvGwe1vlFi3E9j59RvgOy928982fLNvQ/VzbH1qyiA2qv9z9mKVT/vVDxhQvHQw6tB2S9IcIygXMU9YLlaHfMC1XS/lmMLkztxh8dQBw6RsArQg/qP/PzMFxvAlF7QuoqXiacH0iE9M91w344kW0bUpwh2/8cYP+d8u9gQPkpF/WK0Nem3Gh8j0MgqgjJpf3afiSOa0tWvqqYZCIk28YixPfzlzxenwhEaH2udfSWxh6OvSa6hzsGU9reqYUjD4G9nkIqc8RZjmIzIhC7J5RSKK7UkOl0DXmenBH/uTTF2xO6Udf0LREgvEf3xc0R7GCiAIFoIqSbyWbyX52wDWb/+7V9NmEdmPYR8IqQ1RZStvL27OqA/fQIxByOfZ+ab5O7KUPKnlZKv+duO4aQzJ0R7WshEK0nJPuvbakjZjQiFJNmBFvb3yqOcv1J3+apDWcp71u1xVyXY9XbWp+Q8Db59nTNgGehYmXil2RvX3UScf9ZDYc/7bUXU4RyCEQOofOyDCn3FRWO2Std5cumMly+KlNLuvlq4Z+O76IMp7ZNFdtdr5rfVaz29opvak9ypfyMStkWO9h83NqIkE1OnybV3bWUPTbR3PbUnitz1imGJnjPOep8SL7asHsxzGEolvMfwCI7jkUgCnzd1NajSjkpXV0s6y6/qjphPwoCcxChUYBcVydiDcfsv+PpmSDasG9235BJyE9Ruz6egeMbVcdRbbGCd41QrPqxM3ECsUQox3xQhTpnXVWdOfbnqpIDGSqKPflKTyjDRZtzFVGGYwKUc8J4riI01fsMEZrqlRuJ37FEKKcwHJucHgk/3Iiz2BCOa0wgWIS2J6VzThbbENJWThPGQYCe0Diuw2S9CBYhtfwKbbkmpSvQOYd/VZ3sawS2J9PPq0VzCoFBBGJMTOccilWNK1FnVTf7HQL2zZgtfBwanlWBX2sodLHifq8hnqgZE4ghQiV6JYjQOG5K71DsG1r0+Nf1JqhnZY8kIEJ1MDM/jyFCJQRhliune95rDyvfNxvyXtUQlzrKu0Zoli+2Tw17rvaD5oQKTEpX12GdJ6f/Ur2IffVNYEq8T8fbE+K1rtWdzH7w70TVkdkzT6fVIzOdWw/slkx1UU0zAa8Izakn9B2hubcZz8ZLFG+bN9ylgvUfArAer/1yhifYL6Q83lLwMsWf2ZKWNDp0OFZiKFYBKVl35cO67xGhjY2vqFfa+NykRgqX6Aa5L+AmuVq2jy6Wl83DOve+zuNG2Tu4aK86lt1P6fhAdZ5zHypCIZPS9iS8vRbCu+ZnXUXolbphfr7hJknxnpiGanZFeUWI4dgujOt9EipCIUJgXc07tHlF6OX6MM7utR49bsdrlce2MYTvcToRezj2mNMPio2AgFuEJAA2LvUKiDX9C9putwNnMN+tfuaFnAAjFLOX1HvmJ+5sqfshxV/dktYV/e9diaSNm4BbhNSs0Enpz8tGiAgZWeuJIUJGokDQ/MLnuqrVPyp7PUljaEuTzc80FiBytgRCvqIPGYoZUOsJfVFb/R26ltY3hPrQtx7yDSQgkbF763Ft9u1R703lfmVgVWSfOIFSImTC80X91/s/7e8OYIgIBcBLXNTmi1p7Qh11F/mauMMfkhITCBGhkG/GTICe2W6bDcu8wSanT/UWplxSAi9zWg/5SttZJcVKEnCJkD74oZPSi8JzWwCAanI6wARFExFAhBKBnZtZlwgJwsu1hfRAFkVo8djDlyFZf2q2+rbqgfYv5ct5qa9Y0OI+Z5UUK0nA++1Y6AffJqWrUE1Oe+YPzEbIsLDyYQz7R+XEjyZ25EkNg49uTxonrmrD0xOynxT6dmrHsD8uAiVEyP4Tn5iMtrkhfShs4eLrnGhCBdFZbdxi4mCT9O4fkIvrTRRrHhFiPigK+mkZ8YpQSO/jHn3g6l/L25DMK0LHJqdl074GnmSQCP+dHM/5ilwvp/Pkq/VcLRwS8xuOHzb+RYQasRBZJzBYhHQT2qT0K+uGBpw3zQE1xfU1aW2wldNTXjX7c/J/T98GF8xnPxdUvbfInshuDLpHzlLCdzcmdkfSE+rmM8vUwSIkCqGT0ovzQRXUEBEyGzYkm7IIVRzmsrenxz3hvzyFCpe5WKL7Dy0+nNES3zf6Q7L9bC3zRbXzIae/I3u/2FLgQEt88miPCIUMxaxBTYJjXXwbonknp2cxL2RwZhI8QzFr+t/qQ/IXPRg8paGgp6fVw/TgLGerxHWDS/Ur8NP9svXO5Xkur7dxb0aPCIV84E3VbRJ6V9ANxeT0LiKTP/GKkDW8z4rpMyVWJ+u+scl8wsQJeOYhQnpC/6Ebx94j1BSaekhN+ZrirtJNGbJuqckmcX4C3jVCQ2o8Z0hm8o6XwCARsv8+akrsSemKDiunKxLT34f0hPq2HhHqS2rk+QaJkNpik9LeeRtD0TQpbfEWQnpCVj5kmGjlCfEIIELxWM7e0lARChmKGcwuoblH6fX1Q0MuACI0hFaivOot29f4L01kftEsPaFFGhM+HipCIR/058TpzjZWNjndld5WbiE+xLcFMxz2JGDPoTWFvYq0YXvqgAilJpzJ/tBvx0I+6F+W0Kx6Lsh6Sj/obPuxyWnVMcWV029Xmzed7fYUs7re4SmoMn+wXe4fW8rnGIpZ1YhQywWYWnRvEYowKd01H1Rx6xquVXna9tYWmzS/tS3DWOMlnH+U0zddS+sBe0TIHjD9wxW+5hKhF6/wg+SJEOgtQmqPLdcPmZTuIzAh35AZcuupTU6EzHEJg7H9mLbQVbZmri18UyJybVtipPhcIkRPKNIFK21miAilnJSuOHxJBzac8q75CRkuVj6U2p+rin88ceVHEts38znWCFk9iJBRmEGwbnnfEPIBt0lM+42xzqD/0jY5vbSiurPQ7sRQodxtjTMPAXpCHmprXCaXCH1VAvNET84hQzLeOd0TcsJsiFBCuHM03Ws4tj1fYZO+3tBnUrqy3WfuqMpb31evGZnkvFC9MVM7131iD3Oe5/D7bpV5xcByYxqOHWzx/XTFH2hJ6xP9SWWqr527RnGn9SnckOc/FXdvQ7xF7df2XS1pSaN7iZA8sEnpkLUfQ4RlSN4mODZsRISayKSPu8RZhf2TmqoI3aVe/k81tVuibDzua0rrGfcW2T66mFc2D+v8osW4Ace/KXuNgim7n5KdEMEc4MburH1FyD7YIeEdauRP9jRgvZmQEOprSN3rXtY7FLN/PG3vuWljOqaeUJuPxPcg0FeEXtvDVlcW+9o5l8oiQl1XIm2aV4SGDNerFtjrPE7Sf/b6S7+qdPYTIdBXhKb0wbaV06fo5qyPpSdySVa6+Yhy2FYPV9QjCpx7RKjXN6ctbbEFi00sWrITPUYCe1Y5ZR9o5Rk6Xl9lNmV6NTmdso6Stt8jgb2yvskhG9KUDp41Qt9QW+xxnicczjMkc0AbW5GVIiSH92kLmZQu0ebQ4WMJn+dQp6cnVL0w/zEHAETIAW1sRfqI0JSGYhXfKfpc+T7JvXrML5DjFzucR4Qc0OZUpM+c0BR7FXMWoTfrA/+thpvw/Ia4nFEXqjLPN5uVCP2Pw1l6Qg5oYyvSR4Sm+IGe8+T0q3UT2Ta24JkPsjZUIsRwbGxXNJM/ncMx/ce1B0mnNCldYZv75HTVzjHtPfNB5n+1mA8RGtPVzOhLpwjJD5uU9nSxMzahtaop9uBaGzOBBK8IhfSEeKfQBG6MVS6uEqEpf5Cn7Puq6zbGdI8I2e+GfW27McwJjfGqZvBplQhNcVK6woYIVSTy7D1zQg9ojZAtVrTAcOw4h7X7u0qEpvxB3re90HLtLmqhBnt6QtVQzFxGhApduNLVtn47tj0pbXNCUw3V5PTnptqAqfite8W+Krc3Qw4NcxAhe4btDS0Nv6Alvm/01bL9ZC2z9wl6M2PfGj9es1edFvsCqlWE5Jk5FTIpfbfKf71qoXNvK7V/zFnWillPDhHaAfjQzmHUo5c6rS2K0FTnhKwH+K/O9q8q9olVGQam3zwwf5bsXSIUOhR7q8b7nwlphVTbhov/q82ewveE0DZ46vSWeVgFU/c8q0lgr49t5TzzQWZrUYQYjrXRnXl8KhGy1yvcHsrOJi0lRGbn9U5bkxEhtdWY2a/QTjF45oOsnaEi9CL7R7UwuT1Fdmvvc5cIhXwzdo9ujKci0bWnw70idGxyWr5M7rUe+nDZMPSXIzGsm9msRwSexxAhexRlS9sQ3yzv2do8vSgVI4yBQKMI6QNg77C9KsDBmPMwJkLeYHNaNrd1m9dAwXK/rrqvLVj/kKo9InRU/xxsCHosWG9G951Nmg5dgGiT4ojQcYyT/LunxWv74IZMSsf80IeIkDVvMkOylmsxhWjPnND9DQ3ziImJEGHCBNpEKPSDG7MnZL8OsOo37LsuQciwsssuaSKg3ov1pj1fGy/OB1UsEaGKxBrtU4iQ/YLq3bEYWjddtm4PsBcqqAFVr0XR71UrG4f1K1qPCK0AtC7JbSIU0nu4U8Jhv6QaM4QMyY691iOmM9jaReBlu876nzSJ0FTXCvVvNTmXCCyJ0MgmpSuHQ0TIFjzaHBchDQHPfJB50iRCDMfSXKNRW10SIXlrH1hP97pqaMxJ6cpmiAiZDYZkFcn4e29P6L4GVxChBihzj2oSoZChmPGKOSld8Q+dnEaEKpLx914Rur/BFY8IDf1Kv6FaokoSaBKhkA/sE2qMCUbUwOR0VJyxjXlE6BFdU7tX6oE5oTqRNThvGnaF9IS+sC0YKdDZkCxk5fTJ8s1eokXwE2j6B2PrdI4ONPmllvy2eDGWrZYqiE5AoOm+6F1Nkwh9QKX397awO+Mndp9GPTsoa3sDLL5IZR/pKG8Pyr5T2+UdebqSmiZau/KvSvtZZWi6PqvKpUxfevxFwu6dmF7yU7Y+qsizlhLSR/yZqnhv+mpmWcOWrlusR7RmCYhGQQACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAYAwENutObG1tvUtxr6rHRzq/a3Nz87ci2VoyI99/VZGXLiWsjnif/Pry6mzpc8A/PeOuGuDfRSdTmi7CbdpShUMpmyGnH3Q6/saUfg2xLf/hPwRY5Lzwjwy0h7k9PfKQBQIQgEAyAicls7zCsP7j/JCyvGRFtqHJ5w8tsJ1/v/w51Vm2rdjHNcR7pi2xdDz8y14B+O/wLyZCcuH3tb1px5WiR29PUPu5svlYAruxTMI/FkmfHfhvc2M45ruBKAUBCEQigAhFAokZCEDARwAR8nGjFAQgEIkAIhQJJGYgAAEfAUTIx41SEIBAJAKIUCSQmIEABHwEECEfN0pBAAKRCJQUocOR2oAZHwH4+7jFKgX/bZIlFyv+hny4OdYV3bZzu/bnOWz+gsoccpTrKvJ4V+II0uBf9iLAf5t/kwi9W2ldjz+8XulvDr1+eqThWdk4EmpnsbyWwj+3eD7g+GH5E9WXAXXXs8K/TiTvOfzz8t5YEiF9GD/Y5YM+6E8rPViErA7Z+qh2P2HHkcIpTjsfky/PO8s2Fdsrjo82JayKg/8qQr3S4d8L04lMRe//JRE64VaegxeqGq9wxPTQ/IgZlt7TFNN4RFvwjwjTYQr+glZyYtpxzSgCAQjMjQAiNLcrSnsgMDECiNDELhjuQmBuBBChuV1R2gOBiRFAhCZ2wXAXAnMjgAjN7YrSHghMjMDSV/RaL/N+teGKjnbEfC+0d3Fhh3vTToJ/2esH//z8l0RILrxC22syuWK/QfbpiHXdJFtnOuy9T2Vi/u7Ytx0+VEXgX5Hw7+E/jN2Y7v9jq5j53athFzBqbv0nhn9UosOMwX8Yrxi5m3pCMex22tCFtnp/W9s5nRmHJ3Y989Zl7Xr5dE1XBkfarXoE4yOOcsmLwD854s4K4L8bTxERkgv7tf3xbleKnl2XoPa/kc1RipD8gn+CCz7AJPwXYPHt2AIMDiEAgfwEEKH8zKkRAhBYIIAILcDgEAIQyE8AEcrPnBohAIEFAojQAgwOIQCB/AQQofzMqRECEFgggAgtwOAQAhDIT6DUOqGn1dQH8jc3a42ud0xn8hD+mUC3VAP/BTBFREgriW+VDxcv+MFhRgLwzwi7oSr474bSJEJ/oiyX78626+yHdRbtFzK0hP0HZG8qL4bfBaLl5Ihusoda0vpEw78PpfY88G9nkyMllP9qHyUaN2rzhkP1GmToOa+xkZZ7W72NMc/VZvh3X3j4d/NJnTqYPxPTMRUCWxCAwGACiNBgZBSAAARiEkCEYtLEFgQgMJgAIjQYGQUgAIGYBBChmDSxBQEIDCaACA1GRgEIQCAmAUQoJk1sQQACgwksLVbUIoKbZOUNHZYOdKSRFEgA/oEAA4vDPxCgo/iSCMnGm7Tl+skfh8snitygo8+fOIt/8PcyeUl8systwv84Ivh33yqzuf+bRKi76eNJvUWPRyQTIf1HfHI8TR2lJ/Ave1lmw3/KInSZhOJbCe+DkxPanoNp+Je9irPhP2UR+nDZe2Dta4d/2VtgNvz5dqzsjUTtEFh7AojQ2t8CAIBAWQKIUFn+1A6BtSeACK39LQAACJQlgAiV5U/tEFh7AojQ2t8CAIBAWQKIUFn+1A6BtSeACK39LQAACJQlMOXFitcLXbLHNmT7I9ouLXt5Rl07/MtentnwbxKhD4rtv3TwtZ/ouaYjPVfSHXp27I5UlemRkO+ksr3CLvwFCP4r7pKNjdnc/0sipA/2u7uar5vjRqWPQYReJ1/O7vI1MO2MwPKu4vA/gQ3+J1A0Hszm/l8SocbmjjPyveN0a228gn/ZSz0b/kxMl72RqB0Ca08AEVr7WwAAEChLABEqy5/aIbD2BBChtb8FAACBsgQQobL8qR0Ca08AEVr7WwAAEChLYOkreq29+VO5dFmHWyV+gaLDnXklwb/s9YR/fv5LIiQX7DfHpvCTP/lp5akR/nk4t9UC/zYyieKbRChRVdHNXieL90S3umPwFh2mXJG9U9M0j+Bf9rrNhv+UReh+PeJwb6r7QN3yI7KNCLUDhn87mxwps+E/ZREadKElKqeqwFUDCp02IC9ZVxCA/wpAiZPHzH9tREjX2F7LcVvia435dgLwb2eTI2W0/PmKPsflpw4IQKCVACLUioYECEAgBwFEKAdl6oAABFoJIEKtaEiAAARyEECEclCmDghAoJUAItSKhgQIQCAHAUQoB2XqgAAEWgnkFqHnGzx5tCEuRdQTMvpMCsMTsgn/shcL/g38mxYr/pXyXdCQN0bUwQYj9hNCFzbEr4oa9MiGHvF4QKtG98nouasMB6YfDiwP/zCA8G/gN6H7v8F7oiAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAlMh8P8o5RqPndXO3wAAAABJRU5ErkJggg==" x="783px" y="1143px" />
+    </g>
+  </defs>
+  <g transform="matrix(1 0 0 1 -783 -1143 )">
+    <use xlink:href="#widget305" filter="url(#filter304)" />
+    <use xlink:href="#widget305" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/static/img/question-mark.png b/static/img/question-mark.png
new file mode 100644
index 0000000..82be7bc
Binary files /dev/null and b/static/img/question-mark.png differ
