// 顾问团队页
const AdvisorsPage = () => {
  const t = useT();
  const lang = useLang();
  const a = t.ad;

  const advisors = [
    {
      name: lang === 'zh' ? '王思琪' : 'Siqi Wang',
      title: lang === 'zh' ? '资深主顾问 · 合伙人' : 'Senior Lead · Partner',
      bg: 'MIT MS · ' + (lang === 'zh' ? '清华本' : 'Tsinghua BS'),
      years: 9,
      cases: 187,
      tags: lang === 'zh' ? ['美国 CS / EE', '理工科科研对接', '保录协议'] : ['US CS / EE', 'STEM research', 'Guarantee track'],
      rating: 4.97,
      style: lang === 'zh' ? '"我相信数据，但更相信每个学生独特的叙事。"' : '"I trust the data, but I trust each student\'s unique story more."',
    },
    {
      name: lang === 'zh' ? '陈墨然' : 'Moran Chen',
      title: lang === 'zh' ? '资深主顾问' : 'Senior Lead',
      bg: 'Oxford PPE · ' + (lang === 'zh' ? '北大法学' : 'PKU Law'),
      years: 8,
      cases: 154,
      tags: lang === 'zh' ? ['英国 G5', '商科 / 文社科', '面试辅导'] : ['UK G5', 'Business / Social Sci', 'Interview coaching'],
      rating: 4.95,
      style: lang === 'zh' ? '"申请季是一段对话，不是一场考试。"' : '"Application season is a conversation, not an exam."',
    },
    {
      name: lang === 'zh' ? '林皓' : 'Hao Lin',
      title: lang === 'zh' ? '主顾问' : 'Counselor',
      bg: 'Stanford MS · ' + (lang === 'zh' ? '上交本' : 'SJTU BS'),
      years: 6,
      cases: 112,
      tags: lang === 'zh' ? ['美研 STEM', 'AI / Robotics', '科研网络'] : ['US Grad STEM', 'AI / Robotics', 'Research network'],
      rating: 4.92,
      style: lang === 'zh' ? '"先做对的事，再做漂亮的事。"' : '"Do the right things first. Make them pretty after."',
    },
    {
      name: lang === 'zh' ? '苏宛清' : 'Wanqing Su',
      title: lang === 'zh' ? '文书主管' : 'Lead Writing Coach',
      bg: 'Yale BA · ' + (lang === 'zh' ? '复旦本' : 'Fudan BA'),
      years: 7,
      cases: 230,
      tags: lang === 'zh' ? ['主文书指导', '推荐信策略', '叙事重构'] : ['Personal statement', 'Rec strategy', 'Narrative'],
      rating: 4.98,
      style: lang === 'zh' ? '"好文书不在辞藻，在那个让人停下来的瞬间。"' : '"A great essay isn\'t pretty prose. It\'s the moment that makes a reader pause."',
    },
    {
      name: lang === 'zh' ? '赵承宇' : 'Chengyu Zhao',
      title: lang === 'zh' ? '香港 / 新加坡主管' : 'HK / SG Lead',
      bg: 'HKU MFin · ' + (lang === 'zh' ? '人大金融' : 'RUC Finance'),
      years: 7,
      cases: 168,
      tags: lang === 'zh' ? ['港新申请', '量化金融', '研究生'] : ['HK / SG apps', 'Quant finance', 'Master\'s'],
      rating: 4.94,
      style: lang === 'zh' ? '"性价比，是给认真的人留的奖赏。"' : '"Best-value outcomes belong to the most prepared."',
    },
    {
      name: lang === 'zh' ? '孟韫' : 'Yun Meng',
      title: lang === 'zh' ? '高考志愿主任' : 'Gaokao Director',
      bg: lang === 'zh' ? '北师大教育学博士' : 'BNU EdD',
      years: 11,
      cases: 540,
      tags: lang === 'zh' ? ['新高考志愿', '选科指导', '强基/综评'] : ['New Gaokao', 'Subject combo', 'Strong-foundation track'],
      rating: 4.96,
      style: lang === 'zh' ? '"志愿不是终点，是十年后回头看的起点。"' : '"Choosing a school is just where you start the next decade."',
    },
  ];

  return (
    <div className="pb-scroll">
      <PBNav active="advisors" />

      <section style={{ padding: '64px 48px 40px', background: 'var(--pb-paper)', borderBottom: '1px solid var(--pb-border)' }}>
        <div style={{ maxWidth: 1280, margin: '0 auto' }}>
          <div className="pb-eyebrow" style={{ marginBottom: 16 }}>{a.eyebrow}</div>
          <h1 className="pb-h1" style={{ fontSize: 56, whiteSpace: 'pre-line', maxWidth: 880, marginBottom: 20 }}>{a.title}</h1>
          <p style={{ fontSize: 17, color: 'var(--pb-fg-muted)', maxWidth: 760, lineHeight: 1.65 }}>{a.sub}</p>
        </div>
      </section>

      <section style={{ padding: '48px 48px 96px' }}>
        <div style={{ maxWidth: 1280, margin: '0 auto', display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 24 }}>
          {advisors.map((ad, i) => (
            <div key={i} className="pb-card" style={{ padding: 28, display: 'flex', flexDirection: 'column' }}>
              <div className="pb-row pb-gap-16" style={{ marginBottom: 20, alignItems: 'flex-start' }}>
                <div className="pb-img-placeholder" style={{ width: 72, height: 72, borderRadius: '50%', flexShrink: 0 }}>
                  PORTRAIT
                </div>
                <div style={{ flex: 1 }}>
                  <h3 style={{ fontFamily: 'var(--pb-serif)', fontSize: 22, fontWeight: 600, margin: '0 0 4px' }}>{ad.name}</h3>
                  <div style={{ fontSize: 13, color: 'var(--pb-gold-700)', fontWeight: 500, marginBottom: 6 }}>{ad.title}</div>
                  <div style={{ fontSize: 12, color: 'var(--pb-fg-muted)' }}>{ad.bg}</div>
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 8, padding: '14px 16px', background: 'var(--pb-surface-alt)', borderRadius: 'var(--pb-radius)', marginBottom: 16 }}>
                <div>
                  <div style={{ fontFamily: 'var(--pb-serif)', fontSize: 22, fontWeight: 600 }}>{ad.years}</div>
                  <div style={{ fontSize: 10, color: 'var(--pb-fg-muted)', textTransform: 'uppercase', letterSpacing: '0.06em' }}>{lang === 'zh' ? '年经验' : 'Years'}</div>
                </div>
                <div>
                  <div style={{ fontFamily: 'var(--pb-serif)', fontSize: 22, fontWeight: 600 }}>{ad.cases}</div>
                  <div style={{ fontSize: 10, color: 'var(--pb-fg-muted)', textTransform: 'uppercase', letterSpacing: '0.06em' }}>{lang === 'zh' ? '案例' : 'Cases'}</div>
                </div>
                <div>
                  <div style={{ fontFamily: 'var(--pb-serif)', fontSize: 22, fontWeight: 600, color: 'var(--pb-gold-700)' }}>{ad.rating}</div>
                  <div style={{ fontSize: 10, color: 'var(--pb-fg-muted)', textTransform: 'uppercase', letterSpacing: '0.06em' }}>★ {lang === 'zh' ? '评分' : 'Rating'}</div>
                </div>
              </div>

              <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginBottom: 16 }}>
                {ad.tags.map((tg, j) => (
                  <span key={j} className="pb-tag">{tg}</span>
                ))}
              </div>

              <p style={{ fontFamily: 'var(--pb-serif)', fontStyle: 'italic', color: 'var(--pb-fg-muted)', fontSize: 14, lineHeight: 1.6, margin: '0 0 20px', flex: 1 }}>
                {ad.style}
              </p>

              <div style={{ display: 'flex', gap: 8 }}>
                <button className="pb-btn pb-btn-ghost pb-btn-sm" style={{ flex: 1 }}>{lang === 'zh' ? '查看详细案例' : 'View cases'}</button>
                <button className="pb-btn pb-btn-primary pb-btn-sm" style={{ flex: 1 }}>{lang === 'zh' ? '15 分钟试聊' : '15-min fit chat'}</button>
              </div>
            </div>
          ))}
        </div>
      </section>

      <PBFooter />
    </div>
  );
};

window.AdvisorsPage = AdvisorsPage;