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

static/styles.css

@@ -35,30 +35,36 @@ main {
     }
 }
 
-/* 定义单选按钮容器样式 */
-.scale-button {
+.scale {
+    .scale-button {
         display: flex;
-    /* 按钮之间的间距 */
-}
 
-/* 定义单选按钮隐藏样式 */
-.scale-button input[type="radio"] {
+        input[type="radio"] {
             display: none;
-}
+        }
 
-/* 定义单选按钮标签样式 */
-.scale-button label {
+        label {
             flex-grow: 1;
             padding: 10px 0px;
             cursor: pointer;
             text-align: center;
             border: 3px solid #ffffff00;
-}
+        }
 
-/* 定义单选按钮选中时标签样式 */
-.scale-button input[type="radio"]:checked+label {
+        input[type="radio"]:checked+label {
             border: 3px solid #909090;
             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">