优化了提交按钮样式，修复了结果页标题

static/styles.css

@@ -35,30 +35,36 @@ main {
     }
 }
 
-/* 定义单选按钮容器样式 */
+.scale {
-.scale-button {
+    .scale-button {
-    display: flex;
+        display: flex;
-    /* 按钮之间的间距 */
-}
 
-/* 定义单选按钮隐藏样式 */
+        input[type="radio"] {
-.scale-button input[type="radio"] {
+            display: none;
-    display: none;
+        }
-}
 
-/* 定义单选按钮标签样式 */
+        label {
-.scale-button label {
+            flex-grow: 1;
-    flex-grow: 1;
+            padding: 10px 0px;
-    padding: 10px 0px;
+            cursor: pointer;
-    cursor: pointer;
+            text-align: center;
-    text-align: center;
+            border: 3px solid #ffffff00;
-    border: 3px solid #ffffff00;
+        }
-}
 
-/* 定义单选按钮选中时标签样式 */
+        input[type="radio"]:checked+label {
-.scale-button input[type="radio"]:checked+label {
+            border: 3px solid #909090;
-    border: 3px solid #909090;
+            border-radius: 20px;
-    border-radius: 20px;
+        }
+    }
+
+    input[type="submit"] {
+        background-color: #000000;
+        color: rgb(255, 255, 255);
+        padding: 10px 20px;
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+    }
 }
 
 /* 导航栏样式 */

templates/result.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 
 {% block head_extra %}
-<title>{{scale_title}}</title>
+<title>{{scale.title}}</title>
 {% endblock %}
 
 {% block main %}

templates/scale.html

@@ -9,7 +9,7 @@
 <div>
     {{ scale.instructions|safe }}
 </div>
-<form action="/scales/{{ scale_id }}" method="post">
+<form class="scale" action="/scales/{{ scale_id }}" method="post">
     {% for id, question in scale.questions.items() %}
     <label for="{{ id }}">{{ id }}. {{ question }}</label>
     <div class="scale-button">