克莱因蓝高定风

【整体风格】
克莱因蓝 + 金色 + 高端时尚/奢侈品感

【适用应用】
电商精品、奢侈品展示、邀请函/票务、高端会员系统

【配色】
主色：#002FA7（克莱因蓝）
辅色：#C9A96E（香槟金）
背景：#FFFFFF 或 #F8F6F2（米金白）
深色区块：#002FA7（大面积蓝底）
卡片：#FFFFFF
文字主：#1A1A2E（深蓝黑）
文字白：#FFFFFF（蓝底上的文字）
文字金：#C9A96E

【布局】
页面容器：flex: 1, backgroundColor: '#F8F6F2'
内容滚动：<ScrollView>
  contentContainerStyle: paddingBottom: 100
栅格间距：marginBottom: 24
大图 Banner：width: '100%', aspectRatio: 16/9，无 paddingHorizontal
  （通栏到边）
正文区域：paddingHorizontal: 24
响应式：useWindowDimensions()，大屏加大留白

【核心样式手法】
大面积色块对比：
  整段区域 backgroundColor: '#002FA7'，padding: 40,
  内部文字 '#FFF'，装饰用 '#C9A96E'

金色细线装饰：
  borderWidth: 0.5,
  borderColor: '#C9A96E'

金色渐变：
  <LinearGradient
    colors={['#C9A96E','#E8D5A3','#C9A96E']}
    start={{x:0,y:0}} end={{x:1,y:0}}>
  → 模拟金属拉丝

字间距奢侈品排版：
  fontSize: 12, letterSpacing: 6,
  textTransform: 'uppercase',
  fontWeight: '300'（极细字重 — 高定感）
  标题可用 fontWeight: '200' 或 '100'

无圆角或小圆角：
  卡片 borderRadius: 0~4（直角 = 高端锐利感）
  按钮 borderRadius: 0（方形按钮 — 像 Dior/LV 网站）

精细阴影：
  iOS: shadowColor: '#002FA7',
  shadowOffset: {width:0,height:16},
  shadowOpacity: 0.12, shadowRadius: 32

图片滤镜感：
  <Image> 上叠 <View style={{
    ...StyleSheet.absoluteFillObject,
    backgroundColor: 'rgba(0,47,167,0.05)' }}/>
  → 统一色调

【技术栈】
图标：@expo/vector-icons（MaterialCommunityIcons / SimpleLineIcons）
渐变：expo-linear-gradient（金色渐变、蓝色深浅过渡）
字体：expo-font 加载 Cormorant Garamond（衬线标题）
      + Montserrat Light（正文极细无衬线）
动画：react-native-reanimated（优雅缓入 Easing.bezier(0.25,0.1,0.25,1)，
  入场 fade + translateY: 30→0，duration: 800）
样式方案：StyleSheet.create

【UI 组件风格】
LuxuryHero（全宽蓝底头图区）：
  <View style={{
    backgroundColor: '#002FA7',
    paddingVertical: 60,
    paddingHorizontal: 24,
    alignItems: 'center',
  }}>
    <Text style={{ color: '#C9A96E', fontSize: 11,
      letterSpacing: 8, textTransform: 'uppercase',
      fontWeight: '300' }}>
      EXCLUSIVE COLLECTION
    </Text>
    <Text style={{ color: '#FFFFFF',
      fontFamily: 'CormorantGaramond-Light',
      fontSize: 36, marginTop: 16, textAlign: 'center' }}>
      2025 秋冬系列
    </Text>
    <View style={{ width: 40, height: 0.5,
      backgroundColor: '#C9A96E', marginTop: 24 }} />
  </View>

ProductCard（商品卡片）：
  <View style={{
    backgroundColor: '#FFF',
    borderRadius: 0,（直角）
    overflow: 'hidden',
    shadowColor: '#002FA7',
    shadowOffset: { width: 0, height: 12 },
    shadowOpacity: 0.08,
    shadowRadius: 24,
    elevation: 4,
  }}>
    <Image source={productImg}
      style={{ width: '100%', aspectRatio: 3/4 }} />
    <View style={{ padding: 20, alignItems: 'center' }}>
      <Text style={{ fontSize: 11, letterSpacing: 4,
        color: '#999', textTransform: 'uppercase' }}>
        BRAND NAME
      </Text>
      <Text style={{ fontSize: 16, fontWeight: '600',
        color: '#1A1A2E', marginTop: 8 }}>
        产品名称
      </Text>
      <Text style={{ fontSize: 15, color: '#C9A96E',
        marginTop: 6, fontWeight: '300' }}>
        ¥12,800
      </Text>
    </View>
  </View>

GoldDivider（金线分割）：
  <View style={{ flexDirection:'row', alignItems:'center',
    marginVertical: 32, paddingHorizontal: 24 }}>
    <View style={{ flex:1, height:0.5, backgroundColor:'#C9A96E' }} />
    <MaterialCommunityIcons name="rhombus" size={8} color="#C9A96E"
      style={{ marginHorizontal: 16 }} />
    <View style={{ flex:1, height:0.5, backgroundColor:'#C9A96E' }} />
  </View>

LuxuryButton：
  // 蓝底按钮
  <Pressable style={{
    backgroundColor: '#002FA7',
    borderRadius: 0,
    paddingVertical: 16, paddingHorizontal: 40 }}>
    <Text style={{ color:'#FFF', fontSize: 12,
      letterSpacing: 4, textTransform:'uppercase',
      fontWeight: '500', textAlign:'center' }}>
      立即预约
    </Text>
  </Pressable>
  // 金边幽灵按钮
  <Pressable style={{
    borderWidth: 0.5, borderColor: '#C9A96E',
    paddingVertical: 16, paddingHorizontal: 40 }}>
    <Text style={{ color:'#C9A96E', fontSize: 12,
      letterSpacing: 4, textTransform:'uppercase',
      textAlign:'center' }}>
      了解更多
    </Text>
  </Pressable>

底部导航：
  backgroundColor: '#FFFFFF',
  borderTopWidth: 0.5,
  borderTopColor: 'rgba(0,47,167,0.1)',
  图标: 细线风格
  未选中: '#CCCCCC'、选中: '#002FA7'
  选中文字: letterSpacing: 2, fontSize: 9, textTransform: 'uppercase'