feat: 投资者页全面升级（7区块·无投资者诚实调性·数据带+Why Us四卡+Roadmap时间轴+伙伴画像+精美CTA）

src/components/Investors.tsx

@@ -1,9 +1,15 @@
 import { getLocalizedPath, getTranslation, type Locale } from '../i18n/utils';
+import { Icon } from '../icons';
+import { cssVars } from './css';
 
 export default function Investors({ locale }: { locale: Locale }) {
   const t = getTranslation(locale);
   const ir = t.investors;
-  const tr = (zh: string, hk: string, en: string) => (locale === 'en' ? en : locale === 'hk' ? hk : zh);
+  const isEn = locale === 'en';
+  const tr = (zh: string, hk: string, en: string) => (isEn ? en : locale === 'hk' ? hk : zh);
+  const statsIcons = ['target', 'boxes', 'compass', 'heart'] as const;
+  const hlPalettes = ['--track-career', '--track-social', '--brand-accent', '--sus-green'] as const;
+  const partnerPalettes = ['--icidp-devotion', '--icidp-innovation', '--brand-accent-deep'] as const;
 
   return (
     <>
@@ -12,22 +18,72 @@ export default function Investors({ locale }: { locale: Locale }) {
         <div className="pointer-events-none absolute -top-24 -right-24 w-[420px] h-[420px] rounded-full bg-[rgba(61,90,254,0.10)] blur-3xl" />
         <div className="pointer-events-none absolute -bottom-32 -left-24 w-[360px] h-[360px] rounded-full bg-[rgba(61,90,254,0.08)] blur-3xl" />
         <div className="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28 text-center">
-          <span className="section-eyebrow">INVESTORS</span>
+          <span className="section-eyebrow">{ir.stats.eyebrow.replace('BY THE NUMBERS', 'INVESTORS')}</span>
           <h1 className="hero-slogan">{ir.title}</h1>
-          <p className="mt-5 text-body text-[var(--text-secondary)] max-w-2xl mx-auto leading-relaxed">{ir.subtitle}</p>
+          <p className="mt-5 text-body font-medium text-[var(--brand-accent-deep)] max-w-2xl mx-auto leading-relaxed">{ir.subtitle}</p>
           <p className="mt-4 text-body text-[var(--text-secondary)] max-w-3xl mx-auto leading-relaxed">{ir.intro}</p>
+          {/* DATA BAND */}
+          <div className="stat-band scroll-reveal mt-10 max-w-5xl mx-auto">
+            {ir.stats.items.map((sItem, idx) => (
+              <div className="stat-cell" key={sItem.label} style={cssVars({ '--track-color': 'var(--accent)' })}>
+                <Icon name={statsIcons[idx]} className="w-8 h-8 mx-auto mb-3" style={{ color: 'var(--brand-accent)' }} />
+                <div className="stat-num">
+                  <span className="stat-value">{sItem.value}</span>
+                  {sItem.suffix && <span className="stat-suffix">{sItem.suffix}</span>}
+                </div>
+                <div className="stat-label">{sItem.label}</div>
+                <div className="stat-sub">{sItem.sub}</div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* ===== WHY US 四卡 ===== */}
+      <section className="band scroll-mt-24">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-[var(--space-8)]">
+          <div className="section-head text-center scroll-reveal">
+            <span className="section-eyebrow">{ir.highlights.eyebrow}</span>
+            <h2 className="section-title mt-3">{ir.highlights.title}</h2>
+            <p className="section-lead max-w-2xl mx-auto">{ir.highlights.subtitle}</p>
+          </div>
+          <div className="grid sm:grid-cols-2 gap-4 mt-8">
+            {ir.highlights.items.map((h, i) => {
+              const token = hlPalettes[i % hlPalettes.length];
+              return (
+                <article
+                  key={h.title}
+                  className="scroll-reveal rounded-2xl card-surface p-7 md:p-8 hover:-translate-y-1 hover:shadow-md transition-all duration-300"
+                  style={cssVars({
+                    background: `linear-gradient(135deg, color-mix(in oklch, var(${token}) 10%, var(--bg-primary)) 0%, color-mix(in oklch, var(${token}) 4%, var(--bg-primary)) 100%)`,
+                    borderColor: `color-mix(in oklch, var(${token}) 22%, transparent)`,
+                    border: '1px solid',
+                  })}
+                >
+                  <span
+                    className="icon-tile w-12 h-12"
+                    style={cssVars({ background: `color-mix(in oklch, var(${token}) 18%, transparent)` })}
+                  >
+                    <Icon name={h.icon as any} className="w-6 h-6" style={cssVars({ color: `var(${token})` })} />
+                  </span>
+                  <h3 className="mt-5 text-h1 font-semibold text-[var(--brand-black)] leading-tight" style={{ fontSize: 'calc(22px + 0.4vw)' }}>{h.title}</h3>
+                  <p className="mt-3 text-body text-[var(--text-secondary)] leading-relaxed">{h.desc}</p>
+                </article>
+              );
+            })}
+          </div>
         </div>
       </section>
 
-      {/* ===== 业务愿景呼应（IR ↔ 业务生态）===== */}
+      {/* ===== 愿景呼应 BAND ===== */}
       <section className="band">
         <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-[var(--space-9)] text-center scroll-reveal">
           <span className="section-eyebrow">LONG-TERM VALUE</span>
           <h2 className="section-title mt-3">{tr('与数字生活生态共成长', '與數位生活生態共成長', 'Growing with the digital life ecosystem')}</h2>
           <p className="section-lead max-w-2xl mx-auto">
             {tr(
-              '巴适伙伴以长期主义经营企业。5 大赛道 · 8 自研产品构成数字生活生态——我们相信，连接人、机会、价值与智能的温暖科技，终将转化为可持续的社会与股东价值。',
-              '巴適夥伴以長期主義經營企業。5 大賽道 · 8 自研產品構成數位生活生態——我們相信，連接人、機會、價值與智能的溫暖科技，終將轉化為可持續的社會與股東價值。',
+              '巴适伙伴以长期主义经营企业。5 大赛道 · 8+ 自研产品构成数字生活生态——我们相信，连接人、机会、价值与智能的温暖科技，终将转化为可持续的社会与股东价值。',
+              '巴適夥伴以長期主義經營企業。5 大賽道 · 8+ 自研產品構成數位生活生態——我們相信，連接人、機會、價值與智能的溫暖科技，終將轉化為可持續的社會與股東價值。',
               'BaskBuddy is built on long-termism. Five tracks and eight self-built products form our digital life ecosystem — warm tech that connects people, opportunities, value and intelligence will translate into sustainable social and shareholder value.',
             )}
           </p>
@@ -41,17 +97,99 @@ export default function Investors({ locale }: { locale: Locale }) {
         </div>
       </section>
 
+      {/* ===== ROADMAP 三阶段时间轴 ===== */}
+      <section id="ir-roadmap" className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-[var(--space-9)] pb-[var(--space-10)] scroll-mt-24">
+        <div className="section-head text-center scroll-reveal">
+          <span className="section-eyebrow">{ir.roadmap.eyebrow}</span>
+          <h2 className="section-title mt-3">{ir.roadmap.title}</h2>
+          <p className="section-lead max-w-2xl mx-auto">{ir.roadmap.subtitle}</p>
+        </div>
+        <ol className="relative mt-10 pl-0 list-none" role="list">
+          <div
+            className="absolute left-[1.625rem] top-1 bottom-1 w-px"
+            style={{
+              background: 'linear-gradient(180deg, color-mix(in oklch, var(--brand-accent) 55%, transparent) 0%, color-mix(in oklch, var(--brand-accent) 18%, transparent) 100%)',
+            }}
+            aria-hidden="true"
+          />
+          {ir.roadmap.items.map((r, i) => (
+            <li key={r.title} className="scroll-reveal relative pl-[4.5rem] mb-10 last:mb-0" style={{ '--dly': `${i * 0.1}s` } as any}>
+              <span
+                className="absolute left-0 top-1 w-[3.25rem] h-[3.25rem] rounded-2xl flex items-center justify-center shrink-0"
+                style={cssVars({
+                  background: r.accent
+                    ? 'linear-gradient(135deg, var(--brand-accent) 0%, var(--brand-accent-deep) 100%)'
+                    : 'color-mix(in oklch, var(--brand-accent) 14%, var(--bg-primary))',
+                  boxShadow: r.accent ? '0 10px 24px -8px color-mix(in oklch, var(--brand-accent) 45%, transparent)' : 'none',
+                })}
+              >
+                <span
+                  className="font-mono font-semibold text-micro tracking-wider"
+                  style={{ color: r.accent ? 'white' : 'var(--brand-accent-deep)' }}
+                >
+                  0{i + 1}
+                </span>
+              </span>
+              <div className="rounded-2xl card-surface p-6 md:p-7">
+                <p className="text-micro font-mono uppercase tracking-[0.18em] text-[var(--brand-accent-deep)]">{r.period}</p>
+                <h3 className="mt-2 font-semibold text-[var(--brand-black)] leading-tight" style={{ fontSize: 'calc(18px + 0.3vw)' }}>{r.title}</h3>
+                <p className="mt-3 text-body text-[var(--text-secondary)] leading-relaxed">{r.desc}</p>
+              </div>
+            </li>
+          ))}
+        </ol>
+      </section>
+
+      {/* =====  PARTNERSHIP 伙伴画像 三卡 ===== */}
+      <section className="band">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-[var(--space-8)] pb-[var(--space-10)]">
+          <div className="section-head text-center scroll-reveal">
+            <span className="section-eyebrow">{ir.partnership.eyebrow}</span>
+            <h2 className="section-title mt-3">{ir.partnership.title}</h2>
+            <p className="section-lead max-w-2xl mx-auto">{ir.partnership.subtitle}</p>
+          </div>
+          <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-8">
+            {ir.partnership.items.map((p, i) => {
+              const token = partnerPalettes[i % partnerPalettes.length];
+              return (
+                <div
+                  key={p.title}
+                  className="scroll-reveal rounded-2xl card-surface p-7 flex flex-col hover:-translate-y-1 hover:shadow-md transition-all duration-300"
+                  style={cssVars({
+                    background: `linear-gradient(160deg, color-mix(in oklch, var(${token}) 12%, var(--bg-primary)) 0%, color-mix(in oklch, var(${token}) 5%, var(--bg-primary)) 100%)`,
+                  })}
+                >
+                  <span
+                    className="icon-tile w-11 h-11 shrink-0"
+                    style={cssVars({ background: `color-mix(in oklch, var(${token}) 18%, transparent)` })}
+                  >
+                    <Icon name={p.icon as any} className="w-[22px] h-[22px]" style={cssVars({ color: `var(${token})` })} />
+                  </span>
+                  <h3 className="mt-5 font-semibold text-[var(--brand-black)] leading-tight" style={{ fontSize: 'calc(17px + 0.3vw)' }}>{p.title}</h3>
+                  <p className="mt-3 text-body text-[var(--text-secondary)] leading-relaxed flex-1">{p.desc}</p>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
       {/* ===== IR 垂询 CTA ===== */}
-      <section className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 pb-[var(--space-10)]">
-        <div className="cta-band px-8 py-12 text-center">
-          <h2 className="relative z-10 text-h1 font-bold font-[var(--font-display)] text-white">{ir.contact.title}</h2>
-          <p className="relative z-10 mt-3 text-body text-[rgba(255,255,255,0.8)] max-w-xl mx-auto">{ir.contact.desc}</p>
+      <section className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 pb-[var(--space-11)]">
+        <div className="cta-band px-8 py-12 md:py-14 text-center">
+          <span className="relative z-10 inline-block text-micro font-semibold tracking-[0.15em] uppercase text-[rgba(235,234,246,0.7)]" style={{ fontFamily: 'var(--font-body)' }}>
+            {ir.contact.eyebrow}
+          </span>
+          <h2 className="relative z-10 mt-3 text-h1 font-bold font-[var(--font-display)] text-white leading-tight">{ir.contact.title}</h2>
+          <p className="relative z-10 mt-4 text-body text-[rgba(255,255,255,0.85)] max-w-2xl mx-auto leading-relaxed">{ir.contact.desc}</p>
           <div className="relative z-10 mt-7 flex flex-col sm:flex-row items-center justify-center gap-3.5">
             <a href={'mailto:' + ir.contact.email} className="btn btn-light btn-lg">
+              <Icon name="mail" className="w-4 h-4 -ml-0.5 mr-2" />
               {ir.contact.cta}
             </a>
+            <span className="text-micro uppercase tracking-widest text-[rgba(235,234,246,0.55)]">{ir.contact.or}</span>
             <a href={getLocalizedPath('/contact', locale)} className="btn btn-outline-light btn-lg">
-              {t.contact.title}
+              {ir.contact.contactPage}
             </a>
           </div>
         </div>

src/i18n/en.ts

@@ -345,13 +345,56 @@ Let's go — let's journey toward a beautiful future together with BaskBuddy!`,
   },
   investors: {
     title: 'Investor Relations',
-    subtitle: 'Long-termism, value co-creation',
-    intro: 'Thank you to all investors for your interest in BaskBuddy. We run the business with long-termism, continuously creating sustainable value for shareholders and society.',
+    subtitle: 'Long-term partners who share our values',
+    intro: 'BaskBuddy was born out of a group of young people\'s obsession with "warm tech". We build our digital life ecosystem from zero — not by chasing short-term valuations with stories, but by walking alongside long-term capital that truly understands us. If you buy into "long-termism · value co-creation", let\'s talk.',
+    stats: {
+      eyebrow: 'BY THE NUMBERS',
+      items: [
+        { value: '5', suffix: '', label: 'Core Tracks', sub: 'Social · Career · Payment · AI · Life Service' },
+        { value: '8', suffix: '+', label: 'Self-built Products', sub: 'Covering the full digital life spectrum' },
+        { value: '100', suffix: '%', label: 'Long-term Mindset', sub: 'No quick wins — we do the hard, right things' },
+        { value: '∞', suffix: '', label: 'User-first DNA', sub: 'Every product decision starts with users' },
+      ],
+    },
+    highlights: {
+      eyebrow: 'WHY US',
+      title: 'Why BaskBuddy',
+      subtitle: 'Four signals that help you quickly understand our value anchors',
+      items: [
+        { icon: 'users', title: 'Young users, mindshare entry', desc: '8 products enter from college students and youth communities — mindshare first, then boundary expansion. Our users grow; our product matrix grows with them.' },
+        { icon: 'boxes', title: 'Self-built products = ecosystem', desc: 'Unlike single-point tools, 5 tracks × 8+ self-built products are designed as a synergistic ecosystem from day one — cross-acquisition CAC is naturally lower.' },
+        { icon: 'sparkles', title: 'Warm-tech differentiation', desc: 'We don\'t make cold efficiency tools. "Warmth" is our brand memory: from Abu AI\'s "companion touch" to HearWish\'s "wish mutual-aid", emotional connection IS the moat.' },
+        { icon: 'sprout', title: 'Responsibility = long-term value', desc: 'Green & low-carbon · Digital inclusion · Trusted operations are written into our product R&D process. ESG is not a retroactively-written report — it\'s the default design parameter.' },
+      ],
+    },
+    roadmap: {
+      eyebrow: 'ROADMAP',
+      title: 'The road we\'re walking',
+      subtitle: 'No salesy stories — we just write down every step honestly',
+      items: [
+        { period: 'PHASE 01 · 2024—2025', title: 'Ecosystem skeleton', desc: 'Shipped MVP prototypes of 5 tracks × 8+ products, forming the complete skeleton of Social/Career/Payment/AI/Life-Service.', accent: true },
+        { period: 'PHASE 02 · 2026', title: 'Seed-user validation', desc: 'Running first-round real-user validation with universities and youth communities. Core KPIs = retention + organic referral rate, NOT fund-raising cadence.', accent: false },
+        { period: 'PHASE 03 · 2027+', title: 'Scaled growth', desc: 'When cross-product recommendation hit-rate & per-user multi-product penetration cross our thresholds, we trigger city-by-city scaled expansion.', accent: false },
+      ],
+    },
+    partnership: {
+      eyebrow: 'PARTNERSHIP',
+      title: 'Who we\'re looking for',
+      subtitle: 'We care more about shared values than the headline number',
+      items: [
+        { icon: 'compass', title: 'Long-termism believers', desc: 'Your thesis is NOT "flip it in the next round". You\'re willing to wait 5—10 years for ecosystem value to compound and mature.' },
+        { icon: 'network', title: 'Bring more than capital', desc: 'Industry connections, enterprise clients, university channels, policy resources… if your portfolio has chemistry with our 5 tracks, come in earlier than typical angels.' },
+        { icon: 'handshake', title: 'No "packaging stories" pressure', desc: 'We share real retention, NPS, and cross-product penetration data every quarter. But we won\'t fake a story, or take "raise at any cost" advice.' },
+      ],
+    },
     contact: {
-      title: 'Investor Inquiry',
-      desc: 'For more information, please contact the investor relations team.',
+      eyebrow: 'GET IN TOUCH',
+      title: 'Let\'s grab a coffee',
+      desc: 'Even if you\'re not investing now, reach out with ideas, resources or a shared vision. IR lead replies to every email personally every Wednesday.',
       email: 'ir@baskbuddy.com',
-      cta: 'Contact IR Team',
+      cta: 'Email the IR team',
+      or: 'Or',
+      contactPage: 'Visit Contact page →',
     },
   },
 };

src/i18n/hk.ts

@@ -345,13 +345,56 @@ export const hk = {
   },
   investors: {
     title: '投資者關係',
-    subtitle: '長期主義，價值共創',
-    intro: '感謝各界投資者對巴適夥伴的關注。我們堅持以長期主義經營企業，持續為股東與社會創造可持續價值。',
+    subtitle: '長期主義，與理念一致的夥伴共成長',
+    intro: '巴適夥伴誕生於一群年輕人對「溫暖科技」的執著。我們從零搭建數位生活生態，不靠講故事衝刺短期估值，而希望與真正理解我們的長期資本同行。如果您認同「長期主義·價值共創」的理念，歡迎成為我們的夥伴。',
+    stats: {
+      eyebrow: 'BY THE NUMBERS',
+      items: [
+        { value: '5', suffix: '大', label: '核心賽道', sub: '內容社交-職場服務-數位支付-AI-生活服務' },
+        { value: '8', suffix: '+', label: '自研產品', sub: '覆蓋數位生活全場景' },
+        { value: '100', suffix: '%', label: '長期導向', sub: '不賺快錢，做難而正確的事' },
+        { value: '∞', suffix: '', label: '用戶導向', sub: '一切產品設計從用戶出發' },
+      ],
+    },
+    highlights: {
+      eyebrow: 'WHY US',
+      title: '為什麼是巴適夥伴',
+      subtitle: '四條判斷標準，幫您快速了解我們的價值錨點',
+      items: [
+        { icon: 'users', title: '年輕用戶心智入口', desc: '8 款產品從大學生、青年人群切入，先佔心智再擴邊界——用戶在成長，產品矩陣也在同步成長。' },
+        { icon: 'boxes', title: '自研產品矩陣=生態', desc: '不同於單點工具型產品，5 大賽道 × 8+ 自研產品從第一天就按「生態協同」設計——交叉獲客成本天然更低。' },
+        { icon: 'sparkles', title: '溫暖科技差異化', desc: '我們不做冷漠的效率工具。「溫暖」是品牌記憶點：從阿布 AI 的「情趣感」到聽願的「心願互助」，情感連接就是護城河。' },
+        { icon: 'sprout', title: '責任=長期價值', desc: '綠色低碳·數位普惠·可信營運三條方向已寫入產品研發流程，ESG 不是事後補寫的報告，而是設計時的預設參數。' },
+      ],
+    },
+    roadmap: {
+      eyebrow: 'ROADMAP',
+      title: '我們正在走的路',
+      subtitle: '不講故事，但我們會把每一步踏踏實實寫出來',
+      items: [
+        { period: 'PHASE 01 · 2024—2025', title: '生態骨架搭建', desc: '完成 5 大賽道 × 8+ 款產品的原型打磨，形成內容社交/職場服務/數位支付/人工智慧/生活服務的完整骨架。', accent: true },
+        { period: 'PHASE 02 · 2026', title: '種子用戶驗證', desc: '面向高校與青年社群做首輪真實用戶驗證，核心 KPI 是用戶留存與口碑推薦率，而不是融資節奏。', accent: false },
+        { period: 'PHASE 03 · 2027+', title: '規模化擴張', desc: '當 8 款產品的交叉推薦命中率、單用戶多產品滲透率超過閾值，我們將啟動跨城市、跨人群的規模化增長。', accent: false },
+      ],
+    },
+    partnership: {
+      eyebrow: 'PARTNERSHIP',
+      title: '我們期待怎樣的夥伴',
+      subtitle: '相比估值，我們更在意理念上的長期契合',
+      items: [
+        { icon: 'compass', title: '認同長期主義', desc: '不以「下一輪能否轉手」為出發點，願意和我們一起等 5—10 年，讓生態價值慢慢落地。' },
+        { icon: 'network', title: '能帶資源，而不止是錢', desc: '產業資源、企業客戶、高校管道、政策資源……如果您的佈局和我們 5 大賽道有化學反應，歡迎比一般天使更早加入。' },
+        { icon: 'handshake', title: '不催「講故事」', desc: '我們會按季度給您真實的留存、推薦率、交叉滲透率數據，但不做「包裝故事」、不接「為了融資而融資」的建議。' },
+      ],
+    },
     contact: {
-      title: '投資者垂詢',
-      desc: '如需了解更多資訊，歡迎聯繫投資者關係團隊。',
+      eyebrow: 'GET IN TOUCH',
+      title: '和我們聊聊？',
+      desc: '即使您暫時不投，也歡迎帶著理念和資源來喝杯咖啡。郵箱每週三由 IR 負責人親自回覆。',
       email: 'ir@baskbuddy.com',
-      cta: '聯繫 IR 團隊',
+      cta: '發郵件給 IR 團隊',
+      or: '或者',
+      contactPage: '先看聯繫我們 →',
     },
   },
 };

src/i18n/zh.ts

@@ -345,13 +345,56 @@ export const zh = {
   },
   investors: {
     title: '投资者关系',
-    subtitle: '长期主义，价值共创',
-    intro: '感谢各界投资者对巴适伙伴的关注。我们坚持以长期主义经营企业，持续为股东与社会创造可持续价值。',
+    subtitle: '长期主义，与理念一致的伙伴共成长',
+    intro: '巴适伙伴诞生于一群年轻人对"温暖科技"的执着。我们从零搭建数字生活生态，不靠讲故事冲刺短期估值，而希望与真正理解我们的长期资本同行。如果您认同"长期主义·价值共创"的理念，欢迎成为我们的伙伴。',
+    stats: {
+      eyebrow: 'BY THE NUMBERS',
+      items: [
+        { value: '5', suffix: '大', label: '核心赛道', sub: '内容社交-职场服务-数字支付-AI-生活服务' },
+        { value: '8', suffix: '+', label: '自研产品', sub: '覆盖数字生活全场景' },
+        { value: '100', suffix: '%', label: '长期导向', sub: '不赚快钱，做难而正确的事' },
+        { value: '∞', suffix: '', label: '用户导向', sub: '一切产品设计从用户出发' },
+      ],
+    },
+    highlights: {
+      eyebrow: 'WHY US',
+      title: '为什么是巴适伙伴',
+      subtitle: '四条判断标准，帮您快速了解我们的价值锚点',
+      items: [
+        { icon: 'users', title: '年轻用户心智入口', desc: '8 款产品从大学生、青年人群切入，先占心智再扩边界——用户在成长，产品矩阵也在同步成长。' },
+        { icon: 'boxes', title: '自研产品矩阵=生态', desc: '不同于单点工具型产品，5 大赛道 × 8+ 自研产品从第一天就按"生态协同"设计——交叉获客成本天然更低。' },
+        { icon: 'sparkles', title: '温暖科技差异化', desc: '我们不做冷漠的效率工具。"温暖"是品牌记忆点：从阿布 AI 的"情趣感"到听愿的"心愿互助"，情感连接就是护城河。' },
+        { icon: 'sprout', title: '责任=长期价值', desc: '绿色低碳·数字普惠·可信运营三条方向已写入产品研发流程，ESG 不是事后补写的报告，而是设计时的默认参数。' },
+      ],
+    },
+    roadmap: {
+      eyebrow: 'ROADMAP',
+      title: '我们正在走的路',
+      subtitle: '不讲故事，但我们会把每一步踏踏实实写出来',
+      items: [
+        { period: 'PHASE 01 · 2024—2025', title: '生态骨架搭建', desc: '完成 5 大赛道 × 8+ 款产品的原型打磨，形成内容社交/职场服务/数字支付/人工智能/生活服务的完整骨架。', accent: true },
+        { period: 'PHASE 02 · 2026', title: '种子用户验证', desc: '面向高校与青年社群做首轮真实用户验证，核心 KPI 是用户留存与口碑推荐率，而不是融资节奏。', accent: false },
+        { period: 'PHASE 03 · 2027+', title: '规模化扩张', desc: '当 8 款产品的交叉推荐命中率、单用户多产品渗透率超过阈值，我们将启动跨城市、跨人群的规模化增长。', accent: false },
+      ],
+    },
+    partnership: {
+      eyebrow: 'PARTNERSHIP',
+      title: '我们期待怎样的伙伴',
+      subtitle: '相比估值，我们更在意理念上的长期契合',
+      items: [
+        { icon: 'compass', title: '认同长期主义', desc: '不以"下一轮能否转手"为出发点，愿意和我们一起等 5—10 年，让生态价值慢慢落地。' },
+        { icon: 'network', title: '能带资源，而不止是钱', desc: '产业资源、企业客户、高校渠道、政策资源……如果您的布局和我们 5 大赛道有化学反应，欢迎比一般天使更早加入。' },
+        { icon: 'handshake', title: '不催"讲故事"', desc: '我们会按季度给您真实的留存、推荐率、交叉渗透率数据，但不做"包装故事"、不接"为了融资而融资"的建议。' },
+      ],
+    },
     contact: {
-      title: '投资者垂询',
-      desc: '如需了解更多信息，欢迎联系投资者关系团队。',
+      eyebrow: 'GET IN TOUCH',
+      title: '和我们聊聊？',
+      desc: '即使您暂时不投，也欢迎带着理念和资源来喝杯咖啡。邮箱每周三由 IR 负责人亲自回复。',
       email: 'ir@baskbuddy.com',
-      cta: '联系 IR 团队',
+      cta: '发邮件给 IR 团队',
+      or: '或者',
+      contactPage: '先看联系我们 →',
     },
   },
 };