{"allowContribute":false,"item":{"content":"import React from 'react';\n\nexport default function Slide() {\n  return (\n    \u003cdiv style={{\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      flexDirection: 'row',\n      background: 'var(--osd-bg)',\n      color: 'var(--osd-text)',\n      fontFamily: 'var(--osd-font-body)',\n      overflow: 'hidden',\n      position: 'relative',\n    }}\u003e\n      {/* 背景裝飾 — 右上暖色光暈 */}\n      \u003cdiv style={{\n        position: 'absolute',\n        top: -200,\n        right: -200,\n        width: 800,\n        height: 800,\n        borderRadius: '50%',\n        background: 'radial-gradient(circle, rgba(196,115,62,0.15) 0%, transparent 70%)',\n        pointerEvents: 'none',\n      }} /\u003e\n\n      {/* 背景裝飾 — 左下大地色塊 */}\n      \u003cdiv style={{\n        position: 'absolute',\n        bottom: 0,\n        left: 0,\n        width: '100%',\n        height: 280,\n        background: 'linear-gradient(to top, rgba(196,115,62,0.08) 0%, transparent 100%)',\n        pointerEvents: 'none',\n      }} /\u003e\n\n      {/* 左側 — 文字區 */}\n      \u003cdiv style={{\n        flex: '1 1 60%',\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        padding: '80px 60px 80px 120px',\n        boxSizing: 'border-box',\n        position: 'relative',\n        zIndex: 1,\n      }}\u003e\n        {/* 小標籤 */}\n        \u003cdiv style={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: 10,\n          marginBottom: 40,\n        }}\u003e\n          \u003cdiv style={{\n            width: 40,\n            height: 2,\n            background: 'var(--osd-accent)',\n          }} /\u003e\n          \u003cspan style={{\n            fontSize: 20,\n            fontWeight: 600,\n            letterSpacing: 6,\n            textTransform: 'uppercase',\n            color: 'var(--osd-accent)',\n            opacity: 0.85,\n          }}\u003eCamino de Santiago\u003c/span\u003e\n        \u003c/div\u003e\n\n        {/* 主標題 */}\n        \u003ch1 style={{\n          fontSize: 'var(--osd-size-hero)',\n          fontFamily: 'var(--osd-font-display)',\n          fontWeight: 700,\n          margin: 0,\n          lineHeight: 1.08,\n          letterSpacing: 2,\n        }}\u003e\n          \u003cspan\u003e布魯克的\u003c/span\u003e\u003cbr /\u003e\n          \u003cspan style={{ color: 'var(--osd-accent)' }}\u003e朝聖之路\u003c/span\u003e\n        \u003c/h1\u003e\n\n        {/* 副標 */}\n        \u003cp style={{\n          fontSize: 28,\n          marginTop: 32,\n          opacity: 0.7,\n          lineHeight: 1.5,\n          letterSpacing: 4,\n          fontWeight: 300,\n        }}\u003e\n          1000公里 \u0026nbsp;·\u0026nbsp; 35天 \u0026nbsp;·\u0026nbsp; 一個人的徒步故事\n        \u003c/p\u003e\n\n        {/* 分隔裝飾 */}\n        \u003cdiv style={{\n          marginTop: 48,\n          display: 'flex',\n          alignItems: 'center',\n          gap: 16,\n        }}\u003e\n          \u003cdiv style={{ width: 60, height: 2, background: 'var(--osd-accent)' }} /\u003e\n          \u003cdiv style={{ width: 8, height: 8, borderRadius: '50%', background: 'var(--osd-accent)' }} /\u003e\n          \u003cdiv style={{ width: 60, height: 2, background: 'var(--osd-accent)' }} /\u003e\n        \u003c/div\u003e\n\n        {/* CTA 提示 */}\n        \u003cp style={{\n          fontSize: 22,\n          marginTop: 56,\n          opacity: 0.55,\n          fontStyle: 'italic',\n          letterSpacing: 3,\n        }}\u003e\n          往下滑，一起走上這段旅程 ↓\n        \u003c/p\u003e\n      \u003c/div\u003e\n\n      {/* 右側 — 視覺區 */}\n      \u003cdiv style={{\n        flex: '1 1 40%',\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        padding: 80,\n        boxSizing: 'border-box',\n        position: 'relative',\n        zIndex: 1,\n      }}\u003e\n        {/* 貝殼圖案 — Camino 象徵 */}\n        \u003cdiv style={{\n          width: 360,\n          height: 420,\n          borderRadius: '50% 50% 50% 50% / 60% 60% 40% 40%',\n          background: 'linear-gradient(135deg, rgba(196,115,62,0.2) 0%, rgba(196,115,62,0.06) 100%)',\n          border: '2px solid rgba(196,115,62,0.25)',\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          alignItems: 'center',\n          position: 'relative',\n        }}\u003e\n          {/* 貝殼紋路 */}\n          {Array.from({ length: 7 }, (_, i) =\u003e (\n            \u003cdiv key={i} style={{\n              position: 'absolute',\n              bottom: 60 + i * 12,\n              left: '50%',\n              transform: `translateX(-50%) rotate(${(i - 3) * 8}deg)`,\n              width: 200 - i * 15,\n              height: 3,\n              borderRadius: 2,\n              background: `rgba(196,115,62,${0.35 - i * 0.04})`,\n              transformOrigin: 'center bottom',\n            }} /\u003e\n          ))}\n          {/* 中央年份 */}\n          \u003cspan style={{\n            fontSize: 48,\n            fontWeight: 700,\n            color: 'var(--osd-accent)',\n            fontFamily: 'var(--osd-font-display)',\n            opacity: 0.8,\n            marginTop: 30,\n          }}\u003e2026\u003c/span\u003e\n          \u003cspan style={{\n            fontSize: 18,\n            color: 'var(--osd-text)',\n            opacity: 0.5,\n            marginTop: 4,\n            letterSpacing: 3,\n          }}\u003eBUEN CAMINO\u003c/span\u003e\n        \u003c/div\u003e\n\n        {/* 三個平台小標 */}\n        \u003cdiv style={{\n          display: 'flex',\n          gap: 24,\n          marginTop: 40,\n        }}\u003e\n          {['Threads', 'Instagram', 'YouTube'].map(platform =\u003e (\n            \u003cspan key={platform} style={{\n              fontSize: 16,\n              color: 'var(--osd-text)',\n              opacity: 0.45,\n              letterSpacing: 1,\n            }}\u003e@{platform === 'YouTube' ? 'brook' : 'brook_606700'}\u003c/span\u003e\n          ))}\n        \u003c/div\u003e\n      \u003c/div\u003e\n\n      {/* 底部黃箭頭指示 */}\n      \u003cdiv style={{\n        position: 'absolute',\n        bottom: 40,\n        right: 60,\n        display: 'flex',\n        alignItems: 'center',\n        gap: 8,\n        opacity: 0.5,\n        zIndex: 1,\n      }}\u003e\n        \u003cspan style={{ fontSize: 16, color: 'var(--osd-accent)', fontWeight: 600 }}\u003e→\u003c/span\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  );\n}","createdAt":1785557500595,"id":"7e99175aad747022a115e3c4","isPublic":true,"itemType":"SLIDE","name":"首頁","parents":{"ec4e278dd0107c0f22d7d83f":1785557500595},"updatedAt":1785736711402,"updatedBy":{"agentId":"ceo","agentName":"CEO","userId":"6a4720a50226eae57fd9f8","userName":"布魯克"},"version":2},"ownerName":"布魯克","subtree":[{"content":"import React from 'react';\n\nexport default function Slide() {\n  return (\n    \u003cdiv style={{\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      flexDirection: 'row',\n      background: 'var(--osd-bg)',\n      color: 'var(--osd-text)',\n      fontFamily: 'var(--osd-font-body)',\n      overflow: 'hidden',\n      position: 'relative',\n    }}\u003e\n      {/* 背景裝飾 — 右上暖色光暈 */}\n      \u003cdiv style={{\n        position: 'absolute',\n        top: -200,\n        right: -200,\n        width: 800,\n        height: 800,\n        borderRadius: '50%',\n        background: 'radial-gradient(circle, rgba(196,115,62,0.15) 0%, transparent 70%)',\n        pointerEvents: 'none',\n      }} /\u003e\n\n      {/* 背景裝飾 — 左下大地色塊 */}\n      \u003cdiv style={{\n        position: 'absolute',\n        bottom: 0,\n        left: 0,\n        width: '100%',\n        height: 280,\n        background: 'linear-gradient(to top, rgba(196,115,62,0.08) 0%, transparent 100%)',\n        pointerEvents: 'none',\n      }} /\u003e\n\n      {/* 左側 — 文字區 */}\n      \u003cdiv style={{\n        flex: '1 1 60%',\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        padding: '80px 60px 80px 120px',\n        boxSizing: 'border-box',\n        position: 'relative',\n        zIndex: 1,\n      }}\u003e\n        {/* 小標籤 */}\n        \u003cdiv style={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: 10,\n          marginBottom: 40,\n        }}\u003e\n          \u003cdiv style={{\n            width: 40,\n            height: 2,\n            background: 'var(--osd-accent)',\n          }} /\u003e\n          \u003cspan style={{\n            fontSize: 20,\n            fontWeight: 600,\n            letterSpacing: 6,\n            textTransform: 'uppercase',\n            color: 'var(--osd-accent)',\n            opacity: 0.85,\n          }}\u003eCamino de Santiago\u003c/span\u003e\n        \u003c/div\u003e\n\n        {/* 主標題 */}\n        \u003ch1 style={{\n          fontSize: 'var(--osd-size-hero)',\n          fontFamily: 'var(--osd-font-display)',\n          fontWeight: 700,\n          margin: 0,\n          lineHeight: 1.08,\n          letterSpacing: 2,\n        }}\u003e\n          \u003cspan\u003e布魯克的\u003c/span\u003e\u003cbr /\u003e\n          \u003cspan style={{ color: 'var(--osd-accent)' }}\u003e朝聖之路\u003c/span\u003e\n        \u003c/h1\u003e\n\n        {/* 副標 */}\n        \u003cp style={{\n          fontSize: 28,\n          marginTop: 32,\n          opacity: 0.7,\n          lineHeight: 1.5,\n          letterSpacing: 4,\n          fontWeight: 300,\n        }}\u003e\n          1000公里 \u0026nbsp;·\u0026nbsp; 35天 \u0026nbsp;·\u0026nbsp; 一個人的徒步故事\n        \u003c/p\u003e\n\n        {/* 分隔裝飾 */}\n        \u003cdiv style={{\n          marginTop: 48,\n          display: 'flex',\n          alignItems: 'center',\n          gap: 16,\n        }}\u003e\n          \u003cdiv style={{ width: 60, height: 2, background: 'var(--osd-accent)' }} /\u003e\n          \u003cdiv style={{ width: 8, height: 8, borderRadius: '50%', background: 'var(--osd-accent)' }} /\u003e\n          \u003cdiv style={{ width: 60, height: 2, background: 'var(--osd-accent)' }} /\u003e\n        \u003c/div\u003e\n\n        {/* CTA 提示 */}\n        \u003cp style={{\n          fontSize: 22,\n          marginTop: 56,\n          opacity: 0.55,\n          fontStyle: 'italic',\n          letterSpacing: 3,\n        }}\u003e\n          往下滑，一起走上這段旅程 ↓\n        \u003c/p\u003e\n      \u003c/div\u003e\n\n      {/* 右側 — 視覺區 */}\n      \u003cdiv style={{\n        flex: '1 1 40%',\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        padding: 80,\n        boxSizing: 'border-box',\n        position: 'relative',\n        zIndex: 1,\n      }}\u003e\n        {/* 貝殼圖案 — Camino 象徵 */}\n        \u003cdiv style={{\n          width: 360,\n          height: 420,\n          borderRadius: '50% 50% 50% 50% / 60% 60% 40% 40%',\n          background: 'linear-gradient(135deg, rgba(196,115,62,0.2) 0%, rgba(196,115,62,0.06) 100%)',\n          border: '2px solid rgba(196,115,62,0.25)',\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          alignItems: 'center',\n          position: 'relative',\n        }}\u003e\n          {/* 貝殼紋路 */}\n          {Array.from({ length: 7 }, (_, i) =\u003e (\n            \u003cdiv key={i} style={{\n              position: 'absolute',\n              bottom: 60 + i * 12,\n              left: '50%',\n              transform: `translateX(-50%) rotate(${(i - 3) * 8}deg)`,\n              width: 200 - i * 15,\n              height: 3,\n              borderRadius: 2,\n              background: `rgba(196,115,62,${0.35 - i * 0.04})`,\n              transformOrigin: 'center bottom',\n            }} /\u003e\n          ))}\n          {/* 中央年份 */}\n          \u003cspan style={{\n            fontSize: 48,\n            fontWeight: 700,\n            color: 'var(--osd-accent)',\n            fontFamily: 'var(--osd-font-display)',\n            opacity: 0.8,\n            marginTop: 30,\n          }}\u003e2026\u003c/span\u003e\n          \u003cspan style={{\n            fontSize: 18,\n            color: 'var(--osd-text)',\n            opacity: 0.5,\n            marginTop: 4,\n            letterSpacing: 3,\n          }}\u003eBUEN CAMINO\u003c/span\u003e\n        \u003c/div\u003e\n\n        {/* 三個平台小標 */}\n        \u003cdiv style={{\n          display: 'flex',\n          gap: 24,\n          marginTop: 40,\n        }}\u003e\n          {['Threads', 'Instagram', 'YouTube'].map(platform =\u003e (\n            \u003cspan key={platform} style={{\n              fontSize: 16,\n              color: 'var(--osd-text)',\n              opacity: 0.45,\n              letterSpacing: 1,\n            }}\u003e@{platform === 'YouTube' ? 'brook' : 'brook_606700'}\u003c/span\u003e\n          ))}\n        \u003c/div\u003e\n      \u003c/div\u003e\n\n      {/* 底部黃箭頭指示 */}\n      \u003cdiv style={{\n        position: 'absolute',\n        bottom: 40,\n        right: 60,\n        display: 'flex',\n        alignItems: 'center',\n        gap: 8,\n        opacity: 0.5,\n        zIndex: 1,\n      }}\u003e\n        \u003cspan style={{ fontSize: 16, color: 'var(--osd-accent)', fontWeight: 600 }}\u003e→\u003c/span\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  );\n}","createdAt":1785557500595,"id":"7e99175aad747022a115e3c4","isPublic":true,"itemType":"SLIDE","name":"首頁","parents":{"ec4e278dd0107c0f22d7d83f":1785557500595},"updatedAt":1785736711402,"updatedBy":{"agentId":"ceo","agentName":"CEO","userId":"6a4720a50226eae57fd9f8","userName":"布魯克"},"version":2}]}