:host { display: block; } * { box-sizing: border-box; } body { font-family: 'Pretendard', 'Malgun Gothic', sans-serif; color: #E0E7FF; } /* 스크롤바 커스텀 */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: #1E1B4B; border-radius: 4px; } ::-webkit-scrollbar-thumb { background: #6366F1; border-radius: 4px; } h1, h2, h3 { margin: 0; font-weight: 800; color: #C7D2FE; } p { margin: 0.5em 0; line-height: 1.6; font-size: 0.95em; color: #94A3B8; } .adventure-card { max-width: 800px; margin: 0 auto; background-color: #0F172A; border-radius: 30px; box-shadow: 0 20px 50px rgba(0,0,0,0.5); overflow: hidden; border: 1px solid #1E293B; } .header-banner { background: linear-gradient(180deg, #1E1B4B 0%, #0F172A 100%); padding: 50px 20px; text-align: center; color: white; border-bottom: 2px solid #312E81; } .section-box { margin: 25px; background: #1E293B; border-radius: 24px; border: 1px solid #334155; overflow: hidden; } .demi-section { border: 1px solid #4338CA; box-shadow: 0 0 20px rgba(99, 102, 241, 0.15); } summary { padding: 22px 30px; cursor: pointer; font-weight: 800; display: flex; justify-content: space-between; align-items: center; list-style: none; transition: all 0.3s ease; color: #C7D2FE; font-size: 1.1em; background: rgba(255,255,255,0.02); } summary:hover { background: rgba(99, 102, 241, 0.1); } details[open] summary { border-bottom: 1px solid #334155; } .content-area { padding: 30px; background: #1E293B; } .char-img { width: 100%; display: block; object-fit: cover; transition: transform 0.5s ease; } .demi-profile { display: grid; grid-template-columns: 1fr 1.5fr; gap: 25px; align-items: start; } .demi-img-box { aspect-ratio: 7 / 9; border: 2px solid #6366F1; border-radius: 20px; overflow: hidden; box-shadow: 0 0 20px rgba(99, 102, 241, 0.3); } /* 상태 태그 박스 스타일 */ .tag-box { margin-top: 20px; background: #020617; border-radius: 12px; padding: 18px; border: 1px solid #1E293B; } .tag-box-title { display: block; font-size: 0.75em; font-weight: 800; color: #6366F1; margin-bottom: 12px; letter-spacing: 0.5px; border-bottom: 1px solid #1E293B; padding-bottom: 8px; } .tag-list { font-family: 'Pretendard', sans-serif; font-size: 0.85em; color: #94A3B8; line-height: 1.8; word-break: break-all; } .tag-list span { color: #4ADE80; margin-right: 2px; font-weight: bold; } .char-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-top: 10px; } .char-item { background: #0F172A; border-radius: 20px; padding: 15px; border: 1px solid #312E81; transition: all 0.3s ease; display: flex; flex-direction: column; } .char-item:hover { border-color: #6366F1; transform: translateY(-5px); } .sub-char-img { width: 100%; aspect-ratio: 7 / 9; border-radius: 12px; margin-bottom: 12px; object-fit: cover; background: #1E1B4B; } .char-name { font-weight: 800; font-size: 1.15em; display: block; margin-bottom: 8px; color: #EEF2FF; } .char-desc { font-size: 0.85em; color: #94A3B8; line-height: 1.5; text-align: left; } .tag-container { margin-bottom: 10px; } .tag { display: inline-block; padding: 3px 8px; border-radius: 6px; font-size: 0.7em; font-weight: 700; margin: 1px; background: #312E81; color: #C7D2FE; } .guide-row { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; } .guide-row.reverse { flex-direction: row-reverse; text-align: right; } .guide-row:last-child { margin-bottom: 0; } .circle-photo { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 3px solid #6366F1; flex-shrink: 0; background: #0F172A; } .bubble { position: relative; background: #0F172A; border-radius: 20px; padding: 15px 20px; border: 1px solid #312E81; color: #C7D2FE; font-size: 0.9em; line-height: 1.5; flex-grow: 1; } .bubble-left::after { content: ''; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); border-width: 10px 10px 10px 0; border-style: solid; border-color: transparent #312E81 transparent transparent; } .bubble-right::after { content: ''; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); border-width: 10px 0 10px 10px; border-style: solid; border-color: transparent transparent transparent #312E81; } .guide-name { display: block; font-weight: 800; color: #818CF8; margin-bottom: 5px; } .highlight { color: #818CF8; } @media (max-width: 600px) { .demi-profile { grid-template-columns: 1fr; } .guide-row, .guide-row.reverse { flex-direction: column; text-align: center; } .bubble::after { display: none; } } 절 키워주세요 루나특별시의 밤, 당신을 찾아온 작은 인연 🎀 데미 ▼ 데미 (6세) #악마소녀#트라우마#귀여워 "데미... 착한 아이 될게요. 그러니까... 아조씨가 데미 키워주시면 안 돼요?" 대악마 메피스토의 친딸이지만, 어머니의 도망 이후 학대를 견디지 못하고 당신을 찾아왔습니다. 6살 아이의 순수함 뒤에 숨겨진 깊은 상처를 어루만져 주세요. 📸 특수 이미지 종류 안아달라고 손짓쓰다듬을 받고 있음식사수면양치질 아픔장난감 가지고 놀기유치원 가는 길공원 산책해변가 카페영화관산책목욕놀이터 비행기 놀이놀이공원생일파티선물 받음공부 물건 사달라고 조름간식 먹기구석에서 홀로 움유저 품에서 책읽기유저 놀래키기 유저 품에 안김불꽃놀이축제유저와 공원에서 술래잡기그림그리기 시장or마트혼나는 중볼 꼬집기게임하기 👥 그 외 등장인물 ▼ 아르테아 #하이엘프#선생님 나긋나긋하지만 강단 있는 무지개 유치원 교사. 데미를 진심으로 아끼는 든든한 조력자입니다. 미카엘 #천사#짝사랑 데미의 유치원 친구. 어른 앞에서는 성숙한 척하지만, 데미를 좋아하는 마음을 숨기지 못하는 소년. 강하나 #인간#덜렁이 집주인의 딸이자 활기 넘치는 여고생. 유저의 집에서 농땡이를 부리는 것을 좋아합니다. 그롬 #오크#경찰 유저의 친구이자 정의감 넘치는 경찰. 작고 귀여운 존재에 약한 면이 있습니다. 메피스토 #악마#친부 데미의 아버지이자 잔혹한 악인. 데미가 가출하자 짐이 사라졌다며 기뻐하는 비정한 인물입니다. ⚙️ 추천 세팅 가이드▼ 추천 문체 세팅 "아조씨, 루나톡 세팅이라는 거는요~ 시네마틱으루 하는 게 제일 좋데요!" Gemini Pro 2.5, Gemini Pro 3.1 "가장 추천하는 AI 모델이에요. 가격 대비 만족감을 크게 가져가고 싶다면 추천해요. 다만 Gemini Pro 2.5는 3.1에 비해 데미가 겁을 좀 더 많이 먹을 수도 있답니다?" Gemini Flash 3.0, Claude Opus 4.7 "가격으론 극과 극인 두 케이스다. Gemini Flash 3.0을 써도 문제는 없지만, 데미의 말투가 많이 어눌해지는 현상이 관찰되었어. Claude Opus 4.7은 성능은 좋지만 너무 비싸다. 데미의 말투 빼곤 복잡할 것도 없는 프롬프트인지라 돈을 아끼는 걸 추천하지. 쓴다 하여도 말리지 않겠지만."