/* 404（新版）· 定稿里没有这一页，用新版基础样式搭：
   字号、颜色、圆角、间距全部读 shared/v3/tokens.css 的 --v3-*；标题 30px（全站标题上限），不放大字。
   类名一律 v3-nf- 前缀（旧 folio-theme.css 里有全局的 h1 { clamp(56px…112px) }，所以标题的字号这里写死）。 */

.v3-nf{min-height:520px;color:var(--v3-ink);font-family:var(--v3-font);font-size:14px;line-height:1.6}
.v3-nf *,.v3-nf *::before,.v3-nf *::after{box-sizing:border-box}
.v3-nf a{text-decoration:none}
.v3-nf-box{max-width:520px;margin:0 auto;padding:72px max(24px,env(safe-area-inset-right,0px)) 96px max(24px,env(safe-area-inset-left,0px))}

.v3-nf-rope{display:block;width:96px;height:52px;color:var(--v3-brand)}
.v3-nf-code{margin-top:20px;font-size:var(--v3-text-caption);font-weight:600;letter-spacing:.2em;color:var(--v3-action);font-variant-numeric:tabular-nums}
.v3-nf-title{margin:8px 0 0;font-size:var(--v3-text-heading);font-weight:600;line-height:1.25;letter-spacing:0;color:var(--v3-ink)}
.v3-nf-body{margin:12px 0 0;font-size:var(--v3-text-body);line-height:1.8;color:var(--v3-stone)}

.v3-nf-label{margin:40px 0 8px;font-size:var(--v3-text-caption);color:var(--v3-smoke)}
.v3-nf-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--v3-line)}
.v3-nf-list li{border-bottom:1px solid var(--v3-line)}
.v3-nf-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 4px;font-size:var(--v3-text-body);color:var(--v3-ink);transition:color .15s,background-color .15s}
.v3-nf-list a .v3-ic{color:var(--v3-smoke);transition:color .15s,transform .15s}
.v3-nf-list a:hover{color:var(--v3-action)}
.v3-nf-list a:hover .v3-ic{color:var(--v3-action);transform:translateX(2px)}
/* 旧 folio-theme.css 给 a 的 :focus-visible 写了 1px 红线（比 base.css 的 :focus-visible 优先级高），这里压回天蓝，画在里面 */
.v3-nf :is(a,button):focus-visible{outline:2px solid var(--v3-brand);outline-offset:-2px}

.v3-nf-mail{display:inline-block;margin-top:28px;font-size:var(--v3-text-small);color:var(--v3-stone);text-decoration:underline!important;text-decoration-color:var(--v3-line-strong);text-underline-offset:4px}
.v3-nf-mail:hover{color:var(--v3-action);text-decoration-color:var(--v3-action)}

@media (prefers-reduced-motion:reduce){
  .v3-nf-list a,.v3-nf-list a .v3-ic{transition:none}
  .v3-nf-list a:hover .v3-ic{transform:none}
}