优化详情与移动关键页视觉 Wave3（05-27-pc-detail-mobile-visual-wave3）

client/src/styles/mobile-touch.css

@@ -41,6 +41,21 @@
   padding: var(--mobile-card-padding);
 }
 
+.mobile-focus-card {
+  border-color: rgb(191 219 254);
+  background: linear-gradient(180deg, rgb(239 246 255), rgb(255 255 255));
+}
+
+.mobile-command-surface {
+  display: grid;
+  gap: var(--mobile-card-gap);
+  min-width: 0;
+  border: 1px solid rgb(228 228 231);
+  border-radius: 12px;
+  background: rgb(250 250 250);
+  padding: 10px;
+}
+
 .hyb-mobile-shell .section-panel::before {
   display: none;
 }
@@ -222,6 +237,16 @@
   padding: var(--mobile-card-padding);
 }
 
+.mobile-list-card--focus {
+  border-color: rgb(191 219 254);
+  background: rgb(239 246 255);
+}
+
+.mobile-list-card--unread {
+  border-color: rgb(191 219 254);
+  background: rgb(239 246 255);
+}
+
 .mobile-page-stack {
   display: grid;
   gap: var(--mobile-card-gap);
@@ -236,6 +261,10 @@
   min-width: 0;
 }
 
+.mobile-section-header--top {
+  align-items: flex-start;
+}
+
 .mobile-section-title {
   min-width: 0;
   color: rgb(24 24 27);