/* 404：竹影 SVG + 大号衬线 404 + 搜索框 + 热门页 + 拨号 CTA */
.nf-main { padding: 72px 0 80px; text-align: center; }
.nf-art { position: relative; max-width: 720px; margin: 0 auto; }
.nf-bamboo { position: absolute; left: -190px; top: -20px; width: 180px; height: auto; opacity: .85; }
.nf-num { font-size: 7rem; color: var(--bamboo); line-height: 1; margin-bottom: 10px; }
.nf-say { font-size: 1.05rem; color: var(--ink-soft); max-width: 480px; margin: 0 auto 26px; }
.nf-actions { display: flex; gap: 14px; justify-content: center; }
.nf-search { max-width: 560px; margin: 56px auto 0; }
.nf-search label { display: block; font-size: .9rem; font-weight: 600; margin-bottom: 10px; }
.nf-search-row { display: flex; gap: 10px; }
.nf-search-row input { flex: 1; }
.nf-hot { max-width: 720px; margin: 56px auto 0; }
.nf-hot h2 { font-size: 1.2rem; margin-bottom: 16px; }
.nf-hot-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.nf-hot-grid a { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; font-size: .92rem; color: var(--ink-soft); transition: all .25s var(--ease); }
.nf-hot-grid a:hover { border-color: var(--bamboo); color: var(--bamboo); }
.nf-cta { margin-top: 56px; padding: 32px; background: var(--bamboo-mist); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; }
.nf-cta p { margin: 0; }
@media (max-width: 760px) { .nf-bamboo { display: none; } .nf-hot-grid { grid-template-columns: 1fr 1fr; } }
