:root{--bg-deep: #0a0a0f;--bg-dark: #0d0d1a;--bg-card: #1a1a2e;--bg-elevated: #16213e;--neon-cyan: #00f5ff;--neon-magenta: #ff00ff;--neon-purple: #bf00ff;--neon-blue: #0080ff;--neon-green: #00ff88;--text-primary: #e0e0e0;--text-secondary: #8a8a9a;--text-muted: #5a5a6a;--text-bright: #ffffff;--border-subtle: rgba(0, 245, 255, .2);--border-glow: rgba(0, 245, 255, .5);--border-accent: rgba(255, 0, 255, .3);--glow-cyan: 0 0 10px #00f5ff, 0 0 20px #00f5ff;--glow-magenta: 0 0 10px #ff00ff, 0 0 20px #ff00ff;--glow-subtle: 0 0 5px currentColor;--neon-gradient-cm: linear-gradient(135deg, #00f5ff, #ff00ff);--neon-gradient-cp: linear-gradient(135deg, #00f5ff, #bf00ff);--neon-gradient-mp: linear-gradient(135deg, #ff00ff, #bf00ff);--grid-line: rgba(0, 245, 255, .05);--scanline: rgba(0, 0, 0, .15);--font-title: "Orbitron", sans-serif;--font-display: "Rajdhani", sans-serif;--font-body: "Share Tech Mono", monospace;--font-data: "JetBrains Mono", monospace;--font-chinese: "Noto Sans SC", sans-serif;--transition-slow: .5s ease;--transition-normal: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-chinese);background:var(--bg-deep);color:var(--text-primary);line-height:1.8;overflow-x:hidden}.app-container{min-height:100vh;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-dark) 50%,var(--bg-card) 100%);position:relative}.app-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(180deg,var(--grid-line) 1px,transparent 1px);background-size:50px 50px;opacity:.5;pointer-events:none;z-index:0}.app-container:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--scanline) 2px,var(--scanline) 4px),radial-gradient(ellipse at 10% 20%,rgba(0,245,255,.08) 0%,transparent 40%),radial-gradient(ellipse at 90% 80%,rgba(255,0,255,.06) 0%,transparent 35%),radial-gradient(ellipse at 50% 50%,rgba(191,0,255,.04) 0%,transparent 50%);pointer-events:none;z-index:0;animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 100px,0 0,0 0,0 0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:all var(--transition-normal);background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.navbar.scrolled{background:#0d0d1af2;border-bottom:1px solid var(--border-glow);box-shadow:0 0 20px #00f5ff1a}.nav-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform var(--transition-normal)}.logo:hover{transform:scale(1.02)}.logo-icon{font-size:1.75rem;color:var(--neon-magenta);filter:drop-shadow(0 0 5px var(--neon-magenta))}.logo-text{font-family:var(--font-title);font-size:1.5rem;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);letter-spacing:.2em}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle span{width:25px;height:2px;background:var(--neon-cyan);transition:all var(--transition-normal)}.nav-links{display:flex;list-style:none;gap:2.5rem}.nav-links li{font-family:var(--font-display);font-size:1rem;color:var(--text-secondary);cursor:pointer;position:relative;padding:.5rem 0;transition:color var(--transition-normal)}.nav-links li:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan);transition:width var(--transition-normal)}.nav-links li:hover,.nav-links li.active{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.nav-links li:hover:after,.nav-links li.active:after{width:100%}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:6rem 2rem 4rem;overflow:hidden;background:radial-gradient(ellipse at center,rgba(0,245,255,.05) 0%,transparent 60%)}.particles-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--neon-cyan);border-radius:50%;opacity:0;box-shadow:var(--glow-subtle);animation:data-stream 10s infinite ease-in-out;animation-delay:var(--delay)}@keyframes data-stream{0%,to{opacity:0;transform:translateY(0) scale(.5);background:var(--neon-cyan)}30%{opacity:.6;transform:translateY(-40px) scale(1);background:var(--neon-magenta)}60%{opacity:.4;transform:translateY(-80px) scale(.7);background:var(--neon-purple)}}.hero-content{text-align:center;z-index:1;max-width:900px}.hero-badge{display:inline-block;padding:.5rem 1.5rem;background:#00f5ff0d;border:1px solid var(--border-glow);font-family:var(--font-display);font-size:.875rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);margin-bottom:2rem;letter-spacing:.2em}.hero-title{margin-bottom:1.5rem}.title-line{display:block;font-family:var(--font-title);font-size:clamp(3rem,10vw,5rem);color:var(--text-bright);letter-spacing:.15em;animation:title-reveal 1s ease-out,glitch-color 3s infinite}@keyframes title-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch-color{0%{text-shadow:2px 0 var(--neon-cyan),-2px 0 var(--neon-magenta)}25%{text-shadow:-2px 0 var(--neon-cyan),2px 0 var(--neon-magenta)}50%{text-shadow:2px 0 var(--neon-purple),-2px 0 var(--neon-cyan)}75%{text-shadow:-2px 0 var(--neon-magenta),2px 0 var(--neon-purple)}to{text-shadow:2px 0 var(--neon-cyan),-2px 0 var(--neon-magenta)}}.title-sub{display:block;font-family:var(--font-display);font-size:clamp(1rem,3vw,1.5rem);color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta);margin-top:.5rem;letter-spacing:.5em;animation:title-reveal 1s ease-out .2s both}.hero-desc{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto 2.5rem;line-height:2;animation:title-reveal 1s ease-out .4s both}.hero-actions{display:none;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;animation:title-reveal 1s ease-out .6s both}.btn-primary{position:relative;padding:1rem 2.5rem;font-family:var(--font-display);font-size:1rem;background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);cursor:pointer;overflow:hidden;transition:all var(--transition-normal);letter-spacing:.1em;box-shadow:inset 0 0 20px #00f5ff1a;text-shadow:0 0 5px var(--neon-cyan)}.btn-primary:hover{background:#00f5ff33;border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-magenta)}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.3),transparent);transition:left .5s ease}.btn-primary:hover .btn-glow{left:100%}.hero-stats{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;animation:title-reveal 1s ease-out .8s both}.stat-item{text-align:center}.stat-value{display:block;font-family:var(--font-data);font-size:1.75rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.stat-label{font-family:var(--font-display);font-size:.875rem;color:var(--text-muted);letter-spacing:.1em}.stat-divider{width:1px;height:40px;background:var(--border-subtle)}.coming-soon-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:modal-fade-in .3s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--neon-cyan);box-shadow:0 0 30px #00f5ff4d;padding:3rem 2.5rem;text-align:center;max-width:400px;animation:modal-slide-up .4s ease;position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:2px;background:var(--neon-gradient-cm);animation:scan-line 2s linear infinite}@keyframes scan-line{0%{left:-100%}to{left:100%}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-icon{font-size:3rem;margin-bottom:1.5rem;color:var(--neon-magenta);filter:drop-shadow(0 0 20px var(--neon-magenta));animation:glitch-icon .5s infinite}@keyframes glitch-icon{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,2px)}}.modal-title{font-family:var(--font-title);font-size:2rem;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);margin-bottom:1rem;letter-spacing:.1em}.modal-desc{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.modal-close{padding:.75rem 2rem;font-family:var(--font-display);font-size:1rem;background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);cursor:pointer;transition:all var(--transition-normal);letter-spacing:.1em;text-shadow:0 0 5px var(--neon-cyan)}.modal-close:hover{background:#00f5ff33;box-shadow:0 0 20px var(--neon-cyan)}.hero-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;pointer-events:none}.sword-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,245,255,.1) 0%,transparent 70%);animation:pulse-sword 4s infinite ease-in-out}@keyframes pulse-sword{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.qi-circle{position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid transparent;animation:rotate-qi 25s linear infinite}.qi-circle.outer{width:500px;height:500px;border:2px solid var(--neon-cyan);box-shadow:var(--glow-cyan);animation-duration:35s;opacity:.3}.qi-circle.middle{width:350px;height:350px;border:2px solid var(--neon-magenta);box-shadow:var(--glow-magenta);animation-duration:28s;animation-direction:reverse;opacity:.4}.qi-circle.inner{width:200px;height:200px;border:2px solid var(--neon-purple);box-shadow:0 0 10px var(--neon-purple),0 0 20px var(--neon-purple);animation-duration:20s;opacity:.5}@keyframes rotate-qi{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;padding:.375rem 1rem;background:#00f5ff0d;border:1px solid var(--border-glow);font-family:var(--font-display);font-size:.75rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);letter-spacing:.2em;margin-bottom:1rem}.section-title{font-family:var(--font-title);font-size:clamp(2rem,5vw,3rem);color:var(--text-bright);text-shadow:0 0 10px var(--neon-cyan);margin-bottom:1rem;letter-spacing:.15em}.section-desc{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;letter-spacing:.05em}.features-section{padding:6rem 2rem;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(0,245,255,.03) 50%,transparent 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.feature-card{position:relative;padding:2.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-normal);overflow:hidden;animation:card-appear .6s ease-out both;animation-delay:var(--delay)}@keyframes card-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.1),transparent);transition:left .5s ease}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f5ff33}.feature-card:hover .feature-glow{opacity:1}.feature-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,245,255,.05) 0%,transparent 30%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem;display:block;color:var(--neon-magenta);filter:drop-shadow(0 0 10px var(--neon-magenta))}.feature-title{font-family:var(--font-title);font-size:1.25rem;color:var(--neon-cyan);text-shadow:0 0 5px rgba(0,245,255,.5);margin-bottom:.75rem;letter-spacing:.05em}.feature-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.8}.cultivation-section{padding:6rem 2rem;position:relative;z-index:1}.cultivation-realms{display:flex;flex-direction:column;gap:3rem;margin-bottom:4rem;max-width:1400px;margin-left:auto;margin-right:auto}.realm-group{background:var(--bg-card);border:1px solid var(--border-subtle);padding:2rem;position:relative}.realm-group:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--neon-gradient-cm)}.realm-group-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.realm-group-icon{font-size:1.75rem;color:var(--neon-magenta);filter:drop-shadow(0 0 5px var(--neon-magenta))}.realm-group-name{font-family:var(--font-title);font-size:1.5rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);letter-spacing:.1em}.realm-group-path{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.realm-node{display:flex;flex-direction:column;align-items:center;position:relative;padding:1rem}.realm-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#00f5ff0d;border:1px solid var(--border-glow);border-radius:50%;margin-bottom:.75rem;transition:all var(--transition-normal)}.realm-node.active .realm-icon{border-color:var(--neon-magenta);box-shadow:0 0 20px var(--neon-magenta);background:#ff00ff1a}.realm-info{text-align:center}.realm-name{display:block;font-family:var(--font-display);font-size:.9375rem;color:var(--text-primary);margin-bottom:.25rem}.realm-power{display:block;font-family:var(--font-data);font-size:.75rem;color:var(--neon-green)}.realm-line{position:absolute;right:-20px;top:50%;width:40px;height:1px;background:linear-gradient(90deg,var(--neon-cyan),transparent)}.cultivation-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.detail-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border-subtle)}.detail-card h3{font-family:var(--font-title);font-size:1.125rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-glow);letter-spacing:.05em}.skill-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.skill-node{display:flex;flex-direction:column;align-items:center;padding:1rem;background:transparent;border:1px solid var(--border-subtle);transition:all var(--transition-normal)}.skill-node.unlocked{border-color:var(--neon-cyan);background:#00f5ff0d;box-shadow:0 0 10px #00f5ff33}.skill-icon{font-size:1.25rem;margin-bottom:.5rem;opacity:.5;color:var(--neon-cyan)}.skill-node.unlocked .skill-icon{opacity:1;filter:drop-shadow(0 0 5px var(--neon-cyan))}.skill-name{font-size:.875rem;color:var(--text-primary);font-family:var(--font-display);margin-bottom:.25rem}.skill-tier{font-size:.75rem;color:var(--text-muted)}.quest-list{display:flex;flex-direction:column;gap:.75rem}.quest-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#00f5ff08;border-left:2px solid var(--neon-cyan);transition:all var(--transition-normal)}.quest-item:hover{background:#00f5ff14}.quest-type{padding:.25rem .75rem;font-family:var(--font-display);font-size:.75rem;border:1px solid;letter-spacing:.05em}.quest-type.daily{border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 3px var(--neon-cyan)}.quest-type.weekly{border-color:var(--neon-magenta);color:var(--neon-magenta);text-shadow:0 0 3px var(--neon-magenta)}.quest-type.special{border-color:var(--neon-purple);color:var(--neon-purple);text-shadow:0 0 3px var(--neon-purple);box-shadow:0 0 5px var(--neon-purple)}.quest-name{flex:1;font-size:.9375rem;color:var(--text-primary)}.quest-reward{font-family:var(--font-data);font-size:.875rem;color:var(--neon-green)}.arena-section{padding:6rem 2rem;position:relative;z-index:1;background:radial-gradient(ellipse at center,rgba(255,0,255,.05) 0%,transparent 70%)}.arena-container{max-width:1200px;margin:0 auto}.arena-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-bottom:3rem}.fighter{display:flex;flex-direction:column;align-items:center;text-align:center}.fighter-avatar{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.avatar-ring{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--neon-cyan);border-radius:50%;animation:neon-pulse-ring 3s infinite;box-shadow:0 0 10px var(--neon-cyan)}.fighter.right .avatar-ring{border-color:var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta)}@keyframes neon-pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}.avatar-icon{font-size:2.5rem;color:var(--neon-cyan);filter:drop-shadow(0 0 15px var(--neon-cyan))}.fighter.right .avatar-icon{color:var(--neon-magenta);filter:drop-shadow(0 0 15px var(--neon-magenta))}.fighter-info{margin-bottom:1.5rem}.fighter-name{display:block;font-family:var(--font-title);font-size:1.25rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);margin-bottom:.25rem;letter-spacing:.05em}.fighter.right .fighter-name{color:var(--neon-magenta);text-shadow:0 0 5px var(--neon-magenta)}.fighter-realm{font-family:var(--font-display);font-size:.875rem;color:var(--text-secondary)}.fighter-guild{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.fighter-stats{width:100%;max-width:200px}.stat-bar{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.bar-label{font-family:var(--font-display);font-size:.75rem;color:var(--text-secondary);width:40px;text-align:left}.bar-track{flex:1;height:6px;background:#00f5ff1a;border:1px solid var(--border-subtle);overflow:hidden}.bar-fill{height:100%;background:var(--neon-gradient-cm);box-shadow:0 0 5px var(--neon-cyan);transition:width 1s ease-out}.fighter.right .bar-fill{background:var(--neon-gradient-mp);box-shadow:0 0 5px var(--neon-magenta)}.bar-value{font-family:var(--font-data);font-size:.75rem;color:var(--neon-cyan);width:30px;text-align:right}.fighter.right .bar-value{color:var(--neon-magenta)}.fighter-skills{margin-top:1rem;width:100%;max-width:200px}.skills-label{display:block;font-family:var(--font-display);font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.25rem .5rem;font-family:var(--font-display);font-size:.75rem;background:#00f5ff0d;border:1px solid var(--border-subtle);color:var(--text-secondary)}.fighter-record{margin-top:1rem;display:flex;gap:1rem;width:100%;max-width:200px;justify-content:center}.record-item{text-align:center}.record-value{display:block;font-family:var(--font-data);font-size:1rem;color:var(--neon-cyan)}.fighter.right .record-value{color:var(--neon-magenta)}.record-label{font-family:var(--font-display);font-size:.75rem;color:var(--text-muted)}.arena-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.vs-badge{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#00f5ff1a;border:2px solid var(--neon-cyan);font-family:var(--font-title);font-size:1.5rem;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);margin-bottom:1rem;animation:vs-neon-pulse 2s infinite}@keyframes vs-neon-pulse{0%,to{transform:scale(1);box-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-magenta);border-color:var(--neon-cyan)}50%{transform:scale(1.08);box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-magenta);border-color:var(--neon-magenta)}}.battle-status{text-align:center;margin-bottom:1rem}.status-text{display:block;font-family:var(--font-display);font-size:.9375rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);margin-bottom:.25rem;animation:blink-text 1s infinite}@keyframes blink-text{0%,to{opacity:1}50%{opacity:.5}}.status-time{font-family:var(--font-data);font-size:.75rem;color:var(--text-muted)}.ranking-section{padding:6rem 2rem;position:relative;z-index:1}.ranking-container{max-width:900px;margin:0 auto}.ranking-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tab-btn{padding:.75rem 1.5rem;font-family:var(--font-display);font-size:1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-normal);letter-spacing:.05em}.tab-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff33}.tab-btn.active{background:#00f5ff1a;border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);box-shadow:0 0 15px #00f5ff4d}.ranking-list{display:flex;flex-direction:column;gap:.75rem}.rank-item{display:grid;grid-template-columns:60px 60px 1fr 120px 100px;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-normal)}.rank-item:hover{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff26}.rank-item.top-3{background:linear-gradient(180deg,rgba(0,245,255,.05) 0%,var(--bg-card) 100%);border-color:var(--border-glow)}.rank-position{text-align:center}.crown,.medal{font-size:1.5rem;filter:drop-shadow(0 0 5px currentColor)}.rank-num{font-family:var(--font-data);font-size:1rem;color:var(--text-muted)}.rank-avatar{width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#00f5ff0d;border:1px solid var(--border-subtle)}.rank-info{display:flex;flex-direction:column}.rank-name{font-family:var(--font-title);font-size:1rem;color:var(--neon-cyan)}.rank-realm{font-family:var(--font-display);font-size:.75rem;color:var(--text-muted)}.rank-power,.rank-winrate{text-align:center}.power-value,.winrate-value{display:block;font-family:var(--font-data);font-size:.9375rem;color:var(--neon-green)}.power-label,.winrate-label{font-family:var(--font-display);font-size:.75rem;color:var(--text-muted)}.footer{padding:4rem 2rem 2rem;background:var(--bg-deep);border-top:1px solid var(--border-subtle);position:relative;z-index:1}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--neon-gradient-cm)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;max-width:1200px;margin:0 auto 3rem}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.8}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-group h4{font-family:var(--font-title);font-size:1rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);margin-bottom:1rem;letter-spacing:.05em}.link-group a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:.5rem;transition:color var(--transition-normal)}.link-group a:hover{color:var(--neon-magenta);text-shadow:0 0 5px var(--neon-magenta)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-subtle)}.footer-bottom p{font-family:var(--font-data);font-size:.875rem;color:var(--text-muted)}.footer-bottom a{font-family:var(--font-data);font-size:.875rem;color:var(--text-muted);text-decoration:none;margin-top:.5rem;display:block;transition:color .3s ease}.footer-bottom a:hover{color:var(--accent-gold)}@media (max-width: 1024px){.arena-visual{grid-template-columns:1fr;gap:2rem}.arena-center{order:-1}.fighter.right{order:2}}@media (max-width: 768px){.navbar{padding:1rem;background:#0a0a0ff2}.menu-toggle{display:flex}.nav-links{position:fixed;top:70px;left:0;right:0;background:#0d0d1afa;border:1px solid var(--border-subtle);border-top:1px solid var(--neon-cyan);flex-direction:column;padding:2rem;gap:1rem;transform:translateY(-100%);opacity:0;transition:all var(--transition-normal)}.nav-links.open{transform:translateY(0);opacity:1}.hero-section{padding:5rem 1rem 3rem}.hero-stats{flex-direction:column;gap:1rem}.stat-divider{width:60px;height:1px}.realm-group-path{flex-direction:column}.realm-line{display:none}.rank-item{grid-template-columns:40px 40px 1fr;gap:.75rem;padding:.875rem 1rem}.rank-power,.rank-winrate{display:none}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.title-line{font-size:2.5rem}.hero-actions{flex-direction:column;align-items:center}.btn-primary{width:100%;max-width:280px}.features-grid,.cultivation-detail,.footer-links{grid-template-columns:1fr}}