/* ── 查手机 · 发现图鉴 (js/apps/phone-peek-dex.js) + 论坛小号登录 ── */

/* 选人页: a row of little cells under each card + 「图鉴 n/m」 */
.pk-dex-foot{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:8px}
.pk-dex-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:100%}
.pk-dex-dots i{width:7px;height:7px;border-radius:2px;background:color-mix(in srgb,var(--pk-t1) 14%,transparent)}
.pk-dex-dots i.on{background:linear-gradient(135deg,#ffe2b8,color-mix(in srgb,var(--pk-you) 70%,#fff));box-shadow:0 0 6px color-mix(in srgb,#ffd9a8 60%,transparent)}
.pk-dex-btn{border:1px solid var(--pk-edge);background:var(--pk-gl2);color:var(--pk-t1);border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.pk-dex-btn b{font-weight:600}

/* the wall */
.pk-dex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.pk-dc{position:relative;overflow:hidden;aspect-ratio:1;border-radius:18px;border:1px dashed color-mix(in srgb,var(--pk-t1) 22%,transparent);background:color-mix(in srgb,var(--pk-t1) 4%,transparent);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;font:inherit;color:var(--pk-t3);text-align:center;cursor:default}
.pk-dc .q{font-size:20px;line-height:1;opacity:.6}
.pk-dc b{font-size:12.5px;font-weight:600;line-height:1.3}
.pk-dc small{font-size:10.5px;opacity:.8}
.pk-dc.on{cursor:pointer;border:1px solid color-mix(in srgb,#ffd9a8 55%,transparent);color:var(--pk-t1);
  background:radial-gradient(90% 80% at 30% 0%,color-mix(in srgb,#ffe9c4 45%,transparent),transparent 70%),color-mix(in srgb,var(--pk-you) 10%,var(--pk-gl))}
.pk-dc.on .q{opacity:1;color:#e8b26a}
.pk-dc.on small{color:var(--pk-t3)}
.pk-dc-sweep{position:absolute;top:0;bottom:0;left:0;width:60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none;transform:translateX(-120%)}

/* ✦ 新发现 - over his phone, the moment it is found */
.pk-disc{position:absolute;left:50%;top:calc(14px + env(safe-area-inset-top,0px));z-index:60;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;
  color:#3b2a1c;background:linear-gradient(135deg,#fff3dc,#ffe0c6);box-shadow:0 12px 28px rgba(80,50,20,.22),inset 0 1px 0 #fff;transform:translate(-50%,0);white-space:nowrap;pointer-events:none}
.pk-disc i{font-style:normal;font-size:18px;color:#d99a4b}
.pk-disc small{display:block;font-size:10.5px;letter-spacing:.14em;opacity:.65}.pk-disc b{display:block;font-size:14px}

/* 密码 → 论坛: shows the account and the password, nothing more */
.pk-pw-kv{display:flex;align-items:baseline;gap:10px;padding:10px 6px;border-top:1px solid var(--pk-hair);font-size:14px}
.pk-pw-kv span{width:36px;color:var(--pk-t3);font-size:12.5px}.pk-pw-kv b{flex:1;font-weight:500;word-break:break-all}
.pk-pw-eye{border:0;background:none;font:inherit;font-size:12.5px;color:var(--pk-acc);cursor:pointer}
.pk-pw-tip{font-size:12px!important;margin:10px 4px 14px!important}
.pk-modal-btns:has(>:only-child){grid-template-columns:1fr}

/* 论坛 → ＋ 添加账号: she types both by hand */
.pk-in{display:block;width:100%;box-sizing:border-box;height:42px;margin:0 0 8px;padding:0 14px;border-radius:12px;border:1px solid var(--pk-edge);background:var(--pk-gl2);color:var(--pk-t1);font:inherit;font-size:14px;outline:none}
.pk-in:focus{border-color:var(--pk-acc)}
.pk-lg-err{min-height:18px;margin:0 4px 8px!important;font-size:12px!important;color:var(--pk-you)!important}

/* 测试模式 (?peekdev=1) */
.pk-dev-chip{display:inline-block;margin:4px 0 6px;padding:3px 10px;border-radius:999px;font-size:11px;letter-spacing:.06em;color:#8a5a12;background:#ffe9c4}
.pk-dev-reset{display:block;margin:18px auto 8px}