perf+ui: gzip (api/static precompressed), immutable attachment cache, responsive dialogs/header, safe-area + dynamic theme-color, mobile tuning

app/src/styles/theme.css

@@ -80,6 +80,17 @@
 
 html, body, #root { height: 100%; }
 
+/* 移动端适配：禁止横向溢出 / 去点按高亮 / 双击不缩放 / 刘海安全区 */
+html, body { overflow-x: clip; }
+body {
+  -webkit-tap-highlight-color: transparent;
+  touch-action: manipulation;
+  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+}
+@media (pointer: coarse) {
+  button, [role='button'], a { min-height: 36px; }
+}
+
 body {
   background: var(--bg);
   color: var(--text-1);
@@ -95,6 +106,11 @@ body {
 
 h1, h2, h3 { letter-spacing: -0.022em; text-wrap: balance; }
 
+/* 小屏：分区标题与卡片间距收紧 */
+@media (max-width: 640px) {
+  .hover-lift:hover { transform: none; }
+}
+
 .num { font-variant-numeric: tabular-nums lining-nums; font-feature-settings: 'tnum' 1, 'lnum' 1; }
 
 ::selection { background: color-mix(in srgb, var(--brand) 18%, transparent); }