fix(blog-list): refine blog page presentation

Author: SoonIter

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>

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;
 }

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}