칼릭스 제르 이스칼론📱

<div style="width: 95%; max-width: 380px; margin: auto; background: linear-gradient(145deg, #2c2c2e, #1a1a1c); border-radius: 40px; padding: 12px; font-family: 'Noto Sans KR', sans-serif; -10px -10px 30px rgba(50,50,50,0.1), inset 0 0 0 2px #3a3a3c;"><div style="background: #000; border-radius: 28px; height: 750px; display: flex; flex-direction: column; overflow: hidden; position: relative;"><span style="position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 140px; height: 28px; background: #1a1a1c; border-radius: 0 0 16px 16px; display: flex; justify-content: center; align-items: center; z-index: 10;"><span style="width: 50px; height: 6px; background: #333; border-radius: 3px;"></span></span><div style="flex-grow: 1; position: relative; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; text-align: center; padding: 20px; background: url('https://cdn.caveduck.io/cdn-cgi/image/dpr=2,f=auto,w=500/charim/f54d8581-7c0e-4dae-9cc8-a9a61581d184?v=17585150470000') no-repeat center center / cover;"><div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(13, 10, 26, 0.7), rgba(13, 10, 26, 0.9)); z-index: 1;"></div><div style="position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; width:100%;"><div style="padding-top:20px;display: flex; flex-direction: column; align-items: center; text-align: center; gap: 15px;"><div style="width: 160px; height: 160px; border-radius: 50%; background: url('https://cdn.caveduck.io/cdn-cgi/image/dpr=1.5,f=auto,w=500/charim/57b20e02-9097-445d-88e5-423709e251c1?v=17586213770000') no-repeat center center / cover; border: 4px solid rgba(0,0,0,0.5); box-shadow: 0 0 25px rgba(0,0,0,0.6); animation: pulse 2.5s infinite;"></div><div><p style="margin: 10px 0 0 0; color: #d8b4fe; font-size: 15px; font-weight: bold; letter-spacing: 2px; text-shadow: 0 1px 3px rgba(0,0,0,0.5);">👑 '황제의 딸' TALK</p><p style="margin: 8px 0 10px 0; color: #fff; font-size: 28px; font-weight: 900; text-shadow: 0 2px 10px rgba(0,0,0,0.7);">칼릭스 제르 이스칼론</p><p style="margin:0; font-size: 14px; color: #b0b0b8; line-height: 1.6;">이스칼론 제국의 황제,<br>그가 당신과의 대화를 기다립니다.</p></div></div><div style="width:100%; height:230px; overflow-y:auto; background:rgba(0,0,0,0.3); border-radius:15px; padding:15px; text-align:left; border:1px solid rgba(255,255,255,0.1); margin:20px 0; box-sizing:border-box;"><p style="font-size:15px; font-weight:bold; color:#fff; margin:0 0 15px 0; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.2);">💡 더 재밌게 즐기는 방법</p><p style="font-size:14px; color:#ccc; line-height:1.8;">실제 채팅처럼 대화하려면 아래 순서대로 설정해주세요.<br><br>1. 채팅방 화면 <b style="color:#ffadc7;">[채팅방 설정]</b> 터치<br>2. <b style="color:#ffadc7;">[맞춤 채팅방]</b> 메뉴 선택<br>3. <b style="color:#ffadc7;">[UI모드]</b> 옵션을 <b style="color:#a3daff;">'채팅 버전'</b>으로 설정</p></div><div style="width:100%; position:relative; z-index:2;"><a href="#" style="display: block; width: 100%; box-sizing: border-box; text-align: center; background: #0a84ff; color: #fff; font-size: 18px; font-weight: 600; padding: 15px; border-radius: 15px; text-decoration: none; box-shadow: 0 5px 15px rgba(10, 132, 255, 0.3);">대화 시작하기</a></div></div><span style="position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 150px; height: 5px; background: #fff; border-radius: 10px; z-index: 10;"></span></div></div>

<div style="width: 95%; max-width: 380px; margin: auto; background: linear-gradient(145deg, #2c2c2e, #1a1a1c); border-radius: 40px; padding: 12px; font-family: 'Noto Sans KR', sans-serif; box-shadow: 10px 10px 30px rgba(0,0,0,0.5), -10px -10px 30px rgba(50,50,50,0.1), inset 0 0 0 2px #3a3a3c;"><div style="background: #000; border-radius: 28px; height: 750px; display: flex; flex-direction: column; overflow: hidden; position: relative;"><span style="position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 140px; height: 28px; background: #1a1a1c; border-radius: 0 0 16px 16px; display: flex; justify-content: center; align-items: center; z-index: 10;"><span style="width: 50px; height: 6px; background: #333; border-radius: 3px;"></span></span><div style="flex-grow: 1; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; background: url('https://cdn.caveduck.io/cdn-cgi/image/dpr=2,f=auto,w=500/charim/f54d8581-7c0e-4dae-9cc8-a9a61581d184?v=17585150470000') no-repeat center center / cover;"><div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(13, 10, 26, 0.7), rgba(13, 10, 26, 0.9)); z-index: 1;"></div><div style="flex-grow: 1; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; width:100%;"><div style="display: flex; flex-direction: column; align-items: center; text-align: center; gap: 15px;"><div style="width: 160px; height: 160px; border-radius: 50%; background: url('https://cdn.caveduck.io/cdn-cgi/image/dpr=1.5,f=auto,w=500/charim/57b20e02-9097-445d-88e5-423709e251c1?v=17586213770000') no-repeat center center / cover; border: 4px solid rgba(0,0,0,0.5); box-shadow: 0 0 25px rgba(0,0,0,0.6); animation: pulse 2.5s infinite;"></div><div><p style="margin: 10px 0 0 0; color: #d8b4fe; font-size: 15px; font-weight: bold; letter-spacing: 2px; text-shadow: 0 1px 3px rgba(0,0,0,0.5);">👑 '황제의 딸' TALK</p><p style="margin: 8px 0 10px 0; color: #fff; font-size: 28px; font-weight: 900; text-shadow: 0 2px 10px rgba(0,0,0,0.7);">칼릭스 제르 이스칼론</p><p style="margin:0; font-size: 14px; color: #b0b0b8; line-height: 1.6;">이스칼론 제국의 황제,<br>그가 당신과의 대화를 기다립니다.</p></div></div></div><div style="width:100%; position:relative; z-index:2; padding: 20px; box-sizing: border-box;"><a href="#" style="display: block; width: 100%; box-sizing: border-box; text-align: center; background: #0a84ff; color: #fff; font-size: 18px; font-weight: 600; padding: 15px; border-radius: 15px; text-decoration: none; box-shadow: 0 5px 15px rgba(10, 132, 255, 0.3);">대화 시작하기</a></div></div><span style="position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 150px; height: 5px; background: #fff; border-radius: 10px; z-index: 10;"></span></div></div>