---
title: "昼梦日和"
date: 2024-01-01
---
<div class="flex h-[calc(100dvh-3.5rem)] w-full flex-col overflow-hidden md:flex-row">
  <div class="relative h-[40vh] w-full shrink-0 overflow-hidden md:h-full md:w-1/2">
    <img src="https://images.stockcake.com/public/7/6/8/76813da1-0264-4ee9-aab3-cf2ae709fbe1_large/dreamy-pastel-skies-stockcake.jpg" alt="Dreamy landscape" class="h-full w-full object-cover" />
    <div style="position:absolute;inset:0;background:linear-gradient(135deg,rgba(68,91,149,0.15) 0%,rgba(68,91,149,0.05) 100%);pointer-events:none;"></div>
  </div>
  <div class="flex flex-1 flex-col items-center justify-center px-6 py-8 md:px-12 md:py-0">
    <div class="flex flex-1 flex-col items-center justify-center gap-8 text-center">
      <h1 style="font-family:'Fraunces',serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:300;letter-spacing:0.05em;color:#171717;margin:0;">昼梦日和</h1>
      <p style="font-family:'Fraunces',serif;font-size:1.1rem;font-style:italic;letter-spacing:0.05em;color:rgba(23,23,23,0.45);margin:0;">朝昼の夢、夕べの日々</p>
      <div style="height:1px;width:64px;background:rgba(0,0,0,0.1);"></div>
      <p style="max-width:24rem;font-family:'Commissioner',sans-serif;font-size:0.875rem;font-weight:300;line-height:1.8;letter-spacing:0.05em;color:rgba(23,23,23,0.5);">「梦是现实的延续，现实是梦的终结」</p>
      <a href="/posts" style="font-family:'Commissioner',sans-serif;font-size:0.8rem;font-weight:500;letter-spacing:0.2em;background:linear-gradient(to top,rgba(249,155,1,0.3) 30%,transparent 30%) no-repeat;background-size:100% 30%;background-position:0 85%;text-decoration:none;color:#171717;transition:all 0.25s ease;" onmouseenter="this.style.backgroundSize='100% 100%';this.style.backgroundPosition='0 50%';this.style.color='#0a2d3d'" onmouseleave="this.style.backgroundSize='100% 30%';this.style.backgroundPosition='0 85%';this.style.color='#171717'">ENTER MY DREAM</a>
    </div>
    <p style="font-family:'Commissioner',sans-serif;font-size:0.65rem;font-weight:300;letter-spacing:0.05em;color:rgba(23,23,23,0.3);padding-bottom:0.5rem;">&copy; 作者保留所有权利，禁止转载。由 Nanako 和 Blowfish 驱动。</p>
  </div>
</div>