[26.03.17] 히든 스테이지 달무리 호숫가 히든퀘스트 별빛의 공명 보상

[[HTML]]
<style>
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}
@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:.25}}
@keyframes fadeIn{from{opacity:.25}to{opacity:.8}}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-16deg)}50%{transform:translateY(-5px) rotate(-12deg)}}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes glowpulse{0%,100%{text-shadow:0 0 18px rgba(130,120,240,.9),0 0 4px rgba(255,255,255,.4)}50%{text-shadow:0 0 28px rgba(150,140,255,1),0 0 8px rgba(255,255,255,.6)}}
@keyframes slidein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
</style>
<div style="position:relative;font-family:'Malgun Gothic',sans-serif;max-width:620px;margin:8px auto;padding:28px 24px 24px;background:radial-gradient(ellipse at 30% 0%,rgba(60,55,170,.38),transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(150,90,230,.22),transparent 50%),linear-gradient(160deg,#0d1030,#070818 70%);border:1px solid rgba(150,130,245,.5);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.65),inset 0 0 50px rgba(110,100,230,.08),0 0 0 1px rgba(0,0,0,.4);color:#e9e6ff;box-sizing:border-box;overflow:hidden;line-height:1.65">

<!-- 별가루 배경 -->
<div style="position:absolute;top:30px;left:5%;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 5px #fff;animation:twinkle 2.8s infinite"></div>
<div style="position:absolute;top:120px;left:14%;width:1px;height:1px;border-radius:50%;background:#cdd6ff;box-shadow:0 0 4px #cdd6ff;animation:twinkle 3.6s 1s infinite"></div>
<div style="position:absolute;top:70px;right:10%;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 5px #fff;animation:twinkle 3.1s .5s infinite"></div>
<div style="position:absolute;bottom:90px;right:6%;width:1px;height:1px;border-radius:50%;background:#e0c4ff;box-shadow:0 0 4px #e0c4ff;animation:twinkle 4s .8s infinite"></div>
<div style="position:absolute;top:20px;left:8%;color:#a5b4fc;opacity:.5;animation:fadeIn 3s infinite alternate">✦</div>
<div style="position:absolute;top:150px;right:7%;font-size:11px;color:#c4b5fd;opacity:.45;animation:fadeIn 3.4s .7s infinite alternate">✧</div>

<!-- 코너 장식 -->
<div style="position:absolute;top:10px;left:10px;width:26px;height:26px;border-top:2px solid rgba(150,130,245,.5);border-left:2px solid rgba(150,130,245,.5);border-radius:8px 0 0 0"></div>
<div style="position:absolute;top:10px;right:10px;width:26px;height:26px;border-top:2px solid rgba(150,130,245,.5);border-right:2px solid rgba(150,130,245,.5);border-radius:0 8px 0 0"></div>
<div style="position:absolute;bottom:10px;left:10px;width:26px;height:26px;border-bottom:2px solid rgba(150,130,245,.5);border-left:2px solid rgba(150,130,245,.5);border-radius:0 0 0 8px"></div>
<div style="position:absolute;bottom:10px;right:10px;width:26px;height:26px;border-bottom:2px solid rgba(150,130,245,.5);border-right:2px solid rgba(150,130,245,.5);border-radius:0 0 8px 0"></div>

