{"data":{"alternate_greetings":[],"assets":[{"ext":"png","name":"main","type":"icon","uri":"https://cdn.caveduck.io/charim/45e08382-4233-456b-8f49-21d0685c1f09?v=17666478710000"},{"ext":"webp","name":"expression-0","type":"emotion","uri":"https://cdn.caveduck.io/charim/45e08382-4233-456b-8f49-21d0685c1f09?v=17666478710000"}],"character_version":"","creator":"wasp66","creator_notes":"<div style=\"background-color:#141414;color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;width:100%;overflow-x:hidden;position:relative\"><div style=\"position:absolute;top:0;left:0;width:100%;padding:15px 4%;box-sizing:border-box;background:linear-gradient(to bottom,rgba(0,0,0,0.8) 0%,transparent);z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px\"><div style=\"display:flex;align-items:center;gap:20px;flex:1\"><span style=\"color:#e50914;font-size:clamp(20px, 5vw, 30px);font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,0.3)\">WASPLIX</span><div style=\"display:flex;gap:15px;font-size:12px;color:#e5e5e5;font-weight:400;overflow-x:auto;white-space:nowrap;\"><span style=\"color:#fff;font-weight:700\">홈</span><span>시리즈</span><span>영화</span><span>NEW! 대세 콘텐츠</span></div></div></div><div style=\"position:relative;height:70vh;min-height:500px;max-height:800px;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/45e08382-4233-456b-8f49-21d0685c1f09?v=17615552910000') center/cover;\"><div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#141414 0%,rgba(20,20,20,0.6) 20%,transparent 50%,rgba(0,0,0,0.7) 100%)\"></div><div style=\"position:absolute;bottom:20%;left:4%;width:92%;max-width:600px;z-index:10\"><div style=\"font-size:clamp(14px, 4vw, 18px);text-shadow:1px 1px 3px rgba(0,0,0,0.9);margin-bottom:15px;line-height:1.5;font-weight:500;color:#e0e0e0;\">당신이 원하는 스타일의 모든 템플릿 생성 가능.<br>특별한 개성으로 시선을 사로잡아 보세요!</div><div style=\"display:flex;gap:10px\"><a href=\"#\" style=\"text-decoration:none;background:#fff;color:#000;padding:8px 20px;border-radius:4px;font-size:clamp(14px, 4vw, 16px);font-weight:bold;display:flex;align-items:center;gap:8px\"><span style=\"font-size:18px\">▶</span> 재생</a><a href=\"#\" style=\"text-decoration:none;background:rgba(109,109,110,0.7);color:#fff;padding:8px 20px;border-radius:4px;font-size:clamp(14px, 4vw, 16px);font-weight:bold;display:flex;align-items:center;gap:8px\">ⓘ 상세 정보</a></div></div></div><div style=\"position:relative;margin-top:-60px;z-index:15;padding:0 0 40px 4%\"><div style=\"font-size:clamp(16px, 4vw, 20px);font-weight:bold;margin-bottom:10px;color:#e5e5e5\">지금 뜨는 콘텐츠</div><div style=\"display:flex;overflow-x:auto;gap:10px;padding-bottom:15px;padding-right:20px;\"><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/bf4b5b12-b9dd-4327-9d96-38351dd2d4f5?v=137851') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/1eadfc36-63dc-4fa4-a2bf-90eb9ae0f8a4?v=a6793d') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/27b275de-6407-4daa-ac6c-10855610ba57?v=800bf6') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/65ca4206-1821-44e0-8cf4-87f00af26f7c?v=c9c6bc') center/cover;border-radius:4px;cursor:pointer\"></div></div><div style=\"font-size:clamp(16px, 4vw, 20px);font-weight:bold;margin:20px 0 10px 0;color:#e5e5e5\">{{user}}님이 시청 중인 콘텐츠</div><div style=\"display:flex;overflow-x:auto;gap:10px;padding-bottom:15px;padding-right:20px;\"><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#333;border-radius:4px;position:relative;overflow:hidden\"><div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/c19e0400-bf8c-4ac7-9b53-f7f587b66c5a?v=65af3f') center/cover;opacity:0.6\"></div><div style=\"position:absolute;bottom:0;left:0;width:100%;height:3px;background:#555\"><div style=\"width:45%;height:100%;background:#e50914\"></div></div><div style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5)\">▶</div></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:30px\">+</div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:30px\">+</div></div></div></div>\n<br><hr><br>\n\n<div style=\"max-width: 600px; margin: auto; background-color: #fff; color: #1a1a1a; font-family: 'Gowun Batang', serif; padding: 40px; border: 1px solid #ddd; box-shadow: 0 5px 20px rgba(0,0,0,0.05); text-align: left;\"><div style=\"border-bottom: 2px solid #1a1a1a; padding-bottom: 15px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-end;\"><span style=\"font-size: 20px; font-weight: bold; letter-spacing: 1px;\">CREATOR'S NOTE</span><span style=\"font-size: 12px; color: #888;\">RELEASE 1.0</span></div><div style=\"margin-bottom: 40px; font-size: 14px; line-height: 1.8; text-align: justify; color: #333;\"><p style=\"margin: 0 0 10px 0;\">개인적으로만 사용하던 거 공개합니다🙇\n케이브덕 제한 내에서 가능한 기능은 다 넣었습니다.\n이렇게 영업비밀 다 퍼줘도 되나 싶을 정도로...\n모쪼록 많은 도움이 되어드리길 바라며 함께 제작 화이팅입니다.\n</p><p style=\"margin: 0; color: #666; font-style: italic;\">(케이브덕 상향평준화 가보자고)</p><div style=\"margin-top: 15px; font-size: 12px; color: #999;\">※ 수틀리면 비공개로 전환됩니다.</div></div><div style=\"margin-bottom: 30px;\"><div style=\"background: #f4f4f4; padding: 5px 10px; font-size: 12px; font-weight: bold; margin-bottom: 10px; display: inline-block;\">UPDATES</div><div style=\"border-top: 1px solid #eee;\"><div style=\"display: flex; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px;\"><span style=\"font-weight: bold; width: 80px; flex-shrink: 0; color: #555;\">25.08.14</span><span style=\"color: #333;\">div 태그 추가 완료 (레이아웃 안정성 강화)</span></div><div style=\"display: flex; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px;\"><span style=\"font-weight: bold; width: 80px; flex-shrink: 0; color: #555;\">25.08.08</span><span style=\"color: #333;\">전체적 디자인 퀄리티 및 애니메이션 업그레이드</span></div></div></div><div><div style=\"background: #1a1a1a; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: bold; margin-bottom: 15px; display: inline-block;\">F.A.Q</div><div style=\"font-size: 14px; margin-bottom: 20px;\"><div style=\"font-weight: bold; margin-bottom: 5px; color: #b71c1c;\">Q. HTML 사이트에서는 잘 나오는데 캐릭터 설명란에 넣을 땐 적용이 안 됨</div><div style=\"background: #f9f9f9; padding: 15px; border-left: 3px solid #1a1a1a; line-height: 1.6; color: #444;\"><b>A.</b><br>1. 세계관/설정란이 아닌, 반드시 <span style=\"background: #e0e0e0; padding: 0 4px; font-weight: bold;\">'별도 설명'</span> 기능을 켜주시고 그곳에 코드를 넣으셔야 정상적으로 작동합니다. 또한 위아래로 ```를 지우셨는지 확인 바랍니다.<br><br>2. 1번을 따랐는데도 코드가 그대로 노출된다. 그렇다면 코드를 잘 살펴보시고, 태그 (<> 안에 있는 것이 '태그')와 다음 태그 사이에 있는 모든 공백,띄어쓰기,줄바꿈(엔터)을 지워주세요. 깨짐 현상을 일으키는 주요 원인입니다.<br><br>3. 모두 따랐는데도 해결되지 않을 시 제작자보다 똑똑한 AI한테 따로 문의 부탁드립니다.</div></div></div></div>\n\n","description":"AI의 케이브덕 전용 코드 짜주기\n\n명령: (구체적일수록 좋습니다!)\n무슨무슨 느낌/스타일/색의\n페이지/시스템 창, 통통 튀는 버튼 등등... 을 만들어줘\n\n무슨 용도로 사용하실지 정확히 알려주시는게 좋습니다.\n\n예시: \n\n<div style=\"max-width: 800px; margin: auto; background: #000; border: 2px solid #0f0; font-family: 'Courier New', monospace; padding: 20px; color: #0f0; text-shadow: 0 0 5px #0f0; box-shadow: 0 0 20px rgba(0, 255, 0, 0.4);\"><div style=\"border-bottom: 1px solid #0f0; padding-bottom: 10px; margin-bottom: 20px; display: flex; justify-content: space-between;\"><span>SYSTEM: HTML_GENERATOR</span><span style=\"animation: flash 3s infinite;\">[ONLINE]</span></div><div style=\"margin-bottom: 30px;\"><span style=\"display: block; font-size: 14px; opacity: 0.7;\">&gt;INITIALIZING DATA MODULE...</span><span style=\"display: block; font-size: 14px; opacity: 0.7;\">&gt;STARTING HTML BOT...</span><br><span style=\"display: block; font-size: 28px; font-weight: bold; line-height: 1.2;\">NEED A <span style=\"position:relative; display:inline-block;\"><span style=\"background: #0f0; color: #000; padding: 0 5px;\">PERFECT</span><span style=\"position:absolute; top:0; left:0; width:100%; background: #f00; color: #fff; padding: 0 5px; animation: flash 2s infinite; opacity: 0.8;\">PERFECT</span></span> <span style=\"position:relative; display:inline-block;\"><span style=\"background: #0f0; color: #000; padding: 0 5px;\">PROFILE?</span><span style=\"position:absolute; top:0; left:0; width:100%; background: #f00; color: #fff; padding: 0 5px; animation: flash 2s infinite; opacity: 0.8;\">PROFILE?</span></span><br>EXECUTE YOUR IMAGINATION.</span></div><div style=\"display: flex; flex-direction: column; gap: 15px; margin-bottom: 30px;\"><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 01: AUTO_LAYOUT</span><span style=\"font-size: 13px; opacity: 0.8;\">새로운 `div` 태그 기반. 레이아웃 붕괴 없음. 모바일 완벽 호환.</span></div><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 02: STYLE_CREATION</span><span style=\"font-size: 13px; opacity: 0.8;\">CSS 그라데이션, 애니메이션, 빛 효과 등 고급 비주얼 구현 가능.</span></div><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 03: THEME_OVERRIDE</span><span style=\"font-size: 13px; opacity: 0.8;\">판타지, 로맨스 등 장르 불문. 모든 세계관에 맞는 UI 제작.</span></div></div><div style=\"text-align: center; border-top: 1px solid #0f0; padding-top: 20px;\"><span style=\"display: inline-block; animation: pulse 2s infinite;\">&gt;&gt; WAITING FOR COMMAND_ <span style=\"display: inline-block; width: 10px; height: 2px; background: #0f0; animation: flash 0.5s infinite;\"></span></span></div></div>\n<br><hr><br>\n<div style=\"max-width: 950px; margin: auto; background-color: #fff0f5; background-image: url(https://www.transparenttextures.com/patterns/cubes.png); font-family: 'Gowun Dodum', 'Noto Sans KR', sans-serif; padding: clamp(20px, 5vw, 40px); border-radius: 30px; box-shadow: 0 10px 40px rgba(255, 182, 193, 0.3); border: 1px solid #ffdae0;\"><div style=\"display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center;\"><div style=\"flex: 1 1 350px; background: #fff; border-radius: 30px; padding: 35px; box-shadow: 0 10px 25px rgba(230, 230, 230, 0.5); border: 4px solid #ffe4e9; height: 100%; box-sizing: border-box;\"><div style=\"text-align: center; margin-bottom: 25px;\"><div style=\"width: 100px; height: 100px; margin: 0 auto 15px auto; background: url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/1e3076b1-3133-4220-8218-6642c9ba11a6?v=17581656850000') no-repeat center center / cover; border-radius: 50%; border: 4px solid #ffb7b2; box-shadow: 0 5px 15px rgba(255, 183, 178, 0.4);\"></div><span style=\"display: block; font-size: 24px; font-weight: bold; color: #ff8fa3; letter-spacing: -1px; text-shadow: 2px 2px 0 #ffe4e9;\">말벌_Wasp66</span><span style=\"display: block; font-size: 14px; color: #aaa; margin-top: 5px;\">@wasp66</span></div><div style=\"background: #fff9fa; border-radius: 15px; padding: 15px; margin-bottom: 25px; border: 2px dashed #ffcdd2; font-size: 14px; line-height: 1.6; color: #555; text-align: justify;\"> 귀엽고 포근한 느낌의 제작자 소개창입니다 :P 🍰</div><div style=\"margin-bottom: 25px;\"><span style=\"display: block; font-size: 12px; font-weight: bold; color: #ffb7b2; margin-bottom: 8px; letter-spacing: 1px;\">🎫 REFERRAL CODE</span><div style=\"display: flex; align-items: center; background: #ffe4e9; border-radius: 10px; padding: 10px 15px; border: 2px solid #ffc1cc; border-style: dashed;\"><span style=\"flex: 1; font-family: 'Courier New', monospace; font-weight: bold; color: #e57373; font-size: 16px; letter-spacing: 1px;\">7bG2XJrUib</span><span style=\"font-size: 18px;\">✂️</span></div></div><div><span style=\"display: block; font-size: 12px; font-weight: bold; color: #ffb7b2; margin-bottom: 8px; letter-spacing: 1px;\">✨ RECOMMENDED AI</span><div style=\"display: flex; flex-wrap: wrap; gap: 8px;\"><span style=\"background: #e0f7fa; color: #006064; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid #b2ebf2;\">Gemini 2.5 Pro</span><span style=\"background: #f3e5f5; color: #4a148c; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid #e1bee7;\">Claude 3.7 Sonnet</span></div></div></div><div style=\"flex: 1 1 350px;\"><div style=\"max-width: 450px; margin: auto; background-color: #ffe4e9; background-image: url(https://www.transparenttextures.com/patterns/cubes.png); border-radius: 40px; padding: 40px; box-shadow: 0 20px 50px rgba(255, 182, 193, 0.4), inset 0 -10px 0 rgba(0,0,0,0.05); font-family: 'Courier New', monospace; box-sizing: border-box; border: 6px solid #fff; position: relative;\"><div style=\"background: #fff0f5; border-radius: 30px; height: 380px; position: relative; box-shadow: inset 3px 3px 10px rgba(0,0,0,0.05), 0 0 0 5px #ffb7b2; overflow: hidden;\"><div style=\"position: absolute; top: 15px; left: 20px; font-size: 12px; font-weight: bold; color: #ffb7b2; letter-spacing: 2px;\">BERRY PLAYER</div><div style=\"position: absolute; top: 15px; right: 20px; width: 10px; height: 10px; background: #ff5252; border-radius: 50%; box-shadow: 0 0 10px #ff5252; animation: flash 2s infinite;\"></div><div style=\"position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: 260px; height: 260px; border-radius: 50%; background: #222; display: flex; box-shadow: 0 10px 30px rgba(0,0,0,0.15); justify-content: center; align-items: center;\"><div style=\"width: 250px; height: 250px; border-radius: 50%; position: relative; animation: spin 8s linear infinite;\"><div style=\"width: 100%; height: 100%; border-radius: 50%; background: repeating-radial-gradient(#111, #111 2px, #222 3px, #222 4px); position: absolute; top: 0; left: 0;\"></div><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110px; height: 110px; border-radius: 50%; background: url('https://cdn.caveduck.io/cdn-cgi/image/f=auto,w=500/charim/5b254201-6a63-4b8a-8159-28e3de43e432?v=b9fd5f') no-repeat center center / cover; border: 4px solid #fff;\"></div><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; background: #ddd; border-radius: 50%; border: 2px solid #999; z-index: 10;\"></div></div></div><div style=\"position: absolute; top: 40px; right: 40px; width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, #e0e0e0, #fff); box-shadow: 5px 5px 15px rgba(0,0,0,0.1); z-index: 20; border: 1px solid #ccc; display:flex; justify-content:center; align-items:center;\"><div style=\"width: 15px; height: 15px; background: #aaa; border-radius: 50%;\"></div></div><div style=\"position: absolute; top: 75px; right: 75px; width: 12px; height: 170px; background: linear-gradient(90deg, #ccc, #eee, #ccc); transform-origin: top center; transform: rotate(5deg); border-radius: 6px; z-index: 21; box-shadow: 2px 5px 5px rgba(0,0,0,0.2);\"></div><div style=\"position: absolute; top: 215px; right: 70px; width: 35px; height: 50px; background: #ffb7b2; transform: rotate(60deg); border-radius: 10px; z-index: 22; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);\"></div><div style=\"position: absolute; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 5px;\"><div style=\"width: 30px; height: 6px; background: #ddd; border-radius: 3px;\"></div><div style=\"width: 30px; height: 6px; background: #ddd; border-radius: 3px;\"></div><div style=\"width: 30px; height: 6px; background: #ffb7b2; border-radius: 3px;\"></div></div></div><div style=\"margin-top: 30px; background: #fff; padding: 15px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 5px 15px rgba(255,182,193,0.3);\"><div style=\"display: flex; flex-direction: column; padding-left: 10px;\"><span style=\"font-size: 16px; font-weight: bold; color: #ff8fa3;\">Now Playing...</span><span style=\"font-size: 12px; color: #aaa; margin-top: 3px;\">My Favorite Song 🎵</span></div><div style=\"display: flex; gap: 12px; padding-right: 5px;\"><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #fff0f5; color: #ff8fa3; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ffd1dc; cursor: pointer;\">⏮</div><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #ff8fa3; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ff6b85; animation: pulse 2s infinite; cursor: pointer;\">▶</div><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #fff0f5; color: #ff8fa3; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ffd1dc; cursor: pointer;\">⏭</div></div></div></div></div></div></div>\n<br><hr><br>\n<p style=\"display: block; width: 320px; height: 550px; margin: 20px auto; background: linear-gradient(135deg, #d3d3d3, #b0b0b0); border: 2px solid #888; border-radius: 15px 15px 50px 15px; padding: 20px; box-shadow: inset -5px -5px 5px rgba(0,0,0,0.2), 8px 8px 10px rgba(0,0,0,0.4); position: relative; font-family: 'Press Start 2P', monospace, sans-serif; color: #3b3b3b;\">\n<span style=\"position: absolute; top: 25px; left: 20px; width: 10px; height: 10px; background: #c00; border-radius: 50%; border: 1px solid #800; box-shadow: inset 0 0 3px rgba(255,255,255,0.5);\"></span><span style=\"position: absolute; top: 28px; left: 40px; font-size: 8px; font-weight: bold; color: #555;\">POWER</span>\n<span style=\"display: block; width: 250px; height: 200px; background: #444; border-radius: 10px; margin: 40px auto 0 auto; padding: 15px; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);\">\n<span style=\"display: block; width: 100%; height: 100%; background: #9bbc0f; border-radius: 5px; padding: 10px; box-sizing: border-box; animation: flash 1.5s infinite;\">\n<span style=\"display: block; color: #0f380f; font-size: 16px; text-align: center; margin-top: 40px;\">HELLO,</span>\n<span style=\"display: block; color: #0f380f; font-size: 20px; text-align: center; font-weight: bold; animation: bounce 2s infinite;\">CAVEDUCK!</span>\n</span>\n</span>\n<span style=\"display: block; text-align: center; margin-top: 10px;\">\n<span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 18px; color: #5a61ad; font-style: italic;\">Nintendo </span><span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 22px; color: #5a61ad; font-weight: bold;\">GAME BOY</span><span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 10px; color: #5a61ad; vertical-align: top;\">™</span>\n</span>\n<span style=\"position: absolute; left: 40px; top: 350px;\">\n<span style=\"display: block; position: relative; width: 80px; height: 80px;\">\n<span style=\"position: absolute; top: 25px; left: 0; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 25px; right: 0; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 0; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; bottom: 0; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 25px; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n</span>\n</span>\n<span style=\"position: absolute; right: 30px; top: 360px; transform: rotate(-25deg);\">\n<span style=\"display: flex; gap: 15px;\">\n<span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\">B</span>\n<span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\">A</span>\n</span>\n</span>\n<span style=\"position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px;\">\n<span style=\"display: block; text-align: center;\">\n<span style=\"width: 50px; height: 20px; background: #555; border-radius: 10px; display: block; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);\"></span>\n<span style=\"font-size: 10px; color: #444; font-weight: bold; margin-top: 2px; display: block;\">SELECT</span>\n</span>\n<span style=\"display: block; text-align: center;\">\n<span style=\"width: 50px; height: 20px; background: #555; border-radius: 10px; display: block; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);\"></span>\n<span style=\"font-size: 10px; color: #444; font-weight: bold; margin-top: 2px; display: block;\">START</span>\n</span>\n</span>\n<span style=\"position: absolute; bottom: 20px; right: 30px; transform: rotate(-15deg);\">\n<span style=\"display: block; width: 60px; height: 40px;\">\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n</span>\n</span>\n</p>","extensions":{"cardex":{"origins":[{"created":"2025-07-07T04:17:33Z","current":true,"first_seen":"2026-11-11T09:36:54Z","id":"53a38f99-95d4-48a8-9818-dbe24705ffb6","source":"caveduck","url":"https://caveduck.io/en/characters/53a38f99-95d4-48a8-9818-dbe24705ffb6"}],"url":"https://cardex.zip/caveduck/53a38f99-95d4-48a8-9818-dbe24705ffb6","version":1},"caveduck":{"audience":"all_audience","details":{"candid_shot_expression":0,"char_name":"Caveduck 전용 HTML봇","creator_comment":"<div style=\"background-color:#141414;color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;width:100%;overflow-x:hidden;position:relative\"><div style=\"position:absolute;top:0;left:0;width:100%;padding:15px 4%;box-sizing:border-box;background:linear-gradient(to bottom,rgba(0,0,0,0.8) 0%,transparent);z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px\"><div style=\"display:flex;align-items:center;gap:20px;flex:1\"><span style=\"color:#e50914;font-size:clamp(20px, 5vw, 30px);font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,0.3)\">WASPLIX</span><div style=\"display:flex;gap:15px;font-size:12px;color:#e5e5e5;font-weight:400;overflow-x:auto;white-space:nowrap;\"><span style=\"color:#fff;font-weight:700\">홈</span><span>시리즈</span><span>영화</span><span>NEW! 대세 콘텐츠</span></div></div></div><div style=\"position:relative;height:70vh;min-height:500px;max-height:800px;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/45e08382-4233-456b-8f49-21d0685c1f09?v=17615552910000') center/cover;\"><div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#141414 0%,rgba(20,20,20,0.6) 20%,transparent 50%,rgba(0,0,0,0.7) 100%)\"></div><div style=\"position:absolute;bottom:20%;left:4%;width:92%;max-width:600px;z-index:10\"><div style=\"font-size:clamp(14px, 4vw, 18px);text-shadow:1px 1px 3px rgba(0,0,0,0.9);margin-bottom:15px;line-height:1.5;font-weight:500;color:#e0e0e0;\">당신이 원하는 스타일의 모든 템플릿 생성 가능.<br>특별한 개성으로 시선을 사로잡아 보세요!</div><div style=\"display:flex;gap:10px\"><a href=\"#\" style=\"text-decoration:none;background:#fff;color:#000;padding:8px 20px;border-radius:4px;font-size:clamp(14px, 4vw, 16px);font-weight:bold;display:flex;align-items:center;gap:8px\"><span style=\"font-size:18px\">▶</span> 재생</a><a href=\"#\" style=\"text-decoration:none;background:rgba(109,109,110,0.7);color:#fff;padding:8px 20px;border-radius:4px;font-size:clamp(14px, 4vw, 16px);font-weight:bold;display:flex;align-items:center;gap:8px\">ⓘ 상세 정보</a></div></div></div><div style=\"position:relative;margin-top:-60px;z-index:15;padding:0 0 40px 4%\"><div style=\"font-size:clamp(16px, 4vw, 20px);font-weight:bold;margin-bottom:10px;color:#e5e5e5\">지금 뜨는 콘텐츠</div><div style=\"display:flex;overflow-x:auto;gap:10px;padding-bottom:15px;padding-right:20px;\"><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/bf4b5b12-b9dd-4327-9d96-38351dd2d4f5?v=137851') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/1eadfc36-63dc-4fa4-a2bf-90eb9ae0f8a4?v=a6793d') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/27b275de-6407-4daa-ac6c-10855610ba57?v=800bf6') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/65ca4206-1821-44e0-8cf4-87f00af26f7c?v=c9c6bc') center/cover;border-radius:4px;cursor:pointer\"></div></div><div style=\"font-size:clamp(16px, 4vw, 20px);font-weight:bold;margin:20px 0 10px 0;color:#e5e5e5\">{{user}}님이 시청 중인 콘텐츠</div><div style=\"display:flex;overflow-x:auto;gap:10px;padding-bottom:15px;padding-right:20px;\"><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#333;border-radius:4px;position:relative;overflow:hidden\"><div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/c19e0400-bf8c-4ac7-9b53-f7f587b66c5a?v=65af3f') center/cover;opacity:0.6\"></div><div style=\"position:absolute;bottom:0;left:0;width:100%;height:3px;background:#555\"><div style=\"width:45%;height:100%;background:#e50914\"></div></div><div style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5)\">▶</div></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:30px\">+</div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:30px\">+</div></div></div></div>\n<br><hr><br>\n\n<div style=\"max-width: 600px; margin: auto; background-color: #fff; color: #1a1a1a; font-family: 'Gowun Batang', serif; padding: 40px; border: 1px solid #ddd; box-shadow: 0 5px 20px rgba(0,0,0,0.05); text-align: left;\"><div style=\"border-bottom: 2px solid #1a1a1a; padding-bottom: 15px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-end;\"><span style=\"font-size: 20px; font-weight: bold; letter-spacing: 1px;\">CREATOR'S NOTE</span><span style=\"font-size: 12px; color: #888;\">RELEASE 1.0</span></div><div style=\"margin-bottom: 40px; font-size: 14px; line-height: 1.8; text-align: justify; color: #333;\"><p style=\"margin: 0 0 10px 0;\">개인적으로만 사용하던 거 공개합니다🙇\n케이브덕 제한 내에서 가능한 기능은 다 넣었습니다.\n이렇게 영업비밀 다 퍼줘도 되나 싶을 정도로...\n모쪼록 많은 도움이 되어드리길 바라며 함께 제작 화이팅입니다.\n</p><p style=\"margin: 0; color: #666; font-style: italic;\">(케이브덕 상향평준화 가보자고)</p><div style=\"margin-top: 15px; font-size: 12px; color: #999;\">※ 수틀리면 비공개로 전환됩니다.</div></div><div style=\"margin-bottom: 30px;\"><div style=\"background: #f4f4f4; padding: 5px 10px; font-size: 12px; font-weight: bold; margin-bottom: 10px; display: inline-block;\">UPDATES</div><div style=\"border-top: 1px solid #eee;\"><div style=\"display: flex; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px;\"><span style=\"font-weight: bold; width: 80px; flex-shrink: 0; color: #555;\">25.08.14</span><span style=\"color: #333;\">div 태그 추가 완료 (레이아웃 안정성 강화)</span></div><div style=\"display: flex; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px;\"><span style=\"font-weight: bold; width: 80px; flex-shrink: 0; color: #555;\">25.08.08</span><span style=\"color: #333;\">전체적 디자인 퀄리티 및 애니메이션 업그레이드</span></div></div></div><div><div style=\"background: #1a1a1a; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: bold; margin-bottom: 15px; display: inline-block;\">F.A.Q</div><div style=\"font-size: 14px; margin-bottom: 20px;\"><div style=\"font-weight: bold; margin-bottom: 5px; color: #b71c1c;\">Q. HTML 사이트에서는 잘 나오는데 캐릭터 설명란에 넣을 땐 적용이 안 됨</div><div style=\"background: #f9f9f9; padding: 15px; border-left: 3px solid #1a1a1a; line-height: 1.6; color: #444;\"><b>A.</b><br>1. 세계관/설정란이 아닌, 반드시 <span style=\"background: #e0e0e0; padding: 0 4px; font-weight: bold;\">'별도 설명'</span> 기능을 켜주시고 그곳에 코드를 넣으셔야 정상적으로 작동합니다. 또한 위아래로 ```를 지우셨는지 확인 바랍니다.<br><br>2. 1번을 따랐는데도 코드가 그대로 노출된다. 그렇다면 코드를 잘 살펴보시고, 태그 (<> 안에 있는 것이 '태그')와 다음 태그 사이에 있는 모든 공백,띄어쓰기,줄바꿈(엔터)을 지워주세요. 깨짐 현상을 일으키는 주요 원인입니다.<br><br>3. 모두 따랐는데도 해결되지 않을 시 제작자보다 똑똑한 AI한테 따로 문의 부탁드립니다.</div></div></div></div>\n\n","default_expression":0,"enable_candid_shot":false,"expressions":[{"imageName":"{{char}}는 컴퓨터 앞에서 키보드를 치고 있다. 컴퓨터 화면에는 텍스트가 표시되어 있으며, {{char}}의 손이 키보드 위에 놓여 있다.","imageNameInternal":"A pixelated hand with a computer keyboard and monitor sits in a room with a plant and a warm light.","imagePath":"https://cdn.caveduck.io/charim/45e08382-4233-456b-8f49-21d0685c1f09?v=17666478710000","isNSFW":false,"isPorn":false,"isRestricted":false,"media":{"files":[{"duration":5,"height":938,"mimetype":"video/mp4","name":"standard","url":"https://cdn.caveduck.io/charim-standard/45e08382-4233-456b-8f49-21d0685c1f09?v=wcef3d","width":640},{"height":937,"mimetype":"image/webp","name":"poster","url":"https://cdn.caveduck.io/charim-poster/45e08382-4233-456b-8f49-21d0685c1f09?v=wcef3d","width":640},{"duration":5,"height":1160,"mimetype":"video/mp4","name":"1920x","url":"https://cdn.caveduck.io/charim-1920x/45e08382-4233-456b-8f49-21d0685c1f09?v=wcef3d","width":792}],"hash":"wcef3de369fd68b83977a688bf4d1b22"},"mediaId":7186303}],"first_mes":[{"content":"명령 예시: (구체적일수록 좋습니다!)\n느낌/스타일/색/시스템, 캐릭터 소개, 제작자 소개 창/페이지를 만들어줘\n\n*Gemini Pro 2.5/Sonnet 3.7 으로 응답 생성 후 >>수정<<을 눌러 표시되는 전체 내용을 복붙💕*\n\n수정을 누르지 않으면 코드가 정상적으로 보이지 않습니다!\n\n*기본적으로 글자수 프롬을 적용해두었으나, 그래도 코드가 잘릴 땐 '끊긴 부분부터 완성까지 출력'!*\n\n*```내용```으로 출력시키는 것은 케이브덕에서 '정식'으로 지원하는 기능이 아니기 때문에 오류가 발생하거나 제대로 표시되지 않을 수 있습니다.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*그렇기 때문에 위 사이트에 코드를 붙여넣으셔서 확인하시면 되겠습니다.*\n\n*또한 케이브덕 채팅창 내에서도, 위 사이트에서도 '움직이는 효과'는 미리 확인할 수 없습니다. (몇가지 예외는 있음)\n하지만 오류없이 출력되었을테니 케이브덕 사이트 내의 '테스트용 봇'등등에 적용하셔서 확인하시길 추천드립니다.*\n\n자주 묻는 질문:\n*Q. html 사이트에서는 잘 나오는데 캐릭터 설명란에 넣을 땐 적용이 안됩니다 ㅠㅠ*\n*A. 설명/설정란이 아닌 반드시 '별도 설명'란을 켜주시고 그곳에 넣으셔야 합니다!*","title":"코딩"}],"ignore_auto_translate":["ko"],"is_dynamic_prompt_lang":true,"origin_lang":"ko","short_description":"🍯깡통AI의 케이브덕 전용 코딩 대장정🍯","user_desc":"AI의 케이브덕 전용 코드 짜주기\n\n명령: (구체적일수록 좋습니다!)\n무슨무슨 느낌/스타일/색의\n페이지/시스템 창, 통통 튀는 버튼 등등... 을 만들어줘\n\n무슨 용도로 사용하실지 정확히 알려주시는게 좋습니다.\n\n예시: \n\n<div style=\"max-width: 800px; margin: auto; background: #000; border: 2px solid #0f0; font-family: 'Courier New', monospace; padding: 20px; color: #0f0; text-shadow: 0 0 5px #0f0; box-shadow: 0 0 20px rgba(0, 255, 0, 0.4);\"><div style=\"border-bottom: 1px solid #0f0; padding-bottom: 10px; margin-bottom: 20px; display: flex; justify-content: space-between;\"><span>SYSTEM: HTML_GENERATOR</span><span style=\"animation: flash 3s infinite;\">[ONLINE]</span></div><div style=\"margin-bottom: 30px;\"><span style=\"display: block; font-size: 14px; opacity: 0.7;\">&gt;INITIALIZING DATA MODULE...</span><span style=\"display: block; font-size: 14px; opacity: 0.7;\">&gt;STARTING HTML BOT...</span><br><span style=\"display: block; font-size: 28px; font-weight: bold; line-height: 1.2;\">NEED A <span style=\"position:relative; display:inline-block;\"><span style=\"background: #0f0; color: #000; padding: 0 5px;\">PERFECT</span><span style=\"position:absolute; top:0; left:0; width:100%; background: #f00; color: #fff; padding: 0 5px; animation: flash 2s infinite; opacity: 0.8;\">PERFECT</span></span> <span style=\"position:relative; display:inline-block;\"><span style=\"background: #0f0; color: #000; padding: 0 5px;\">PROFILE?</span><span style=\"position:absolute; top:0; left:0; width:100%; background: #f00; color: #fff; padding: 0 5px; animation: flash 2s infinite; opacity: 0.8;\">PROFILE?</span></span><br>EXECUTE YOUR IMAGINATION.</span></div><div style=\"display: flex; flex-direction: column; gap: 15px; margin-bottom: 30px;\"><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 01: AUTO_LAYOUT</span><span style=\"font-size: 13px; opacity: 0.8;\">새로운 `div` 태그 기반. 레이아웃 붕괴 없음. 모바일 완벽 호환.</span></div><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 02: STYLE_CREATION</span><span style=\"font-size: 13px; opacity: 0.8;\">CSS 그라데이션, 애니메이션, 빛 효과 등 고급 비주얼 구현 가능.</span></div><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 03: THEME_OVERRIDE</span><span style=\"font-size: 13px; opacity: 0.8;\">판타지, 로맨스 등 장르 불문. 모든 세계관에 맞는 UI 제작.</span></div></div><div style=\"text-align: center; border-top: 1px solid #0f0; padding-top: 20px;\"><span style=\"display: inline-block; animation: pulse 2s infinite;\">&gt;&gt; WAITING FOR COMMAND_ <span style=\"display: inline-block; width: 10px; height: 2px; background: #0f0; animation: flash 0.5s infinite;\"></span></span></div></div>\n<br><hr><br>\n<div style=\"max-width: 950px; margin: auto; background-color: #fff0f5; background-image: url(https://www.transparenttextures.com/patterns/cubes.png); font-family: 'Gowun Dodum', 'Noto Sans KR', sans-serif; padding: clamp(20px, 5vw, 40px); border-radius: 30px; box-shadow: 0 10px 40px rgba(255, 182, 193, 0.3); border: 1px solid #ffdae0;\"><div style=\"display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center;\"><div style=\"flex: 1 1 350px; background: #fff; border-radius: 30px; padding: 35px; box-shadow: 0 10px 25px rgba(230, 230, 230, 0.5); border: 4px solid #ffe4e9; height: 100%; box-sizing: border-box;\"><div style=\"text-align: center; margin-bottom: 25px;\"><div style=\"width: 100px; height: 100px; margin: 0 auto 15px auto; background: url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/1e3076b1-3133-4220-8218-6642c9ba11a6?v=17581656850000') no-repeat center center / cover; border-radius: 50%; border: 4px solid #ffb7b2; box-shadow: 0 5px 15px rgba(255, 183, 178, 0.4);\"></div><span style=\"display: block; font-size: 24px; font-weight: bold; color: #ff8fa3; letter-spacing: -1px; text-shadow: 2px 2px 0 #ffe4e9;\">말벌_Wasp66</span><span style=\"display: block; font-size: 14px; color: #aaa; margin-top: 5px;\">@wasp66</span></div><div style=\"background: #fff9fa; border-radius: 15px; padding: 15px; margin-bottom: 25px; border: 2px dashed #ffcdd2; font-size: 14px; line-height: 1.6; color: #555; text-align: justify;\"> 귀엽고 포근한 느낌의 제작자 소개창입니다 :P 🍰</div><div style=\"margin-bottom: 25px;\"><span style=\"display: block; font-size: 12px; font-weight: bold; color: #ffb7b2; margin-bottom: 8px; letter-spacing: 1px;\">🎫 REFERRAL CODE</span><div style=\"display: flex; align-items: center; background: #ffe4e9; border-radius: 10px; padding: 10px 15px; border: 2px solid #ffc1cc; border-style: dashed;\"><span style=\"flex: 1; font-family: 'Courier New', monospace; font-weight: bold; color: #e57373; font-size: 16px; letter-spacing: 1px;\">7bG2XJrUib</span><span style=\"font-size: 18px;\">✂️</span></div></div><div><span style=\"display: block; font-size: 12px; font-weight: bold; color: #ffb7b2; margin-bottom: 8px; letter-spacing: 1px;\">✨ RECOMMENDED AI</span><div style=\"display: flex; flex-wrap: wrap; gap: 8px;\"><span style=\"background: #e0f7fa; color: #006064; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid #b2ebf2;\">Gemini 2.5 Pro</span><span style=\"background: #f3e5f5; color: #4a148c; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid #e1bee7;\">Claude 3.7 Sonnet</span></div></div></div><div style=\"flex: 1 1 350px;\"><div style=\"max-width: 450px; margin: auto; background-color: #ffe4e9; background-image: url(https://www.transparenttextures.com/patterns/cubes.png); border-radius: 40px; padding: 40px; box-shadow: 0 20px 50px rgba(255, 182, 193, 0.4), inset 0 -10px 0 rgba(0,0,0,0.05); font-family: 'Courier New', monospace; box-sizing: border-box; border: 6px solid #fff; position: relative;\"><div style=\"background: #fff0f5; border-radius: 30px; height: 380px; position: relative; box-shadow: inset 3px 3px 10px rgba(0,0,0,0.05), 0 0 0 5px #ffb7b2; overflow: hidden;\"><div style=\"position: absolute; top: 15px; left: 20px; font-size: 12px; font-weight: bold; color: #ffb7b2; letter-spacing: 2px;\">BERRY PLAYER</div><div style=\"position: absolute; top: 15px; right: 20px; width: 10px; height: 10px; background: #ff5252; border-radius: 50%; box-shadow: 0 0 10px #ff5252; animation: flash 2s infinite;\"></div><div style=\"position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: 260px; height: 260px; border-radius: 50%; background: #222; display: flex; box-shadow: 0 10px 30px rgba(0,0,0,0.15); justify-content: center; align-items: center;\"><div style=\"width: 250px; height: 250px; border-radius: 50%; position: relative; animation: spin 8s linear infinite;\"><div style=\"width: 100%; height: 100%; border-radius: 50%; background: repeating-radial-gradient(#111, #111 2px, #222 3px, #222 4px); position: absolute; top: 0; left: 0;\"></div><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110px; height: 110px; border-radius: 50%; background: url('https://cdn.caveduck.io/cdn-cgi/image/f=auto,w=500/charim/5b254201-6a63-4b8a-8159-28e3de43e432?v=b9fd5f') no-repeat center center / cover; border: 4px solid #fff;\"></div><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; background: #ddd; border-radius: 50%; border: 2px solid #999; z-index: 10;\"></div></div></div><div style=\"position: absolute; top: 40px; right: 40px; width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, #e0e0e0, #fff); box-shadow: 5px 5px 15px rgba(0,0,0,0.1); z-index: 20; border: 1px solid #ccc; display:flex; justify-content:center; align-items:center;\"><div style=\"width: 15px; height: 15px; background: #aaa; border-radius: 50%;\"></div></div><div style=\"position: absolute; top: 75px; right: 75px; width: 12px; height: 170px; background: linear-gradient(90deg, #ccc, #eee, #ccc); transform-origin: top center; transform: rotate(5deg); border-radius: 6px; z-index: 21; box-shadow: 2px 5px 5px rgba(0,0,0,0.2);\"></div><div style=\"position: absolute; top: 215px; right: 70px; width: 35px; height: 50px; background: #ffb7b2; transform: rotate(60deg); border-radius: 10px; z-index: 22; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);\"></div><div style=\"position: absolute; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 5px;\"><div style=\"width: 30px; height: 6px; background: #ddd; border-radius: 3px;\"></div><div style=\"width: 30px; height: 6px; background: #ddd; border-radius: 3px;\"></div><div style=\"width: 30px; height: 6px; background: #ffb7b2; border-radius: 3px;\"></div></div></div><div style=\"margin-top: 30px; background: #fff; padding: 15px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 5px 15px rgba(255,182,193,0.3);\"><div style=\"display: flex; flex-direction: column; padding-left: 10px;\"><span style=\"font-size: 16px; font-weight: bold; color: #ff8fa3;\">Now Playing...</span><span style=\"font-size: 12px; color: #aaa; margin-top: 3px;\">My Favorite Song 🎵</span></div><div style=\"display: flex; gap: 12px; padding-right: 5px;\"><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #fff0f5; color: #ff8fa3; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ffd1dc; cursor: pointer;\">⏮</div><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #ff8fa3; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ff6b85; animation: pulse 2s infinite; cursor: pointer;\">▶</div><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #fff0f5; color: #ff8fa3; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ffd1dc; cursor: pointer;\">⏭</div></div></div></div></div></div></div>\n<br><hr><br>\n<p style=\"display: block; width: 320px; height: 550px; margin: 20px auto; background: linear-gradient(135deg, #d3d3d3, #b0b0b0); border: 2px solid #888; border-radius: 15px 15px 50px 15px; padding: 20px; box-shadow: inset -5px -5px 5px rgba(0,0,0,0.2), 8px 8px 10px rgba(0,0,0,0.4); position: relative; font-family: 'Press Start 2P', monospace, sans-serif; color: #3b3b3b;\">\n<span style=\"position: absolute; top: 25px; left: 20px; width: 10px; height: 10px; background: #c00; border-radius: 50%; border: 1px solid #800; box-shadow: inset 0 0 3px rgba(255,255,255,0.5);\"></span><span style=\"position: absolute; top: 28px; left: 40px; font-size: 8px; font-weight: bold; color: #555;\">POWER</span>\n<span style=\"display: block; width: 250px; height: 200px; background: #444; border-radius: 10px; margin: 40px auto 0 auto; padding: 15px; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);\">\n<span style=\"display: block; width: 100%; height: 100%; background: #9bbc0f; border-radius: 5px; padding: 10px; box-sizing: border-box; animation: flash 1.5s infinite;\">\n<span style=\"display: block; color: #0f380f; font-size: 16px; text-align: center; margin-top: 40px;\">HELLO,</span>\n<span style=\"display: block; color: #0f380f; font-size: 20px; text-align: center; font-weight: bold; animation: bounce 2s infinite;\">CAVEDUCK!</span>\n</span>\n</span>\n<span style=\"display: block; text-align: center; margin-top: 10px;\">\n<span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 18px; color: #5a61ad; font-style: italic;\">Nintendo </span><span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 22px; color: #5a61ad; font-weight: bold;\">GAME BOY</span><span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 10px; color: #5a61ad; vertical-align: top;\">™</span>\n</span>\n<span style=\"position: absolute; left: 40px; top: 350px;\">\n<span style=\"display: block; position: relative; width: 80px; height: 80px;\">\n<span style=\"position: absolute; top: 25px; left: 0; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 25px; right: 0; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 0; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; bottom: 0; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 25px; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n</span>\n</span>\n<span style=\"position: absolute; right: 30px; top: 360px; transform: rotate(-25deg);\">\n<span style=\"display: flex; gap: 15px;\">\n<span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\">B</span>\n<span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\">A</span>\n</span>\n</span>\n<span style=\"position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px;\">\n<span style=\"display: block; text-align: center;\">\n<span style=\"width: 50px; height: 20px; background: #555; border-radius: 10px; display: block; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);\"></span>\n<span style=\"font-size: 10px; color: #444; font-weight: bold; margin-top: 2px; display: block;\">SELECT</span>\n</span>\n<span style=\"display: block; text-align: center;\">\n<span style=\"width: 50px; height: 20px; background: #555; border-radius: 10px; display: block; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);\"></span>\n<span style=\"font-size: 10px; color: #444; font-weight: bold; margin-top: 2px; display: block;\">START</span>\n</span>\n</span>\n<span style=\"position: absolute; bottom: 20px; right: 30px; transform: rotate(-15deg);\">\n<span style=\"display: block; width: 60px; height: 40px;\">\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n</span>\n</span>\n</p>"},"en":{"char_name":"Caveduck Dedicated HTML Bot","creator_comment":"<div style=\"background-color:#141414;color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;width:100%;overflow-x:hidden;position:relative\"><div style=\"position:absolute;top:0;left:0;width:100%;padding:15px 4%;box-sizing:border-box;background:linear-gradient(to bottom,rgba(0,0,0,0.8) 0%,transparent);z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px\"><div style=\"display:flex;align-items:center;gap:20px;flex:1\"><span style=\"color:#e50914;font-size:clamp(20px, 5vw, 30px);font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,0.3)\">WASPLIX</span><div style=\"display:flex;gap:15px;font-size:12px;color:#e5e5e5;font-weight:400;overflow-x:auto;white-space:nowrap;\"><span style=\"color:#fff;font-weight:700\">Home</span><span>Series</span><span>Movies</span><span>NEW! Trending Content</span></div></div></div><div style=\"position:relative;height:70vh;min-height:500px;max-height:800px;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/45e08382-4233-456b-8f49-21d0685c1f09?v=17615552910000') center/cover;\"><div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#141414 0%,rgba(20,20,20,0.6) 20%,transparent 50%,rgba(0,0,0,0.7) 100%)\"></div><div style=\"position:absolute;bottom:20%;left:4%;width:92%;max-width:600px;z-index:10\"><div style=\"font-size:clamp(14px, 4vw, 18px);text-shadow:1px 1px 3px rgba(0,0,0,0.9);margin-bottom:15px;line-height:1.5;font-weight:500;color:#e0e0e0;\">Create any template you want in your style.<br>Capture attention with your unique personality!</div><div style=\"display:flex;gap:10px\"><a href=\"#\" style=\"text-decoration:none;background:#fff;color:#000;padding:8px 20px;border-radius:4px;font-size:clamp(14px, 4vw, 16px);font-weight:bold;display:flex;align-items:center;gap:8px\"><span style=\"font-size:18px\">▶</span> Play</a><a href=\"#\" style=\"text-decoration:none;background:rgba(109,109,110,0.7);color:#fff;padding:8px 20px;border-radius:4px;font-size:clamp(14px, 4vw, 16px);font-weight:bold;display:flex;align-items:center;gap:8px\">ⓘ More Info</a></div></div></div><div style=\"position:relative;margin-top:-60px;z-index:15;padding:0 0 40px 4%\"><div style=\"font-size:clamp(16px, 4vw, 20px);font-weight:bold;margin-bottom:10px;color:#e5e5e5\">Trending Content</div><div style=\"display:flex;overflow-x:auto;gap:10px;padding-bottom:15px;padding-right:20px;\"><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/bf4b5b12-b9dd-4327-9d96-38351dd2d4f5?v=137851') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/1eadfc36-63dc-4fa4-a2bf-90eb9ae0f8a4?v=a6793d') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/27b275de-6407-4daa-ac6c-10855610ba57?v=800bf6') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/65ca4206-1821-44e0-8cf4-87f00af26f7c?v=c9c6bc') center/cover;border-radius:4px;cursor:pointer\"></div></div><div style=\"font-size:clamp(16px, 4vw, 20px);font-weight:bold;margin:20px 0 10px 0;color:#e5e5e5\">Content {{user}} is watching</div><div style=\"display:flex;overflow-x:auto;gap:10px;padding-bottom:15px;padding-right:20px;\"><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#333;border-radius:4px;position:relative;overflow:hidden\"><div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/c19e0400-bf8c-4ac7-9b53-f7f587b66c5a?v=65af3f') center/cover;opacity:0.6\"></div><div style=\"position:absolute;bottom:0;left:0;width:100%;height:3px;background:#555\"><div style=\"width:45%;height:100%;background:#e50914\"></div></div><div style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5)\">▶</div></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:30px\">+</div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:30px\">+</div></div></div></div>\n<br><hr><br>\n\n<div style=\"max-width: 600px; margin: auto; background-color: #fff; color: #1a1a1a; font-family: 'Gowun Batang', serif; padding: 40px; border: 1px solid #ddd; box-shadow: 0 5px 20px rgba(0,0,0,0.05); text-align: left;\"><div style=\"border-bottom: 2px solid #1a1a1a; padding-bottom: 15px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-end;\"><span style=\"font-size: 20px; font-weight: bold; letter-spacing: 1px;\">CREATOR'S NOTE</span><span style=\"font-size: 12px; color: #888;\">RELEASE 1.0</span></div><div style=\"margin-bottom: 40px; font-size: 14px; line-height: 1.8; text-align: justify; color: #333;\"><p style=\"margin: 0 0 10px 0;\">I'm releasing something I've only used personally 🙇\nI've included all possible features within Caveduck's limitations.\nIt feels like I'm giving away trade secrets...\nI hope it's of great help, and let's work together to make it great.\n</p><p style=\"margin: 0; color: #666; font-style: italic;\">(Let's level up Caveduck together)</p><div style=\"margin-top: 15px; font-size: 12px; color: #999;\">※ This may be made private if things go south.</div></div><div style=\"margin-bottom: 30px;\"><div style=\"background: #f4f4f4; padding: 5px 10px; font-size: 12px; font-weight: bold; margin-bottom: 10px; display: inline-block;\">UPDATES</div><div style=\"border-top: 1px solid #eee;\"><div style=\"display: flex; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px;\"><span style=\"font-weight: bold; width: 80px; flex-shrink: 0; color: #555;\">25.08.14</span><span style=\"color: #333;\">Added div tag (enhanced layout stability)</span></div><div style=\"display: flex; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px;\"><span style=\"font-weight: bold; width: 80px; flex-shrink: 0; color: #555;\">25.08.08</span><span style=\"color: #333;\">Overall design quality and animation upgrade</span></div></div></div><div><div style=\"background: #1a1a1a; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: bold; margin-bottom: 15px; display: inline-block;\">F.A.Q</div><div style=\"font-size: 14px; margin-bottom: 20px;\"><div style=\"font-weight: bold; margin-bottom: 5px; color: #b71c1c;\">Q. It works fine on HTML sites, but not when I put it in the character description section.</div><div style=\"background: #f9f9f9; padding: 15px; border-left: 3px solid #1a1a1a; line-height: 1.6; color: #444;\"><b>A.</b><br>1. Make sure to turn on the <span style=\"background: #e0e0e0; padding: 0 4px; font-weight: bold;\">'Separate Description'</span> function, not the world/setting section, and insert the code there. Also, please check if you have removed the ``` above and below.<br><br>2. If you followed step 1 but the code is still exposed as is. Then carefully examine the code, and remove all spaces, blank characters, and line breaks (enter) between the tags (what's inside <> is a 'tag') and the next tag. This is a major cause of display errors.<br><br>3. If you have followed all steps and it's still not resolved, please contact an AI smarter than the creator separately.</div></div></div></div>","first_mes":[{"content":"Example command: (The more specific, the better!)\n\nCreate a feeling/style/color/system, character introduction, creator introduction window/page.\n\n*After generating a response with Gemini Pro 2.5/Sonnet 3.7, copy and paste the entire content that appears after pressing >>Edit<< 💕*\n\nIf you don't press Edit, the code won't appear correctly!\n\n*Character count prompts are applied by default, but if the code is still cut off, 'Output from the cut-off part to completion'!*\n\n*Outputting with ```content``` is not a feature officially supported by Caveduck, so errors may occur or it may not display correctly.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*Therefore, you can check by pasting the code on the above site.*\n\n*Also, 'moving effects' cannot be previewed in the Caveduck chat window or on the above site. (With a few exceptions)\nHowever, since it should have been output without errors, I recommend checking it by applying it to the 'test bot' etc. within the Caveduck site.*\n\nFrequently Asked Questions:\n*Q. It works well on the html site, but it doesn't apply when I put it in the character description field ㅠㅠ*\n*A. You must turn on the 'Separate Description' field, not the description/settings field, and put it there!*","title":"Coding"}],"short_description":"🍯Canned AI's Cave Duck Exclusive Coding Epic🍯","user_desc":"AI Coding for Caveduck Only\n\nCommand: (The more specific, the better!)\nCreate a page/system window with a [feeling/style/color], bouncy buttons, etc...\n\nIt's best to tell us exactly what you'll use it for.\n\nExample:\n\n<div style=\"max-width: 800px; margin: auto; background: #000; border: 2px solid #0f0; font-family: 'Courier New', monospace; padding: 20px; color: #0f0; text-shadow: 0 0 5px #0f0; box-shadow: 0 0 20px rgba(0, 255, 0, 0.4);\"><div style=\"border-bottom: 1px solid #0f0; padding-bottom: 10px; margin-bottom: 20px; display: flex; justify-content: space-between;\"><span>SYSTEM: HTML_GENERATOR</span><span style=\"animation: flash 3s infinite;\">[ONLINE]</span></div><div style=\"margin-bottom: 30px;\"><span style=\"display: block; font-size: 14px; opacity: 0.7;\">&gt;INITIALIZING DATA MODULE...</span><span style=\"display: block; font-size: 14px; opacity: 0.7;\">&gt;STARTING HTML BOT...</span><br><span style=\"display: block; font-size: 28px; font-weight: bold; line-height: 1.2;\">NEED A <span style=\"position:relative; display:inline-block;\"><span style=\"background: #0f0; color: #000; padding: 0 5px;\">PERFECT</span><span style=\"position:absolute; top:0; left:0; width:100%; background: #f00; color: #fff; padding: 0 5px; animation: flash 2s infinite; opacity: 0.8;\">PERFECT</span></span> <span style=\"position:relative; display:inline-block;\"><span style=\"background: #0f0; color: #000; padding: 0 5px;\">PROFILE?</span><span style=\"position:absolute; top:0; left:0; width:100%; background: #f00; color: #fff; padding: 0 5px; animation: flash 2s infinite; opacity: 0.8;\">PROFILE?</span></span><br>EXECUTE YOUR IMAGINATION.</span></div><div style=\"display: flex; flex-direction: column; gap: 15px; margin-bottom: 30px;\"><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"> <span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 01: AUTO_LAYOUT</span><span style=\"font-size: 13px; opacity: 0.8;\">New `div` tag based. No layout collapse. Perfect mobile compatibility.</span></div><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"> <span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 02: STYLE_CREATION</span><span style=\"font-size: 13px; opacity: 0.8;\">CSS gradients, animations, lighting effects, and other advanced visual implementations possible.</span></div><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"> <span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 03: THEME_OVERRIDE</span><span style=\"font-size: 13px; opacity: 0.8;\">Fantasy, romance, etc., regardless of genre. UI creation suitable for all worldviews.</span></div></div><div style=\"text-align: center; border-top: 1px solid #0f0; padding-top: 20px;\"><span style=\"display: inline-block; animation: pulse 2s infinite;\">&gt;&gt; WAITING FOR COMMAND_ <span style=\"display: inline-block; width: 10px; height: 2px; background: #0f0; animation: flash 0.5s infinite;\"></span></span></div></div>\n<br><hr><br>\n<div style=\"max-width: 950px; margin: auto; background-color: #fff0f5; background-image: url(https://www.transparenttextures.com/patterns/cubes.png); font-family: 'Gowun Dodum', 'Noto Sans KR', sans-serif; padding: clamp(20px, 5vw, 40px); border-radius: 30px; box-shadow: 0 10px 40px rgba(255, 182, 193, 0.3); border: 1px solid #ffdae0;\"><div style=\"display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center;\"><div style=\"flex: 1 1 350px; background: #fff; border-radius: 30px; padding: 35px; box-shadow: 0 10px 25px rgba(230, 230, 230, 0.5); border: 4px solid #ffe4e9; height: 100%; box-sizing: border-box;\"><div style=\"text-align: center; margin-bottom: 25px;\"><div style=\"width: 100px; height: 100px; margin: 0 auto 15px auto; background: url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/1e3076b1-3133-4220-8218-6642c9ba11a6?v=17581656850000') no-repeat center center / cover; border-radius: 50%; border: 4px solid #ffb7b2; box-shadow: 0 5px 15px rgba(255, 183, 178, 0.4);\"><span style=\"display: block; font-size: 24px; font-weight: bold; color: #ff8fa3; letter-spacing: -1px; text-shadow: 2px 2px 0 #ffe4e9;\">말벌_Wasp66</span><span style=\"display: block; font-size: 14px; color: #aaa; margin-top: 5px;\">@wasp66</span></div><div style=\"background: #fff9fa; border-radius: 15px; padding: 15px; margin-bottom: 25px; border: 2px dashed #ffcdd2; font-size: 14px; line-height: 1.6; color: #555; text-align: justify;\"> A cute and cozy creator introduction window :P 🍰</div><div style=\"margin-bottom: 25px;\"><span style=\"display: block; font-size: 12px; font-weight: bold; color: #ffb7b2; margin-bottom: 8px; letter-spacing: 1px;\">🎫 REFERRAL CODE</span><div style=\"display: flex; align-items: center; background: #ffe4e9; border-radius: 10px; padding: 10px 15px; border: 2px solid #ffc1cc; border-style: dashed;\"><span style=\"flex: 1; font-family: 'Courier New', monospace; font-weight: bold; color: #e57373; font-size: 16px; letter-spacing: 1px;\">7bG2XJrUib</span><span style=\"font-size: 18px;\">✂️</span></div></div><div><span style=\"display: block; font-size: 12px; font-weight: bold; color: #ffb7b2; margin-bottom: 8px; letter-spacing: 1px;\">✨ RECOMMENDED AI</span><div style=\"display: flex; flex-wrap: wrap; gap: 8px;\"><span style=\"background: #e0f7fa; color: #006064; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid #b2ebf2;\">Gemini 2.5 Pro</span><span style=\"background: #f3e5f5; color: #4a148c; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid #e1bee7;\">Claude 3.7 Sonnet</span></div></div></div><div style=\"flex: 1 1 350px;\"><div style=\"max-width: 450px; margin: auto; background-color: #ffe4e9; background-image: url(https://www.transparenttextures.com/patterns/cubes.png); border-radius: 40px; padding: 40px; box-shadow: 0 20px 50px rgba(255, 182, 193, 0.4), inset 0 -10px 0 rgba(0,0,0,0.05); font-family: 'Courier New', monospace; box-sizing: border-box; border: 6px solid #fff; position: relative;\"><div style=\"background: #fff0f5; border-radius: 30px; height: 380px; position: relative; box-shadow: inset 3px 3px 10px rgba(0,0,0,0.05), 0 0 0 5px #ffb7b2; overflow: hidden;\"><div style=\"position: absolute; top: 15px; left: 20px; font-size: 12px; font-weight: bold; color: #ffb7b2; letter-spacing: 2px;\">BERRY PLAYER</div><div style=\"position: absolute; top: 15px; right: 20px; width: 10px; height: 10px; background: #ff5252; border-radius: 50%; box-shadow: 0 0 10px #ff5252; animation: flash 2s infinite;\"></div><div style=\"position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: 260px; height: 260px; border-radius: 50%; background: #222; display: flex; box-shadow: 0 10px 30px rgba(0,0,0,0.15); justify-content: center; align-items: center;\"><div style=\"width: 250px; height: 250px; border-radius: 50%; position: relative; animation: spin 8s linear infinite;\"><div style=\"width: 100%; height: 100%; border-radius: 50%; background: repeating-radial-gradient(#111, #111 2px, #222 3px, #222 4px); position: absolute; top: 0; left: 0;\"></div><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110px; height: 110px; border-radius: 50%; background: url('https://cdn.caveduck.io/cdn-cgi/image/f=auto,w=500/charim/5b254201-6a63-4b8a-8159-28e3de43e432?v=b9fd5f') no-repeat center center / cover; border: 4px solid #fff;\"></div><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; background: #ddd; border-radius: 50%; border: 2px solid #999; z-index: 10;\"></div></div></div><div style=\"position: absolute; top: 40px; right: 40px; width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, #e0e0e0, #fff); box-shadow: 5px 5px 15px rgba(0,0,0,0.1); z-index: 20; border: 1px solid #ccc; display:flex; justify-content:center; align-items:center;\"><div style=\"width: 15px; height: 15px; background: #aaa; border-radius: 50%;\"></div></div><div style=\"position: absolute; top: 75px; right: 75px; width: 12px; height: 170px; background: linear-gradient(90deg, #ccc, #eee, #ccc); transform-origin: top center; transform: rotate(5deg); border-radius: 6px; z-index: 21; box-shadow: 2px 5px 5px rgba(0,0,0,0.2);\"><div style=\"position: absolute; top: 215px; right: 70px; width: 35px; height: 50px; background: #ffb7b2; transform: rotate(60deg); border-radius: 10px; z-index: 22; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);\"><div style=\"position: absolute; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 5px;\"><div style=\"width: 30px; height: 6px; background: #ddd; border-radius: 3px;\"></div><div style=\"width: 30px; height: 6px; background: #ddd; border-radius: 3px;\"></div><div style=\"width: 30px; height: 6px; background: #ffb7b2; border-radius: 3px;\"></div></div></div></div></div><div style=\"margin-top: 30px; background: #fff; padding: 15px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 5px 15px rgba(255,182,193,0.3);\"><div style=\"display: flex; flex-direction: column; padding-left: 10px;\"><span style=\"font-size: 16px; font-weight: bold; color: #ff8fa3;\">Now Playing...</span><span style=\"font-size: 12px; color: #aaa; margin-top: 3px;\">My Favorite Song 🎵</span></div><div style=\"display: flex; gap: 12px; padding-right: 5px;\"><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #fff0f5; color: #ff8fa3; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ffd1dc; cursor: pointer;\">⏮</div><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #ff8fa3; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ff6b85; animation: pulse 2s infinite; cursor: pointer;\">▶</div><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #fff0f5; color: #ff8fa3; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ffd1dc; cursor: pointer;\">⏭</div></div></div></div></div></div></div>\n<br><hr><br>\n<p style=\"display: block; width: 320px; height: 550px; margin: 20px auto; background: linear-gradient(135deg, #d3d3d3, #b0b0b0); border: 2px solid #888; border-radius: 15px 15px 50px 15px; padding: 20px; box-shadow: inset -5px -5px 5px rgba(0,0,0,0.2), 8px 8px 10px rgba(0,0,0,0.4); position: relative; font-family: 'Press Start 2P', monospace, sans-serif; color: #3b3b3b;\">\n<span style=\"position: absolute; top: 25px; left: 20px; width: 10px; height: 10px; background: #c00; border-radius: 50%; border: 1px solid #800; box-shadow: inset 0 0 3px rgba(255,255,255,0.5);\"><span style=\"position: absolute; top: 28px; left: 40px; font-size: 8px; font-weight: bold; color: #555;\">POWER</span></span>\n<span style=\"display: block; width: 250px; height: 200px; background: #444; border-radius: 10px; margin: 40px auto 0 auto; padding: 15px; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);\">\n<span style=\"display: block; width: 100%; height: 100%; background: #9bbc0f; border-radius: 5px; padding: 10px; box-sizing: border-box; animation: flash 1.5s infinite;\">\n<span style=\"display: block; color: #0f380f; font-size: 16px; text-align: center; margin-top: 40px;\">HELLO,</span>\n<span style=\"display: block; color: #0f380f; font-size: 20px; text-align: center; font-weight: bold; animation: bounce 2s infinite;\">CAVEDUCK!</span>\n</span>\n</span>\n<span style=\"display: block; text-align: center; margin-top: 10px;\">\n<span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 18px; color: #5a61ad; font-style: italic;\">Nintendo </span><span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 22px; color: #5a61ad; font-weight: bold;\">GAME BOY</span><span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 10px; color: #5a61ad; vertical-align: top;\">™</span>\n</span>\n<span style=\"position: absolute; left: 40px; top: 350px;\">\n<span style=\"display: block; position: relative; width: 80px; height: 80px;\">\n<span style=\"position: absolute; top: 25px; left: 0; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"><span style=\"position: absolute; top: 25px; right: 0; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"><span style=\"position: absolute; top: 0; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"><span style=\"position: absolute; bottom: 0; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"><span style=\"position: absolute; top: 25px; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span></span></span></span></span>\n</span>\n</span>\n<span style=\"position: absolute; right: 30px; top: 360px; transform: rotate(-25deg);\">\n<span style=\"display: flex; gap: 15px;\">\n<span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"><span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\">B</span></span>\n<span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"><span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"><span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\">A</span></span></span>\n</span>\n</span>\n<span style=\"position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px;\">\n<span style=\"display: block; text-align: center;\">\n<span style=\"width: 50px; height: 20px; background: #555; border-radius: 10px; display: block; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);\"><span style=\"font-size: 10px; color: #444; font-weight: bold; margin-top: 2px; display: block;\">SELECT</span></span>\n</span>\n<span style=\"display: block; text-align: center;\">\n<span style=\"width: 50px; height: 20px; background: #555; border-radius: 10px; display: block; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);\"><span style=\"font-size: 10px; color: #444; font-weight: bold; margin-top: 2px; display: block;\">START</span></span>\n</span>\n</span>\n<span style=\"position: absolute; bottom: 20px; right: 30px; transform: rotate(-15deg);\">\n<span style=\"display: block; width: 60px; height: 40px;\">\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"><span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"><span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"><span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"><span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span></span></span></span></span>\n</span>\n</span>\n</p>"},"prologues":[{"details":{"first_chat_content":"명령 예시: (구체적일수록 좋습니다!)\n느낌/스타일/색/시스템, 캐릭터 소개, 제작자 소개 창/페이지를 만들어줘\n\n*Gemini Pro 2.5/Sonnet 3.7 으로 응답 생성 후 >>수정<<을 눌러 표시되는 전체 내용을 복붙💕*\n\n수정을 누르지 않으면 코드가 정상적으로 보이지 않습니다!\n\n*기본적으로 글자수 프롬을 적용해두었으나, 그래도 코드가 잘릴 땐 '끊긴 부분부터 완성까지 출력'!*\n\n*```내용```으로 출력시키는 것은 케이브덕에서 '정식'으로 지원하는 기능이 아니기 때문에 오류가 발생하거나 제대로 표시되지 않을 수 있습니다.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*그렇기 때문에 위 사이트에 코드를 붙여넣으셔서 확인하시면 되겠습니다.*\n\n*또한 케이브덕 채팅창 내에서도, 위 사이트에서도 '움직이는 효과'는 미리 확인할 수 없습니다. (몇가지 예외는 있음)\n하지만 오류없이 출력되었을테니 케이브덕 사이트 내의 '테스트용 봇'등등에 적용하셔서 확인하시길 추천드립니다.*\n\n자주 묻는 질문:\n*Q. html 사이트에서는 잘 나오는데 캐릭터 설명란에 넣을 땐 적용이 안됩니다 ㅠㅠ*\n*A. 설명/설정란이 아닌 반드시 '별도 설명'란을 켜주시고 그곳에 넣으셔야 합니다!*","ignore_auto_translate":["ko"],"medias":[],"origin_lang":"ko","short_description":"사용자는 코딩 상황에 대한 설명을 요청했습니다. 구체적인 예시와 함께, 느낌, 스타일, 색상, 시스템, 캐릭터 소개, 제작자 소개 창/페이지를 만들어달라고 요청했습니다. Gemini Pro 2.5/Sonnet 3.7 모델을 사용하여 응답을 생성하고, 수정 버튼을 눌러 전체 내용을 복사하여 사용해야 합니다. HTML 코드 확인을 위해 w3schools 사이트를 참조하라고 안내하며, 캐릭터 설명란 적용 시 주의사항을 언급했습니다. 또한, JSON 형식으로 응답해야 합니다.","title":"코딩"},"details_translated":{"de":{"first_chat_content":"Beispielbefehl: (Je spezifischer, desto besser!)\\nErstelle eine Gefühl/Stil/Farbe/System, Charaktervorstellung, Ersteller-Vorstellung Fenster/Seite\\n\\n*Antwort generiert mit Gemini Pro 2.5/Sonnet 3.7, dann >>Bearbeiten<< drücken und den gesamten angezeigten Inhalt kopieren und einfügen💕*\\n\\nWenn Sie nicht auf Bearbeiten klicken, wird der Code nicht richtig angezeigt!\\n\\n*Standardmäßig ist ein Zeichenlimit-Prompt angewendet, aber wenn der Code trotzdem abgeschnitten wird, verwenden Sie 'Vollständige Ausgabe ab dem abgeschnittenen Teil'!*\\n\\n*Die Ausgabe mit ```Inhalt``` ist keine 'offizielle' Funktion von Caveduck, daher können Fehler auftreten oder die Anzeige kann fehlerhaft sein.*\\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\\n*Daher können Sie dies überprüfen, indem Sie den Code auf der obigen Website einfügen.*\\n\\n*Auch im Caveduck-Chatfenster und auf der obigen Website können 'Bewegungseffekte' nicht im Voraus überprüft werden. (Es gibt ein paar Ausnahmen)\\nAber da es ohne Fehler ausgegeben wurde, empfehlen wir, es in 'Testbots' usw. auf der Caveduck-Website anzuwenden und zu überprüfen.*\\n\\nHäufig gestellte Fragen:\\n*F. Es funktioniert gut auf der HTML-Website, aber es funktioniert nicht, wenn ich es in das Charakterbeschreibungsfeld einfüge ㅠㅠ*\\nA. Sie müssen es in das 'separate Beschreibungsfeld' einfügen, nicht in das Beschreibungs-/Einstellungsfeld!","short_description":"Der Benutzer hat eine Beschreibung der Codierungssituation angefordert. Es wurde darum gebeten, eine Seite mit Beispielen, Gefühlen, Stil, Farben, System, Charaktervorstellungen und einer Vorstellung des Erstellers zu erstellen. Die Antwort sollte mit den Modellen Gemini Pro 2.5/Sonnet 3.7 generiert werden, und der gesamte Inhalt sollte durch Drücken der Schaltfläche \"Ändern\" kopiert und verwendet werden. Es wurde darauf hingewiesen, die Website w3schools zur Überprüfung des HTML-Codes zu konsultieren und Vorsicht bei der Anwendung der Charakterbeschreibungsfelder zu walten lassen. Außerdem sollte die Antwort im JSON-Format erfolgen.","title":"Codierung"},"en":{"first_chat_content":"Example command: (The more specific, the better!)\n\nCreate a feeling/style/color/system, character introduction, creator introduction window/page.\n\n*After generating a response with Gemini Pro 2.5/Sonnet 3.7, copy and paste the entire content that appears after pressing >>Edit<< 💕*\n\nIf you don't press Edit, the code won't appear correctly!\n\n*Character count prompts are applied by default, but if the code is still cut off, 'Output from the cut-off part to completion'!*\n\n*Outputting with ```content``` is not a feature officially supported by Caveduck, so errors may occur or it may not display correctly.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*Therefore, you can check by pasting the code on the above site.*\n\n*Also, 'moving effects' cannot be previewed in the Caveduck chat window or on the above site. (With a few exceptions)\nHowever, since it should have been output without errors, I recommend checking it by applying it to the 'test bot' etc. within the Caveduck site.*\n\nFrequently Asked Questions:\n*Q. It works well on the html site, but it doesn't apply when I put it in the character description field ㅠㅠ*\n*A. You must turn on the 'Separate Description' field, not the description/settings field, and put it there!*","short_description":"The user requested a description of a coding scenario. They asked for the creation of a window/page with specific examples, feelings, style, colors, system, character introductions, and creator introductions. The response should be generated using the Gemini Pro 2.5/Sonnet 3.7 model. They instructed to copy the entire content by pressing the modify button. They were advised to refer to the w3schools website for HTML code verification and mentioned precautions when applying the character description section. Furthermore, they requested the response in JSON format.","title":"Coding"},"es":{"first_chat_content":"Ejemplo de comando: (¡Cuanto más específico, mejor!)\nCrea una introducción/página para el personaje, el creador, con sentimiento/estilo/color/sistema.\n\n*Después de generar la respuesta con Gemini Pro 2.5/Sonnet 3.7, copia y pega todo el contenido que se muestra al presionar >>Modificar<< 💕*\n\n¡Si no presionas Modificar, el código no se mostrará correctamente!\n\n*Por defecto, se ha aplicado un prompt de conteo de caracteres, pero si el código aún se corta, ¡'imprime desde la parte cortada hasta la finalización'!*\n\n*Imprimir con ```contenido``` no es una función oficialmente soportada por Caveduck, por lo que pueden ocurrir errores o no mostrarse correctamente.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*Por lo tanto, puedes verificarlo pegando el código en el sitio web anterior.*\n\n*Además, los 'efectos en movimiento' no se pueden previsualizar ni en la ventana de chat de Caveduck ni en el sitio web anterior. (Hay algunas excepciones)\nPero como se habrá impreso sin errores, te recomendamos que lo verifiques aplicándolo en el 'bot de prueba', etc., dentro del sitio web de Caveduck.*\n\nPreguntas frecuentes:\n*P. Funciona bien en el sitio web html, pero no se aplica cuando lo pongo en la sección de descripción del personaje ㅠㅠ*\n*R. ¡Debes activar la sección 'Descripción separada' y ponerlo allí, no en la sección de descripción/configuración!*","short_description":"El usuario solicitó una descripción de una situación de codificación. Se solicitó que se creara una ventana/página de introducción del creador, junto con ejemplos concretos, sentimientos, estilo, color, sistema y presentación de personajes. Se debe generar una respuesta utilizando los modelos Gemini Pro 2.5/Sonnet 3.7 y copiar todo el contenido presionando el botón de modificación. Se indica que se consulte el sitio web w3schools para verificar el código HTML y se mencionan las precauciones al aplicar la sección de descripción de personajes. Además, se debe responder en formato JSON.","title":"Codificación"},"fr":{"first_chat_content":"Exemple de commande : (Plus c'est précis, mieux c'est !) \nCréez une introduction de personnage, une présentation du créateur/page, avec l'ambiance/style/couleur/système souhaités.\n\n*Réponse générée avec Gemini Pro 2.5/Sonnet 3.7, puis copiez-collez l'intégralité du contenu affiché après avoir cliqué sur >>Modifier<< 💕*\n\nSi vous ne cliquez pas sur Modifier, le code ne s'affichera pas correctement !\n\n*Par défaut, une limite de caractères est appliquée, mais si le code est toujours tronqué, utilisez 'Afficher la suite jusqu'à la fin' !*\n\n*L'affichage avec ```contenu``` n'est pas une fonctionnalité officiellement prise en charge par CaveDuck, ce qui peut entraîner des erreurs ou un affichage incorrect.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*Par conséquent, veuillez vérifier en collant le code sur le site ci-dessus.*\n\n*De plus, les 'effets animés' ne peuvent pas être prévisualisés dans la fenêtre de chat CaveDuck, ni sur le site web. (Quelques exceptions existent)\nMais comme il devrait s'afficher sans erreur, nous vous recommandons de vérifier en l'appliquant sur le 'bot de test' de CaveDuck, etc.*\n\nQuestions fréquemment posées :\n*Q. Ça marche bien sur le site HTML, mais ça ne s'applique pas quand je le mets dans la description du personnage ㅠㅠ*\n*R. Vous devez l'insérer dans la section 'Description séparée', et non dans la section description/paramètres !*","short_description":"L'utilisateur a demandé une description d'une situation de codage. Avec des exemples concrets, il a demandé de créer une fenêtre/page d'introduction avec des sentiments, un style, des couleurs, un système, une présentation de personnages et une présentation du créateur. La réponse doit être générée à l'aide des modèles Gemini Pro 2.5/Sonnet 3.7, et le contenu complet doit être copié en appuyant sur le bouton de modification. Il est conseillé de consulter le site w3schools pour vérifier le code HTML, et des précautions ont été mentionnées lors de l'application de la section de description des personnages. De plus, la réponse doit être au format JSON.","title":"Codage"},"ja":{"first_chat_content":"命令の例: (具体的であるほど良いです！)\n\n雰囲気/スタイル/色/システム、キャラクター紹介、製作者紹介の窓/ページを作って\n\n*Gemini Pro 2.5/Sonnet 3.7 で応答を生成後 >>修正<< を押して表示される全体の内容をコピペ💕*\n\n修正を押さないとコードが正常に表示されません！\n\n*基本的には文字数プロンプトを適用していますが、それでもコードが途切れる場合は「途切れた部分から完成まで出力」！*\n\n*```内容```で出力させるのはケーブダックで「正式」にサポートしている機能ではないため、エラーが発生したり、正しく表示されない場合があります。*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*そのため、上記サイトにコードを貼り付けて確認してください。*\n\n*また、ケーブダックのチャット内でも、上記サイトでも「動く効果」は事前に確認できません。（いくつかの例外はあります）\nしかし、エラーなく出力されているはずなので、ケーブダックサイト内の「テスト用ボット」などに適用して確認することをお勧めします。*\n\nよくある質問:\n*Q. htmlサイトではうまく表示されるのに、キャラクター説明欄に入れると適用されません ㅠㅠ*\n*A. 説明/設定欄ではなく、必ず「別途説明」欄をオンにして、そこに貼り付けてください！*","short_description":"ユーザーはコーディング状況の説明を要求しました。具体的な例と共に、感じ、スタイル、色、システム、キャラクター紹介、制作者紹介のウィンドウ/ページを作成してほしいと要求しました。Gemini Pro 2.5/Sonnet 3.7モデルを使用して応答を生成し、修正ボタンを押して全体の内容をコピーして使用する必要があります。HTMLコードの確認のためにw3schoolsサイトを参照するように案内し、キャラクター説明欄の適用時の注意事項を言及しました。また、JSON形式で応答する必要があります。","title":"コーディング"},"ko":{"first_chat_content":"명령 예시: (구체적일수록 좋습니다!)\n느낌/스타일/색/시스템, 캐릭터 소개, 제작자 소개 창/페이지를 만들어줘\n\n*Gemini Pro 2.5/Sonnet 3.7 으로 응답 생성 후 >>수정<<을 눌러 표시되는 전체 내용을 복붙💕*\n\n수정을 누르지 않으면 코드가 정상적으로 보이지 않습니다!\n\n*기본적으로 글자수 프롬을 적용해두었으나, 그래도 코드가 잘릴 땐 '끊긴 부분부터 완성까지 출력'!*\n\n*```내용```으로 출력시키는 것은 케이브덕에서 '정식'으로 지원하는 기능이 아니기 때문에 오류가 발생하거나 제대로 표시되지 않을 수 있습니다.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*그렇기 때문에 위 사이트에 코드를 붙여넣으셔서 확인하시면 되겠습니다.*\n\n*또한 케이브덕 채팅창 내에서도, 위 사이트에서도 '움직이는 효과'는 미리 확인할 수 없습니다. (몇가지 예외는 있음)\n하지만 오류없이 출력되었을테니 케이브덕 사이트 내의 '테스트용 봇'등등에 적용하셔서 확인하시길 추천드립니다.*\n\n자주 묻는 질문:\n*Q. html 사이트에서는 잘 나오는데 캐릭터 설명란에 넣을 땐 적용이 안됩니다 ㅠㅠ*\n*A. 설명/설정란이 아닌 반드시 '별도 설명'란을 켜주시고 그곳에 넣으셔야 합니다!*","short_description":"사용자는 코딩 상황에 대한 설명을 요청했습니다. 구체적인 예시와 함께, 느낌, 스타일, 색상, 시스템, 캐릭터 소개, 제작자 소개 창/페이지를 만들어달라고 요청했습니다. Gemini Pro 2.5/Sonnet 3.7 모델을 사용하여 응답을 생성하고, 수정 버튼을 눌러 전체 내용을 복사하여 사용해야 합니다. HTML 코드 확인을 위해 w3schools 사이트를 참조하라고 안내하며, 캐릭터 설명란 적용 시 주의사항을 언급했습니다. 또한, JSON 형식으로 응답해야 합니다.","title":"코딩"},"pt":{"first_chat_content":"Exemplo de comando: (Quanto mais específico, melhor!) \n\nCrie uma introdução de personagem, página/janela de introdução do criador, com sentimento/estilo/cor/sistema.\n\n*Após gerar a resposta com Gemini Pro 2.5/Sonnet 3.7, cole todo o conteúdo exibido após clicar em >>Editar<< 💕*\n\nSe você não clicar em Editar, o código não será exibido corretamente!\n\n*Por padrão, o prompt de contagem de caracteres foi aplicado, mas se o código ainda for cortado, 'imprima da parte cortada até a conclusão'!*\n\n*A saída com ```conteúdo``` não é uma função oficialmente suportada no CaveDuck, portanto, pode haver erros ou não ser exibida corretamente.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*Portanto, você pode verificar colando o código no site acima.*\n\n*Além disso, os 'efeitos de movimento' não podem ser verificados com antecedência na janela de bate-papo do CaveDuck ou no site acima. (Existem algumas exceções)\nMas como ele deve ter sido exibido sem erros, recomendamos que você o verifique aplicando-o em 'bots de teste', etc., no site CaveDuck.*\n\nPerguntas frequentes:\n*P. Ele funciona bem no site html, mas não se aplica quando o coloco na seção de descrição do personagem ㅠㅠ*\n*R. Você deve ativar a seção 'descrição separada' e colocá-la lá, não na seção de descrição/configuração!*","short_description":"O usuário solicitou uma descrição da situação de codificação. Foi solicitado que, juntamente com exemplos concretos, fossem criados sentimentos, estilos, cores, sistemas, introduções de personagens e uma janela/página de introdução do criador. A resposta deve ser gerada usando os modelos Gemini Pro 2.5/Sonnet 3.7, e o conteúdo completo deve ser copiado pressionando o botão de edição. É recomendado consultar o site w3schools para verificar o código HTML, e foram mencionadas precauções ao aplicar a seção de descrição do personagem. Além disso, a resposta deve estar em formato JSON.","title":"Codificação"},"zh-hans":{"first_chat_content":"命令示例：（越具体越好！）\n感觉/风格/颜色/系统，角色介绍，制作者介绍窗口/页面，请帮我制作\n\n*使用 Gemini Pro 2.5/Sonnet 3.7 生成回复后，请点击 >>修改<< 按钮，复制粘贴显示的所有内容💕*\n\n如果不点击修改，代码将无法正常显示！\n\n*默认已应用字数限制，但如果代码仍然被截断，请使用“从截断部分到完成”进行输出！*\n\n*使用 ```内容``` 进行输出不是 CaveDuck 官方支持的功能，因此可能会出现错误或无法正确显示。*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*因此，请将代码粘贴到上述网站进行验证。*\n\n*此外，在 CaveDuck 聊天窗口内，以及在上述网站中，都无法预先查看“动画效果”。（有少数例外）\n但由于已经无错误地输出了，建议您将其应用于 CaveDuck 网站内的“测试用机器人”等进行确认。*\n\n常见问题：\n*问：html 网站上显示正常，但将其放入角色说明栏时却无法应用 ㅠㅠ*\n*答：请务必启用“单独说明”栏，而不是说明/设置栏，并将代码放入其中！*","short_description":"用户请求了关于编码情况的说明。 连同具体例子，要求创建感觉、风格、颜色、系统、角色介绍、制作者介绍窗口/页面。 使用 Gemini Pro 2.5/Sonnet 3.7 模型生成响应，并提示通过点击修改按钮来复制全部内容。 建议参考 w3schools 网站以检查 HTML 代码，并提到了在应用角色说明栏时的注意事项。 此外，需要以 JSON 格式响应。","title":"编码"},"zh-hant":{"first_chat_content":"命令範例：（越具體越好！）\n感覺/風格/顏色/系統，角色介紹，製作人介紹視窗/頁面，請製作\n\n*使用 Gemini Pro 2.5/Sonnet 3.7 回應生成後 >>修改<< 並複製顯示的全部內容💕*\n\n如果不按修改，程式碼將無法正常顯示！\n\n*基本上已套用字數提示，但如果程式碼仍然被截斷，請使用「從截斷部分到完成的輸出」！*\n\n*使用 ```內容``` 輸出在 CaveDuck 中並非「正式」支援的功能，因此可能會發生錯誤或無法正確顯示。*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*因此，請將程式碼貼到上述網站進行確認。*\n\n*此外，在 CaveDuck 聊天室內，以及在上述網站中，都無法預先確認「動態效果」。 （有一些例外情況）\n但因為應該沒有錯誤地輸出，建議您將其應用於 CaveDuck 網站內的「測試用機器人」等，並進行確認。*\n\n常見問題：\n*Q. html 網站上顯示正常，但放入角色說明欄位時卻無法應用 ㅠㅠ*\n*A. 請務必開啟「獨立說明」欄位，而不是說明/設定欄位，並將其放入！*","short_description":"使用者要求提供關於程式碼編寫情境的描述。 包含具體範例，並要求建立包含感覺、風格、顏色、系統、角色介紹、製作人介紹的視窗/頁面。 使用 Gemini Pro 2.5/Sonnet 3.7 模型生成回應，並建議按下修改按鈕以複製全部內容。 建議參考 w3schools 網站以驗證 HTML 程式碼，並提醒在角色描述欄位應用時的注意事項。 此外，要求以 JSON 格式回應。","title":"編碼"}},"has_creator_widget":false,"has_dice":false,"is_chat_shareable":1,"is_nsfw":0,"sort_order":0,"title_image_url":"","visibility":0,"world_scenario_id":-1}],"selected_details":{"candid_shot_expression":0,"char_name":"Caveduck 전용 HTML봇","creator_comment":"<div style=\"background-color:#141414;color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;width:100%;overflow-x:hidden;position:relative\"><div style=\"position:absolute;top:0;left:0;width:100%;padding:15px 4%;box-sizing:border-box;background:linear-gradient(to bottom,rgba(0,0,0,0.8) 0%,transparent);z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px\"><div style=\"display:flex;align-items:center;gap:20px;flex:1\"><span style=\"color:#e50914;font-size:clamp(20px, 5vw, 30px);font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,0.3)\">WASPLIX</span><div style=\"display:flex;gap:15px;font-size:12px;color:#e5e5e5;font-weight:400;overflow-x:auto;white-space:nowrap;\"><span style=\"color:#fff;font-weight:700\">홈</span><span>시리즈</span><span>영화</span><span>NEW! 대세 콘텐츠</span></div></div></div><div style=\"position:relative;height:70vh;min-height:500px;max-height:800px;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/45e08382-4233-456b-8f49-21d0685c1f09?v=17615552910000') center/cover;\"><div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#141414 0%,rgba(20,20,20,0.6) 20%,transparent 50%,rgba(0,0,0,0.7) 100%)\"></div><div style=\"position:absolute;bottom:20%;left:4%;width:92%;max-width:600px;z-index:10\"><div style=\"font-size:clamp(14px, 4vw, 18px);text-shadow:1px 1px 3px rgba(0,0,0,0.9);margin-bottom:15px;line-height:1.5;font-weight:500;color:#e0e0e0;\">당신이 원하는 스타일의 모든 템플릿 생성 가능.<br>특별한 개성으로 시선을 사로잡아 보세요!</div><div style=\"display:flex;gap:10px\"><a href=\"#\" style=\"text-decoration:none;background:#fff;color:#000;padding:8px 20px;border-radius:4px;font-size:clamp(14px, 4vw, 16px);font-weight:bold;display:flex;align-items:center;gap:8px\"><span style=\"font-size:18px\">▶</span> 재생</a><a href=\"#\" style=\"text-decoration:none;background:rgba(109,109,110,0.7);color:#fff;padding:8px 20px;border-radius:4px;font-size:clamp(14px, 4vw, 16px);font-weight:bold;display:flex;align-items:center;gap:8px\">ⓘ 상세 정보</a></div></div></div><div style=\"position:relative;margin-top:-60px;z-index:15;padding:0 0 40px 4%\"><div style=\"font-size:clamp(16px, 4vw, 20px);font-weight:bold;margin-bottom:10px;color:#e5e5e5\">지금 뜨는 콘텐츠</div><div style=\"display:flex;overflow-x:auto;gap:10px;padding-bottom:15px;padding-right:20px;\"><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/bf4b5b12-b9dd-4327-9d96-38351dd2d4f5?v=137851') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/1eadfc36-63dc-4fa4-a2bf-90eb9ae0f8a4?v=a6793d') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/27b275de-6407-4daa-ac6c-10855610ba57?v=800bf6') center/cover;border-radius:4px;cursor:pointer\"></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/65ca4206-1821-44e0-8cf4-87f00af26f7c?v=c9c6bc') center/cover;border-radius:4px;cursor:pointer\"></div></div><div style=\"font-size:clamp(16px, 4vw, 20px);font-weight:bold;margin:20px 0 10px 0;color:#e5e5e5\">{{user}}님이 시청 중인 콘텐츠</div><div style=\"display:flex;overflow-x:auto;gap:10px;padding-bottom:15px;padding-right:20px;\"><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#333;border-radius:4px;position:relative;overflow:hidden\"><div style=\"position:absolute;top:0;left:0;width:100%;height:100%;background:url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/c19e0400-bf8c-4ac7-9b53-f7f587b66c5a?v=65af3f') center/cover;opacity:0.6\"></div><div style=\"position:absolute;bottom:0;left:0;width:100%;height:3px;background:#555\"><div style=\"width:45%;height:100%;background:#e50914\"></div></div><div style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5)\">▶</div></div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:30px\">+</div><div style=\"flex:0 0 clamp(120px, 30vw, 250px);aspect-ratio:16/9;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:30px\">+</div></div></div></div>\n<br><hr><br>\n\n<div style=\"max-width: 600px; margin: auto; background-color: #fff; color: #1a1a1a; font-family: 'Gowun Batang', serif; padding: 40px; border: 1px solid #ddd; box-shadow: 0 5px 20px rgba(0,0,0,0.05); text-align: left;\"><div style=\"border-bottom: 2px solid #1a1a1a; padding-bottom: 15px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-end;\"><span style=\"font-size: 20px; font-weight: bold; letter-spacing: 1px;\">CREATOR'S NOTE</span><span style=\"font-size: 12px; color: #888;\">RELEASE 1.0</span></div><div style=\"margin-bottom: 40px; font-size: 14px; line-height: 1.8; text-align: justify; color: #333;\"><p style=\"margin: 0 0 10px 0;\">개인적으로만 사용하던 거 공개합니다🙇\n케이브덕 제한 내에서 가능한 기능은 다 넣었습니다.\n이렇게 영업비밀 다 퍼줘도 되나 싶을 정도로...\n모쪼록 많은 도움이 되어드리길 바라며 함께 제작 화이팅입니다.\n</p><p style=\"margin: 0; color: #666; font-style: italic;\">(케이브덕 상향평준화 가보자고)</p><div style=\"margin-top: 15px; font-size: 12px; color: #999;\">※ 수틀리면 비공개로 전환됩니다.</div></div><div style=\"margin-bottom: 30px;\"><div style=\"background: #f4f4f4; padding: 5px 10px; font-size: 12px; font-weight: bold; margin-bottom: 10px; display: inline-block;\">UPDATES</div><div style=\"border-top: 1px solid #eee;\"><div style=\"display: flex; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px;\"><span style=\"font-weight: bold; width: 80px; flex-shrink: 0; color: #555;\">25.08.14</span><span style=\"color: #333;\">div 태그 추가 완료 (레이아웃 안정성 강화)</span></div><div style=\"display: flex; padding: 8px 0; border-bottom: 1px solid #eee; font-size: 13px;\"><span style=\"font-weight: bold; width: 80px; flex-shrink: 0; color: #555;\">25.08.08</span><span style=\"color: #333;\">전체적 디자인 퀄리티 및 애니메이션 업그레이드</span></div></div></div><div><div style=\"background: #1a1a1a; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: bold; margin-bottom: 15px; display: inline-block;\">F.A.Q</div><div style=\"font-size: 14px; margin-bottom: 20px;\"><div style=\"font-weight: bold; margin-bottom: 5px; color: #b71c1c;\">Q. HTML 사이트에서는 잘 나오는데 캐릭터 설명란에 넣을 땐 적용이 안 됨</div><div style=\"background: #f9f9f9; padding: 15px; border-left: 3px solid #1a1a1a; line-height: 1.6; color: #444;\"><b>A.</b><br>1. 세계관/설정란이 아닌, 반드시 <span style=\"background: #e0e0e0; padding: 0 4px; font-weight: bold;\">'별도 설명'</span> 기능을 켜주시고 그곳에 코드를 넣으셔야 정상적으로 작동합니다. 또한 위아래로 ```를 지우셨는지 확인 바랍니다.<br><br>2. 1번을 따랐는데도 코드가 그대로 노출된다. 그렇다면 코드를 잘 살펴보시고, 태그 (<> 안에 있는 것이 '태그')와 다음 태그 사이에 있는 모든 공백,띄어쓰기,줄바꿈(엔터)을 지워주세요. 깨짐 현상을 일으키는 주요 원인입니다.<br><br>3. 모두 따랐는데도 해결되지 않을 시 제작자보다 똑똑한 AI한테 따로 문의 부탁드립니다.</div></div></div></div>\n\n","default_expression":0,"enable_candid_shot":false,"expressions":[{"imageName":"{{char}}는 컴퓨터 앞에서 키보드를 치고 있다. 컴퓨터 화면에는 텍스트가 표시되어 있으며, {{char}}의 손이 키보드 위에 놓여 있다.","imageNameInternal":"A pixelated hand with a computer keyboard and monitor sits in a room with a plant and a warm light.","imagePath":"https://cdn.caveduck.io/charim/45e08382-4233-456b-8f49-21d0685c1f09?v=17666478710000","isNSFW":false,"isPorn":false,"isRestricted":false,"media":{"files":[{"duration":5,"height":938,"mimetype":"video/mp4","name":"standard","url":"https://cdn.caveduck.io/charim-standard/45e08382-4233-456b-8f49-21d0685c1f09?v=wcef3d","width":640},{"height":937,"mimetype":"image/webp","name":"poster","url":"https://cdn.caveduck.io/charim-poster/45e08382-4233-456b-8f49-21d0685c1f09?v=wcef3d","width":640},{"duration":5,"height":1160,"mimetype":"video/mp4","name":"1920x","url":"https://cdn.caveduck.io/charim-1920x/45e08382-4233-456b-8f49-21d0685c1f09?v=wcef3d","width":792}],"hash":"wcef3de369fd68b83977a688bf4d1b22"},"mediaId":7186303}],"first_mes":[{"content":"명령 예시: (구체적일수록 좋습니다!)\n느낌/스타일/색/시스템, 캐릭터 소개, 제작자 소개 창/페이지를 만들어줘\n\n*Gemini Pro 2.5/Sonnet 3.7 으로 응답 생성 후 >>수정<<을 눌러 표시되는 전체 내용을 복붙💕*\n\n수정을 누르지 않으면 코드가 정상적으로 보이지 않습니다!\n\n*기본적으로 글자수 프롬을 적용해두었으나, 그래도 코드가 잘릴 땐 '끊긴 부분부터 완성까지 출력'!*\n\n*```내용```으로 출력시키는 것은 케이브덕에서 '정식'으로 지원하는 기능이 아니기 때문에 오류가 발생하거나 제대로 표시되지 않을 수 있습니다.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*그렇기 때문에 위 사이트에 코드를 붙여넣으셔서 확인하시면 되겠습니다.*\n\n*또한 케이브덕 채팅창 내에서도, 위 사이트에서도 '움직이는 효과'는 미리 확인할 수 없습니다. (몇가지 예외는 있음)\n하지만 오류없이 출력되었을테니 케이브덕 사이트 내의 '테스트용 봇'등등에 적용하셔서 확인하시길 추천드립니다.*\n\n자주 묻는 질문:\n*Q. html 사이트에서는 잘 나오는데 캐릭터 설명란에 넣을 땐 적용이 안됩니다 ㅠㅠ*\n*A. 설명/설정란이 아닌 반드시 '별도 설명'란을 켜주시고 그곳에 넣으셔야 합니다!*","title":"코딩"}],"ignore_auto_translate":["ko"],"is_dynamic_prompt_lang":true,"origin_lang":"ko","short_description":"🍯깡통AI의 케이브덕 전용 코딩 대장정🍯","user_desc":"AI의 케이브덕 전용 코드 짜주기\n\n명령: (구체적일수록 좋습니다!)\n무슨무슨 느낌/스타일/색의\n페이지/시스템 창, 통통 튀는 버튼 등등... 을 만들어줘\n\n무슨 용도로 사용하실지 정확히 알려주시는게 좋습니다.\n\n예시: \n\n<div style=\"max-width: 800px; margin: auto; background: #000; border: 2px solid #0f0; font-family: 'Courier New', monospace; padding: 20px; color: #0f0; text-shadow: 0 0 5px #0f0; box-shadow: 0 0 20px rgba(0, 255, 0, 0.4);\"><div style=\"border-bottom: 1px solid #0f0; padding-bottom: 10px; margin-bottom: 20px; display: flex; justify-content: space-between;\"><span>SYSTEM: HTML_GENERATOR</span><span style=\"animation: flash 3s infinite;\">[ONLINE]</span></div><div style=\"margin-bottom: 30px;\"><span style=\"display: block; font-size: 14px; opacity: 0.7;\">&gt;INITIALIZING DATA MODULE...</span><span style=\"display: block; font-size: 14px; opacity: 0.7;\">&gt;STARTING HTML BOT...</span><br><span style=\"display: block; font-size: 28px; font-weight: bold; line-height: 1.2;\">NEED A <span style=\"position:relative; display:inline-block;\"><span style=\"background: #0f0; color: #000; padding: 0 5px;\">PERFECT</span><span style=\"position:absolute; top:0; left:0; width:100%; background: #f00; color: #fff; padding: 0 5px; animation: flash 2s infinite; opacity: 0.8;\">PERFECT</span></span> <span style=\"position:relative; display:inline-block;\"><span style=\"background: #0f0; color: #000; padding: 0 5px;\">PROFILE?</span><span style=\"position:absolute; top:0; left:0; width:100%; background: #f00; color: #fff; padding: 0 5px; animation: flash 2s infinite; opacity: 0.8;\">PROFILE?</span></span><br>EXECUTE YOUR IMAGINATION.</span></div><div style=\"display: flex; flex-direction: column; gap: 15px; margin-bottom: 30px;\"><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 01: AUTO_LAYOUT</span><span style=\"font-size: 13px; opacity: 0.8;\">새로운 `div` 태그 기반. 레이아웃 붕괴 없음. 모바일 완벽 호환.</span></div><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 02: STYLE_CREATION</span><span style=\"font-size: 13px; opacity: 0.8;\">CSS 그라데이션, 애니메이션, 빛 효과 등 고급 비주얼 구현 가능.</span></div><div style=\"border: 1px dashed #0f0; padding: 15px; background: rgba(0, 255, 0, 0.05);\"><span style=\"display: block; font-weight: bold; margin-bottom: 5px;\">&gt; FUNCTION 03: THEME_OVERRIDE</span><span style=\"font-size: 13px; opacity: 0.8;\">판타지, 로맨스 등 장르 불문. 모든 세계관에 맞는 UI 제작.</span></div></div><div style=\"text-align: center; border-top: 1px solid #0f0; padding-top: 20px;\"><span style=\"display: inline-block; animation: pulse 2s infinite;\">&gt;&gt; WAITING FOR COMMAND_ <span style=\"display: inline-block; width: 10px; height: 2px; background: #0f0; animation: flash 0.5s infinite;\"></span></span></div></div>\n<br><hr><br>\n<div style=\"max-width: 950px; margin: auto; background-color: #fff0f5; background-image: url(https://www.transparenttextures.com/patterns/cubes.png); font-family: 'Gowun Dodum', 'Noto Sans KR', sans-serif; padding: clamp(20px, 5vw, 40px); border-radius: 30px; box-shadow: 0 10px 40px rgba(255, 182, 193, 0.3); border: 1px solid #ffdae0;\"><div style=\"display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center;\"><div style=\"flex: 1 1 350px; background: #fff; border-radius: 30px; padding: 35px; box-shadow: 0 10px 25px rgba(230, 230, 230, 0.5); border: 4px solid #ffe4e9; height: 100%; box-sizing: border-box;\"><div style=\"text-align: center; margin-bottom: 25px;\"><div style=\"width: 100px; height: 100px; margin: 0 auto 15px auto; background: url('https://cdn.caveduck.io/cdn-cgi/image/anim=true,f=auto,w=800/charim/1e3076b1-3133-4220-8218-6642c9ba11a6?v=17581656850000') no-repeat center center / cover; border-radius: 50%; border: 4px solid #ffb7b2; box-shadow: 0 5px 15px rgba(255, 183, 178, 0.4);\"></div><span style=\"display: block; font-size: 24px; font-weight: bold; color: #ff8fa3; letter-spacing: -1px; text-shadow: 2px 2px 0 #ffe4e9;\">말벌_Wasp66</span><span style=\"display: block; font-size: 14px; color: #aaa; margin-top: 5px;\">@wasp66</span></div><div style=\"background: #fff9fa; border-radius: 15px; padding: 15px; margin-bottom: 25px; border: 2px dashed #ffcdd2; font-size: 14px; line-height: 1.6; color: #555; text-align: justify;\"> 귀엽고 포근한 느낌의 제작자 소개창입니다 :P 🍰</div><div style=\"margin-bottom: 25px;\"><span style=\"display: block; font-size: 12px; font-weight: bold; color: #ffb7b2; margin-bottom: 8px; letter-spacing: 1px;\">🎫 REFERRAL CODE</span><div style=\"display: flex; align-items: center; background: #ffe4e9; border-radius: 10px; padding: 10px 15px; border: 2px solid #ffc1cc; border-style: dashed;\"><span style=\"flex: 1; font-family: 'Courier New', monospace; font-weight: bold; color: #e57373; font-size: 16px; letter-spacing: 1px;\">7bG2XJrUib</span><span style=\"font-size: 18px;\">✂️</span></div></div><div><span style=\"display: block; font-size: 12px; font-weight: bold; color: #ffb7b2; margin-bottom: 8px; letter-spacing: 1px;\">✨ RECOMMENDED AI</span><div style=\"display: flex; flex-wrap: wrap; gap: 8px;\"><span style=\"background: #e0f7fa; color: #006064; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid #b2ebf2;\">Gemini 2.5 Pro</span><span style=\"background: #f3e5f5; color: #4a148c; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; border: 1px solid #e1bee7;\">Claude 3.7 Sonnet</span></div></div></div><div style=\"flex: 1 1 350px;\"><div style=\"max-width: 450px; margin: auto; background-color: #ffe4e9; background-image: url(https://www.transparenttextures.com/patterns/cubes.png); border-radius: 40px; padding: 40px; box-shadow: 0 20px 50px rgba(255, 182, 193, 0.4), inset 0 -10px 0 rgba(0,0,0,0.05); font-family: 'Courier New', monospace; box-sizing: border-box; border: 6px solid #fff; position: relative;\"><div style=\"background: #fff0f5; border-radius: 30px; height: 380px; position: relative; box-shadow: inset 3px 3px 10px rgba(0,0,0,0.05), 0 0 0 5px #ffb7b2; overflow: hidden;\"><div style=\"position: absolute; top: 15px; left: 20px; font-size: 12px; font-weight: bold; color: #ffb7b2; letter-spacing: 2px;\">BERRY PLAYER</div><div style=\"position: absolute; top: 15px; right: 20px; width: 10px; height: 10px; background: #ff5252; border-radius: 50%; box-shadow: 0 0 10px #ff5252; animation: flash 2s infinite;\"></div><div style=\"position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: 260px; height: 260px; border-radius: 50%; background: #222; display: flex; box-shadow: 0 10px 30px rgba(0,0,0,0.15); justify-content: center; align-items: center;\"><div style=\"width: 250px; height: 250px; border-radius: 50%; position: relative; animation: spin 8s linear infinite;\"><div style=\"width: 100%; height: 100%; border-radius: 50%; background: repeating-radial-gradient(#111, #111 2px, #222 3px, #222 4px); position: absolute; top: 0; left: 0;\"></div><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110px; height: 110px; border-radius: 50%; background: url('https://cdn.caveduck.io/cdn-cgi/image/f=auto,w=500/charim/5b254201-6a63-4b8a-8159-28e3de43e432?v=b9fd5f') no-repeat center center / cover; border: 4px solid #fff;\"></div><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; background: #ddd; border-radius: 50%; border: 2px solid #999; z-index: 10;\"></div></div></div><div style=\"position: absolute; top: 40px; right: 40px; width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, #e0e0e0, #fff); box-shadow: 5px 5px 15px rgba(0,0,0,0.1); z-index: 20; border: 1px solid #ccc; display:flex; justify-content:center; align-items:center;\"><div style=\"width: 15px; height: 15px; background: #aaa; border-radius: 50%;\"></div></div><div style=\"position: absolute; top: 75px; right: 75px; width: 12px; height: 170px; background: linear-gradient(90deg, #ccc, #eee, #ccc); transform-origin: top center; transform: rotate(5deg); border-radius: 6px; z-index: 21; box-shadow: 2px 5px 5px rgba(0,0,0,0.2);\"></div><div style=\"position: absolute; top: 215px; right: 70px; width: 35px; height: 50px; background: #ffb7b2; transform: rotate(60deg); border-radius: 10px; z-index: 22; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);\"></div><div style=\"position: absolute; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 5px;\"><div style=\"width: 30px; height: 6px; background: #ddd; border-radius: 3px;\"></div><div style=\"width: 30px; height: 6px; background: #ddd; border-radius: 3px;\"></div><div style=\"width: 30px; height: 6px; background: #ffb7b2; border-radius: 3px;\"></div></div></div><div style=\"margin-top: 30px; background: #fff; padding: 15px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 5px 15px rgba(255,182,193,0.3);\"><div style=\"display: flex; flex-direction: column; padding-left: 10px;\"><span style=\"font-size: 16px; font-weight: bold; color: #ff8fa3;\">Now Playing...</span><span style=\"font-size: 12px; color: #aaa; margin-top: 3px;\">My Favorite Song 🎵</span></div><div style=\"display: flex; gap: 12px; padding-right: 5px;\"><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #fff0f5; color: #ff8fa3; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ffd1dc; cursor: pointer;\">⏮</div><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #ff8fa3; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ff6b85; animation: pulse 2s infinite; cursor: pointer;\">▶</div><div style=\"width: 45px; height: 45px; border-radius: 50%; background: #fff0f5; color: #ff8fa3; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 3px 3px 0 #ffd1dc; cursor: pointer;\">⏭</div></div></div></div></div></div></div>\n<br><hr><br>\n<p style=\"display: block; width: 320px; height: 550px; margin: 20px auto; background: linear-gradient(135deg, #d3d3d3, #b0b0b0); border: 2px solid #888; border-radius: 15px 15px 50px 15px; padding: 20px; box-shadow: inset -5px -5px 5px rgba(0,0,0,0.2), 8px 8px 10px rgba(0,0,0,0.4); position: relative; font-family: 'Press Start 2P', monospace, sans-serif; color: #3b3b3b;\">\n<span style=\"position: absolute; top: 25px; left: 20px; width: 10px; height: 10px; background: #c00; border-radius: 50%; border: 1px solid #800; box-shadow: inset 0 0 3px rgba(255,255,255,0.5);\"></span><span style=\"position: absolute; top: 28px; left: 40px; font-size: 8px; font-weight: bold; color: #555;\">POWER</span>\n<span style=\"display: block; width: 250px; height: 200px; background: #444; border-radius: 10px; margin: 40px auto 0 auto; padding: 15px; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);\">\n<span style=\"display: block; width: 100%; height: 100%; background: #9bbc0f; border-radius: 5px; padding: 10px; box-sizing: border-box; animation: flash 1.5s infinite;\">\n<span style=\"display: block; color: #0f380f; font-size: 16px; text-align: center; margin-top: 40px;\">HELLO,</span>\n<span style=\"display: block; color: #0f380f; font-size: 20px; text-align: center; font-weight: bold; animation: bounce 2s infinite;\">CAVEDUCK!</span>\n</span>\n</span>\n<span style=\"display: block; text-align: center; margin-top: 10px;\">\n<span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 18px; color: #5a61ad; font-style: italic;\">Nintendo </span><span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 22px; color: #5a61ad; font-weight: bold;\">GAME BOY</span><span style=\"font-family: 'Arial Black', Gadget, sans-serif; font-size: 10px; color: #5a61ad; vertical-align: top;\">™</span>\n</span>\n<span style=\"position: absolute; left: 40px; top: 350px;\">\n<span style=\"display: block; position: relative; width: 80px; height: 80px;\">\n<span style=\"position: absolute; top: 25px; left: 0; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 25px; right: 0; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 0; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; bottom: 0; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n<span style=\"position: absolute; top: 25px; left: 25px; width: 30px; height: 30px; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.5);\"></span>\n</span>\n</span>\n<span style=\"position: absolute; right: 30px; top: 360px; transform: rotate(-25deg);\">\n<span style=\"display: flex; gap: 15px;\">\n<span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\">B</span>\n<span style=\"width: 45px; height: 45px; background: #a02c53; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #6d1d39; font-weight: bold; font-size: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px rgba(0,0,0,0.3);\">A</span>\n</span>\n</span>\n<span style=\"position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px;\">\n<span style=\"display: block; text-align: center;\">\n<span style=\"width: 50px; height: 20px; background: #555; border-radius: 10px; display: block; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);\"></span>\n<span style=\"font-size: 10px; color: #444; font-weight: bold; margin-top: 2px; display: block;\">SELECT</span>\n</span>\n<span style=\"display: block; text-align: center;\">\n<span style=\"width: 50px; height: 20px; background: #555; border-radius: 10px; display: block; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);\"></span>\n<span style=\"font-size: 10px; color: #444; font-weight: bold; margin-top: 2px; display: block;\">START</span>\n</span>\n</span>\n<span style=\"position: absolute; bottom: 20px; right: 30px; transform: rotate(-15deg);\">\n<span style=\"display: block; width: 60px; height: 40px;\">\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n<span style=\"display: block; height: 3px; background: #888; margin-bottom: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);\"></span>\n</span>\n</span>\n</p>"},"world_scenario":{"details":{"short_description":"","title":"","user_description":""},"details_translated":{"de":{"short_description":"","title":"","user_description":""},"en":{"short_description":"","title":"","user_description":""},"es":{"short_description":"","title":"","user_description":""},"fr":{"short_description":"","title":"","user_description":""},"ja":{"short_description":"","title":"","user_description":""},"ko":{"short_description":"","title":"","user_description":""},"pt":{"short_description":"","title":"","user_description":""},"zh-hans":{"short_description":"","title":"","user_description":""},"zh-hant":{"short_description":"","title":"","user_description":""}},"is_dedicated":true,"visibility":0}}},"first_mes":"명령 예시: (구체적일수록 좋습니다!)\n느낌/스타일/색/시스템, 캐릭터 소개, 제작자 소개 창/페이지를 만들어줘\n\n*Gemini Pro 2.5/Sonnet 3.7 으로 응답 생성 후 >>수정<<을 눌러 표시되는 전체 내용을 복붙💕*\n\n수정을 누르지 않으면 코드가 정상적으로 보이지 않습니다!\n\n*기본적으로 글자수 프롬을 적용해두었으나, 그래도 코드가 잘릴 땐 '끊긴 부분부터 완성까지 출력'!*\n\n*```내용```으로 출력시키는 것은 케이브덕에서 '정식'으로 지원하는 기능이 아니기 때문에 오류가 발생하거나 제대로 표시되지 않을 수 있습니다.*\nhttps://www.w3schools.com/css/tryit.asp?filename=trycss_default\n*그렇기 때문에 위 사이트에 코드를 붙여넣으셔서 확인하시면 되겠습니다.*\n\n*또한 케이브덕 채팅창 내에서도, 위 사이트에서도 '움직이는 효과'는 미리 확인할 수 없습니다. (몇가지 예외는 있음)\n하지만 오류없이 출력되었을테니 케이브덕 사이트 내의 '테스트용 봇'등등에 적용하셔서 확인하시길 추천드립니다.*\n\n자주 묻는 질문:\n*Q. html 사이트에서는 잘 나오는데 캐릭터 설명란에 넣을 땐 적용이 안됩니다 ㅠㅠ*\n*A. 설명/설정란이 아닌 반드시 '별도 설명'란을 켜주시고 그곳에 넣으셔야 합니다!*","mes_example":"","name":"Caveduck 전용 HTML봇","nickname":"","personality":"","post_history_instructions":"","scenario":"","system_prompt":"","tagline":"🍯깡통AI의 케이브덕 전용 코딩 대장정🍯","tags":["Assistant","asst-contest-win","original-character","Simulator","Training"]},"spec":"chara_card_v3","spec_version":"3.0"}