diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index aff51bf..788c3d4 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -376,16 +376,6 @@
   margin-top: var(--su-space-2);
 }
 
-/* 分组页的内容直接压在背景图上（没有卡片底）：靠文字自己的对比来保证可读，
-   次级文字提一档，再加一层同主题的描边，落在图片亮部也不会糊成一片。 */
-.detail-view .group-own-block,
-.detail-view .group-child-block,
-.detail-hero {
-  --su-text-sub: var(--su-text-secondary);
-  --su-text-muted: var(--su-text-sub);
-  text-shadow: 0 1px 3px color-mix(in srgb, var(--su-bg-page) 70%, transparent);
-}
-
 /* 明细页的分组标题：与首页卡片标题同一套「色条 + 标题」 */
 .group-title {
   display: flex;
diff --git a/stash-web/src/AppNext.tsx b/stash-web/src/AppNext.tsx
index b9e3d42..0f07064 100644
--- a/stash-web/src/AppNext.tsx
+++ b/stash-web/src/AppNext.tsx
@@ -660,7 +660,9 @@ export default function AppNext() {
         </div>
 
         {group.entries.length > 0 ? (
-          <div className="group-own-block">{renderEntries(group, group.entries)}</div>
+          <Card padding="md" className="group-own-block">
+            {renderEntries(group, group.entries)}
+          </Card>
         ) : group.children.some((child) => groupEntryCount(child) > 0) ? null : (
           <Empty text="这个分组还没有内容" />
         )}
@@ -669,7 +671,7 @@ export default function AppNext() {
           {group.children
             .filter((child) => child.enabled !== false)
             .map((child) => (
-            <section key={child.key} className="group-child-block">
+            <Card key={child.key} padding="md" className="group-child-block">
               <div className="group-title">
                 <span
                   className="group-bar"
@@ -692,7 +694,7 @@ export default function AppNext() {
               ) : (
                 <Empty text="暂无内容" />
               )}
-            </section>
+            </Card>
           ))}
         </Space>
       </div>