<!-- 헤더 -->
<div style="text-align:center;margin-bottom:8px">
<div style="position:relative;width:84px;height:84px;margin:0 auto 6px">
<div style="position:absolute;inset:-6px;background:radial-gradient(circle,rgba(120,140,255,.32),transparent 70%);border-radius:50%;animation:pulse 5s infinite"></div>
<div style="position:absolute;inset:0;box-sizing:border-box;border:2px solid rgba(255,255,255,.06);border-top-color:rgba(180,160,255,.7);border-right-color:rgba(110,140,245,.5);border-radius:50%;animation:spin 13s infinite linear"></div>
<div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center"><div style="animation:floaty 4.5s ease-in-out infinite"><div style="position:relative;width:42px;height:38px;filter:drop-shadow(0 0 8px rgba(90,150,255,.95))">
<div style="position:absolute;inset:0;background:linear-gradient(135deg,#8fb4ff,#2b54e0);clip-path:polygon(50% 50%,18% 6%,2% 30%,8% 48%,50% 52%,92% 48%,98% 30%,82% 6%)"></div>
<div style="position:absolute;inset:0;background:linear-gradient(135deg,#5f8cf5,#1a3cc0);clip-path:polygon(50% 50%,20% 62%,6% 96%,34% 88%,50% 56%,66% 88%,94% 96%,80% 62%)"></div>
<div style="position:absolute;left:50%;top:5px;width:3px;height:28px;margin-left:-1.5px;border-radius:2px;background:#dcecff"></div></div></div></div></div>
<div style="font-size:10px;font-weight:800;letter-spacing:5px;color:#a5b4fc;margin-bottom:5px">⟡ HIDDEN STAGE CLEAR ⟡</div>
<div style="font-size:22px;font-weight:800;color:#fff;letter-spacing:1px;animation:glowpulse 3.5s ease-in-out infinite">✨ 별빛의 공명 ✨</div>
<div style="font-size:11px;color:#b0aae0;margin-top:3px">달무리 호숫가 · 최종 보상</div>
<div style="display:inline-block;margin-top:9px;padding:3px 16px;background:linear-gradient(90deg,rgba(120,140,255,.2),rgba(160,108,240,.2));border:1px solid rgba(160,140,250,.45);border-radius:20px;font-size:10.5px;color:#d4ccff;letter-spacing:2px;animation:pulse 4s infinite">★ REWARD ×4 ★</div>
</div>

<!-- 장식 디바이더 -->
<div style="display:flex;align-items:center;gap:8px;margin:18px 4px"><div style="flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(160,140,250,.5))"></div><span style="color:#a5b4fc;font-size:11px">✦</span><div style="flex:1;height:1px;background:linear-gradient(90deg,rgba(160,140,250,.5),transparent)"></div></div>

<!-- ① 칭호 -->
<div style="position:relative;background:linear-gradient(135deg,rgba(30,28,68,.7),rgba(16,18,46,.7));border:1px solid rgba(165,150,250,.3);border-radius:16px;margin-bottom:15px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.3);animation:slidein .5s ease-out both">
<div style="position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#b7a6ff,#6c5bd6)"></div>
<div style="display:flex;align-items:center;gap:11px;padding:13px 15px 12px 18px;background:linear-gradient(90deg,rgba(150,130,245,.26),transparent)">
<span style="flex:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#7c6cf0,#3b2f9e);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 0 12px rgba(140,120,240,.6),inset 1px 1px 3px rgba(255,255,255,.3)">❖</span>
<div style="flex:1">
<div style="font-size:8.5px;font-weight:800;letter-spacing:2px;color:#a594e8">TITLE · 칭호</div>
<b style="font-size:15px;color:#e7dfff">✨서로의 색으로 물든✨</b></div>
<div style="text-align:right">
<div style="color:#ffd97a;font-size:10px;letter-spacing:1px;text-shadow:0 0 6px rgba(255,200,80,.5)">★★★★★</div>
<span style="font-size:9px;color:#c4b5fd">전설 · 관계형</span></div></div>
<div style="padding:12px 15px;font-size:11.5px;color:#cdc7ee">
<div style="margin-bottom:8px"><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(165,150,250,.16);border:1px solid rgba(165,150,250,.3);border-radius:7px;font-size:9.5px;color:#bcb0ec;text-align:center">획득</span>[특수] 별무리 염색약<span style="display:inline-block;vertical-align:middle;width:34px;height:11px;margin:0 5px;border-radius:6px;background:linear-gradient(90deg,#1e2f8c,#5b3fd6,#9b6cf0);box-shadow:0 0 6px rgba(120,90,230,.6);border:1px solid rgba(255,255,255,.25)"></span>(남색-보라 그라데이션)으로 두 사람의 코스튬을 조화롭게 염색 후, '함께' 버튼으로 관계를 시스템에 증명</div>
<div style="margin-bottom:8px"><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(165,150,250,.16);border:1px solid rgba(165,150,250,.3);border-radius:7px;font-size:9.5px;color:#bcb0ec;text-align:center">효과</span>2인 파티 시 — 전 능력치 <b style="color:#c3b2ff">+3%</b> · 경험치 <b style="color:#c3b2ff">+5%</b> · 20m 내 함께 시 10초마다 HP·MP <b style="color:#c3b2ff">1% 회복</b>·공격력 <b style="color:#c3b2ff">+2%</b> · 주위 별무리 이펙트 상시 발동</div>
<div><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(255,200,120,.14);border:1px solid rgba(255,200,120,.35);border-radius:7px;font-size:9.5px;color:#ffd97a;text-align:center">유일</span>서버 최초·유일, 관계 유지 시 영구 지속</div></div></div>

