ONE - AND ONLY
◆

ONE

BLUE✦FAIRYONLINE

AND ONLY

◆ Blue Pairy/record

[26.03.22] 별의 눈물 · 연관 히든 퀘스트 별의 눈물이 인도하는 길 보상

칠봄 | 2026. 7. 10. 11:52

[[HTML]]

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>별의 눈물 · 아카이브</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Gothic+A1:wght@300;400;500;700;800&display=swap" rel="stylesheet">
<style>
  :root{
    --bg:#07060e;
    --ink:#e8e5ff;
    --muted:#8a8fb8;
    --violet:#a78bfa;
    --violet-d:#7c5cf0;
    --blue:#6fb0ff;
    --blue-d:#3b82f6;
    --gold:#fcd34d;
    --gold-d:#f59e0b;
    --fire:#fb923c;
    --line:rgba(167,139,250,.16);
    --line2:rgba(167,139,250,.28);
    --serif:'Gowun Batang',serif;
    --sans:'Gothic A1',sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:
      radial-gradient(1300px 760px at 18% -12%, rgba(124,92,240,.20), transparent 58%),
      radial-gradient(1100px 640px at 92% 4%, rgba(59,130,246,.16), transparent 54%),
      radial-gradient(900px 900px at 50% 120%, rgba(124,92,240,.10), transparent 60%),
      var(--bg);
    color:var(--ink);font-family:var(--sans);line-height:1.75;letter-spacing:-.01em;
    min-height:100vh;overflow-x:hidden;
  }
  .stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
    background-image:
      radial-gradient(1px 1px at 15% 22%,#fff,transparent),
      radial-gradient(1px 1px at 68% 12%,#cfd6ff,transparent),
      radial-gradient(1.5px 1.5px at 42% 46%,#fff,transparent),
      radial-gradient(1px 1px at 82% 58%,#b7c6ff,transparent),
      radial-gradient(1px 1px at 30% 78%,#fff,transparent),
      radial-gradient(1.5px 1.5px at 90% 84%,#e7d9ff,transparent),
      radial-gradient(1px 1px at 8% 62%,#fff,transparent),
      radial-gradient(1px 1px at 55% 90%,#cfd6ff,transparent);
    animation:tw 6s ease-in-out infinite alternate}
  @keyframes tw{from{opacity:.32}to{opacity:.6}}

  /* twinkling sparkle particles */
  .fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
  .sp{position:absolute;color:#fff;opacity:0;font-size:12px;
    text-shadow:0 0 6px #c4b5fd,0 0 10px #6fb0ff;animation:sparkle 4s ease-in-out infinite}
  @keyframes sparkle{
    0%,100%{opacity:0;transform:scale(.3) rotate(0deg)}
    50%{opacity:1;transform:scale(1) rotate(90deg)}}
  /* shooting star — streak moves along its own axis, bright head leads */
  .shoot{position:absolute;top:5%;left:82%;width:130px;height:2px;border-radius:2px;
    background:linear-gradient(90deg,transparent,rgba(199,210,254,.95));
    box-shadow:0 0 6px rgba(199,210,254,.35);
    transform:rotate(147deg) translateX(0);transform-origin:0 0;
    animation:shoot 9s linear infinite;opacity:0}
  @keyframes shoot{
    0%{opacity:0;transform:rotate(147deg) translateX(0)}
    5%{opacity:1}
    20%{opacity:1;transform:rotate(147deg) translateX(430px)}
    25%,100%{opacity:0;transform:rotate(147deg) translateX(430px)}}

  .wrap{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:0 22px 96px}

  /* completion seal */
  .cleared{margin-top:20px;display:inline-flex;align-items:center;gap:11px;
    padding:8px 20px;border:1px solid rgba(167,139,250,.5);border-radius:999px;
    background:radial-gradient(120% 160% at 50% 0%,rgba(167,139,250,.14),transparent);
    font-family:var(--serif);font-size:12.5px;letter-spacing:.14em;color:var(--violet);
    box-shadow:0 0 24px rgba(139,92,246,.2)}
  .cleared .ck{font-size:11px;color:#9fc6ff;filter:drop-shadow(0 0 6px #6fb0ff)}
  .cleared .dt{color:#bcd6ff;font-weight:700;letter-spacing:.08em}
  .cleared .dv{width:1px;height:12px;background:rgba(167,139,250,.4)}

  /* ── HERO ── */
  .hero{text-align:center;padding:76px 0 34px;position:relative}
  .emblem{width:96px;height:112px;margin:0 auto 26px;position:relative;animation:float 6s ease-in-out infinite}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  .emblem svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 18px rgba(167,139,250,.55))}
  .eyebrow{font-family:var(--serif);font-size:12px;letter-spacing:.6em;color:var(--violet);text-indent:.6em;margin-bottom:16px}
  .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(46px,10vw,78px);line-height:1.02;
    background:linear-gradient(100deg,var(--violet) 0%,#eef0ff 46%,var(--blue) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    text-shadow:0 0 48px rgba(167,139,250,.3)}
  .tier{margin-top:20px;display:inline-flex;gap:11px;align-items:center;font-family:var(--serif);font-size:13px;color:var(--muted)}
  .tier b{color:var(--gold);font-weight:700;letter-spacing:.14em}
  .rule{width:1px;height:13px;background:var(--line2)}
  .maker{margin-top:13px;font-family:var(--serif);font-size:12px;letter-spacing:.16em;color:var(--muted)}
  .maker b{color:var(--violet);font-weight:700}

  /* ── SECTION BAND ── */
  .band{display:flex;align-items:center;gap:16px;margin:56px 0 22px}
  .band .txt{font-family:var(--serif);font-size:14px;letter-spacing:.34em;white-space:nowrap;color:var(--ink)}
  .band .txt.q{color:#c4b5fd}
  .band::before,.band::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}
  .band .star{color:var(--violet);font-size:10px;letter-spacing:.4em}

  /* ── WEAPON ARTIFACT PANEL ── */
  .artifact{position:relative;border-radius:20px;padding:2px;
    background:linear-gradient(150deg,rgba(167,139,250,.55),rgba(111,176,255,.35) 45%,rgba(252,211,77,.4));
    box-shadow:0 0 60px rgba(124,92,240,.18)}
  .artifact-in{background:linear-gradient(180deg,#141127,#0c0b1b);border-radius:18px;padding:26px 26px 8px}
  .a-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
  .a-name{font-family:var(--serif);font-size:22px;font-weight:700;
    background:linear-gradient(90deg,var(--violet),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
  .kicker{font-family:var(--serif);font-size:12px;letter-spacing:.3em;color:var(--violet);margin-bottom:14px;display:flex;align-items:center;gap:9px}
  .kicker::before{content:"";width:16px;height:1px;background:var(--violet)}

  ul.eff{list-style:none;display:flex;flex-direction:column;gap:13px}
  ul.eff li{position:relative;padding-left:20px;font-size:14.5px;color:var(--ink)}
  ul.eff li::before{content:"◆";position:absolute;left:0;top:2px;font-size:8px;color:var(--violet)}
  .lab{font-family:var(--serif);font-weight:700;color:var(--blue);margin-right:5px}
  .lab.v{color:var(--violet)} .lab.b{color:var(--blue)}
  .cd{color:var(--muted);font-size:12.5px}
  b.pct{font-weight:800}
  .swap{background:linear-gradient(90deg,#9fc6ff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}

  /* awakening block nested in weapon */
  .awaken{margin:22px -26px 0;padding:22px 26px 24px;border-top:1px dashed var(--line2);
    background:linear-gradient(180deg,rgba(252,211,77,.06),transparent);border-radius:0 0 18px 18px;position:relative}
  .awaken .kicker{color:var(--gold)} .awaken .kicker::before{background:var(--gold)}
  .aw-name{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--gold);margin-bottom:4px;
    text-shadow:0 0 16px rgba(252,211,77,.3)}
  .aw-sub{font-size:12px;color:var(--muted);margin-bottom:15px}
  .awaken ul.eff li::before{color:var(--gold)}

  /* ── REWARD CARDS ── */
  .card{position:relative;background:linear-gradient(180deg,rgba(20,18,38,.8),rgba(12,11,26,.9));
    border:1px solid var(--line);border-radius:16px;padding:22px 24px 22px 27px;margin-bottom:15px;overflow:hidden;
    opacity:0;transform:translateY(14px);animation:rise .7s ease forwards}
  @keyframes rise{to{opacity:1;transform:none}}
  .card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--violet),var(--blue))}
  .card.gold::before{background:linear-gradient(180deg,var(--gold),var(--gold-d))}
  .card.blue::before{background:linear-gradient(180deg,var(--blue),var(--blue-d))}
  .card.fire::before{background:linear-gradient(180deg,#fbbf24,var(--fire))}
  .chead{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:6px}
  .cname{font-family:var(--serif);font-size:20px;font-weight:700;color:#f2efff}
  .cname.g{color:var(--gold)}
  .cname.grad{background:linear-gradient(90deg,var(--violet),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
  .tag{font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--muted)}
  .tag.leg{color:var(--gold);border-color:rgba(252,211,77,.42)}
  .tag.cp{color:var(--violet);border-color:rgba(167,139,250,.42)}
  .csub{font-size:12px;color:var(--muted);margin-bottom:14px}
  .flavor{font-family:var(--serif);font-style:italic;font-size:14.5px;color:#cdd0f0;line-height:1.9}
  .foot{text-align:center;margin-top:54px;font-size:11px;letter-spacing:.34em;color:var(--muted);font-family:var(--serif)}

  @media (max-width:560px){
    .hero{padding:56px 0 28px}
    .artifact-in{padding:22px 18px 6px}.awaken{margin:20px -18px 0;padding:20px 18px 22px}
    .card{padding:20px 18px 20px 21px}
    .band .txt{font-size:12.5px;letter-spacing:.22em}
  }
  @media (prefers-reduced-motion:reduce){*{animation:none!important}.card{opacity:1;transform:none}}
</style>
</head>
<body>
<div class="stars"></div>
<div class="fx">
  <span class="sp" style="left:12%;top:18%;animation-delay:0s">✦</span>
  <span class="sp" style="left:83%;top:14%;animation-delay:.8s;font-size:10px">✦</span>
  <span class="sp" style="left:26%;top:38%;animation-delay:2.1s;font-size:9px">✧</span>
  <span class="sp" style="left:66%;top:30%;animation-delay:1.4s">✦</span>
  <span class="sp" style="left:46%;top:56%;animation-delay:3s;font-size:14px">✦</span>
  <span class="sp" style="left:88%;top:52%;animation-delay:2.6s;font-size:9px">✧</span>
  <span class="sp" style="left:8%;top:64%;animation-delay:1.1s">✦</span>
  <span class="sp" style="left:34%;top:78%;animation-delay:3.4s;font-size:10px">✧</span>
  <span class="sp" style="left:72%;top:82%;animation-delay:.4s">✦</span>
  <span class="sp" style="left:56%;top:88%;animation-delay:2.3s;font-size:9px">✧</span>
  <span class="shoot"></span>
</div>
<div class="wrap">

  <header class="hero">
    <div class="emblem">
      <svg viewBox="0 0 96 112">
        <defs>
          <linearGradient id="tear" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0" stop-color="#c4b5fd"/>
            <stop offset="55%" stop-color="#a78bfa"/>
            <stop offset="100%" stop-color="#6fb0ff"/>
          </linearGradient>
          <radialGradient id="shine" cx="42%" cy="34%" r="45%">
            <stop offset="0" stop-color="#ffffff" stop-opacity=".9"/>
            <stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
          </radialGradient>
        </defs>
        <path d="M48 4 C48 4 82 52 82 76 A34 34 0 1 1 14 76 C14 52 48 4 48 4 Z" fill="url(#tear)" stroke="#e9e3ff" stroke-width="1.2" stroke-opacity=".7"/>
        <ellipse cx="40" cy="60" rx="15" ry="22" fill="url(#shine)"/>
        <g fill="#fff2c4" opacity=".95">
          <path d="M48 66 l3 8 8 3 -8 3 -3 8 -3-8 -8-3 8-3 z"/>
        </g>
        <circle cx="70" cy="38" r="1.6" fill="#fff"/>
        <circle cx="26" cy="46" r="1.3" fill="#dfe4ff"/>
        <circle cx="60" cy="92" r="1.4" fill="#fff"/>
      </svg>
    </div>
    <div class="eyebrow">STAR'S · TEARS</div>
    <h1>별의 눈물</h1>
    <div class="tier"><span>성장형</span><span class="rule"></span><b>전설 등급</b><span class="rule"></span><span>무기</span></div>
    <div class="maker">제작자 · <b>가우시안블러</b></div>
    <div class="cleared"><span class="ck">✦</span>여정 완료<span class="dv"></span><span class="dt">2026. 03. 22</span></div>
  </header>

  <!-- ═══ 무기 (옵션 + 각성) ═══ -->
  <div class="artifact">
    <div class="artifact-in">
      <div class="a-head">
        <span class="a-name">별의 눈물</span>
        <span class="tag cp">성장형</span><span class="tag leg">전설</span>
      </div>

      <div class="kicker">무기 옵션</div>
      <ul class="eff">
        <li><span class="lab v">별의 속삭임</span> 모든 스킬 시전 시, 10% 확률로 재사용 대기시간이 초기화됩니다.</li>
        <li><span class="lab v">눈물의 가호</span> 치명적인 피해를 입을 경우, 1회에 한해 피해를 무효화하고 5초간 모든 공격을 회피합니다. <span class="cd">(대기시간: 10분)</span></li>
        <li><span class="lab v">성운의 흐름</span> 파티원에게 이로운 효과를 부여할 경우, 자신과 대상의 모든 능력치가 15초간 5% 증가합니다. <span class="cd">(중첩 불가)</span></li>
        <li><span class="lab b">기적의 탄생</span> <span class="tag cp" style="vertical-align:middle">커플 전용</span> 커플 캐릭터와 20m 이내에 있을 경우, 모든 스킬의 공격력이 10% 증가하고 마나 소모량이 30% 감소합니다.</li>
      </ul>

      <!-- 각성 옵션 (무기 하위) -->
      <div class="awaken">
        <div class="kicker">각성 옵션</div>
        <div class="aw-name">기적의 공명</div>
        <div class="aw-sub">커플 전용 · 패시브 · 별의 눈물 각성 시 개방</div>
        <ul class="eff">
          <li>커플 캐릭터와 20m 이내에 있을 경우, 모든 스킬의 공격력이 <b class="pct" style="color:var(--gold)">20%</b> 증가하고 마나 소모량이 <b class="pct" style="color:var(--gold)">50%</b> 감소합니다.</li>
          <li>파트너가 사용하는 모든 파티원 대상 이로운 스킬의 효과가 <b class="pct" style="color:var(--gold)">50%</b> 증폭됩니다.</li>
          <li>파트너가 '빛의 서약'으로 대신 받는 피해량이 <b class="pct" style="color:var(--gold)">50%</b> 감소합니다.</li>
        </ul>
      </div>
    </div>
  </div>

  <!-- ═══ 히든 퀘스트 보상 ═══ -->
  <div class="band"><span class="star">✧</span><span class="txt q">『별의 눈물이 인도하는 길』· 히든 퀘스트 보상</span><span class="star">✧</span></div>

  <div class="card" style="animation-delay:.08s">
    <div class="chead">
      <span class="cname grad">💜 서로의 진심으로 이어진 💜</span>
      <span class="tag cp">칭호</span>
    </div>
    <div class="csub">⇄ <span class="swap">✨서로의 색으로 물든✨</span> 과 스왑 가능 (능력치 상위 고정) · 신화 · 관계형 · 서버 유일 · 관계 유지 시 영구</div>
    <ul class="eff">
      <li>모든 시련을 이겨내고 서로에 대한 절대적인 믿음을 증명한 연인에게만 주어지는 칭호.</li>
      <li>2인 파티 시 모든 능력치 <b class="pct" style="color:var(--blue)">+5%</b>, 경험치 획득량 <b class="pct" style="color:var(--blue)">+10%</b>, 공격력 <b class="pct" style="color:var(--blue)">+5%</b></li>
      <li>20m 내에 있을 경우, 10초마다 서로의 HP와 MP를 2%씩 회복시킵니다.</li>
      <li><span class="lab">진심의 공명</span> 파트너가 치명적인 피해를 입었을 경우, 대신 피해를 흡수하고 3초간 무적 상태가 됩니다. <span class="cd">(재사용 대기시간: 1시간)</span></li>
      <li><span class="lab">영원의 속삭임</span> 착용 시 두 캐릭터 주위에 항상 은은한 <span style="color:var(--violet)">보랏빛</span>과 <span style="color:var(--blue)">푸른빛</span>의 오라가 함께 맴돕니다.</li>
    </ul>
  </div>

  <div class="card blue" style="animation-delay:.14s">
    <div class="chead">
      <span class="cname" style="color:var(--blue)">별빛의 서약</span>
      <span class="tag">커플 스킬북</span><span class="tag cp">가우시안블러 습득</span>
    </div>
    <ul class="eff">
      <li>두 사람의 마나를 합쳐, 서로의 위치를 즉시 바꾸고 10초간 무적이 되는 궁극의 생존기.</li>
    </ul>
  </div>

  <div class="card blue" style="animation-delay:.2s">
    <div class="chead">
      <span class="cname" style="color:var(--blue)">별빛의 서약</span>
      <span class="tag">커플 스킬북</span><span class="tag cp">패시브 · 빠삐코 습득</span>
    </div>
    <ul class="eff">
      <li>'별빛의 서약'을 배운 파트너와 함께 있을 때 활성화됩니다.</li>
      <li>파트너가 받는 모든 피해의 <b class="pct" style="color:var(--blue)">20%</b>를 대신 받습니다.</li>
      <li>파트너에게 가해지는 모든 해로운 효과의 지속시간이 <b class="pct" style="color:var(--blue)">30%</b> 감소합니다.</li>
    </ul>
  </div>

  <div class="card fire" style="animation-delay:.26s">
    <div class="chead">
      <span class="cname" style="color:var(--fire)">🔥 태초의 불꽃</span>
      <span class="tag">재료</span><span class="tag leg">전설</span>
    </div>
    <p class="flavor">세상이 처음 만들어질 때 타올랐던 불꽃의 정수. 모든 것을 창조할 수도, 모든 것을 파괴할 수도 있는 힘을 지니고 있다.</p>
    <ul class="eff" style="margin-top:14px">
      <li>특정 전설 등급 장비의 제작 또는 강화에 사용.</li>
    </ul>
  </div>

  <div class="foot">✦ · ✧ · ✦ · ✧ · ✦</div>

</div>
</body>
</html>
[[/HTML]]

'Blue Pairy > record' 카테고리의 다른 글

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

티스토리툴바