revert(cards): 撤掉卡片外观配置与分组页卡片外壳，改用文字对比度

- 回退 card.opacity / card.blur 设置与后台「卡片外观」面板
- 分组页内容恢复为直接压在背景图上，不再套卡片
- 分组页文字：次级文字提一档 + 同主题描边（深色暗描边、浅色亮描边）
- 保留上一轮：背景缓存、搜索记忆、明暗图标、卡片描边/阴影、侧栏实底

stash-web/src/App.css

@@ -14,26 +14,6 @@
   --su-card-border: var(--su-border-strong);
 }
 
-/* 卡片外观（后台「卡片外观」可调）：底色透明度 + 毛玻璃，前台所有卡片共用一套。
-   变量由 AppNext 按站点设置写到 <html> 上；没设置时就是实底、无毛玻璃。 */
-.app .section-card,
-.app .profile-card,
-.app .service-panel,
-.app .nav-card,
-.app .group-own-block,
-.app .group-child-block,
-.app .detail-nav,
-.app .item-card,
-.app .article-body-card,
-.app .related-card {
-  background-color: color-mix(
-    in srgb,
-    var(--su-bg-card) var(--stash-card-alpha, 100%),
-    transparent
-  );
-  backdrop-filter: var(--stash-card-blur, none);
-}
-
 /* 卡片阴影默认会被滚动容器在左右边缘一刀切掉（卡片正好贴着容器边）。
    负边距把容器撑宽 16px、再补同样的内边距，内容位置不变，阴影有地方画。 */
 #page-scroll {
@@ -396,6 +376,16 @@
   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;

stash-web/src/AppNext.tsx

@@ -333,7 +333,6 @@ export default function AppNext() {
       show_nav: true,
     },
     background: cachedBackground ?? { light: '', dark: '' },
-    card: { opacity: 100, blur: false },
     search: {
       default: 'internal',
       engines: DEFAULT_SEARCH_ENGINES.map((engine) => ({ ...engine })),
@@ -409,13 +408,6 @@ export default function AppNext() {
     }
   }, [scheme])
 
-  // 卡片外观：透明度和毛玻璃写在 <html> 的 CSS 变量上，前台所有卡片共用一套
-  useEffect(() => {
-    const root = document.documentElement.style
-    root.setProperty('--stash-card-alpha', `${site.card.opacity}%`)
-    root.setProperty('--stash-card-blur', site.card.blur ? 'blur(14px) saturate(1.15)' : 'none')
-  }, [site.card.opacity, site.card.blur])
-
   /** 页头的明暗切换：只写本机偏好，不需要登录；站点默认值在后台改 */
   const toggleTheme = () => {
     const next: ThemeChoice = isDark ? 'light' : 'dark'
@@ -668,9 +660,7 @@ export default function AppNext() {
         </div>
 
         {group.entries.length > 0 ? (
-          <Card padding="md" className="group-own-block">
-            {renderEntries(group, group.entries)}
-          </Card>
+          <div className="group-own-block">{renderEntries(group, group.entries)}</div>
         ) : group.children.some((child) => groupEntryCount(child) > 0) ? null : (
           <Empty text="这个分组还没有内容" />
         )}
@@ -679,7 +669,7 @@ export default function AppNext() {
           {group.children
             .filter((child) => child.enabled !== false)
             .map((child) => (
-            <Card key={child.key} padding="md" className="group-child-block">
+            <section key={child.key} className="group-child-block">
               <div className="group-title">
                 <span
                   className="group-bar"
@@ -702,7 +692,7 @@ export default function AppNext() {
               ) : (
                 <Empty text="暂无内容" />
               )}
-            </Card>
+            </section>
           ))}
         </Space>
       </div>

stash-web/src/components/admin/AdminNext.tsx

@@ -83,7 +83,6 @@ type TabKey =
   | 'content'
   | 'home-sidebar'
   | 'home-cards'
-  | 'home-cards-look'
   | 'home-header'
   | 'home-background'
   | 'home-search'
@@ -103,7 +102,6 @@ const ADMIN_NAV: MenuItem[] = [
       { key: 'home-search', label: '搜索框' },
       { key: 'home-sidebar', label: '侧边栏' },
       { key: 'home-cards', label: '内容卡片' },
-      { key: 'home-cards-look', label: '卡片外观' },
     ],
   },
   { key: 'profile', label: '资料管理' },
@@ -392,16 +390,6 @@ export function AdminNext() {
                   />
                 )}
 