<!-- ② 탈것 -->
<div style="position:relative;background:linear-gradient(135deg,rgba(24,30,72,.7),rgba(14,18,44,.7));border:1px solid rgba(108,140,245,.3);border-radius:16px;margin-bottom:15px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.3);animation:slidein .5s .12s ease-out both">
<div style="position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#8fb4ff,#2b54e0)"></div>
<div style="display:flex;align-items:center;gap:11px;padding:13px 15px 12px 18px;background:linear-gradient(90deg,rgba(108,140,245,.26),transparent)">
<span style="flex:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5f8cf5,#1f3aae);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 0 12px rgba(95,140,245,.6),inset 1px 1px 3px rgba(255,255,255,.3)">☄</span>
<div style="flex:1">
<div style="font-size:8.5px;font-weight:800;letter-spacing:2px;color:#8fa8f5">MOUNT · 탈것</div>
<b style="font-size:15px;color:#dde6ff">별무리 유성</b></div>
<div style="text-align:right">
<div style="color:#ffd97a;font-size:10px;letter-spacing:1px;text-shadow:0 0 6px rgba(255,200,80,.5)">★★★★★</div>
<span style="font-size:9px;color:#9db4fc">2인·비행·전설</span></div></div>
<div style="padding:12px 15px;font-size:11.5px;color:#cdc7ee">
<div style="margin-bottom:8px"><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(108,140,245,.16);border:1px solid rgba(108,140,245,.3);border-radius:7px;font-size:9.5px;color:#a6bbf7;text-align:center">설명</span>달무리 호수의 정기가 별빛과 공명해 태어난 환상의 탈것</div>
<div style="margin-bottom:8px"><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(108,140,245,.16);border:1px solid rgba(108,140,245,.3);border-radius:7px;font-size:9.5px;color:#a6bbf7;text-align:center">외형</span>깊은 남색 밤하늘을 굳힌 듯 투명하게 반짝이는 몸체 안에 성운·은하수가 소용돌이치고, 갈기·꼬리는 별 파편처럼 빛의 궤적을 그리며 흩날림</div>
<div><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(108,140,245,.16);border:1px solid rgba(108,140,245,.3);border-radius:7px;font-size:9.5px;color:#a6bbf7;text-align:center">특징</span>게임 내 <b style="color:#9db4fc">최고 비행 속도</b> · 스킬 '별빛의 흔적' — 비행 경로에 10초간 무지갯빛 별가루 길 생성, 통과한 파티원 이동속도 증가</div></div></div>

