refactor(glass): 批次1 - 迁移全局组件使用统一毛玻璃配置

迁移以下 10 个组件使用 glassConfig.ts 统一配置:
- GlassCard: GLASS_BLUR/GLASS_SHADOW 替换硬编码 blur/glow
- SubTabContainer: GLASS_BLUR.lg 替换 blur(20px)
- HomeNavbar: GLASS_BLUR.sm 替换 blur(10px)
- AuthModalManager: GLASS_BLUR.sm 替换 blur(10px)
- WechatRegister: GLASS_BLUR.xs 替换 blur(4px)
- SubscriptionModal: GLASS_BLUR.xs 替换 blur(4px)
- SubscriptionContentNew: GLASS_BLUR.sm/lg/xl 替换多处硬编码
- ImageLightbox: GLASS_BLUR.sm 替换 blur(10px)
- ImagePreviewModal: GLASS_BLUR.sm 替换 blur(10px)
- FuiContainer: GLASS_BLUR.md 替换 blur(16px)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/Subscription/SubscriptionContentNew.tsx

@@ -46,6 +46,7 @@ import { useAuth } from '../../contexts/AuthContext';
 import { useSubscriptionEvents } from '../../hooks/useSubscriptionEvents';
 import { subscriptionConfig, themeColors } from '../../views/Pages/Account/subscription-content';
 import { getApiBase } from '../../utils/apiConfig';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 // 会员协议 URL 配置
 const AGREEMENT_URLS = {
@@ -76,7 +77,7 @@ function CycleSelector({ options, selectedCycle, onSelectCycle }: CycleSelectorP
       borderRadius="xl"
       border="1px solid"
       borderColor="rgba(255, 255, 255, 0.1)"
-      backdropFilter="blur(10px)"
+      backdropFilter={GLASS_BLUR.sm}
       justify="center"
       align="center"
       w={{ base: 'full', md: 'auto' }}
@@ -947,7 +948,7 @@ export default function SubscriptionContentNew() {
               bg="rgba(212, 175, 55, 0.05)"
               border="2px solid"
               borderColor="rgba(212, 175, 55, 0.3)"
-              backdropFilter="blur(20px)"
+              backdropFilter={GLASS_BLUR.lg}
               maxW="600px"
               mx="auto"
               position="relative"
@@ -1171,7 +1172,7 @@ export default function SubscriptionContentNew() {
                     mt={-1}
                     p={3.5}
                     pb={8}
-                    backdropFilter={isPremium ? 'blur(32px)' : 'blur(20px)'}
+                    backdropFilter={isPremium ? GLASS_BLUR.xl : GLASS_BLUR.lg}
                     bg={isPremium ? 'rgba(255, 255, 255, 0.07)' : 'rgba(255, 255, 255, 0.01)'}
                     borderRadius="20px"
                     _after={{
@@ -1191,7 +1192,7 @@ export default function SubscriptionContentNew() {
                       p={6}
                       borderRadius="16px"
                       bg={isPremium ? 'rgba(212, 175, 55, 0.1)' : 'rgba(255, 255, 255, 0.03)'}
-                      backdropFilter="blur(20px)"
+                      backdropFilter={GLASS_BLUR.lg}
                       boxShadow="0 8px 32px rgba(0, 0, 0, 0.4)"
                       _after={{
                         content: '""',
@@ -1323,7 +1324,7 @@ export default function SubscriptionContentNew() {
             p={8}
             borderRadius="2xl"
             bg="rgba(30, 30, 30, 0.5)"
-            backdropFilter="blur(20px)"
+            backdropFilter={GLASS_BLUR.lg}
             border="1px solid"
             borderColor="rgba(255, 255, 255, 0.1)"
             maxW="900px"

src/components/Subscription/SubscriptionModal.js

@@ -15,11 +15,12 @@ import {
 import { Star } from 'lucide-react';
 import PropTypes from 'prop-types';
 import SubscriptionContent from './SubscriptionContent';
+import { GLASS_BLUR } from '@/constants/glassConfig';
 
 export default function SubscriptionModal({ isOpen, onClose }) {
   return (
     <Modal isOpen={isOpen} onClose={onClose} size="4xl" isCentered scrollBehavior="inside">
-      <ModalOverlay backdropFilter="blur(4px)" />
+      <ModalOverlay backdropFilter={GLASS_BLUR.xs} />
       <ModalContent maxH="90vh">
         <ModalHeader borderBottomWidth="1px" borderColor={useColorModeValue('gray.200', 'gray.600')}>
           <HStack>