:root{--neon-pink: #ff00ff;--neon-cyan: #00ffff;--neon-purple: #9933ff;--neon-blue: #3399ff;--silver: #c0c0c0;--silver-bright: #e8e8e8;--neon-pink-dim: #cc00cc;--neon-cyan-dim: #00cccc;--dark-bg: #0a0a0f;--darker-bg: #050510;--semi-transparent-bg: rgba(5, 5, 16, .85);--semi-purple-bg: rgba(20, 5, 30, .85)}textarea.hidden,input.hidden,button.hidden,#profile-bio.hidden{display:none!important}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--darker-bg);letter-spacing:.05em;font-family:"Press Start 2P",Courier New,monospace,Microsoft YaHei,SimHei,Courier;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:linear-gradient(to bottom,#0a0a0f00 50%,#0000001a 50%);background-size:100% 4px;animation:scanlines .1s infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.4) 100%);animation:flicker 4s infinite}.gallery-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:linear-gradient(to bottom,#010108b3,#03030cd9,#050510f2);opacity:0;visibility:hidden;transition:opacity .8s ease-in-out,visibility .8s ease-in-out}.gallery-overlay:not(.hidden){opacity:1;visibility:visible}@keyframes flicker{0%{opacity:.15}10%{opacity:.18}20%{opacity:.13}30%{opacity:.2}40%{opacity:.1}50%{opacity:.16}60%{opacity:.12}70%{opacity:.18}80%{opacity:.14}90%{opacity:.17}to{opacity:.15}}.ui-container{position:fixed;top:0;left:0;width:100%;height:auto;z-index:100;pointer-events:none;padding:1rem;font-family:"Press Start 2P",Courier New,monospace,Microsoft YaHei,SimHei,Courier}.header-bar{display:flex;justify-content:center;align-items:center;padding:1rem;pointer-events:none;z-index:100}.music-btn{width:60px;height:60px;font-size:1.5rem;display:flex;justify-content:center;align-items:center;padding:0;pointer-events:auto;transition:all .3s ease;position:relative;overflow:hidden;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border:3px solid var(--neon-pink);background:#05050af2;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 2px);box-shadow:0 0 15px var(--neon-pink),0 0 30px #f0f6,inset 0 0 15px #ff00ff26}.music-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.music-btn:hover:before{left:100%}.music-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px var(--neon-pink),0 0 60px #ff00ffb3,inset 0 0 20px #ff00ff4d}.music-btn.is-primary{border-color:var(--neon-pink);color:var(--neon-pink);text-shadow:0 0 12px var(--neon-pink)}.music-btn.is-success{border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 12px var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan),0 0 30px #0ff6,inset 0 0 15px #00ffff26;animation:musicGlow 1.5s ease-in-out infinite}@keyframes musicGlow{0%,to{filter:drop-shadow(0 0 15px var(--neon-cyan))}50%{filter:drop-shadow(0 0 30px var(--neon-cyan))}}.music-btn.is-success:hover{box-shadow:0 0 30px var(--neon-cyan),0 0 60px #00ffffb3,inset 0 0 20px #00ffff4d}.next-btn{width:50px;height:50px;font-size:1rem;display:flex;justify-content:center;align-items:center;padding:0;pointer-events:auto;transition:all .3s ease;position:relative;overflow:hidden;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border:3px solid var(--neon-purple);background:#05050af2;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 2px);box-shadow:0 0 10px var(--neon-purple),0 0 20px #93f6,inset 0 0 10px #9933ff26;color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple);margin-left:.5rem}.next-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.next-btn:hover:before{left:100%}.next-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 20px var(--neon-purple),0 0 40px #9933ffb3,inset 0 0 15px #9933ff4d}.header-bar h1{font-size:1.5rem;font-family:"Press Start 2P",cursive;position:relative;letter-spacing:.05em;color:#fff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff,0 0 40px #ff00ff,0 0 50px #ff00ff;animation:neonGlow 2s ease-in-out infinite alternate;z-index:100;pointer-events:none}.header-bar h1:before{content:none}.visualizer-controls{display:flex;justify-content:center;margin-top:20px;z-index:1000;pointer-events:auto}.lang-switcher{position:fixed;bottom:30px;right:30px;z-index:1000}.lang-btn{width:50px;height:50px;border:none;background:transparent;cursor:pointer;font-size:1.5rem;opacity:.7;transition:all .3s ease;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-btn:hover{opacity:1;transform:scale(1.2);box-shadow:0 0 20px var(--neon-purple),0 0 40px var(--neon-purple)}.lang-dropdown{position:absolute;bottom:60px;right:0;background:#0a0a1ef2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:10px;min-width:150px;box-shadow:0 0 30px #8a2be24d;border:1px solid rgba(138,43,226,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.lang-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:10px;padding:12px 15px;color:#fff;cursor:pointer;border-radius:8px;transition:all .2s ease;font-family:"Press Start 2P",cursive;font-size:.6rem}.lang-option:hover{background:#8a2be24d;transform:translate(-5px)}.lang-option .flag{font-size:1.2rem}.language-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#050510f2;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.language-loading:not(.hidden){opacity:1;visibility:visible}.language-loading-content{text-align:center;max-width:400px;width:90%}.language-loading-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.language-loading-title{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink);font-family:"Press Start 2P",cursive;font-size:1rem;margin-bottom:2rem}.language-loading-spinner{position:relative;width:100px;height:100px;margin:0 auto 2rem}.spinner-ring{position:absolute;width:100px;height:100px;border:4px solid transparent;border-radius:50%;animation:spin 2s linear infinite}.spinner-ring-1{border-top-color:var(--neon-pink);box-shadow:0 0 15px var(--neon-pink)}.spinner-ring-2{border-top-color:var(--neon-cyan);animation-delay:.3s;width:80px;height:80px;top:10px;left:10px;box-shadow:0 0 15px var(--neon-cyan)}.spinner-ring-3{border-top-color:var(--neon-purple);animation-delay:.6s;width:60px;height:60px;top:20px;left:20px;box-shadow:0 0 15px var(--neon-purple)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.language-loading-subtitle{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);font-family:"Press Start 2P",cursive;font-size:.7rem;opacity:.8}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}#quote-trigger-btn{position:fixed;bottom:20px;left:20px;z-index:100;width:50px;height:50px;border-radius:50%;background:#050510b3;border:2px solid rgba(0,255,255,.5);color:#0ff;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #00ffff4d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;margin:0;line-height:1}#quote-trigger-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #0ff9}#quote-close-btn{position:absolute;top:15px;right:15px;background:transparent;border:1px solid #ff00ff;color:#f0f;border-radius:0;width:40px;height:40px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;margin:0;line-height:40px;text-align:center;overflow:hidden;min-width:40px;min-height:40px}#quote-close-btn:hover{background:#ff00ff1a;box-shadow:0 0 10px #ff00ff80}#modal-refresh-btn{background:transparent;border:2px solid #00ffff;color:#0ff;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;margin:0;line-height:50px;text-align:center;transform-origin:center center;min-width:50px;min-height:50px}#modal-refresh-btn:hover{background:#00ffff1a;box-shadow:0 0 15px #00ffff80;transform:rotate(180deg) scale(1.1)}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.gallery-modal:not(.hidden){opacity:1;visibility:visible}.gallery-modal-content{background:#000;border-radius:20px;padding:50px;max-width:95vw;width:95%;max-height:95vh;height:95%;overflow-y:auto;position:relative;transform:scale(.9);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box}.gallery-modal-content:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:22px;background:linear-gradient(135deg,#0ff,#09f,#0ff);z-index:-1;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:neonBorderPulse 3s ease-in-out infinite alternate}.gallery-modal-content:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:26px;background:radial-gradient(circle,rgba(0,200,255,.3) 0%,transparent 70%);z-index:-2;filter:blur(12px);opacity:.4;animation:softGlow 3s ease-in-out infinite alternate}@keyframes neonBorderPulse{0%{opacity:.6}to{opacity:1}}@keyframes softGlow{0%{opacity:.2;filter:blur(10px)}to{opacity:.5;filter:blur(15px)}}.gallery-modal:not(.hidden) .gallery-modal-content{transform:scale(1);opacity:1;box-shadow:0 0 20px #00c8ff40,0 0 40px #0096ff26,inset 0 0 25px #00c8ff0d}.gallery-close-btn{position:absolute;top:20px;right:20px;background:#000;border:1px solid rgba(0,200,255,.4);color:#0cf;width:48px;height:48px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;margin:0;line-height:48px;text-align:center;overflow:hidden;min-width:48px;min-height:48px;z-index:10;border-radius:6px;box-shadow:0 0 8px #00c8ff33,inset 0 0 5px #00c8ff0d;font-weight:400}.gallery-close-btn:hover{border-color:#0ff;color:#fff;transform:scale(1.1);box-shadow:0 0 15px #00c8ff66,inset 0 0 10px #00c8ff1a}.gallery-title{font-family:Orbitron,Microsoft YaHei,"Press Start 2P",sans-serif;font-size:2rem;margin-top:0;margin-bottom:25px;text-align:center;color:#0cf;text-shadow:0 0 5px rgba(0,200,255,.8),0 0 10px rgba(0,150,255,.5);position:relative;letter-spacing:3px;animation:titleNeon 3s ease-in-out infinite alternate;text-transform:uppercase}@keyframes titleNeon{0%{text-shadow:0 0 3px rgba(0,200,255,.5),0 0 6px rgba(0,150,255,.3)}to{text-shadow:0 0 8px rgba(0,200,255,.9),0 0 15px rgba(0,150,255,.6)}}.gallery-description{color:#e0e0e0;font-size:1rem;line-height:1.8;margin-bottom:35px;text-align:center;position:relative;padding:0 30px;font-family:Microsoft YaHei,sans-serif}.gallery-description p{margin:0;text-shadow:0 0 5px rgba(0,200,255,.4);position:relative;z-index:1;letter-spacing:.5px}.gallery-images{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;padding:25px 0}.placeholder-image{width:140px;height:140px;background:#0006;border:1px solid rgba(0,200,255,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 0 8px #00c8ff26}.placeholder-image:after{content:"";position:absolute;top:0;left:0;right:0;background:radial-gradient(circle,rgba(0,200,255,.08) 0%,transparent 70%);opacity:.3;pointer-events:none}.placeholder-image:hover{background:#0009;border-color:#00c8ff80;transform:scale(1.08);box-shadow:0 0 15px #00c8ff4d,0 0 25px #0096ff26}.gallery-modal-content::-webkit-scrollbar{width:8px}.gallery-modal-content::-webkit-scrollbar-track{background:#0006;border-radius:4px}.gallery-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0cf,#09f,#0cf);border-radius:4px;border:1px solid rgba(0,200,255,.3);box-shadow:0 0 5px #00c8ff40}.gallery-modal-content::-webkit-scrollbar-thumb:hover{filter:brightness(1.2);box-shadow:0 0 10px #00c8ff66}.gallery-modal-content{scrollbar-width:thin;scrollbar-color:#00ffff rgba(0,0,0,.5)}.quote-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.quote-modal-overlay:not(.hidden){opacity:1;visibility:visible}.quote-modal-content{max-width:700px;width:90%;padding:40px;background:#050510f2;border-radius:12px;box-shadow:0 0 30px #00ffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-sizing:border-box}.quote-content{text-align:center;margin-bottom:30px}.quote-icon{font-size:3rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.quote-text{color:#fff;font-size:1.1rem;line-height:1.8;margin:0 0 20px;text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.4);word-wrap:break-word;font-family:"Press Start 2P",cursive}.quote-author{color:#fff;font-size:.9rem;margin:0;opacity:.9;text-shadow:0 0 10px rgba(255,255,255,.6);font-style:italic;font-family:"Press Start 2P",cursive}.quote-refresh-container{text-align:center}.modal-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#050510f2;display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.modal-loading:not(.hidden){opacity:1;visibility:visible}.modal-loading-content{text-align:center}.modal-loading-spinner{width:60px;height:60px;border:4px solid rgba(0,255,255,.2);border-top-color:var(--neon-cyan);border-radius:50%;animation:modalSpin 1s linear infinite;margin:0 auto 1rem;box-shadow:0 0 20px var(--neon-cyan)}@keyframes modalSpin{to{transform:rotate(360deg)}}.modal-loading-text{color:var(--neon-cyan);font-family:"Press Start 2P",cursive;font-size:.7rem;text-shadow:0 0 5px var(--neon-cyan)}.blog-preview{position:relative;min-height:200px}.blog-preview-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#050510f2;display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.blog-preview-loading:not(.hidden){opacity:1;visibility:visible}.content-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.play-visualizer-btn{padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;cursor:pointer;border:4px solid #00FFFF;background:#000c;color:#0ff;text-shadow:0 0 10px #00FFFF,0 0 20px #00FFFF,0 0 30px #00FFFF;box-shadow:0 0 20px #0ff,0 0 40px #00ffff80,0 0 60px #00ffff4d,inset 0 0 20px #0ff3;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);transition:all .3s ease;animation:pulse 2s ease-in-out infinite}.play-visualizer-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 20px var(--neon-cyan),0 0 40px #00ffffb3,inset 0 0 15px #00ffff4d}.header-bar h1:after{content:none}@keyframes neonGlow{0%{text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff,0 0 40px #ff00ff}to{text-shadow:0 0 20px #ff00ff,0 0 30px #ff00ff,0 0 40px #ff00ff,0 0 50px #00ffff}}.button-container{position:fixed;left:50%;transform:translate(-50%);bottom:2rem;z-index:45;display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:auto}.top-buttons{display:flex;gap:1rem}.blog-btn-floating{font-size:1.8rem!important;padding:1.5rem 3rem!important;border-width:5px!important;box-shadow:0 0 30px var(--neon-cyan),0 0 60px #0ff9,inset 0 0 25px #00ffff40!important;animation:blogPulse 2s ease-in-out infinite;pointer-events:auto;cursor:pointer}.blog-btn-floating:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 0 50px var(--neon-cyan),0 0 100px #00ffffe6,inset 0 0 35px #00ffff59!important}@keyframes blogPulse{0%,to{box-shadow:0 0 25px var(--neon-cyan),0 0 50px #00ffff80,inset 0 0 20px #0ff3}50%{box-shadow:0 0 35px var(--neon-cyan),0 0 70px #00ffffb3,inset 0 0 25px #00ffff4d}}@media (max-aspect-ratio: 1/1){.button-container{left:50%;transform:translate(-50%);bottom:1rem;gap:.8rem}.top-buttons{gap:.5rem}.top-buttons .nes-btn{font-size:.6rem!important;padding:.5rem .8rem!important}.blog-btn-floating{font-size:1rem!important;padding:.8rem 1.5rem!important}.header-bar h1{font-size:.9rem!important;letter-spacing:.02em!important;text-shadow:0 0 8px #00ffff,0 0 15px #00ffff,0 0 25px #ff00ff!important}.header-bar{padding:.5rem!important}}.nes-btn{position:relative;overflow:hidden;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border:3px solid;background:#05050af2!important;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 2px)!important;transition:all .3s ease;font-family:"Press Start 2P",Courier New,monospace,Microsoft YaHei,SimHei,Courier!important;letter-spacing:.05em}.nes-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.nes-btn:hover:before{left:100%}.nes-btn.is-success{border-color:var(--neon-cyan)!important;border-width:3px!important;background:#05050af2!important;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 2px)!important;color:var(--neon-cyan)!important;text-shadow:0 0 8px var(--neon-cyan)!important;box-shadow:0 0 10px var(--neon-cyan),0 0 20px #00ffff4d,inset 0 0 10px #00ffff1a!important;font-size:.85rem!important;padding:.7rem 1.2rem!important}.nes-btn.is-success:hover{transform:translateY(-3px) scale(1.05)!important;color:#fff!important;text-shadow:0 0 15px #ffffff,0 0 30px var(--neon-cyan)!important;box-shadow:0 0 30px var(--neon-cyan),0 0 60px #00ffffb3,inset 0 0 20px #00ffff4d!important;border-color:var(--neon-cyan)!important;background:#05050af2!important}.nes-btn.is-primary{border-color:var(--neon-pink)!important;border-width:3px!important;background:#05050af2!important;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 2px)!important;color:var(--neon-pink)!important;text-shadow:0 0 8px var(--neon-pink)!important;box-shadow:0 0 10px var(--neon-pink),0 0 20px #ff00ff4d,inset 0 0 10px #ff00ff1a!important;font-size:.85rem!important;padding:.7rem 1.2rem!important}.nes-btn.is-primary:hover{transform:translateY(-3px) scale(1.05)!important;color:#fff!important;text-shadow:0 0 15px #ffffff,0 0 30px var(--neon-pink)!important;box-shadow:0 0 30px var(--neon-pink),0 0 60px #ff00ffb3,inset 0 0 20px #ff00ff4d!important;border-color:var(--neon-pink)!important;background:#05050af2!important}.nes-btn.is-error{border-color:#f44!important;border-width:3px!important;background:#05050af2!important;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 2px)!important;color:#f44!important;text-shadow:0 0 8px #ff4444!important;box-shadow:0 0 10px #f44,0 0 20px #ff44444d,inset 0 0 10px #ff44441a!important;font-size:.85rem!important;padding:.7rem 1.2rem!important}.nes-btn.is-error:hover{transform:translateY(-3px) scale(1.05)!important;color:#fff!important;text-shadow:0 0 15px #ffffff,0 0 30px #ff4444!important;box-shadow:0 0 30px #f44,0 0 60px #ff4444b3,inset 0 0 20px #ff44444d!important;border-color:#f44!important;background:#05050af2!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1100;display:flex;justify-content:center;align-items:center}.modal-overlay.hidden{display:none}.modal-content,.about-modal-content,.gallery-modal-content,.blog-modal-content,.guestbook-modal-content,.project-modal-content{transform:scale(.95);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.modal-overlay:not(.hidden) .modal-content,.modal-overlay:not(.hidden) .about-modal-content,.modal-overlay:not(.hidden) .gallery-modal-content,.modal-overlay:not(.hidden) .blog-modal-content,.modal-overlay:not(.hidden) .guestbook-modal-content,.modal-overlay:not(.hidden) .project-modal-content{transform:scale(1);opacity:1}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:1200;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.confirm-modal:not(.hidden){opacity:1;visibility:visible}.confirm-content{background:var(--semi-purple-bg);border:3px solid var(--neon-pink);padding:2rem;max-width:400px;text-align:center;box-shadow:0 0 30px var(--neon-pink),0 0 60px #ff00ff80;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.confirm-message{color:#fff;font-size:.85rem;margin-bottom:1.5rem;line-height:1.8;text-shadow:0 0 10px rgba(255,255,255,.5)}.confirm-buttons{display:flex;gap:1rem;justify-content:center}.confirm-buttons .nes-btn{min-width:100px}.nes-dialog{position:relative;background:var(--semi-purple-bg)!important;border:2px solid var(--neon-cyan)!important;box-shadow:0 0 20px var(--neon-cyan),0 0 40px #00ffff4d!important;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:"Press Start 2P",Courier New,monospace,Microsoft YaHei,SimHei,Courier!important}.nes-dialog:before,.nes-dialog:after,.nes-dialog>.corner-tl,.nes-dialog>.corner-tr,.nes-dialog>.corner-bl,.nes-dialog>.corner-br{content:"";position:absolute;width:30px;height:30px;border:3px solid var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}.nes-dialog:before{top:-3px;left:-3px;border-right:none;border-bottom:none}.nes-dialog:after{top:-3px;right:-3px;border-left:none;border-bottom:none}.nes-dialog>.corner-bl{bottom:-3px;left:-3px;border-right:none;border-top:none}.nes-dialog>.corner-br{bottom:-3px;right:-3px;border-left:none;border-top:none}.dialog-content{color:var(--neon-pink)!important;text-shadow:0 0 5px var(--neon-pink)!important}.avatar-container{display:flex;justify-content:center;margin-bottom:1.5rem}.nes-avatar{border-color:var(--neon-pink)!important;box-shadow:0 0 15px var(--neon-pink)!important}.intro-text{text-align:center;line-height:1.8;margin-bottom:1.5rem}.dialog-footer{display:flex;justify-content:center}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--darker-bg);z-index:200;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;max-width:400px;width:90%}.loading-content h1{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink);margin-bottom:1.5rem;font-size:1.5rem;font-family:"Press Start 2P",cursive}.nes-progress.is-success{background-color:var(--semi-transparent-bg);border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan),inset 0 0 10px #00ffff1a}.nes-progress.is-success::-webkit-progress-value{background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));box-shadow:0 0 10px var(--neon-cyan)}.nes-progress.is-success::-moz-progress-bar{background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));box-shadow:0 0 10px var(--neon-cyan)}.loading-content p{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);font-size:1rem;margin-top:1rem;font-family:"Press Start 2P",cursive}.project-modal-content{width:90%;max-width:900px;transform:scale(.9);transition:transform .3s ease}.modal-overlay:not(.hidden) .project-modal-content{transform:scale(1)}.project-dialog{padding:1.5rem!important}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid var(--neon-cyan);padding-bottom:1rem}.project-header h2{font-size:1.2rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);margin:0;font-family:"Press Start 2P",cursive}.close-btn{width:60px;height:60px;padding:0;font-size:1.8rem;line-height:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:60px;min-height:60px}.project-body{display:flex;gap:1.5rem;flex-wrap:wrap}.project-image-container{flex:1;min-width:300px;border:3px solid var(--neon-cyan);box-shadow:0 0 15px #00ffff80;overflow:hidden}.project-image-container img{width:100%;height:auto;display:block;image-rendering:pixelated}.project-info{flex:1;min-width:250px;display:flex;flex-direction:column;gap:1rem}.project-description{color:var(--neon-cyan);line-height:1.8;font-size:.9rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-tags span{background-color:var(--semi-transparent-bg);border:2px solid var(--neon-purple);color:var(--neon-purple);padding:.3rem .8rem;font-size:.7rem;box-shadow:0 0 8px #9933ff80}.project-dialog .dialog-footer{margin-top:1.5rem;padding-top:1rem;border-top:2px solid var(--neon-cyan)}.gallery-modal-content{width:95%;max-width:1200px;max-height:90vh;transform:scale(.9);transition:transform .3s ease;position:relative}.modal-overlay:not(.hidden) .gallery-modal-content{transform:scale(1)}.gallery-dialog{padding:1.5rem!important;max-height:85vh;overflow-y:auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid var(--neon-cyan);padding-bottom:1rem}.gallery-header h2{font-size:1.5rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);margin:0;font-family:"Press Start 2P",cursive}.project-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.project-card{background-color:var(--semi-transparent-bg);border:3px solid var(--neon-cyan);padding:0;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ffff4d;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-8px) scale(1.03);border-color:var(--neon-pink);box-shadow:0 0 25px #ff00ff80,0 0 50px #ff00ff4d}.project-card-image{width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:3px solid var(--neon-cyan)}.project-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-content{padding:1rem}.project-card-title{font-size:1rem;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink);margin-bottom:.5rem;font-family:"Press Start 2P",cursive}.project-card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.project-card-tags span{background-color:#00000080;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:.2rem .5rem;font-size:.6rem;text-shadow:0 0 3px var(--neon-cyan)}.gallery-dialog::-webkit-scrollbar,.blog-dialog::-webkit-scrollbar,.guestbook-dialog::-webkit-scrollbar,.blog-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar,.blog-content::-webkit-scrollbar{width:8px}.gallery-dialog::-webkit-scrollbar-track,.blog-dialog::-webkit-scrollbar-track,.guestbook-dialog::-webkit-scrollbar-track,.blog-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track,.blog-content::-webkit-scrollbar-track{background:var(--darker-bg)}.gallery-dialog::-webkit-scrollbar-thumb,.blog-dialog::-webkit-scrollbar-thumb,.guestbook-dialog::-webkit-scrollbar-thumb,.blog-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb,.blog-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-pink),var(--neon-cyan));border-radius:4px}.gallery-dialog::-webkit-scrollbar-thumb:hover,.blog-dialog::-webkit-scrollbar-thumb:hover,.guestbook-dialog::-webkit-scrollbar-thumb:hover,.blog-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover,.blog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-cyan),var(--neon-pink))}.about-modal-content{width:85%;max-width:700px;transform:scale(.9);transition:transform .3s ease;position:relative}.modal-overlay:not(.hidden) .about-modal-content{transform:scale(1)}.about-dialog{padding:1.2rem!important}.about-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:2px solid var(--neon-cyan);padding-bottom:.8rem}.about-header-right{display:flex;gap:.5rem;align-items:center}.admin-toggle-btn{font-size:.8rem!important;padding:.3rem .5rem!important}.admin-only{display:none!important}.admin-mode .admin-only{display:flex!important}#admin-modal{z-index:9999!important}#admin-modal .admin-modal-content{position:relative;z-index:10000}.admin-modal-content{width:90%;max-width:400px;transform:scale(.9);transition:transform .3s ease}.modal-overlay:not(.hidden) .admin-modal-content{transform:scale(1)}.admin-dialog{padding:1.5rem!important}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:2px solid var(--neon-pink);padding-bottom:.8rem}.admin-header h2{font-size:1rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);font-family:"Press Start 2P",cursive}.admin-body{text-align:center}.admin-hint{color:var(--neon-cyan);font-size:.75rem;margin-bottom:1rem;font-family:"Press Start 2P",cursive;line-height:1.6}.blog-header-right{display:flex;gap:.5rem;align-items:center}.blog-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.blog-editor{padding:1rem;background:var(--semi-transparent-bg);border:2px solid var(--neon-pink);display:flex;flex-direction:column;gap:.8rem}.blog-editor.hidden,.blog-preview.hidden{display:none}.blog-editor-controls{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.blog-editor-controls .nes-btn{font-size:.65rem!important;padding:.4rem .8rem!important}.about-header h2{font-size:1rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);margin:0;font-family:"Press Start 2P",cursive}.about-body{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.profile-avatar-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-avatar-frame{width:100px;height:100px;border:3px solid var(--neon-cyan);border-radius:50%;overflow:hidden;box-shadow:0 0 15px #00ffff80;background:var(--semi-transparent-bg)}.profile-avatar{width:100%;height:100%;object-fit:cover;display:block}.avatar-input{display:none}.avatar-upload-btn{width:100%;font-size:.6rem!important;padding:.35rem!important}.about-sections{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.8rem}.about-bio h3,.skills-panel h3{font-size:.85rem;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink);margin-bottom:.6rem;font-family:"Press Start 2P",cursive}.about-bio .bio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.about-bio .bio-controls{display:flex;gap:.3rem}.about-bio .bio-controls .nes-btn{font-size:.55rem!important;padding:.25rem .4rem!important}.about-bio p{color:var(--neon-cyan);line-height:1.6;font-size:.85rem}.about-bio p.hidden{display:none}.skills-container{display:flex;flex-direction:column;gap:.6rem}.skill-item{display:flex;flex-direction:column;gap:.25rem}.skill-label{display:flex;justify-content:space-between;color:var(--neon-pink);font-size:.7rem;font-family:"Press Start 2P",cursive}.skill-bar{height:10px;background:var(--darker-bg);border:2px solid var(--neon-cyan);padding:2px;position:relative;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));width:0;transition:width 1s ease-out;box-shadow:0 0 8px var(--neon-cyan)}.about-dialog .dialog-footer{margin-top:1rem;padding-top:.8rem;border-top:2px solid var(--neon-cyan)}.blog-modal-content,.guestbook-modal-content{width:95%;max-width:1100px;transform:scale(.9);transition:transform .3s ease;position:relative}.modal-overlay:not(.hidden) .blog-modal-content,.modal-overlay:not(.hidden) .guestbook-modal-content{transform:scale(1)}.blog-dialog,.guestbook-dialog{padding:1.5rem!important;max-height:85vh;overflow-y:auto}.blog-header,.guestbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid var(--neon-cyan);padding-bottom:1rem}.blog-header h2,.guestbook-header h2{font-size:1.1rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);margin:0;font-family:"Press Start 2P",cursive}.blog-body{display:flex;gap:1.5rem;flex-wrap:wrap}.blog-sidebar{flex:0 0 280px;border-right:2px solid var(--neon-cyan);padding-right:1.5rem}.blog-sidebar h3,.guestbook-input h3,.guestbook-list h3{font-size:.85rem;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink);margin-bottom:1rem;font-family:"Press Start 2P",cursive}.blog-list{display:flex;flex-direction:column;gap:.6rem;max-height:55vh;overflow-y:auto;overflow-x:hidden}.blog-item{padding:.6rem;background:var(--semi-transparent-bg);border:2px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;transition:all .2s ease;font-size:.75rem;font-family:"Press Start 2P",cursive;position:relative;overflow:hidden;word-wrap:break-word;word-break:break-word;line-height:1.5}.blog-item:hover,.blog-item.active{background:var(--neon-cyan);color:var(--darker-bg);box-shadow:0 0 15px var(--neon-cyan),0 0 30px #0ff6;transform:translate(5px)}.blog-item-date{font-size:.5rem;color:var(--neon-pink);margin-top:.25rem;display:block}.blog-content{flex:1;min-width:300px;max-height:55vh;overflow-y:auto;overflow-x:hidden}.blog-preview{padding:1rem;background:var(--semi-transparent-bg);border:2px solid var(--neon-cyan);min-height:150px}.blog-hint{color:var(--neon-cyan);text-align:center;font-size:.75rem;font-family:"Press Start 2P",cursive;opacity:.6}.blog-title{font-size:.9rem;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink);margin-bottom:.8rem;font-family:"Press Start 2P",cursive}.blog-meta{font-size:.6rem;color:var(--neon-cyan);opacity:.8;margin-bottom:.8rem;border-bottom:1px dashed var(--neon-cyan);padding-bottom:.4rem}.blog-markdown{color:var(--neon-cyan);line-height:1.7;font-size:.85rem}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3{color:var(--neon-pink);margin-top:.8rem;margin-bottom:.4rem;font-family:"Press Start 2P",cursive}.blog-markdown code{background:var(--darker-bg);padding:.2rem .4rem;border:1px solid var(--neon-cyan)}.guestbook-body{display:flex;flex-direction:column;gap:1.5rem}.guestbook-input{border-bottom:2px dashed var(--neon-cyan);padding-bottom:1.5rem}.input-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.input-row .nes-input{flex:1;min-width:180px;background:#000000b3;border:2px solid var(--neon-cyan);color:var(--neon-cyan)}.nes-input:focus,.nes-textarea{background:#000000b3!important;border:2px solid var(--neon-cyan)!important;color:var(--neon-cyan)!important;box-shadow:inset 0 0 10px #00ffff1a!important}.nes-input:focus,.nes-textarea:focus{border-color:var(--neon-pink)!important;box-shadow:inset 0 0 15px #f0f3,0 0 10px var(--neon-pink)!important}.input-footer{display:flex;justify-content:flex-end;margin-top:1rem}.guestbook-list{flex:1}.messages-container{display:flex;flex-direction:column;gap:.8rem;max-height:35vh;overflow-y:auto}.message-item{padding:.8rem;background:var(--semi-transparent-bg);border:2px solid var(--neon-cyan);border-left:4px solid var(--neon-pink);box-shadow:0 0 10px #0ff3}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;border-bottom:1px dashed rgba(0,255,255,.3);padding-bottom:.25rem}.message-author{font-size:.8rem;color:var(--neon-pink);font-family:"Press Start 2P",cursive}.message-tag{font-size:.55rem;color:var(--neon-cyan);opacity:.8;background:#00ffff1a;padding:.15rem .4rem;border:1px solid var(--neon-cyan)}.message-time{font-size:.55rem;color:var(--neon-cyan);opacity:.6}.message-text{font-size:.85rem;color:var(--neon-cyan);line-height:1.5;margin-top:.4rem}.blog-dialog .dialog-footer,.guestbook-dialog .dialog-footer{margin-top:1.2rem;padding-top:.8rem;border-top:2px solid var(--neon-cyan)}@media (max-aspect-ratio: 1/1){.blog-body{flex-direction:column}.blog-sidebar{flex:0 0 auto;border-right:none;border-bottom:2px solid var(--neon-cyan);padding-right:0;padding-bottom:1rem}.blog-content{min-width:100%}.blog-markdown{max-height:50vh;overflow-y:auto}.nes-dialog{max-width:92vw!important;margin:0 1rem!important}.modal-content{width:100%}}.guestbook-status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.6rem .8rem;background:#0000004d;border:1px solid var(--neon-cyan)}.storage-status{font-size:.65rem;color:var(--neon-cyan);font-family:"Press Start 2P",cursive}.storage-status.online{color:#0f8}.storage-status.offline{color:#fa0}.refresh-btn{font-size:.6rem!important;padding:.3rem .6rem!important}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.spinner{width:40px;height:40px;border:3px solid rgba(0,255,255,.2);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin 1s linear infinite}.loading-indicator span{font-size:.7rem;color:var(--neon-cyan)}.error-message{padding:1rem;background:#ff00001a;border:1px solid #ff4444;color:#f44;font-size:.7rem;margin-bottom:1rem;word-wrap:break-word}.nes-btn.loading{opacity:.7;pointer-events:none}.nes-btn.loading:after{content:" ..."}.now-playing{position:absolute;top:120px;left:50%;transform:translate(-50%);text-align:center;font-family:"Press Start 2P",cursive;color:#fff;font-size:1rem;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,0,255,.6);opacity:0;transition:opacity 1s ease-in-out;pointer-events:none;z-index:50}.now-playing.visible{opacity:1}.now-playing.hidden{opacity:0}.music-controls{transition:opacity .3s ease,transform .3s ease;opacity:1;transform:scale(1);pointer-events:auto}.music-controls.hidden{opacity:0;transform:scale(.9);pointer-events:none}.left-button-group{position:fixed;top:120px;left:20px;display:flex;flex-direction:column;gap:15px;z-index:1001;align-items:center}.toggle-ui-btn{width:70px;height:70px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;opacity:.2}.toggle-ui-btn:hover{transform:scale(1.1);box-shadow:0 0 20px var(--neon-cyan);opacity:1}.playback-controls{display:flex;flex-direction:column;gap:15px;transition:opacity .3s ease,transform .3s ease}.control-btn{width:70px;height:70px;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{transform:scale(1.1);box-shadow:0 0 20px var(--neon-cyan)}.notification-dot{position:absolute;top:5px;right:5px;width:15px;height:15px;background:#f44;border-radius:50%;box-shadow:0 0 10px #f44,0 0 20px #f44,0 0 30px #f44;animation:pulse 1.5s infinite;display:block}.notification-dot.hidden{display:none}.upload-section{position:fixed;top:50px;right:50px;z-index:1000}.upload-btn{font-family:"Press Start 2P",cursive;font-size:.7rem;cursor:pointer;transition:all .2s ease}.upload-btn:hover{transform:scale(1.05);box-shadow:0 0 15px var(--neon-cyan)}