『移り行く愛』～感情の経済を探る～ (パート1)

:root { --bg1: #a8b8ff; --bg2: #e7fbff; --bg3: #ffffff; --bg4: #69baf8; --ink: #1f2340; --accent: #3540a8; --card: rgba(255, 255, 255, 0.72); --line: rgba(53, 64, 168, 0.18); --shadow: 0 12px 40px rgba(31, 35, 64, 0.12); --radius: 22px; --content-width: 72ch; } * { box-sizing: border-box; } html { color-scheme: light; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; min-height: 100vh; color: var(--ink); font-family: "Noto Serif JP", serif; background: radial-gradient(circle at top, rgba(255,255,255,0.92), transparent 40%), linear-gradient(160deg, var(--bg1) 0%, var(--bg2) 34%, var(--bg3) 62%, var(--bg4) 100%); line-height: 1.9; overflow-x: hidden; } a { color: var(--accent); letter-spacing: 0.02em; text-decoration: none; } a:hover, .site-header { padding: 1rem 1rem 0.5rem; text-align: center; } nav { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px); background: rgba(255, 255, 255, 0.62); border-bottom: 1px solid var(--line); } .nav-list { list-style: none; margin: 0; padding: 0.75rem 1rem; display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; justify-content: center; align-items: center; } } .page-title { margin: 2.25rem auto 0.25rem; max-width: var(--content-width); padding: 0 1rem; text-align: center; font-family: "Cormorant Garamond", serif; font-weight: 700; font-size: clamp(2.2rem, 7vw, 4.5rem); line-height: 0.95; letter-spacing: 0.02em; color: #1b1f52; text-shadow: 0 1px 0 rgba(255,255,255,0.7); } .page-subtitle { margin: 0 auto 2rem; max-width: var(--content-width); padding: 0 1rem; text-align: center; font-family: "Noto Serif JP", serif; font-size: clamp(1rem, 2.8vw, 1.3rem); color: #2f36ab; } main { width: min(100%, 1100px); margin: 0 auto; padding: 0 1rem 3rem; } .poem { max-width: var(--content-width); margin: 3.25rem auto 2.5rem; padding: 1.5rem 1.25rem; text-align: center; font-size: clamp(1.05rem, 2.8vw, 1.28rem); line-height: 2.05; background: var(--card); border: 1px solid rgba(255,255,255,0.65); border-radius: var(--radius); box-shadow: var(--shadow); backdrop-filter: blur(8px); } .artwork { max-width: 860px; margin: 0 auto 2.5rem; padding: 1rem; text-align: center; } .artwork img { display: block; width: min(100%, 750px); height: auto; margin: 0 auto; border-radius: 18px; box-shadow: 0 16px 40px rgba(31, 35, 64, 0.22); transform: rotate(4deg); transform-origin: center; } .site-footer { margin-top: 1rem; padding: 1.5rem 1rem 2rem; background: linear-gradient(to bottom, rgba(255,255,255,0.85), rgba(189,164,255,0.75), rgba(150,177,255,0.72)); border-top: 1px solid rgba(255,255,255,0.7); box-shadow: 0 -8px 28px rgba(31, 35, 64, 0.08); } .footer-inner { width: min(100%, 1100px); margin: 0 auto; text-align: center; font-size: 0.98rem; line-height: 1.8; } .footer-links, .footer-credits { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 1rem; margin: 0.75rem 0; padding: 0; list-style: none; } .badge-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; } .ghosttext { opacity: 0.88; } @media (max-width: 768px) { .site-header { padding-top: 0.5rem; } .page-title { margin-top: 1.5rem; } .poem { margin-top: 2rem; padding: 1.1rem 1rem; text-align: left; } .artwork img { transform: rotate(1.5deg); } }

打算的に考えることなく
ただ与えることを学んでください

本当の愛は格付けを必要としません。
愛とは見えない力が働いているときに
こそ起こるからです。

どの賭けがあなたに実りをもたらすかを
誰が分かるというのでしょうか。

あなたは心の画集を開き
悟りの経験をしてみてください。

愛のモーフィングが独断に対する最良の解決策です
和解と一致への観想、
いわば愛が敵対への最良の解決策で、
爆弾より遥かに良いことになぜ
私たちは気づかないのだろう。

詩本文