-                {tab === 'home-cards-look' && (
-                  <section className="admin-home-section">
-                    <Title level={4}>卡片外观</Title>
-                    <CardLookPanel
-                      value={draft.card}
-                      onChange={(card) => setDraft({ ...draft, card })}
-                    />
-                  </section>
-                )}
-
                 {tab === 'home-background' && (
                   <BackgroundPanel
                     value={draft.background}
@@ -428,7 +416,6 @@ export function AdminNext() {
                 {(tab === 'home-header' ||
                   tab === 'home-background' ||
                   tab === 'home-search' ||
-                  tab === 'home-cards-look' ||
                   tab === 'profile') && (
                   <Space gap="sm" justify="end" className="admin-actions">
                     <Button
@@ -1407,48 +1394,6 @@ function SidebarPanel({
   )
 }
 
-// ---------- 卡片外观（透明度 / 毛玻璃） ----------
-
-function CardLookPanel({
-  value,
-  onChange,
-}: {
-  value: SiteSettings['card']
-  onChange: (card: SiteSettings['card']) => void
-}) {
-  return (
-    <Space direction="column" gap="md" align="stretch" className="admin-form">
-      <Text size="sm" tone="muted">
-        说明：前台所有卡片共用这一套外观（首页、分组页、详情页、侧栏）。不透明度越低，背景图透得越多；
-        毛玻璃要配合透明才看得出来。
-      </Text>
-      <FormField
-        label="卡片不透明度"
-        htmlFor="card-opacity"
-        hint="百分比 40–100；100 为实底，40 最透"
-      >
-        <Input
-          id="card-opacity"
-          type="number"
-          min={40}
-          max={100}
-          value={String(value.opacity)}
-          onChange={(event) => {
-            const opacity = Number(event.target.value)
-            if (Number.isFinite(opacity)) onChange({ ...value, opacity })
-          }}
-        />
-      </FormField>
-      <ToggleRow
-        label="毛玻璃"
-        checked={value.blur === true}
-        onChange={(blur) => onChange({ ...value, blur })}
-        switchLabel="卡片使用毛玻璃"
-      />
-    </Space>
-  )
-}
-
 // ---------- 首页卡片（勾选分组） ----------
 
 function CardsPanel({

stash-web/src/settings.ts

@@ -30,13 +30,6 @@ export type BackgroundSettings = {
   dark: string
 }
 
-export type CardSettings = {
-  /** 卡片底色的不透明度（百分比，40–100） */
-  opacity: number
-  /** 毛玻璃：背景模糊 + 提饱和度 */
-  blur: boolean
-}
-
 const BACKGROUND_CACHE_KEY = 'stash-background'
 
 /**
@@ -133,7 +126,6 @@ export type SiteSettings = {
     show_nav: boolean
   }
   background: BackgroundSettings
-  card: CardSettings
   search: SearchSettings
   profile: ProfileSettings
   /** 站点级：标签标题 / favicon / 品牌 / 页头操作工具 */
@@ -203,7 +195,6 @@ export function defaultSettings(): SiteSettings {
       show_nav: true,
     },
     background: { light: '', dark: '' },
-    card: { opacity: 100, blur: false },
     search: {
       default: 'internal',
       engines: DEFAULT_SEARCH_ENGINES.map((engine) => ({ ...engine })),