.mobile-404{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(180deg,#667eea,#764ba2,#f093fb)}.bg-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.star{position:absolute;font-size:20px;animation:twinkle 2s ease-in-out infinite}.star-1{top:10%;left:15%;animation-delay:0s}.star-2{top:20%;right:20%;animation-delay:.5s}.star-3{top:40%;left:10%;animation-delay:1s}.star-4{top:60%;right:15%;animation-delay:1.5s}.star-5{bottom:30%;left:20%;animation-delay:.8s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:float-circle 15s ease-in-out infinite}.circle-1{width:150px;height:150px;top:-50px;right:-50px;animation-delay:0s}.circle-2{width:100px;height:100px;bottom:20%;left:-30px;animation-delay:5s}.circle-3{width:80px;height:80px;top:50%;right:-20px;animation-delay:10s}@keyframes float-circle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.content-wrapper{position:relative;z-index:10;width:100%;max-width:400px}.error-animation{text-align:center;margin-bottom:30px}.number-container{display:flex;align-items:center;justify-content:center;gap:8px}.number{font-size:60px;font-weight:900;color:#fff;text-shadow:0 5px 20px rgba(0,0,0,.3);animation:bounce 2s ease-in-out infinite}.number-4:nth-child(1){animation-delay:0s}.number-4:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.number-zero{position:relative;width:70px;height:70px}.zero-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.zero-ring-outer{width:100%;height:100%;border:6px solid rgba(255,255,255,.4);animation:spin 8s linear infinite}.zero-ring-middle{width:75%;height:75%;border:5px solid rgba(255,255,255,.5);animation:spin-reverse 6s linear infinite}.zero-ring-inner{width:50%;height:50%;background:#fff3;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;animation:spin 4s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}.floating-icon{font-size:24px;animation:float-icon 2s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(15deg)}}.error-message{text-align:center;color:#fff;margin-bottom:30px}.error-title{font-size:32px;font-weight:700;margin-bottom:10px;text-shadow:0 3px 15px rgba(0,0,0,.2)}.error-desc{font-size:20px;margin-bottom:8px;font-weight:600}.error-detail{font-size:14px;opacity:.9}.action-buttons{display:flex;gap:12px;margin-bottom:30px}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;outline:none}.btn-home{background:#fff;color:#667eea;box-shadow:0 5px 20px #0003}.btn-home:active{transform:scale(.95)}.btn-back{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);backdrop-filter:blur(10px)}.btn-back:active{background:#ffffff4d}.btn-icon{font-size:16px}.quick-nav{background:#ffffff26;backdrop-filter:blur(20px);border-radius:20px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2)}.quick-nav h3{color:#fff;font-size:16px;margin:0 0 15px;font-weight:600}.nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#ffffff26;border-radius:14px;text-decoration:none;color:#fff;transition:all .3s ease}.nav-item:active{background:#ffffff40;transform:scale(.95)}.nav-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.nav-item span:last-child{font-size:13px;font-weight:500}.site-info-card{background:#fffffff2;backdrop-filter:blur(20px);border-radius:24px;padding:24px;box-shadow:0 10px 40px #0003}.site-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.logo-wrapper{width:60px;height:60px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px}.site-text h2{font-size:20px;margin:0 0 4px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-text p{font-size:13px;color:#999;margin:0}.wechat-section{margin-bottom:20px}.wechat-header{display:flex;align-items:center;gap:8px;margin-bottom:15px}.wechat-icon{font-size:22px}.wechat-header span:last-child{font-size:15px;font-weight:600;color:#333}.qr-code-wrapper{text-align:center}.qr-code-image{width:140px;height:140px;margin:0 auto 12px;border-radius:16px;box-shadow:0 4px 15px #0000001a;object-fit:cover}.wechat-name{font-size:14px;color:#667eea;font-weight:600;margin:0}.contact-info{display:flex;flex-direction:column;gap:10px}.contact-row{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#f8f9fa;border-radius:12px;font-size:13px;color:#666}.contact-icon{font-size:18px}.bottom-decoration{position:absolute;bottom:0;left:0;width:100%;height:100px;overflow:hidden;z-index:5}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background-repeat:repeat-x;animation:wave 10s linear infinite}.wave-1{opacity:.3;animation-duration:8s;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C300,120 600,0 900,60 C1200,120 1500,0 1800,60 L1800,120 L0,120 Z' fill='white'/%3E%3C/svg%3E");background-size:50% 100%}.wave-2{opacity:.5;animation-duration:10s;animation-delay:-2s;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C300,0 600,120 900,60 C1200,0 1500,120 1800,60 L1800,120 L0,120 Z' fill='white'/%3E%3C/svg%3E");background-size:50% 100%}.wave-3{opacity:.7;animation-duration:12s;animation-delay:-4s;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C300,120 600,0 900,60 C1200,120 1500,0 1800,60 L1800,120 L0,120 Z' fill='white'/%3E%3C/svg%3E");background-size:50% 100%}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}