docs: UI-02 acceptance record and visual verification

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

apps/viewer/src/components/PhotoLightbox.vue

@@ -705,7 +705,9 @@ onBeforeUnmount(() => {
 .photo-viewer {
   position: fixed;
   inset: 0;
-  z-index: 100;
+  /* 200：盖住 sticky 顶栏（z=120）与偏好菜单（z=130）——全屏模态下顶栏不可
+   * 点也不可见；下线轻提示（z=210）仍在其上。 */
+  z-index: 200;
   height: 100vh;
   height: 100dvh;
   display: flex;

apps/viewer/src/components/album/AlbumHeader.vue

@@ -449,6 +449,8 @@ onBeforeUnmount(() => {
   display: flex;
   gap: 24px;
   margin-top: 8px;
+  /* 标签与信息区 16px 对齐（效果图 §3.1/§4.2）；分隔线保持通栏。 */
+  padding: 0 var(--viewer-pad-info, 16px);
   border-bottom: 1px solid var(--viewer-divider, #e5eaf1);
 }
 .sort-tab {
@@ -494,7 +496,9 @@ onBeforeUnmount(() => {
   gap: 8px;
   overflow-x: auto;
   padding: 2px var(--viewer-pad-info, 16px) 6px;
-  margin: -2px calc(var(--viewer-pad-info, 16px) * -1) 0;
+  /* 仅纵向负边距抵消 padding：本元件父级已是通栏宽，横向负边距会把盒子推出
+   * 视口（页面出现横向滚动）；首胶囊的 16px 缩进由上方 padding 提供。 */
+  margin: -2px 0 0;
   scrollbar-width: thin;
 }
 .chip {