/* Home, first screen (Leo 10/15: "引导往下翻页 但是不要看到下面的 more projects").
   fold.js pushes "More projects" (#xworks) just below the first screen and shows this cue at the bottom of it. */
.fold-cue{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:40;transform:translate(-50%,8px);
  display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 18px;border-radius:999px;
  font:500 13px/1 var(--display);letter-spacing:-.005em;color:var(--ink);text-decoration:none;
  background:rgba(255,255,255,.62);background:color-mix(in srgb,var(--bg) 62%,transparent);
  -webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 .5px rgba(0,0,0,.08),0 6px 20px rgba(0,0,0,.08);
  opacity:0;pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
[data-theme="dark"] .fold-cue{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 .5px rgba(255,255,255,.12),0 6px 20px rgba(0,0,0,.4)}
.fold-cue.on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.fold-cue:hover{background:color-mix(in srgb,var(--bg) 82%,transparent)}
.fold-cue:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.fold-cue svg{width:16px;height:16px;flex:none;animation:fold-bob 1.8s ease-in-out infinite}
@keyframes fold-bob{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.fold-cue{transition:opacity .2s}.fold-cue svg{animation:none}}
@media (prefers-reduced-transparency:reduce){.fold-cue{background:var(--tile);-webkit-backdrop-filter:none;backdrop-filter:none}}