修复开启应用锁时更新公告弹窗无法关闭的bug #291；修复朋友圈时间排序错乱 #290；支持日期选择器快速跳转年月；朋友圈页面性能优化

src/pages/SnsPage.scss

@@ -24,8 +24,6 @@
 .sns-main-viewport {
     flex: 1;
     overflow-y: scroll;
-    /* Always show scrollbar track for stability */
-    scroll-behavior: smooth;
     position: relative;
     display: flex;
     justify-content: center;
@@ -106,6 +104,7 @@
     transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
     position: relative;
+    overflow: hidden;
 
     &:hover {
         transform: translateY(-2px);
@@ -148,6 +147,8 @@
     .post-author-info {
         display: flex;
         flex-direction: column;
+        min-width: 0;
+        overflow: hidden;
 
         .author-name {
             font-size: 15px;
@@ -168,6 +169,7 @@
         display: flex;
         align-items: center;
         gap: 6px;
+        flex-shrink: 0;
     }
 
     .debug-btn {
@@ -694,6 +696,17 @@
                 top: 8px;
                 color: var(--text-tertiary);
                 pointer-events: none;
+                display: none;
+            }
+
+            .clear-icon {
+                position: absolute;
+                right: 28px;
+                top: 8px;
+                color: var(--text-tertiary);
+                cursor: pointer;
+                display: flex;
+                align-items: center;
             }
         }
 
@@ -1309,6 +1322,18 @@
                 font-size: 15px;
                 font-weight: 600;
                 color: var(--text-primary);
+
+                &.clickable {
+                    cursor: pointer;
+                    border-radius: 6px;
+                    padding: 2px 8px;
+                    transition: all 0.15s;
+
+                    &:hover {
+                        background: var(--bg-hover);
+                        color: var(--primary);
+                    }
+                }
             }
 
             .nav-btn {
@@ -1384,6 +1409,70 @@
                 }
             }
         }
+
+        .year-month-picker {
+            padding: 4px 0;
+
+            .year-selector {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                margin-bottom: 12px;
+
+                .year-label {
+                    font-size: 15px;
+                    font-weight: 600;
+                    color: var(--text-primary);
+                }
+
+                .nav-btn {
+                    width: 32px;
+                    height: 32px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    background: var(--bg-secondary);
+                    border: 1px solid var(--border-color);
+                    border-radius: 8px;
+                    color: var(--text-secondary);
+                    cursor: pointer;
+                    transition: all 0.2s;
+
+                    &:hover {
+                        background: var(--bg-hover);
+                        border-color: var(--primary);
+                        color: var(--primary);
+                    }
+                }
+            }
+
+            .month-grid {
+                display: grid;
+                grid-template-columns: repeat(3, 1fr);
+                gap: 6px;
+
+                .month-btn {
+                    padding: 10px 0;
+                    border: none;
+                    background: transparent;
+                    border-radius: 8px;
+                    cursor: pointer;
+                    font-size: 13px;
+                    color: var(--text-secondary);
+                    transition: all 0.15s;
+
+                    &:hover {
+                        background: var(--bg-hover);
+                        color: var(--text-primary);
+                    }
+
+                    &.active {
+                        background: var(--primary);
+                        color: #fff;
+                    }
+                }
+            }
+        }
     }
 
     .quick-options {