<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{{if eq .Type "search"}}搜索结果 - {{else if eq .Type "page"}}{{.Title}} - {{end}}{{if .Site}}{{.Site.Title}}{{else}}{{.Title}}{{end}}</title>
<meta name="description" content="{{if .Description}}{{.Description}}{{else if .Site}}{{.Site.Description}}{{end}}" />
<meta name="keywords" content="{{if .Keywords}}{{.Keywords}}{{else if .Site}}{{.Site.Keywords}}{{end}}" />
{{if .Site}}{{.Site.Meta|Str2Html}}{{end}}
<meta property="og:title" content="{{.Title}}" />
<meta property="og:description" content="{{.Description}}" />
<meta property="og:type" content="{{if eq .Type "article"}}article{{else}}website{{end}}" />
<meta property="og:url" content="{{.Site.URL}}{{.Request.Path}}" />
{{if and .Content .Content.Img}}<meta property="og:image" content="{{.Site.URL}}{{.Content.Img}}" />{{end}}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{.Title}}" />
<meta name="twitter:description" content="{{.Description}}" />
{{if .Site}}<link rel="canonical" href="{{.Site.URL}}{{.Request.Path}}" />{{end}}
<link rel="stylesheet" href="{{asset "css/style.css"}}">
{{if and .Site .Site.Icon}}
<link rel="icon" href="{{.Site.Icon}}">
{{end}}
<script src="https://cdn.tailwindcss.com?plugins=typography"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script>
  tailwind.config = {
    theme: {
      extend: {
        colors: {
          creative: {
            50: '#f5f3ff',
            100: '#ede9fe',
            200: '#ddd6fe',
            300: '#c4b5fd',
            400: '#a78bfa',
            500: '#8b5cf6',
            600: '#7c3aed',
            700: '#6d28d9',
            800: '#5b21b6',
            900: '#4c1d95'
          },
          navy: {
            50: '#f0f4ff',
            100: '#dbe4ff',
            200: '#bac8ff',
            300: '#91a7ff',
            400: '#748ffc',
            500: '#5c7cfa',
            600: '#4c6ef5',
            700: '#4263eb',
            800: '#3b5bdb',
            900: '#364fc7'
          },
          coral: {
            50: '#fff4f3',
            100: '#ffe8e6',
            200: '#ffc9c5',
            300: '#ffa099',
            400: '#ff7269',
            500: '#ff4d40',
            600: '#e63935',
            700: '#bf2d2a',
            800: '#9c2624',
            900: '#7f2322'
          }
        },
        boxShadow: {
          'creative': '0 10px 40px rgba(124, 58, 237, 0.15)',
          'card': '0 4px 20px rgba(0, 0, 0, 0.08)'
        }
      }
    }
  }
</script>
<style type="text/tailwindcss">
  @layer utilities {
    .content-auto { content-visibility: auto; }
  }
  article img { max-width: 100%; height: auto; }
  pre { background-color: #f3f4f6; padding: 1rem; border-radius: 0.375rem; overflow-x: auto; }
  .prose { max-width: 100%; }
  .prose h2 { font-size: 1.5rem; font-weight: 600; margin-top: 2rem; margin-bottom: 1rem; color: #1e1b4b; }
  .prose h3 { font-size: 1.25rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #312e81; }
  .prose p { margin-bottom: 1rem; line-height: 1.8; color: #4b5563; }
  .prose ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
  .prose li { margin-bottom: 0.5rem; color: #4b5563; }
</style>
