feat(display): site name and avatar in the top bar, content aligned left [CI SKIP]

web/display/src/display.css

@@ -10,8 +10,7 @@
 }
 
 .topbar .inner {
-  max-width: 1200px;
-  margin: 0 auto;
+  /* 不再限宽居中：站点名和头像贴着左边，导航、状态和主题按钮整体靠右 */
   padding: 0 24px;
   height: 60px;
   display: flex;
@@ -20,11 +19,23 @@
 }
 
 .brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
   font-size: 18px;
   font-weight: 700;
+  letter-spacing: 0.01em;
   color: var(--app-ink);
 }
 
+.brand-logo {
+  width: 36px;
+  height: 36px;
+  object-fit: contain;
+  /* 头像是透明底的立绘，给一点投影让它在背景图上更清楚 */
+  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--app-shadow) 35%, transparent));
+}
+
 .brand:hover {
   text-decoration: none;
 }
@@ -52,9 +63,10 @@
   color: var(--app-on-accent-container);
 }
 
+/* 内容贴着屏幕左边排列（不居中），右边留给背景图 */
 .page {
   max-width: 1200px;
-  margin: 0 auto;
+  margin: 0;
   padding: 40px 24px 80px;
 }