:root{--bg-primary:#0a0a1a;--bg-secondary:#111128;--bg-card:rgba(20, 20, 50, 0.7);--bg-glass:rgba(30, 30, 70, 0.4);--neon-cyan:#00f0ff;--neon-purple:#b44aff;--neon-pink:#ff2d95;--neon-gold:#ffd700;--text-primary:#e8e8f0;--text-secondary:#8888aa;--border-glow:rgba(0, 240, 255, 0.3);--gradient-main:linear-gradient(135deg, #00f0ff, #b44aff);--gradient-gold:linear-gradient(135deg, #ffd700, #ff8c00);--font-cn:"Microsoft YaHei", "PingFang SC", sans-serif;--font-tech:"Orbitron", monospace}*, *::before, *::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-cn);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--neon-cyan);text-decoration:none;transition:all 0.3s}a:hover{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink)}#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.nav-bar{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(10, 10, 26, 0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glow);z-index:1000;transition:all 0.3s}.nav-bar.scrolled{background:rgba(10, 10, 26, 0.95);box-shadow:0 4px 30px rgba(0, 240, 255, 0.1)}.nav-logo{display:flex;align-items:baseline;gap:8px}.logo-text{font-family:var(--font-tech);font-size:24px;font-weight:900;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub{font-size:14px;color:var(--text-secondary);letter-spacing:2px}.nav-links{display:flex;gap:32px}.nav-link{color:var(--text-secondary);font-size:15px;letter-spacing:1px;position:relative;padding:4px 0;transition:all 0.3s}.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-main);transition:width 0.3s}.nav-link:hover, .nav-link.active{color:var(--neon-cyan);text-shadow:none}.nav-link:hover::after, .nav-link.active::after{width:100%}.nav-actions{display:flex;gap:12px}.btn-glow{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:none;border-radius:6px;font-family:var(--font-cn);font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden}.btn-glow::before{content:'';position:absolute;inset:0;border-radius:6px;padding:1px;background:var(--gradient-main);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.btn-primary{background:linear-gradient(135deg, rgba(0, 240, 255, 0.2), rgba(180, 74, 255, 0.2));color:var(--neon-cyan)}.btn-primary:hover{background:linear-gradient(135deg, rgba(0, 240, 255, 0.4), rgba(180, 74, 255, 0.4));box-shadow:0 0 30px rgba(0, 240, 255, 0.3);transform:translateY(-2px);color:var(--neon-cyan);text-shadow:none}.btn-secondary{background:rgba(255, 255, 255, 0.05);color:var(--text-primary)}.btn-secondary:hover{background:rgba(255, 255, 255, 0.1);box-shadow:0 0 20px rgba(255, 255, 255, 0.1);transform:translateY(-2px);color:var(--text-primary);text-shadow:none}.btn-accent{background:linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 140, 0, 0.15));color:var(--neon-gold)}.btn-accent::before{background:var(--gradient-gold)}.btn-accent:hover{background:linear-gradient(135deg, rgba(255, 215, 0, 0.3), rgba(255, 140, 0, 0.3));box-shadow:0 0 30px rgba(255, 215, 0, 0.2);transform:translateY(-2px);color:var(--neon-gold);text-shadow:none}.btn-download{padding:8px 20px;font-size:13px;background:linear-gradient(135deg, rgba(0, 240, 255, 0.2), rgba(180, 74, 255, 0.2));color:var(--neon-cyan)}.btn-download:hover{background:linear-gradient(135deg, rgba(0, 240, 255, 0.4), rgba(180, 74, 255, 0.4));box-shadow:0 0 20px rgba(0, 240, 255, 0.2);transform:translateY(-1px);color:var(--neon-cyan);text-shadow:none}.btn-icon{font-size:16px}.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%, rgba(0, 240, 255, 0.08) 0%, transparent 60%), radial-gradient(ellipse at 70% 50%, rgba(180, 74, 255, 0.08) 0%, transparent 60%), linear-gradient(180deg, rgba(10, 10, 26, 0.3) 0%, rgba(10, 10, 26, 0.8) 100%);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:0 20px}.hero-title{font-family:var(--font-tech);font-size:clamp(40px, 8vw, 90px);font-weight:900;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;margin-bottom:20px;position:relative}.glitch{animation:glitch-skew 4s infinite linear alternate-reverse}.glitch::before, .glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glitch::before{left:2px;text-shadow:-2px 0 var(--neon-cyan);clip-path:inset(0 0 0 0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch::after{left:-2px;text-shadow:2px 0 var(--neon-pink);clip-path:inset(0 0 0 0);animation:glitch-anim2 3s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip-path:inset(40% 0 61% 0)}20%{clip-path:inset(92% 0 1% 0)}40%{clip-path:inset(43% 0 1% 0)}60%{clip-path:inset(25% 0 58% 0)}80%{clip-path:inset(54% 0 7% 0)}100%{clip-path:inset(58% 0 43% 0)}}@keyframes glitch-anim2{0%{clip-path:inset(65% 0 13% 0)}20%{clip-path:inset(79% 0 2% 0)}40%{clip-path:inset(48% 0 39% 0)}60%{clip-path:inset(10% 0 75% 0)}80%{clip-path:inset(30% 0 50% 0)}100%{clip-path:inset(94% 0 5% 0)}}@keyframes glitch-skew{0%{transform:skew(0deg)}20%{transform:skew(-0.5deg)}40%{transform:skew(0.5deg)}60%{transform:skew(-0.3deg)}80%{transform:skew(0.2deg)}100%{transform:skew(0deg)}}.hero-desc{font-size:clamp(16px, 2.5vw, 22px);color:var(--text-secondary);letter-spacing:4px;margin-bottom:40px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2;text-align:center;color:var(--text-secondary);font-size:12px;letter-spacing:2px;animation:float 3s ease-in-out infinite}.scroll-arrow{width:20px;height:20px;margin:8px auto 0;border-right:2px solid var(--neon-cyan);border-bottom:2px solid var(--neon-cyan);transform:rotate(45deg);animation:scroll-bounce 2s infinite}@keyframes float{0%, 100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes scroll-bounce{0%, 100%{opacity:1;transform:rotate(45deg) translateY(0)}50%{opacity:0.5;transform:rotate(45deg) translateY(8px)}}.section{position:relative;z-index:1;padding:100px 0}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-title{display:flex;align-items:center;gap:12px;font-family:var(--font-tech);font-size:28px;font-weight:700;color:var(--neon-cyan);margin-bottom:48px;letter-spacing:2px}.title-icon{font-size:14px;color:var(--neon-purple)}.title-line{flex:1;height:1px;background:linear-gradient(90deg, var(--border-glow), transparent)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.news-card{position:relative;background:var(--bg-card);border:1px solid rgba(0, 240, 255, 0.1);border-radius:12px;padding:24px;backdrop-filter:blur(10px);transition:all 0.4s;overflow:hidden}.news-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gradient-main);opacity:0;transition:opacity 0.3s}.news-card:hover{border-color:rgba(0, 240, 255, 0.3);transform:translateY(-4px);box-shadow:0 8px 40px rgba(0, 240, 255, 0.1)}.news-card:hover::before{opacity:1}.card-highlight{border-color:rgba(255, 45, 149, 0.3)}.card-highlight::before{background:linear-gradient(90deg, var(--neon-pink), var(--neon-purple));opacity:1}.card-wide{grid-column:span 2}@media (max-width:768px){.card-wide{grid-column:span 1}}.card-badge{display:inline-block;padding:2px 12px;border-radius:4px;font-size:12px;font-weight:600;background:rgba(255, 45, 149, 0.15);color:var(--neon-pink);border:1px solid rgba(255, 45, 149, 0.3);margin-bottom:12px}.card-badge.blue{background:rgba(0, 240, 255, 0.1);color:var(--neon-cyan);border-color:rgba(0, 240, 255, 0.3)}.card-badge.purple{background:rgba(180, 74, 255, 0.1);color:var(--neon-purple);border-color:rgba(180, 74, 255, 0.3)}.card-badge.gold{background:rgba(255, 215, 0, 0.1);color:var(--neon-gold);border-color:rgba(255, 215, 0, 0.3)}.card-content h3{font-size:16px;color:var(--text-primary);margin-bottom:8px}.card-content p{font-size:14px;color:var(--text-secondary);line-height:1.7}.highlight-text{color:var(--neon-pink) !important;font-size:18px !important;font-weight:700 !important}.showcase-viewer{display:flex;flex-direction:column;gap:16px}.viewer-main{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(0, 240, 255, 0.1);background:var(--bg-card);aspect-ratio:16 / 9;transition:border-color 0.3s}.viewer-main:hover{border-color:rgba(0, 240, 255, 0.3)}.viewer-main img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity 0.4s}.viewer-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(transparent, rgba(10, 10, 26, 0.9));pointer-events:none}.viewer-label{font-size:14px;color:var(--neon-cyan);letter-spacing:2px}.viewer-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(0, 240, 255, 0.3);border-radius:50%;background:rgba(10, 10, 26, 0.7);backdrop-filter:blur(8px);color:var(--neon-cyan);font-size:24px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;line-height:1}.viewer-btn:hover{background:rgba(0, 240, 255, 0.2);border-color:var(--neon-cyan);box-shadow:0 0 20px rgba(0, 240, 255, 0.2)}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-thumbs{display:flex;gap:12px;justify-content:center}.thumb-item{flex:0 0 auto;width:180px;border-radius:8px;overflow:hidden;border:2px solid rgba(0, 240, 255, 0.1);cursor:pointer;transition:all 0.3s;background:var(--bg-card);text-align:center}.thumb-item:hover{border-color:rgba(0, 240, 255, 0.4);transform:translateY(-2px)}.thumb-item.active{border-color:var(--neon-cyan);box-shadow:0 0 16px rgba(0, 240, 255, 0.2)}.thumb-item img{width:100%;height:100px;object-fit:cover;display:block}.thumb-item span{display:block;padding:6px 0;font-size:12px;color:var(--text-secondary)}.thumb-item.active span{color:var(--neon-cyan)}.drops-tabs{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.tab-btn{padding:10px 24px;border:1px solid rgba(0, 240, 255, 0.2);border-radius:8px;background:transparent;color:var(--text-secondary);font-family:var(--font-cn);font-size:14px;cursor:pointer;transition:all 0.3s}.tab-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.tab-btn.active{background:linear-gradient(135deg, rgba(0, 240, 255, 0.15), rgba(180, 74, 255, 0.15));border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 20px rgba(0, 240, 255, 0.1)}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn 0.4s}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drop-table{background:var(--bg-card);border:1px solid rgba(0, 240, 255, 0.1);border-radius:12px;overflow:hidden}.drop-row{display:flex;padding:16px 24px;border-bottom:1px solid rgba(255, 255, 255, 0.03);transition:background 0.3s}.drop-row:hover{background:rgba(0, 240, 255, 0.03)}.drop-row:last-child{border-bottom:none}.drop-header{background:rgba(0, 240, 255, 0.05);font-weight:700;color:var(--neon-cyan);font-size:14px}.drop-name{min-width:180px;font-weight:600;color:var(--text-primary);flex-shrink:0}.drop-header .drop-name{color:var(--neon-cyan)}.drop-items{flex:1;color:var(--text-secondary);font-size:14px;line-height:1.6}.drop-row-legend .drop-name{color:var(--neon-gold)}.drop-row-legend{background:rgba(255, 215, 0, 0.02)}.notice-list{display:grid;gap:16px}.notice-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:var(--bg-card);border:1px solid rgba(0, 240, 255, 0.1);border-radius:12px;transition:all 0.3s}.notice-item:hover{border-color:rgba(0, 240, 255, 0.3);transform:translateX(4px)}.notice-icon{font-size:24px;flex-shrink:0}.notice-item p{color:var(--text-secondary);font-size:14px;line-height:1.7}.drop-subtitle{font-size:18px;font-weight:700;color:var(--neon-purple);margin-bottom:16px;padding-left:12px;border-left:3px solid var(--neon-purple)}.drop-tip{margin-top:20px;padding:14px 20px;background:linear-gradient(135deg, rgba(0, 240, 255, 0.05), rgba(180, 74, 255, 0.05));border:1px solid rgba(0, 240, 255, 0.15);border-radius:8px;color:var(--text-secondary);font-size:14px;line-height:1.6}.drop-row-rare .drop-name{color:var(--neon-pink)}.drop-row-rare{background:rgba(255, 45, 149, 0.02)}.footer{position:relative;z-index:1;padding:60px 24px 30px;border-top:1px solid rgba(0, 240, 255, 0.1);background:rgba(10, 10, 26, 0.8)}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-logo{font-family:var(--font-tech);font-size:20px;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:24px}.footer-links a{color:var(--text-secondary);font-size:14px;transition:color 0.3s}.footer-links a:hover{color:var(--neon-cyan);text-shadow:0 0 10px rgba(0, 240, 255, 0.3)}.footer-copy{color:var(--text-secondary);font-size:12px;opacity:0.5}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.nav-links{display:none}.hero-title{letter-spacing:2px}.drop-row{flex-direction:column;gap:4px}.drop-name{min-width:unset}.thumb-item{width:140px}.thumb-item img{height:70px}}@media (max-width:600px){.nav-bar{padding:0 16px}.hero-buttons{flex-direction:column;align-items:center}.btn-glow{width:100%;max-width:280px;justify-content:center}.section{padding:60px 0}.news-grid{grid-template-columns:1fr}}