ByteDanceAiAgentProject/index.html at main · Erica-cod/ByteDanceAiAgentProject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AI Agent - 兴趣教练</title>

    <!-- ✅ DNS 预解析 - 加速外部资源 -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />

    <!-- ✅ 预连接关键源 -->
    <link rel="preconnect" href="//fonts.googleapis.com" crossorigin />

    <!-- ✅ 内联关键 CSS - 减少渲染阻塞 -->
    <style>
      * { margin: 0; padding: 0; box-sizing: border-box; }
      body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
        -webkit-font-smoothing: antialiased;
        background: linear-gradient(135deg, #f5f7fa 0%, #e3e9f2 50%, #f0f4f8 100%);
        background-attachment: fixed;
      }
      #root { width: 100%; height: 100vh; }
      .app { width: 100%; height: 100vh; display: flex; flex-direction: column; }
      /* ✅ 防止 FOUT - 为首屏内容预留空间 */
      .app-container { min-height: 100vh; }
    </style>
  </head>
  <body>
    <div id="root"></div>
    <!-- ✅ 脚本将自动注入 -->
  </body>
</html>