index.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!doctype html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
  7. <title>智能招聘助手</title>
  8. <link rel="preconnect" href="https://fonts.googleapis.com">
  9. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  10. <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  11. <style>
  12. /* 全局样式重置和优化 */
  13. * {
  14. -webkit-tap-highlight-color: transparent;
  15. -webkit-touch-callout: none;
  16. -webkit-user-select: none;
  17. -moz-user-select: none;
  18. -ms-user-select: none;
  19. user-select: none;
  20. }
  21. body {
  22. overscroll-behavior: none;
  23. -webkit-overflow-scrolling: touch;
  24. }
  25. /* 玻璃拟态效果基础样式 */
  26. .glass-morphism {
  27. background: rgba(255, 255, 255, 0.25);
  28. backdrop-filter: blur(20px);
  29. -webkit-backdrop-filter: blur(20px);
  30. border: 1px solid rgba(255, 255, 255, 0.18);
  31. }
  32. .glass-dark {
  33. background: rgba(0, 0, 0, 0.25);
  34. backdrop-filter: blur(20px);
  35. -webkit-backdrop-filter: blur(20px);
  36. border: 1px solid rgba(255, 255, 255, 0.1);
  37. }
  38. </style>
  39. </head>
  40. <body class="font-sans antialiased">
  41. <div id="app"></div>
  42. <script type="module" src="/src/main.ts"></script>
  43. </body>
  44. </html>