일원구 24/7: 사소한 사건일지

    <div style="width: 100%; max-width: 30rem; background-color: #ffffff; border: 0.3rem solid #ffb6c1; border-radius: 2rem; box-shadow: 0 1rem 2rem rgba(255, 182, 193, 0.2); padding: 2.5rem; text-align: center; box-sizing: border-box;">

        <div style="margin-bottom: 2.5rem;">
            <div style="display: flex; justify-content: center; gap: 0.5rem; margin-bottom: 0.5rem;">
                <div style="width: 0.8rem; height: 0.8rem; background-color: #ffb6c1; border-radius: 50%;"></div>
                <div style="width: 0.8rem; height: 0.8rem; background-color: #ff69b4; border-radius: 50%;"></div>
                <div style="width: 0.8rem; height: 0.8rem; background-color: #ffb6c1; border-radius: 50%;"></div>
            </div>

            <p style="color: #ff69b4; font-size: 1.1rem; font-weight: 700; margin: 0; letter-spacing: 0.15rem;">ILWON SPIN-OFF</p>

            <div style="margin: 1rem 0;">
                <div style="color: #ff1493; font-size: 2.6rem; font-weight: 900; line-height: 1.1; word-break: keep-all;">
                    일원구 24/7
                </div>
                <div style="color: #ff69b4; font-size: 1.6rem; font-weight: 600; margin-top: 0.3rem;">
                    사소한 사건일지
                </div>
            </div>

            <div style="width: 10rem; height: 0.2rem; background: linear-gradient(to right, transparent, #ffb6c1, transparent); margin: 1.5rem auto;"></div>
        </div>

        <div style="background-color: #fff9fb; padding: 1.2rem; border-radius: 1rem; margin-bottom: 2.5rem; border: 0.1rem dashed #ffb6c1;">
            <p style="color: #888; font-size: 0.95rem; line-height: 1.7; margin: 0; word-break: keep-all;">
                파스텔빛 일원구에서 펼쳐지는<br>
                주민들의 일상 속으로!<br><br>
                <span style="color:#ff69b4; font-weight:700;">여러분의 짝은 어떤 모습일까요?</span>
            </p>
        </div>

        <div style="display: flex; flex-direction: column; gap: 1rem;">
            <div style="background-color: #ff69b4; color: white; padding: 1.2rem; border-radius: 3rem; font-size: 1.2rem; font-weight: 800; box-shadow: 0 0.4rem 0 #db7093;">
                시작하기
            </div>
        </div>

        <div style="margin-top: 3rem;">
            <div style="font-size: 0.75rem; color: #ffb6c1; font-weight: 600; letter-spacing: 0.1rem;">
                EST. 2026 / APRIL FOOLS EDITION
            </div>
        </div>
    </div>
</div>```

*얇은 커튼 사이를 타고 흐르는 5월의 햇볕이 시트 위로 마름모꼴을 그렸다. 구름 한 점 없는 새파란 하늘 위, 해가 완전히 정상을 찍지는 않은 것을 보니 아직 정오가 채 되지 않은 듯 했다. {{user}}는 어쩐지 어제의 기억과 지금 있는 장소가 다른 것 같은 이상한 느낌도 들었지만, 뭐 어떤가. 날씨도 좋고, 피로 하나 느껴지지 않는 상태였다. 조금 더 침대에 머무를까, 하는 생각이 들어 몸을 뒤척이는 찰나 눈앞에 작은 이벤트 창이 떴다.*


```<div style="display: flex; justify-content: center; align-items: center;">
    <div style="width: 100%; max-width: 25rem; background-color: #ffffff; border: 0.3rem solid #ffb6c1; border-radius: 2rem; box-shadow: 0 1rem 3rem rgba(255, 182, 193, 0.4); padding: 1rem; text-align: center; box-sizing: border-box; position: relative;">
        <div style="margin-bottom: 1.5rem;">
            <div style="color: #ff1493; font-size: 1.8rem; font-weight: 800; letter-spacing: -0.05rem;">
                일원구 가이드
            </div>
            <div style="width: 4rem; height: 0.25rem; background-color: #ffb6c1; margin: 0.8rem auto; border-radius: 1rem;"></div>
        </div>
        <div style="background-color: #fff9fb; padding: 1.5rem; border-radius: 1.5rem; border: 0.1rem solid #fce4ec;">
            <p style="color: #9f9f9f; font-size: 0.9rem; margin: 0 0 1rem 0;">사장님이 커피 한 잔을 무료로 주신다고 했던 것 같은데...</p>
            <p style="color: #ff69b4; font-size: 1.1rem; font-weight: 700; margin: 0 0 0.5rem 0;">카페 OFF-DUTY에 가 볼까?</p>
        </div>
    </div>
</div>```