窄屏工具栏不换行；数据库页面提示更新

- 屏幕宽度不到 1600 时不显示编译、往返时间（给开发看的），平台名、保存状态、链接不换行，
  1366 宽的机房电脑上工具栏是一行
- 数据库页面的提示：运行要用数据库的实验时自动建库，"恢复实验初始数据"用来恢复成初始数据

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/src/pages/DatabasePage.vue

@@ -200,7 +200,7 @@ onMounted(refresh)
         <div v-else class="empty">
           <p>右键左边的"数据库"新建数据库；右键表可以编辑数据、设计表结构。</p>
           <p>也可以点"新建查询"，用 SQL 语句建库、建表、增删改查。</p>
-          <p>做教材项目 6 的任务 2、3 前，可以点"恢复实验初始数据"准备好"环境数据表"库。</p>
+          <p>运行要用数据库的实验（教材项目 6 的任务 2、3，项目 8）时，平台会自动建好需要的库；把实验库恢复成初始数据，点"恢复实验初始数据"。</p>
         </div>
       </main>
     </div>

web/src/pages/WorkbenchPage.vue

@@ -511,7 +511,7 @@ function run() {
         编译 {{ state.metrics.compileMs }} ms · 启动 {{ state.metrics.startMs }} ms · 最近一次操作往返
         {{ state.metrics.lastRoundTripMs }} ms
       </span>
-      <span v-else class="spacer" />
+      <span class="spacer" />
       <RouterLink v-if="!assignmentId && currentUser?.role === 'student'" to="/assignments" class="nav-link">我的作业</RouterLink>
       <RouterLink v-if="!viewing" to="/database" target="_blank" class="nav-link" title="在新标签页打开数据库（代替 SSMS）">数据库</RouterLink>
       <span class="user">
@@ -645,11 +645,17 @@ function run() {
 }
 
 .metrics {
-  margin-left: auto;
   color: #6b7280;
   font-size: 12px;
 }
 
+/* 编译、往返时间是给开发看的，屏幕窄时（机房常见 1366 宽）不显示，免得工具栏挤成两行 */
+@media (max-width: 1599px) {
+  .metrics {
+    display: none;
+  }
+}
+
 .spacer {
   margin-left: auto;
 }
@@ -671,6 +677,11 @@ function run() {
 .save-state {
   color: #6b7280;
   font-size: 12px;
+  white-space: nowrap;
+}
+
+.toolbar > strong {
+  white-space: nowrap;
 }
 
 .save-state.error {
@@ -685,6 +696,7 @@ function run() {
 .nav-link {
   color: #2563eb;
   font-size: 13px;
+  white-space: nowrap;
   text-decoration: none;
   white-space: nowrap;
 }