From 5d0242bda01132353d1934271fffffc244096f17 Mon Sep 17 00:00:00 2001
From: sunyiteng <sunyiteng@bytedance.com>
Date: Tue, 21 Apr 2026 14:28:31 +0800
Subject: [PATCH] fix(blog-list): refine blog page presentation

---
 src/blog-back-button/index.tsx  | 4 +++-
 src/blog-list/index.module.scss | 3 ++-
 src/blog-list/index.tsx         | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/blog-back-button/index.tsx b/src/blog-back-button/index.tsx
index 128e005..5fe7809 100644
--- a/src/blog-back-button/index.tsx
+++ b/src/blog-back-button/index.tsx
@@ -63,7 +63,9 @@ export function BlogBackButton({
   const Link = LinkComp ?? ALink;
 
   return (
-    <div className={getClassName(styles.blogBackButton, className)}>
+    <div
+      className={getClassName(styles.blogBackButton, 'rp-not-doc', className)}
+    >
       <Link href={blogIndexPath} className={styles.link}>
         {getLabel(lang)}
       </Link>
diff --git a/src/blog-list/index.module.scss b/src/blog-list/index.module.scss
index d18b6fe..2798ce9 100644
--- a/src/blog-list/index.module.scss
+++ b/src/blog-list/index.module.scss
@@ -45,6 +45,7 @@
   flex-direction: column;
   border-radius: 24px;
   background: var(--rs-blog-list-card-bg);
+  backdrop-filter: blur(1px);
   border: var(--rs-blog-list-card-border) !important;
   overflow: hidden;
   text-decoration: none !important;
@@ -135,7 +136,7 @@
 
 .clampedDescription {
   display: -webkit-box;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
diff --git a/src/blog-list/index.tsx b/src/blog-list/index.tsx
index 862c7e8..290689c 100644
--- a/src/blog-list/index.tsx
+++ b/src/blog-list/index.tsx
@@ -284,7 +284,7 @@ export function BlogList({
   });
 
   return (
-    <div className={getClassName(styles.blogPage, className)}>
+    <div className={getClassName(styles.blogPage, 'rp-not-doc', className)}>
       {title || subtitle ? (
         <header className={styles.header}>
           {title ? <h1 className={styles.pageTitle}>{title}</h1> : null}