♻️ refactor: 优化问题标题样式和响应式设计

web/template/syzoj/problem.php

@@ -86,6 +86,19 @@ if ($pr_flag) {
     color: #3d4d66;
   }
 
+  .problem-title.ui.header {
+    font-size: 2.4rem;
+    line-height: 1.35;
+    font-weight: 700;
+    margin-bottom: 0;
+  }
+
+  @media (max-width: 767px) {
+    .problem-title.ui.header {
+      font-size: 1.9rem;
+    }
+  }
+
 </style>
 <script src="<?php echo $OJ_CDN_URL . $path_fix . "template/$OJ_TEMPLATE/" ?>clipboard.min.js"></script>
 <script src="include/vditor-adapter.js"></script>
@@ -93,7 +106,7 @@ if ($pr_flag) {
 <div class="padding ">
   <div class="ui center aligned grid">
     <div class="row">
-      <h1 class="ui header">
+      <h1 class="ui header problem-title">
         <?php
         if ($pr_flag) {
           echo "$id: " . $row['title'];