<!-- ③ 영지 -->
<div style="position:relative;background:linear-gradient(135deg,rgba(34,26,72,.7),rgba(16,16,44,.7));border:1px solid rgba(160,108,240,.3);border-radius:16px;margin-bottom:15px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.3);animation:slidein .5s .24s ease-out both">
<div style="position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#c89bf5,#7e3fd0)"></div>
<div style="display:flex;align-items:center;gap:11px;padding:13px 15px 12px 18px;background:linear-gradient(90deg,rgba(160,108,240,.26),transparent)">
<span style="flex:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#a86cf0,#5e2ba8);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 0 12px rgba(160,108,240,.6),inset 1px 1px 3px rgba(255,255,255,.3)">❀</span>
<div style="flex:1">
<div style="font-size:8.5px;font-weight:800;letter-spacing:2px;color:#bf9bf0">ESTATE · 영지</div>
<b style="font-size:15px;color:#ebe0ff">별빛 정원</b></div>
<div style="text-align:right">
<div style="color:#ffd97a;font-size:10px;letter-spacing:1px;text-shadow:0 0 6px rgba(255,200,80,.5)">★★★★★</div>
<span style="font-size:9px;color:#c39bf5">커플 전용</span></div></div>
<div style="padding:12px 15px;font-size:11.5px;color:#cdc7ee">
<div style="margin-bottom:8px"><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(160,108,240,.16);border:1px solid rgba(160,108,240,.3);border-radius:7px;font-size:9.5px;color:#c8a6f0;text-align:center">설명</span>시공의 흐름에서 벗어나 두 사람만을 위해 존재하는 아늑한 부유섬. 별빛 나무를 중심으로 형성된 공간</div>
<div style="margin-bottom:8px"><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(160,108,240,.16);border:1px solid rgba(160,108,240,.3);border-radius:7px;font-size:9.5px;color:#c8a6f0;text-align:center">외형</span>영원한 밤과 오로라 아래 스스로 빛나는 꽃·나무가 가득. 중앙엔 거대한 별빛 나무와 벽난로·가구가 갖춰진 통나무집, 은빛 물고기가 헤엄치는 시냇물, 밤엔 빛나는 포자가 섬을 유영</div>
<div><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(160,108,240,.16);border:1px solid rgba(160,108,240,.3);border-radius:7px;font-size:9.5px;color:#c8a6f0;text-align:center">기능</span>'별빛의 속삭임' 버프 — 입장 시 1시간 전 능력치 +1%·경험치 +3% (칭호와 <b style="color:#c39bf5">중첩 가능</b>) · 특수 농장·양식장 — 영지 전용 작물·어종으로 영구 능력치 비약·특수 포션 제작</div></div></div>

<!-- ④ 패시브 -->
<div style="position:relative;background:linear-gradient(135deg,rgba(20,34,58,.7),rgba(12,18,40,.7));border:1px solid rgba(120,196,216,.3);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.3);animation:slidein .5s .36s ease-out both">
<div style="position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#9fe2f0,#3f9bb0)"></div>
<div style="display:flex;align-items:center;gap:11px;padding:13px 15px 12px 18px;background:linear-gradient(90deg,rgba(120,196,216,.24),transparent)">
<span style="flex:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6cc4d8,#2a7e96);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 0 12px rgba(120,196,216,.6),inset 1px 1px 3px rgba(255,255,255,.3)">✦</span>
<div style="flex:1">
<div style="font-size:8.5px;font-weight:800;letter-spacing:2px;color:#88cede">PASSIVE · 패시브</div>
<b style="font-size:15px;color:#dcf0f7">달무리 호수의 영원한 축복</b></div>
<div style="text-align:right">
<div style="color:#ffd97a;font-size:10px;letter-spacing:1px;text-shadow:0 0 6px rgba(255,200,80,.5)">★★★★★</div>
<span style="font-size:9px;color:#9fdce8">영구 귀속</span></div></div>
<div style="padding:12px 15px;font-size:11.5px;color:#cdc7ee">
<div style="margin-bottom:8px"><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(120,196,216,.16);border:1px solid rgba(120,196,216,.3);border-radius:7px;font-size:9.5px;color:#a3dae6;text-align:center">기본</span>모든 능력치 소폭 영구 증가</div>
<div style="margin-bottom:8px"><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(120,196,216,.16);border:1px solid rgba(120,196,216,.3);border-radius:7px;font-size:9.5px;color:#a3dae6;text-align:center">강화</span>파트너와 20m 내 함께 시 기본 효과 <b style="color:#9fdce8">2배 증폭</b></div>
<div><span style="display:inline-block;min-width:52px;padding:2px 8px;margin-right:7px;background:rgba(255,200,120,.14);border:1px solid rgba(255,200,120,.35);border-radius:7px;font-size:9.5px;color:#ffd97a;text-align:center">가호</span>파티원이 치명적 피해를 받을 시 낮은 확률로 모든 피해를 무효화하는 보호막 1회 생성 (쿨타임 24h)</div></div></div>

<!-- 푸터 -->
<div style="text-align:center;margin-top:18px;font-size:9.5px;letter-spacing:1px;color:#7d77ac">⟡ 달무리 호숫가 히든 스테이지 · 서버 최초 클리어 ⟡</div>

</div>

[[/HTML]]