2 lines
4.0 KiB
CSS
2 lines
4.0 KiB
CSS
.not-found-view[data-v-6d786883]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:20px}.not-found-view .not-found-container[data-v-6d786883]{max-width:800px;width:100%;text-align:center}.not-found-view .not-found-container .not-found-illustration[data-v-6d786883]{position:relative;margin-bottom:40px}.not-found-view .not-found-container .not-found-illustration .error-code[data-v-6d786883]{font-size:120px;font-weight:700;color:var(--el-color-primary);line-height:1;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}@media (max-width: 480px){.not-found-view .not-found-container .not-found-illustration .error-code[data-v-6d786883]{font-size:80px}}.not-found-view .not-found-container .not-found-illustration .error-icon[data-v-6d786883]{font-size:60px;color:var(--el-color-info);opacity:.6}@media (max-width: 480px){.not-found-view .not-found-container .not-found-illustration .error-icon[data-v-6d786883]{font-size:40px}}.not-found-view .not-found-container .not-found-content[data-v-6d786883]{margin-bottom:50px}.not-found-view .not-found-container .not-found-content .error-title[data-v-6d786883]{font-size:32px;font-weight:700;color:var(--el-text-color-primary);margin:0 0 16px}@media (max-width: 480px){.not-found-view .not-found-container .not-found-content .error-title[data-v-6d786883]{font-size:24px}}.not-found-view .not-found-container .not-found-content .error-description[data-v-6d786883]{font-size:16px;color:var(--el-text-color-regular);line-height:1.6;max-width:500px;margin:0 auto 32px}.not-found-view .not-found-container .not-found-content .error-actions[data-v-6d786883]{display:flex;justify-content:center;gap:16px}@media (max-width: 480px){.not-found-view .not-found-container .not-found-content .error-actions[data-v-6d786883]{flex-direction:column;align-items:center}}.not-found-view .not-found-container .helpful-links[data-v-6d786883]{background:white;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000001a}.not-found-view .not-found-container .helpful-links h3[data-v-6d786883]{font-size:18px;color:var(--el-text-color-primary);margin:0 0 24px}.not-found-view .not-found-container .helpful-links .links-grid[data-v-6d786883]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}@media (max-width: 480px){.not-found-view .not-found-container .helpful-links .links-grid[data-v-6d786883]{grid-template-columns:1fr}}.not-found-view .not-found-container .helpful-links .links-grid .link-card[data-v-6d786883]{display:flex;align-items:center;gap:12px;padding:16px;background:var(--el-fill-color-lighter);border-radius:12px;text-decoration:none;transition:all .3s ease}.not-found-view .not-found-container .helpful-links .links-grid .link-card[data-v-6d786883]:hover{background:var(--el-color-primary-light-9);transform:translateY(-2px);box-shadow:0 4px 16px #409eff33}.not-found-view .not-found-container .helpful-links .links-grid .link-card .link-icon[data-v-6d786883]{width:40px;height:40px;border-radius:50%;background:var(--el-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.not-found-view .not-found-container .helpful-links .links-grid .link-card .link-content[data-v-6d786883]{text-align:left}.not-found-view .not-found-container .helpful-links .links-grid .link-card .link-content .link-title[data-v-6d786883]{font-size:14px;font-weight:600;color:var(--el-text-color-primary);margin-bottom:4px}.not-found-view .not-found-container .helpful-links .links-grid .link-card .link-content .link-desc[data-v-6d786883]{font-size:12px;color:var(--el-text-color-secondary);line-height:1.4}.not-found-container[data-v-6d786883]{animation:fadeInUp-6d786883 .8s ease-out}@keyframes fadeInUp-6d786883{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-code[data-v-6d786883]{animation:bounce-6d786883 2s infinite}@keyframes bounce-6d786883{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}
|