fix(mobile): 修移动端顶栏塌陷，窄屏默认卡片视图

问题（用户报告移动端异常）：窄屏下顶栏统计挤成竖排并与标题重叠，
表格在手机上必须横向拖动，固定装饰在小屏上可能溢出或压住内容。

修复：
- 顶栏结构拆为「标题 / 统计(.stats) / 控件(.controls)」三段；
  ≤820px 改为纵向三行，统计均分视口宽度，页脚改纵向堆叠
- ≤700px 且用户未显式选择视图时自动用卡片（横竖屏切换时重算，
  显式选择仍尊重 localStorage）
- ≤820px（及横屏手机）撤掉立绘、公路车、光环水印等固定装饰

验证：
- 390x844 / 360x640 / 414x896 / 844x390 四种视口：0 横向溢出，顶栏三行
- verify-views 新增移动端 7 条断言（22/22 通过）
- 四套合计 81 项全通过（17+22+20+22）

public/assets/app.js

@@ -1,4 +1,4 @@
-const VERSION = '0.8.0';
+const VERSION = '0.8.1';
 const HB_LIMIT = 48;
 const UPTIME_DAYS = 90;
 const BROWSER_CONCURRENCY = 6;
@@ -507,14 +507,23 @@ function renderViewSwitch() {
   }
 }
 
+// 窄屏（手机）判定：表格在最窄的屏幕上必须横向拖动，不如默认给卡片视图
+function isNarrowScreen() {
+  return window.matchMedia('(max-width: 700px)').matches;
+}
+
 function resolveView() {
   const q = new URLSearchParams(location.search).get('view');
+  if (q && VIEWS[q]) return q;
   let saved = null;
   try {
     saved = localStorage.getItem('shiroko.view');
   } catch { /* 隐私模式下 localStorage 不可用 */ }
   const cfg = state.config?.settings?.view;
-  return [q, saved, cfg, DEFAULT_VIEW].find((v) => v && VIEWS[v]) ?? DEFAULT_VIEW;
+  const resolved = [saved, cfg, DEFAULT_VIEW].find((v) => v && VIEWS[v]) ?? DEFAULT_VIEW;
+  // 用户没在这个设备上显式选过视图时，窄屏自动落到卡片（表格在手机上要横向拖）
+  if (!saved && resolved === 'table' && isNarrowScreen()) return 'cards';
+  return resolved;
 }
 
 function setView(view, { persist = true } = {}) {
@@ -802,6 +811,11 @@ function bindEvents() {
   // 只有手动点「刷新」才会触发一次重新检测；自动刷新是只读的
   $('refresh-btn').addEventListener('click', () => refresh({ force: true }));
   $('theme-btn')?.addEventListener('click', () => applyTheme(state.theme === 'shiroko' ? 'default' : 'shiroko'));
+  // 横竖屏切换 / 窗口缩放时重算视图（不覆盖用户显式选择，故 persist: false）
+  window.addEventListener('resize', () => {
+    const next = resolveView();
+    if (next !== state.view) setView(next, { persist: false });
+  });
 }
 
 /* ---------- 启动 ---------- */