홈스테이 NTL

<div style="width:100%;max-width:680px;margin:0 auto;box-sizing:border-box;overflow:hidden;background:#fffdf8;color:#243047;font-family:Arial,'Malgun Gothic',sans-serif;border-top:6px solid #6fb9ae;box-shadow:0 18px 44px rgba(80,108,128,.14);">
<div style="width:72px;height:6px;margin-top:-6px;background:#ef7868;"></div>

<!-- 1. 모델 설정 안내 -->
<div style="padding:16px 18px;background:#fffaf3;border-bottom:1px solid #eadfd3;box-sizing:border-box;">
<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;">
<div style="display:flex;align-items:center;gap:8px;">
<span style="flex:none;padding:4px 7px;background:#ef7868;color:#fff;border-radius:2px;font-size:8px;font-weight:900;letter-spacing:1px;white-space:nowrap;">안내</span>
<span style="color:#35454e;font-size:16px;font-weight:900;">모델 설정 가이드</span>
</div>
<span style="flex:none;color:#849097;font-size:9px;font-weight:700;white-space:nowrap;">2026년 9월 10일 기준</span>
</div>

<!-- 모델 추천 카드 (번역 시에도 절대 겹치지 않는 유연한 구조) -->
<div style="margin-top:10px;background:#fff;border:1px solid #e4e8e6;box-shadow:0 3px 10px rgba(70,105,110,.06);border-radius:4px;overflow:hidden;">
<div style="display:flex;align-items:center;gap:10px;padding:9px 12px;border-left:4px solid #78bfb3;flex-wrap:wrap;">
<span style="flex:none;width:auto;padding:3px 8px;background:#e5f3ef;color:#4f7e77;text-align:center;font-size:9px;font-weight:900;border-radius:2px;white-space:nowrap;">고급</span>
<div style="flex:1 1 220px;min-width:0;color:#35454e;font-size:10.5px;font-weight:700;line-height:1.4;word-break:break-word;">
Gemini Flash 최신 모델 <strong style="color:#d7665b;border-bottom:1.5px solid #ef7868;white-space:nowrap;">추천</strong>
<span style="color:#849097;font-size:9px;font-weight:normal;margin-left:4px;display:inline-block;">(가성비 · 답변 길이 · 속도 균형)</span>
</div>
</div>
<div style="display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid #e4e8e6;border-left:4px solid #ef7868;flex-wrap:wrap;">
<span style="flex:none;width:auto;padding:3px 8px;background:#fff0eb;color:#d7665b;text-align:center;font-size:9px;font-weight:900;border-radius:2px;white-space:nowrap;">일반</span>
<div style="flex:1 1 220px;min-width:0;color:#35454e;font-size:10.5px;font-weight:700;line-height:1.4;word-break:break-word;">
<strong style="color:#d7665b;">첫 대화는 고급 모델 1회 필수</strong>
</div>
</div>
</div>
</div>

<!-- 2. 페르소나 설정 안내 -->
<div style="padding:16px 18px;background:#fcf8f3;border-bottom:1px solid #eadfd3;box-sizing:border-box;">
<div style="display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:#243047;flex-wrap:wrap;">
<span style="flex:none;padding:2px 6px;background:#ef7868;color:#fff;border-radius:3px;font-size:9px;font-weight:900;white-space:nowrap;">권장</span>
<span style="line-height:1.4;word-break:break-word;">시작 전 <strong style="color:#d7665b;border-bottom:2px solid #ef7868;">추천 페르소나 생성</strong> 사용을 권장합니다.</span>
</div>

<!-- 호스트 가족 추가 안내 하이라이트 박스 -->
<div style="margin-top:10px;padding:11px 13px;background:#fff;border:1px solid #ebdcd0;border-left:4px solid #78bfb3;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.03);">
<div style="color:#35454e;font-size:10.5px;font-weight:800;line-height:1.6;word-break:break-word;">
💡 기존 페르소나를 그대로 사용하신다면, <strong>호스트 가족(체류 지역 및 분위기 1줄)</strong>을 <strong style="color:#d7665b;background:#fff2ef;padding:1px 5px;border-radius:2px;display:inline-block;">페르소나 창이나 첫 채팅에 가볍게 덧붙여 주세요.</strong>
</div>
<div style="margin-top:6px;padding:6px 9px;background:#f9f7f4;border-radius:3px;color:#6b7780;font-size:9.5px;line-height:1.5;word-break:break-word;">
<strong style="color:#4f7e77;white-space:nowrap;">예시:</strong> <em>일본 도쿄 외곽의 보수적인 중산층 가정</em> / <em>미국 캘리포니아 교외의 부유하고 단란한 주택가</em>
</div>
</div>
</div>

