* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;overflow-x: hidden;background: #000;height: 100vh;}.video-background {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -2;overflow: hidden;background: linear-gradient(135deg, #0a0a15, #1a0f2e, #2d1b3d, #1e0d3a, #0f0820);}.video-background video {width: 100%;height: 100%;object-fit: cover;filter: blur(8px) brightness(1);transform: scale(1.1);}.video-background.fallback {background: radial-gradient(circle at 20% 30%, rgba(0, 100, 200, 0.4) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(150, 0, 255, 0.3) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(0, 255, 150, 0.2) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(255, 0, 100, 0.3) 0%, transparent 50%), linear-gradient(135deg, #0a0a15 0%, #1a0f2e 15%, #2d1b3d 30%, #1e0d3a 45%, #0f0820 60%, #1a1a2e 75%, #0a0a15 100%);background-size: 400% 400%, 350% 350%, 300% 300%, 450% 450%, cover;background-position: center;background-repeat: no-repeat;filter: blur(8px) brightness(0.7);animation: dynamicBg 12s ease-in-out infinite;}.video-background.fallback.has-poster {background-image: url('https://cdn.stiny.cn/video/m/1-poster.jpg');animation: none;background-size: cover;background-position: center;background-repeat: no-repeat;transform: scale(1.1);filter: blur(8px) brightness(1);}.video-background.fallback video {display: none;}.main-container {height: 100vh;position: relative;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);display: flex;flex-direction: column;}.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;padding: 20px 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.05);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);transition: all 0.4s ease;height: 65px;display: flex;align-items: center;}.navbar.scrolled {padding: 10px 40px;height: 60px;background: rgba(0, 0, 0, 0.6);}.nav-content {display: flex;justify-content: space-between;align-items: center;max-width: 1400px;margin: 0 auto;width: 100%;}.logo {font-size: 30px;font-weight: 600;text-decoration: none;color: #fff;transition: all 0.15s ease;background: linear-gradient(224deg, #00f5ff 0%, #ff00ff 25%, #00ff88 50%, #ffff00 75%, #ff6b6b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 300% 300%;animation: gradientShift 4s ease-in-out infinite;}.logo:hover {transform: scale(1.05);text-shadow: 0 0 10px rgba(0, 212, 255, 0.8), 0 0 20px rgba(0, 212, 255, 0.6), 0 0 30px rgba(0, 212, 255, 0.4);}.navbar.scrolled .logo {font-size: 26px;}.nav-links {display: flex;gap: 30px;}.nav-links a {color: #fff;text-decoration: none;font-weight: 500;transition: all 0.15s ease;position: relative;font-size: 16px;}.nav-links a:hover {color: #00d4ff;transform: translateY(-2px);}.nav-links a::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: linear-gradient(90deg, #00d4ff, #0099ff);transition: width 0.15s ease;}.nav-links a:hover::after {width: 100%;}.content {flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;padding: 60px 20px 20px 20px;}.hero-content {max-width: 800px;animation: fadeInUp 1s ease-out;}.hero-title {font-size: clamp(2.5rem, 6vw, 4.5rem);font-weight: 300;color: #fff;margin-bottom: 15px;letter-spacing: 2px;text-shadow: 0 0 10px rgba(0, 245, 255, 0.8), 0 0 20px rgba(255, 0, 255, 0.6), 0 0 30px rgba(0, 255, 136, 0.4), 0 0 40px rgba(255, 255, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.5);transform: translateY(0);transition: all 0.3s ease;position: relative;animation: titleGlow 3s ease-in-out infinite, titleFloat 4s ease-in-out infinite;}.hero-title:hover {transform: translateY(-8px) scale(1.05);text-shadow: 0 0 20px rgba(0, 245, 255, 1), 0 0 35px rgba(255, 0, 255, 0.9), 0 0 50px rgba(0, 255, 136, 0.7), 0 0 65px rgba(255, 255, 0, 0.6), 0 8px 20px rgba(0, 0, 0, 0.8);animation-play-state: paused;filter: brightness(1.2);}.hero-subtitle {font-size: 1.3rem;color: rgba(255, 255, 255, 0.8);margin-bottom: 20px;font-weight: 300;text-align: center;}.typewriter-text {display: inline-block;overflow: hidden;border-right: 3px solid rgba(0, 245, 255, 0.8);white-space: nowrap;width: 0;animation: typewriter 3.5s steps(21, end) 0.5s forwards, blink 1s infinite, hideCursor 0s 4.3s forwards;}.hero-description {font-size: 1rem;color: rgba(255, 255, 255, 0.6);margin-bottom: 25px;line-height: 1.6;}.social-buttons {display: flex;gap: 25px;justify-content: center;flex-wrap: wrap;}.social-btn-wrapper {position: relative;display: inline-block;padding-bottom: 40px;}.social-btn {width: 60px;height: 60px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);display: flex;align-items: center;justify-content: center;text-decoration: none;color: #fff;font-size: 20px;transition: all 0.3s ease;position: relative;overflow: hidden;}.social-btn img {width: 28px;height: 28px;object-fit: contain;filter: brightness(0) invert(1);transition: all 0.3s ease;}.social-btn:hover img {filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));transform: scale(1.1);}.social-btn i {font-size: 28px;line-height: 1;transition: all 0.3s ease;}.social-btn:hover i {text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);transform: scale(1.1);}.social-btn:hover {transform: translateY(-5px) scale(1.05);background: rgba(255, 255, 255, 0.2);box-shadow: 0 5px 15px rgba(154, 245, 207, 0.4);}.social-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.3s;}.social-btn:hover::before {left: 100%;}.social-btn-label {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);font-size: 12px;color: rgba(255, 255, 255, 0.9);background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding: 4px 8px;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.2);opacity: 0;visibility: hidden;transition: all 0.3s ease;white-space: nowrap;z-index: 1000;pointer-events: none;}.social-btn-wrapper:hover .social-btn-label {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-8px);}.more-buttons {padding-top: 20px;border-top: 1px solid rgba(255, 255, 255, 0.1);}.more-btn-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 12px;max-width: 800px;margin: 0 auto;max-height: 120px;overflow-y: auto;padding-right: 8px;padding-top: 2px;}.more-btn-grid::-webkit-scrollbar {width: 6px;}.more-btn-grid::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.08);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 10px;margin: 4px 0;}.more-btn-grid::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.15);border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.1);transition: all 0.3s ease;}.more-btn-grid::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.25);border-color: rgba(0, 212, 255, 0.3);box-shadow: 0 0 10px rgba(0, 212, 255, 0.2);}.more-btn {padding: 12px 20px;background: rgba(255, 255, 255, 0.02);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 25px;text-decoration: none;color: rgba(255, 255, 255, 0.8);font-size: 14px;font-weight: 500;transition: all 0.3s ease;text-align: center;position: relative;overflow: hidden;}.more-btn:hover {background: rgba(255, 255, 255, 0.15);color: #fff;transform: translateY(-2px);box-shadow: 2px 2px 15px rgb(169 255 0 / 20%) }.more-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.4s;}.more-btn:hover::before {left: 100%;}.blessing {text-align: center;padding: 12px 20px;margin: 0px 0 0 0;}.blessing-text {font-size: 18px;color: #ffd700;font-weight: 600;background: linear-gradient(45deg, #ffd700, #ffed4e, #fff068, #ffc107);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 200%;animation: gradientShift 4s ease-in-out infinite;filter: drop-shadow(0 0 0px rgba(255, 215, 0, 0.8)) drop-shadow(0 0 2px rgba(255, 215, 0, 0.6)) drop-shadow(0 0 4px rgba(255, 215, 0, 0.4));}.footer {backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-top: 1px solid rgba(255, 255, 255, 0.05);padding: 5px 40px 15px 40px;text-align: center;}.footer-content {max-width: 1400px;margin: 0 auto;text-align: center;}.footer-text {color: rgba(255, 255, 255, 0.75);font-size: 16px;display: flex;flex-direction: column;gap: 5px;align-items: center;}.footer-text .icp {font-size: 14px;color: rgba(255, 255, 255, 0.75);}.wave-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1;opacity: 0.7;}#wave-canvas {display: block;width: 100%;height: 100%;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(50px);}to {opacity: 1;transform: translateY(0);}}@keyframes gradientShift {0%, 100% {background-position: 0% 50%;}25% {background-position: 100% 0%;}50% {background-position: 100% 100%;}75% {background-position: 0% 100%;}}@keyframes typewriter {0% {width: 0;}100% {width: 21em;}}@keyframes blink {0%, 50% {border-color: rgba(0, 245, 255, 0.8);}51%, 100% {border-color: transparent;}}@keyframes hideCursor {to {border-color: transparent;}}@keyframes titleGlow {0%, 100% {text-shadow: 0 0 10px rgba(0, 245, 255, 0.8), 0 0 20px rgba(255, 0, 255, 0.6), 0 0 30px rgba(0, 255, 136, 0.4), 0 0 40px rgba(255, 255, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.5);}50% {text-shadow: 0 0 20px rgba(0, 245, 255, 1), 0 0 30px rgba(255, 0, 255, 0.8), 0 0 40px rgba(0, 255, 136, 0.6), 0 0 50px rgba(255, 255, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.5);}}@keyframes titleFloat {0%, 100% {transform: translateY(0);}50% {transform: translateY(-3px);}}@keyframes dynamicBg {0%, 100% {background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, center;filter: blur(8px) brightness(0.7) hue-rotate(0deg);}25% {background-position: 100% 50%, 0% 100%, 50% 0%, 50% 50%, center;filter: blur(8px) brightness(0.8) hue-rotate(30deg);}50% {background-position: 50% 100%, 50% 50%, 100% 50%, 0% 0%, center;filter: blur(8px) brightness(0.6) hue-rotate(60deg);}75% {background-position: 0% 50%, 100% 100%, 50% 100%, 50% 0%, center;filter: blur(8px) brightness(0.9) hue-rotate(90deg);}}@media (max-width: 768px) {.video-background video {transform: scale(1.05);filter: blur(6px) brightness(1);}.video-background.fallback {filter: blur(6px) brightness(0.7);}.main-container {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.navbar {padding: 15px 20px;height: 60px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}.navbar.scrolled {padding: 8px 20px;height: 50px;}.nav-links a {font-size: 14px;}.hero-title {font-size: 2.2rem;}.hero-subtitle {font-size: 1.1rem;}.hero-description {font-size: 0.9rem;}.social-buttons {gap: 15px;}.social-btn {width: 50px;height: 50px;font-size: 16px;}.social-btn img {width: 22px;height: 22px;}.social-btn i {font-size: 24px;}.social-btn-wrapper {padding-bottom: 28px;margin-bottom: 8px;}.social-btn-label {opacity: 1;visibility: visible;bottom: 0;font-size: 12px;padding: 2px 6px;background: rgb(0 0 0 / 0%);border: 0px solid rgba(255, 255, 255, 0.2);}.more-btn-grid {grid-template-columns: repeat(4, 1fr);gap: 8px;max-height: 124px;padding-right: 6px;}.more-btn {padding: 8px 10px;font-size: 12px;}.blessing-text {font-size: 16px;}.footer-text {font-size: 14px;}.footer-text .icp {font-size: 12px;}.content {padding: 70px 20px 15px 20px;}}@media (max-width: 480px) {.video-background video {transform: scale(1.0);filter: blur(4px) brightness(1);}.video-background.fallback {filter: blur(4px) brightness(0.7);animation: none;}.main-container {backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}.navbar {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.social-buttons {gap: 10px;}.more-btn {padding: 8px 8px;font-size: 12px;}}@media (max-width: 375px) {.nav-links {display: none;}.social-buttons {gap: 8px;}.more-btn {padding: 8px 6px;font-size: 12px;}}::-webkit-scrollbar {width: 8px;}::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.08);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 10px;margin: 4px 0;}::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.15);border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.1);}::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.25);}