.not-found-page{justify-content:center;align-items:center;width:100%;min-height:100svh;padding:clamp(110px,15vh,160px) clamp(22px,6vw,90px) clamp(70px,10vh,120px);font-family:CustomFont1,Comic Sans MS,YouYuan,幼圆,Yuanti SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:flex}.not-found-layout{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(36px,7vw,100px);width:100%;max-width:1180px;display:grid}.not-found-visual{color:#fff;filter:drop-shadow(0 18px 40px #0c234a4d);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.signal-label{letter-spacing:.24em;-webkit-backdrop-filter:blur(8px);background:#0e2f5b2e;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:10px;margin-bottom:12px;padding:7px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;font-weight:700;display:inline-flex}.signal-label svg{animation:2.4s ease-in-out infinite signal-pulse}.error-number{letter-spacing:-.09em;text-shadow:0 10px 35px #0e265059;justify-content:center;align-items:center;font-size:clamp(8rem,17vw,13.5rem);font-weight:700;line-height:.95;display:flex}.error-zero{letter-spacing:0;border:.045em solid #ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:.78em;height:.78em;margin:0 .06em 0 .18em;font-size:.78em;display:inline-flex;position:relative}.error-zero>svg{font-size:.38em;animation:5s ease-in-out infinite compass-drift}.orbit{border:1px dashed #ffffff8c;border-radius:50%;animation:10s linear infinite orbit-spin;position:absolute}.orbit:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:-4px;box-shadow:0 0 14px #ffffffe6}.orbit-outer{inset:-.14em}.orbit-inner{animation-duration:7s;animation-direction:reverse;inset:.08em}.coordinate-line{opacity:.78;align-items:center;gap:12px;width:min(330px,75%);margin-top:24px;display:flex}.coordinate-line span{background:linear-gradient(90deg,#0000,#fffc);flex:1;height:1px}.coordinate-line span:last-child{transform:rotate(180deg)}.not-found-panel{color:#1f1e33;-webkit-backdrop-filter:blur(18px)saturate(125%);background:linear-gradient(145deg,#fafdffe6,#e0f0ffc2);border:1px solid #ffffffa6;border-radius:24px;padding:clamp(28px,4vw,48px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0c2c553d,inset 0 1px #ffffffb8}.not-found-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a99ff47,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;top:-110px;right:-90px}.not-found-panel h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.16;position:relative}.not-found-page-dark .not-found-panel{color:#fffc;background:linear-gradient(145deg,#26263eeb,#32324ecc);border-color:#ffffff29;box-shadow:0 24px 70px #0506146b,inset 0 1px #ffffff1a}.not-found-page-dark .not-found-panel:before{background:radial-gradient(circle,#29b83933,#0000 68%)}.panel-index{text-transform:uppercase;letter-spacing:.15em;color:#246fca;background:#3f8fef1f;border-radius:6px;align-items:center;height:26px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;font-weight:700;display:inline-flex;position:relative}.not-found-page-dark .panel-index{color:#7be78a;background:#29b83924}.not-found-description{opacity:.72;margin:0;font-size:1rem;line-height:1.85}.lost-path{background:#246fca0f;border:1px solid #2f6fbe2b;border-radius:12px;flex-direction:column;gap:8px;margin:24px 0;padding:14px 16px;display:flex}.lost-path code{overflow-wrap:anywhere;color:inherit;font-size:.88rem}.not-found-page-dark .lost-path{background:#ffffff0b;border-color:#7be78a24}.lost-path-label{letter-spacing:.1em;opacity:.72;align-items:center;gap:7px;font-size:.8rem;font-weight:700;display:flex}.primary-actions{flex-wrap:wrap;gap:12px;display:flex}.error-action{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-family:inherit;font-weight:700;text-decoration:none;transition:transform .22s,box-shadow .22s,background-color .22s;display:inline-flex}.error-action:hover{transform:translateY(-2px)}.error-action-primary{color:#fff;background:linear-gradient(135deg,#347fcf,#5a9eec);box-shadow:0 10px 24px #347fcf47}.error-action-primary:hover{box-shadow:0 14px 28px #347fcf5c}.not-found-page-dark .error-action-primary{color:#102214;background:linear-gradient(135deg,#54ce66,#8ae395);box-shadow:0 10px 24px #29b83933}.error-action-secondary{appearance:none;color:inherit;background:#ffffff80;border:1px solid #2953892e}.error-action-secondary:hover{background:#ffffffc7}.not-found-page-dark .error-action-secondary{background:#ffffff12;border-color:#ffffff21}.not-found-page-dark .error-action-secondary:hover{background:#ffffff1f}.route-divider{white-space:nowrap;opacity:.5;align-items:center;gap:12px;margin:28px 0 14px;font-size:.85rem;display:flex}.route-divider:before,.route-divider:after{content:"";opacity:.28;background:currentColor;flex:1;height:1px}.recovery-routes{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.recovery-routes>a{min-width:0;color:inherit;background:#ffffff57;border:1px solid #2953891f;border-radius:12px;align-items:center;gap:9px;padding:11px 10px;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s;display:flex}.recovery-routes>a:hover{background:#ffffffa8;border-color:#347fcf6b;transform:translateY(-2px)}.recovery-routes strong,.recovery-routes small{display:block}.recovery-routes strong{font-size:.85rem}.recovery-routes small{white-space:nowrap;text-overflow:ellipsis;opacity:.58;margin-top:2px;font-size:.75rem;overflow:hidden}.not-found-page-dark .recovery-routes>a{background:#ffffff0b;border-color:#ffffff17}.not-found-page-dark .recovery-routes>a:hover{background:#ffffff17;border-color:#7be78a59}.route-icon{color:#347fcf;background:#347fcf1a;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.not-found-page-dark .route-icon{color:#7be78a;background:#29b8391f}.panel-footer{text-transform:uppercase;letter-spacing:.1em;opacity:.42;align-items:center;gap:7px;margin-top:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;display:flex}.status-dot{background:#36b856;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #36b856b3}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes compass-drift{0%,to{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}@keyframes signal-pulse{0%,to{opacity:.45}50%{opacity:1}}@media screen and (max-width:1050px){.not-found-layout{grid-template-columns:minmax(260px,.75fr) minmax(390px,1.25fr);gap:30px}.not-found-visual{min-height:340px}}@media screen and (max-width:992px){.not-found-page{min-height:auto;padding:calc(88px + env(safe-area-inset-top)) 18px 72px}.not-found-layout{grid-template-columns:1fr;gap:12px;max-width:680px}.not-found-visual{min-height:230px}.error-number{font-size:clamp(7.4rem,35vw,11rem)}.coordinate-line{margin-top:14px}}@media screen and (max-width:560px){.not-found-page{padding-left:12px;padding-right:12px}.not-found-panel{border-radius:20px;padding:26px 20px 24px}.not-found-panel h1{font-size:2rem}.not-found-description{font-size:.92rem}.primary-actions{grid-template-columns:1fr 1fr;display:grid}.error-action{min-width:0;padding:0 10px;font-size:.84rem}.recovery-routes{grid-template-columns:1fr}.recovery-routes>a{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.orbit,.error-zero>svg,.signal-label svg{animation:none}.error-action,.recovery-routes>a{transition:none}}