<!-- 3. 시작 가이드 -->
<div style="padding:20px 18px 22px;background:#fffdf8;box-sizing:border-box;">
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;">
<div style="min-width:140px;">
<div style="color:#d7665b;font-size:9px;font-weight:900;letter-spacing:1.5px;">START GUIDE</div>
<div style="margin-top:2px;color:#243047;font-size:clamp(19px,4.5vw,25px);font-weight:900;line-height:1.15;letter-spacing:-1px;">이렇게 시작하면 됩니다</div>
</div>
<div style="padding:6px 10px;background:#ef7868;border:1.5px solid #d7665b;border-radius:4px;box-shadow:0 4px 10px rgba(173,76,67,.2);color:#fff;font-size:9.5px;font-weight:900;line-height:1.3;word-break:break-word;">
⚠️ {{user}}의 대사/행동 없는 도입부
</div>
</div>

<!-- 시작 예시 박스 -->
<div style="margin-top:12px;padding:13px 15px;background:#fff1ec;border-left:5px solid #ef7868;border-radius:0 6px 6px 0;box-shadow:0 3px 10px rgba(239,120,104,.08);">
<div style="color:#243047;font-size:11px;font-weight:900;line-height:1.8;word-break:break-word;">
• <strong style="color:#d7665b;">1일차</strong> / 거실 / {{user}}, {{host brother}}, {{host mother}} / 집에서 처음 인사를 나눈다.<br>
• <strong style="color:#d7665b;">15일차.</strong> {{host sister}} 방에서 문을 닫고 함께 이야기를 나눈다.<br>
• <strong style="color:#d7665b;">30일차.</strong> {{host mother}}이 {{user}} 방에 찾아와 야한 농담을 건넨다.
</div>
</div>
<div style="margin-top:6px;color:#88949c;font-size:9.5px;font-weight:700;word-break:break-word;">
※ 슬래시(/)로 구분하거나, 편한 문장 형태로 원하는 상황만 가볍게 적으셔도 됩니다.
</div>

<!-- 참고용 키워드 칩 (자동번역 시에도 안전한 레이아웃) -->
<div style="margin-top:14px;padding:12px 14px;background:#f9f7f2;border:1px solid #e8e2d8;border-radius:6px;">
<div style="color:#576570;font-size:10.5px;font-weight:900;margin-bottom:8px;">💡 입력 시 참고할 수 있는 키워드</div>
<div style="display:flex;flex-direction:column;gap:7px;font-size:10px;line-height:1.5;">
<div style="display:flex;align-items:flex-start;gap:8px;">
<span style="flex:none;width:auto;padding:1px 6px;background:#78bfb3;color:#fff;border-radius:3px;font-size:9px;font-weight:900;white-space:nowrap;">장소</span>
<span style="flex:1;color:#4a5763;font-weight:700;word-break:break-word;">{{user}} 방, 거실, 주방, 부부 침실, {{host sister}} 방, {{host brother}} 방, 현관, 공용 욕실, 부부 욕실, 중앙 복도 등</span>
</div>
<div style="display:flex;align-items:flex-start;gap:8px;">
<span style="flex:none;width:auto;padding:1px 6px;background:#829ddd;color:#fff;border-radius:3px;font-size:9px;font-weight:900;white-space:nowrap;">인물</span>
<span style="flex:1;color:#4a5763;font-weight:700;word-break:break-word;">{{user}}, {{host family}}, {{host mother}}, {{host father}}, {{host sister}}, {{host brother}}</span>
</div>
</div>
</div>

<!-- 이미지 클릭 안내 및 상세 이미지 -->
<div style="margin-top:18px;padding-top:14px;border-top:1px dashed #eadfd3;">
<div style="margin-bottom:8px;display:flex;align-items:center;gap:6px;color:#78858b;font-size:10px;font-weight:700;flex-wrap:wrap;">
<span style="flex:none;padding:2px 5px;background:#e5f3ef;color:#4f7e77;border-radius:2px;font-size:9px;font-weight:900;white-space:nowrap;">TIP</span>
<span style="word-break:break-word;">일부 이미지는 클릭(터치)하여 펼쳐보거나 상세히 확인할 수 있습니다.</span>
</div>
<details style="position:relative;padding-top:167%;--i:url(https://tinyurl.com/2xqcwhg4);background:linear-gradient(#0000 40%,#000 55%),var(--i) center/cover;border-radius:2px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);">
<div style="position:absolute;inset:0;background:var(--i) center/cover"></div>
<summary style="position:absolute;inset:0;z-index:1;cursor:pointer;"></summary>
</details>
</div>

</div>
</div>

<!--
[init_setup trigger=JIT]: 선택 지정 정보를 기준으로 {{host family}}의 현실적 국가/지역/인종/이름을 초기화한다. 미지정 정보는 자동 초기화. 모든 등장인물은 성인!
-->
<!-- 이미지는 반드시 코드박스 안에 작성 -->
<!-- {{user}}의 입력 이외 대사와 행동 작성 금지 -->