提升网页渲染性能，取消织纹效果和模糊效果

src/components/article-list.tsx

@@ -353,7 +353,7 @@ export function ArticleList({
   const filterPillOff = "border-border text-muted-foreground hover:border-primary hover:text-primary"
 
   const filterBar = (
-    <div className="lg:hidden sticky top-[var(--header-h)] z-30 -mx-6 mb-8 border-b border-border/60 bg-surface-subtle/80 backdrop-blur-md">
+    <div className="lg:hidden sticky top-[var(--header-h)] z-30 -mx-6 mb-8 border-b border-border/60 bg-surface-subtle">
       <div
         ref={filterBarRef}
         className="no-scrollbar flex items-center gap-2 overflow-x-auto px-6 py-2.5"
@@ -425,7 +425,13 @@ export function ArticleList({
   )
 
   return (
-    <section ref={sectionRef} className="article-list-root px-6 py-16 bg-surface-subtle">
+    // 手机端（<lg）上方不留内边距：列表的第一个元素是吸顶胶囊条，
+    // 让它紧贴 section 顶端，配合 #home-main 的 scroll-margin 正好落在页眉下沿；
+    // 桌面端没有吸顶条，保留 py-16 的呼吸位。
+    <section
+      ref={sectionRef}
+      className="article-list-root px-6 pt-0 pb-16 lg:py-16 bg-surface-subtle"
+    >
       <div className="max-w-6xl mx-auto">
         {filterBar}
         {/* Section header */}