<!-- 响应式视口（必加，移动端适配） -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!-- TailwindCSS 3.4+ -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- FontAwesome 6 图标库 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- 平滑滚动库 -->
<script src="https://cdn.jsdelivr.net/npm/smooth-scroll@16.1.3/dist/smooth-scroll.min.js"></script>

<!-- Tailwind 自定义主题配置（科技色/英文字体/圆角） -->
<script>
tailwind.config = {
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'Roboto', 'Arial', 'sans-serif'],
      },
      colors: {
        primary: '#165DFF',
        secondary: '#36CFC9',
        tertiary: '#722ED1',
        neutral: '#F5F7FA',
        dark: '#1D2129',
      },
      borderRadius: {
        DEFAULT: '0.75rem',
        lg: '1rem',
        xl: '1.25rem',
      }
    },
  }
}
</script>
