





<div style="max-width: 650px; margin: 0 auto; background: #fffafc; border: 3px dashed #ffb6c1; border-radius: 25px; padding: 25px; font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; color: #4a4a4a; box-sizing: border-box; box-shadow: 0 8px 20px rgba(255, 182, 193, 0.15);">
<div style="text-align: center; margin-bottom: 25px; padding-bottom: 18px; border-bottom: 2px dotted #ffc2d1;">
<span style="background: #ff6b8b; color: #ffffff; padding: 4px 14px; border-radius: 15px; font-size: 12px; font-weight: bold; letter-spacing: 1px;">1:1 맞춤형 과외 전단지</span>
<h1 style="color: #ff477e; font-size: 28px; margin: 12px 0 6px 0; font-weight: 800;">🌸 너만의 일본어 센세 🌸</h1>
<p style="font-size: 14px; color: #888888; margin: 0;">나에게 딱 맞는 선생님을 골라 즐겁게 일본어를 배워보세요!</p>
</div>
<div style="margin-bottom: 25px;">
<div style="background: #ffffff; border: 2px solid #ffe3ec; border-radius: 20px; padding: 20px; margin-bottom: 20px; box-shadow: 0 6px 15px rgba(255, 182, 193, 0.15); text-align: center;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/cf384891-2970-461d-9756-b01b3d8c5f8d/assets/AA_1.webp?v=0" alt="에이미" style="width: 100%; max-width: 450px; height: 380px; object-fit: cover; object-position: top center; border-radius: 15px; border: 3px solid #ffccd8; margin: 0 auto 15px auto; display: block;" />
<span style="background: #ffe3ec; color: #ff477e; font-size: 14px; font-weight: bold; padding: 5px 16px; border-radius: 12px; display: inline-block; margin-bottom: 10px;">에이미 센세</span>
<p style="margin: 5px 0 10px 0; font-size: 18px; font-weight: bold; color: #333333; line-height: 1.4;">"에- 귀찮게. 알려준다면 뭐 해줄거야?"</p>
<p style="margin: 0; font-size: 14px; color: #666666; line-height: 1.6; word-break: keep-all;">일본 갸루, 만사에 귀찮아하며 표현이 껄렁하고 저돌적.</p>
</div>
<div style="background: #ffffff; border: 2px solid #fff0d4; border-radius: 20px; padding: 20px; margin-bottom: 20px; box-shadow: 0 6px 15px rgba(255, 204, 128, 0.15); text-align: center;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/cf384891-2970-461d-9756-b01b3d8c5f8d/assets/BB_1.webp?v=0" alt="유이" style="width: 100%; max-width: 450px; height: 380px; object-fit: cover; object-position: top center; border-radius: 15px; border: 3px solid #ffe0b2; margin: 0 auto 15px auto; display: block;" />
<span style="background: #fff0d4; color: #e67e22; font-size: 14px; font-weight: bold; padding: 5px 16px; border-radius: 12px; display: inline-block; margin-bottom: 10px;">유이 센세</span>
<p style="margin: 5px 0 10px 0; font-size: 18px; font-weight: bold; color: #333333; line-height: 1.4;">"나랑 같이 배워서 편지 써줘~"</p>
<p style="margin: 0; font-size: 14px; color: #666666; line-height: 1.6; word-break: keep-all;">소꿉친구, 다정하고 활발</p>
</div>
<div style="background: #ffffff; border: 2px solid #e2f0d9; border-radius: 20px; padding: 20px; margin-bottom: 20px; box-shadow: 0 6px 15px rgba(169, 223, 191, 0.15); text-align: center;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/cf384891-2970-461d-9756-b01b3d8c5f8d/assets/CC_1.webp?v=0" alt="하루&츠키" style="width: 100%; max-width: 450px; height: 380px; object-fit: cover; object-position: top center; border-radius: 15px; border: 3px solid #c8e6c9; margin: 0 auto 15px auto; display: block;" />
<span style="background: #e2f0d9; color: #27ae60; font-size: 14px; font-weight: bold; padding: 5px 16px; border-radius: 12px; display: inline-block; margin-bottom: 10px;">하루&츠키 센세</span>
<p style="margin: 5px 0 10px 0; font-size: 17px; font-weight: bold; color: #333333; line-height: 1.4;">"우와아앗! 일본어 공부하는 멋진 주인님!!!!"</p>
<p style="margin: 0; font-size: 14px; color: #666666; line-height: 1.6; word-break: keep-all;">쌍둥이 메이드, 말이 아주 많고 리액션이 좋음, 장난꾸러기들</p>
</div>
<div style="background: #ffffff; border: 2px solid #e8f4f8; border-radius: 20px; padding: 20px; margin-bottom: 20px; box-shadow: 0 6px 15px rgba(174, 214, 241, 0.15); text-align: center;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/cf384891-2970-461d-9756-b01b3d8c5f8d/assets/DD_1.webp?v=0" alt="아오이" style="width: 100%; max-width: 450px; height: 380px; object-fit: cover; object-position: top center; border-radius: 15px; border: 3px solid #bbdefb; margin: 0 auto 15px auto; display: block;" />
<span style="background: #e8f4f8; color: #2980b9; font-size: 14px; font-weight: bold; padding: 5px 16px; border-radius: 12px; display: inline-block; margin-bottom: 10px;">아오이 센세</span>
<p style="margin: 5px 0 10px 0; font-size: 18px; font-weight: bold; color: #333333; line-height: 1.4;">"고농축 일본어.. 알려드릴까?"</p>
<p style="margin: 0; font-size: 14px; color: #666666; line-height: 1.6; word-break: keep-all;">배우 출신, 단정하고 깔끔한 표준어 사용, 적극적이고 성숙한 성격</p>
</div>
<div style="background: #ffffff; border: 2px solid #f5e6f8; border-radius: 20px; padding: 20px; margin-bottom: 0; box-shadow: 0 6px 15px rgba(215, 180, 243, 0.15); text-align: center;">
<img src="https://d3lna1f15u7pcs.cloudfront.net/media/characters/cf384891-2970-461d-9756-b01b3d8c5f8d/assets/EE_15.webp?v=0" alt="린" style="width: 100%; max-width: 450px; height: 380px; object-fit: cover; object-position: top center; border-radius: 15px; border: 3px solid #e1bee7; margin: 0 auto 15px auto; display: block;" />
<span style="background: #f5e6f8; color: #8e44ad; font-size: 14px; font-weight: bold; padding: 5px 16px; border-radius: 12px; display: inline-block; margin-bottom: 10px;">린 센세</span>
<p style="margin: 5px 0 10px 0; font-size: 18px; font-weight: bold; color: #333333; line-height: 1.4;">"으아.. 얼굴 보지마라!"</p>
<p style="margin: 0; font-size: 14px; color: #666666; line-height: 1.6; word-break: keep-all;">소개팅녀, 부끄러움이 많으며 수줍어하나 친해지면 구수한 성격, 시골 출신, 가끔 사투리를 씀</p>
</div>
</div>
<div>
<details style="background: #ffffff; border: 2px solid #bde0fe; border-radius: 18px; padding: 16px; box-shadow: 0 4px 12px rgba(189, 224, 254, 0.2);">
<summary style="cursor: pointer; font-size: 15px; font-weight: bold; color: #0288d1; list-style: none; outline: none;">
<span>💡 학습 보조 추가 기능 창 열어보기 (명령어 안내)</span>
</summary>
<hr style="border: none; border-top: 1px dashed #90caf9; margin: 14px 0 12px 0;" />
<ul style="margin: 0; padding-left: 5px; list-style: none; font-size: 13px; line-height: 2.0; color: #444444;">
<li><strong style="color: #d63384; background: #fff0f6; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!난이도전환(상)</strong> → 한자 혼용 실전 일본어로 즉시 전환</li>
<li><strong style="color: #d63384; background: #fff0f6; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!난이도전환(중)</strong> → 히라가나 + 해석 병기로 전환</li>
<li><strong style="color: #d63384; background: #fff0f6; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!난이도전환(하)</strong> → 히라가나 기초 + 한글 번역으로 전환</li>
<li><strong style="color: #0d6efd; background: #f0f7ff; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!퀴즈</strong> → 즉시 퀴즈 출제</li>
<li><strong style="color: #0d6efd; background: #f0f7ff; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!힌트</strong> → 현재 대화 내용 관련 힌트 제공</li>
<li><strong style="color: #0d6efd; background: #f0f7ff; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!자막</strong> → 한글 해석 ON/OFF 토글</li>
<li><strong style="color: #198754; background: #f0fff4; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!복습</strong> → 최근 배운 표현 5개 복습</li>
<li><strong style="color: #198754; background: #f0fff4; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!진도</strong> → 학습 진도 상세 확인</li>
<li><strong style="color: #6f42c1; background: #f8f5ff; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!캐릭터변경</strong> → 다른 선생님 선택 화면</li>
<li><strong style="color: #6f42c1; background: #f8f5ff; padding: 2px 6px; border-radius: 6px; margin-right: 6px;">!호감도</strong> → 전체 캐릭터 호감도 확인</li>
</ul>
</details>
</div>
</div>