---
import Request from '@/components/Request.astro'
const { title } = Astro.props
---

<!doctype html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="description" content="Astro description" />
    <meta name="viewport" content="width=device-width" />
    <link rel="icon" type="image/x-icon" href="../favicon.ico">
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      crossorigin="anonymous"
    />
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
      crossorigin="anonymous"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <meta name="generator" content={Astro.generator} />
    <title>{title} - 南京云致</title>
    <style is:global>
      html,
      body {
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
          no-repeat;
      }

      @media screen and (min-width: 1900px) {
        .container {
          max-width: 1600px;
        }
      }

      .bg-d {
        background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
          no-repeat;
      }

      .bg-l {
        background: #fff;
      }

      .cc-module {
      }

      .x-motion {
        overflow: hidden;
      }

      .x-motion img {
        width: 100%; /* 按照容器宽度自适应 */
        transition: transform 0.3s ease-in-out;
      }

      .x-motion img:hover {
        transform: scale(1.1);
      }

      :root {
      }
    </style>
  </head>
  <body>
    <!-- <Request client:load /> -->
    <slot />
  </body>
</html>
