@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap);.secure-auth-overlay[data-v-0b4a272c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.secure-auth-card[data-v-0b4a272c]{background-color:var(--secondary-bg);padding:40px;border-radius:12px;box-shadow:0 0 30px rgba(0,243,255,.5);text-align:center;color:var(--text-color);width:90%;max-width:400px;border:1px solid var(--accent-color)}.secure-auth-card h2[data-v-0b4a272c]{color:var(--accent-color);margin-bottom:20px;font-size:1.8rem}.secure-auth-card p[data-v-0b4a272c]{margin-bottom:30px;font-size:1rem;color:var(--text-secondary)}.password-input[data-v-0b4a272c]{width:100%;padding:15px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);color:var(--text-color);font-size:1rem;transition:border-color .3s,box-shadow .3s}.password-input[data-v-0b4a272c]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 10px rgba(0,243,255,.3)}.error-message[data-v-0b4a272c]{color:#ff4d4d;margin-bottom:20px;font-size:.9rem}.actions[data-v-0b4a272c]{display:flex;justify-content:center;gap:15px}.btn-cancel[data-v-0b4a272c],.btn-login[data-v-0b4a272c]{padding:12px 25px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;border:none}.btn-login[data-v-0b4a272c]{background-color:var(--accent-color);color:var(--primary-bg)}.btn-login[data-v-0b4a272c]:hover:not(:disabled){background-color:var(--accent-dark);box-shadow:0 0 15px rgba(0,243,255,.5)}.btn-login[data-v-0b4a272c]:disabled{opacity:.6;cursor:not-allowed}.btn-cancel[data-v-0b4a272c]{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-cancel[data-v-0b4a272c]:hover{background-color:var(--hover-bg);color:var(--accent-color);border-color:var(--accent-color)}.theme-toggle[data-v-76719378]{background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:8px;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.theme-toggle[data-v-76719378]:hover{background-color:var(--hover-bg);border-color:var(--accent-color);transform:scale(1.1)}.theme-icon[data-v-76719378]{width:20px;height:20px;color:var(--text-color);transition:transform var(--transition-normal)}.theme-toggle:hover .theme-icon[data-v-76719378]{color:var(--accent-color);transform:rotate(15deg)}body,html{background-color:var(--primary-bg)!important;color:var(--text-color)!important}#app,body,html{min-height:100vh}#app{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--primary-bg)}:deep(.el-container){background-color:var(--primary-bg)!important;min-height:100vh!important}:deep(.el-main){background-color:var(--primary-bg)!important;color:var(--text-color)!important;padding:0!important;min-height:calc(100vh - 180px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.toast[data-v-a6254bc6]{position:fixed;top:80px;right:20px;min-width:300px;max-width:500px;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);display:flex;align-items:flex-start;gap:12px;padding:16px;z-index:9999;cursor:pointer;transition:all .3s ease}.toast[data-v-a6254bc6]:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon-lg)}.toast-icon[data-v-a6254bc6]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon svg[data-v-a6254bc6]{width:100%;height:100%}.toast-success[data-v-a6254bc6]{border-left:4px solid #10b981}.toast-success .toast-icon[data-v-a6254bc6]{color:#10b981}.toast-error[data-v-a6254bc6]{border-left:4px solid #ef4444}.toast-error .toast-icon[data-v-a6254bc6]{color:#ef4444}.toast-warning[data-v-a6254bc6]{border-left:4px solid #f59e0b}.toast-warning .toast-icon[data-v-a6254bc6]{color:#f59e0b}.toast-info[data-v-a6254bc6]{border-left:4px solid #3b82f6}.toast-info .toast-icon[data-v-a6254bc6]{color:#3b82f6}.toast-content[data-v-a6254bc6]{flex:1;min-width:0}.toast-title[data-v-a6254bc6]{font-weight:600;font-size:.95rem;color:var(--text-color);margin-bottom:4px}.toast-message[data-v-a6254bc6]{font-size:.9rem;color:var(--text-secondary);line-height:1.4;word-wrap:break-word}.toast-close[data-v-a6254bc6]{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toast-close[data-v-a6254bc6]:hover{background-color:var(--hover-bg);color:var(--text-color)}.toast-close svg[data-v-a6254bc6]{width:100%;height:100%}.toast-enter-active[data-v-a6254bc6]{animation:toast-slide-in-a6254bc6 .3s ease-out}.toast-leave-active[data-v-a6254bc6]{animation:toast-slide-out-a6254bc6 .3s ease-in}@keyframes toast-slide-in-a6254bc6{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-slide-out-a6254bc6{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@media (max-width:768px){.toast[data-v-a6254bc6]{top:70px;right:10px;left:10px;min-width:auto;max-width:none}}[data-theme=light] .toast[data-v-a6254bc6]{background-color:var(--secondary-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}[data-theme=light] .toast[data-v-a6254bc6]:hover{box-shadow:var(--shadow-lg)}*{margin:0;padding:0;box-sizing:border-box}#app,body{overflow-x:hidden!important;overflow-y:auto!important}#app,body,html{margin:0!important;padding:0!important;width:100vw!important;min-height:100vh!important;background-color:var(--primary-bg)!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{display:none!important}.personal-home{font-family:Rajdhani,Orbitron,sans-serif;color:var(--text-color);line-height:1.6}.personal-home,.personal-website-content{background-color:var(--primary-bg);overflow-x:hidden;overflow-y:auto;position:relative;min-height:100vh;width:100vw;margin:0;padding:0;left:0;top:0;right:0;bottom:0}.personal-website-content{background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:50px 50px}.container{max-width:1200px;padding:0 20px}.section>.container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.neon-text{color:#00f3ff;text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 30px #00f3ff}.neon-text:after{content:none}.hero-title .neon-text{text-shadow:none}.hero-title .neon-text:after{content:none}.home-section{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.home-content{text-align:center;z-index:1;max-width:960px;padding:0 16px}.hero-title{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;margin-bottom:2rem;line-height:1.1;letter-spacing:1px;font-family:Orbitron,sans-serif;text-wrap:balance;position:relative}@media (max-width:885px){.hero-title{white-space:normal;word-break:break-word}}.hero-subtitle{display:block;font-size:2.5rem;margin-top:0;margin-bottom:32px;line-height:1.2;color:#00f3ff;font-weight:600}.hero-description{font-size:3rem;font-weight:600;margin-top:0;margin-bottom:0;color:var(--text-color)!important;line-height:1.4;opacity:1;max-width:600px;margin-left:auto;margin-right:auto}.hero-subtitle{opacity:0;transform:scale(.5);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.hero-subtitle.animate-particle-text{opacity:1;transform:scale(1);animation:particleTextEffect .8s ease-out}.neon-text{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.neon-text.animate-neon-scale{opacity:1;transform:scale(1);animation:neonGlowEffect .8s ease-out forwards;text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 30px #00f3ff}.hero-description{opacity:0}.hero-description.animate-typewriter{opacity:1}.cursor{animation:blink 1s infinite;color:#00f3ff}@keyframes particleTextEffect{0%{opacity:0;transform:scale(.3) translateY(20px);filter:blur(10px)}50%{opacity:.7;transform:scale(.8) translateY(-5px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes neonGlowEffect{0%{opacity:0;transform:scale(.5);text-shadow:0 0 0 #00f3ff}50%{opacity:.8;transform:scale(1.05);text-shadow:0 0 20px #00f3ff,0 0 40px #00f3ff,0 0 60px #00f3ff}to{opacity:1;transform:scale(1);text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 30px #00f3ff}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cta-buttons{display:flex;justify-content:center;align-items:center;gap:24px 26px;flex-wrap:wrap;margin-top:6px}.btn{padding:12px 30px;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:5px;transition:all .3s ease;position:relative;overflow:hidden;font-family:Orbitron,sans-serif;min-width:160px}.neon-btn{background-color:transparent;color:var(--text-color);border:2px solid var(--accent-color)}.neon-btn:hover{background-color:rgba(0,243,255,.1);transform:translateY(-2px)}.ghost-btn{background-color:transparent;color:var(--text-color);border:2px solid var(--accent-color)}.ghost-btn:hover{background-color:rgba(0,243,255,.1);transform:translateY(-2px)}.bg-grid{top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;transform:rotate(-5deg);transform-origin:center;animation:grid-move 60s linear infinite}.bg-glow{position:absolute;top:50%;left:50%;width:1000px;height:1000px;background:radial-gradient(circle,rgba(0,243,255,.08) 0,rgba(179,0,255,.05) 50%,transparent 70%);transform:translate(-50%,-50%);z-index:0;animation:glow-pulse 4s ease-in-out infinite alternate}@keyframes glow-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.neon-text:not(.hero-title .neon-text){position:relative;color:var(--text-color)!important;text-shadow:none!important;opacity:1!important;visibility:visible!important;display:inline!important}.hero-title .neon-text{position:relative;opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.hero-title .neon-text.animate-neon-scale{opacity:1;transform:scale(1);animation:neonGlowEffect .8s ease-out forwards}[data-theme=light] .hero-title .neon-text{color:#fff!important;text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 30px #00f3ff!important}.section-title,h2.section-title,section h2.section-title{display:block!important;opacity:1!important;visibility:visible!important;color:var(--text-color)!important;font-size:2.5rem!important;font-weight:700!important;text-align:center!important;margin-bottom:50px!important;font-family:Orbitron,sans-serif!important;position:relative!important}.section-title .neon-text{color:var(--text-color)!important;text-shadow:none!important;opacity:1!important;visibility:visible!important}.about-section{padding:100px 0;background-color:transparent;position:relative;overflow:hidden}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:50px;font-family:Orbitron,sans-serif;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(to right,var(--accent-color),var(--neon-pink))}.about-content{display:flex;align-items:center;gap:50px;flex-wrap:wrap;justify-content:center}.about-image{flex:1;min-width:300px}.hologram-frame{position:relative;width:250px;height:250px;margin:0 auto;border-radius:10px;overflow:hidden}.avatar{background:linear-gradient(135deg,var(--accent-color),var(--neon-purple));opacity:.8;position:relative;overflow:hidden}.avatar,.avatar-img{width:100%;height:100%;border-radius:50%}.avatar-img{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.about-text{flex:2;min-width:300px}.about-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:var(--text-color)}.about-text p{margin-bottom:30px;font-size:1.1rem;line-height:1.8}.skills{margin-top:30px}.skills-title{font-size:1.3rem;font-weight:600;margin-bottom:20px;color:var(--text-color)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.skill-item{display:flex;flex-direction:column;gap:10px}.skill-name{font-weight:500;color:var(--text-color)}.skill-bar{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;position:relative}.skill-progress{height:100%;background:linear-gradient(to right,var(--accent-color),var(--neon-pink));border-radius:4px;width:0;transition:width 1.5s ease}.projects-section{padding:100px 0;background-color:transparent;position:relative;overflow:hidden}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:50px}.project-card{background-color:var(--secondary-bg);border-radius:10px;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color);position:relative;backdrop-filter:blur(10px);display:flex;flex-direction:column}.project-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color);backdrop-filter:blur(15px)}.project-image{height:200px;background:linear-gradient(135deg,var(--secondary-bg),var(--primary-bg));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,var(--accent-color) 50%,transparent 52%);background-size:10px 10px;opacity:.3}.project-image span{font-size:1.5rem;font-weight:700;color:var(--text-color);font-family:Orbitron,sans-serif}.project-content{padding:24px 20px;display:flex;flex-direction:column;flex:1}.project-title{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:var(--text-color);font-family:Orbitron,sans-serif;text-align:center;line-height:1.4}.project-description{font-size:1rem;color:var(--text-secondary);margin-bottom:25px;line-height:1.7;text-align:justify;text-indent:0}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;justify-content:center}.tech-tag{padding:6px 12px;background-color:var(--hover-bg);color:var(--accent-color);border-radius:15px;font-size:.85rem;font-weight:500;border:1px solid var(--border-color);transition:all .3s ease}.project-links{display:flex;gap:10px;margin-top:auto;justify-content:center}.project-link{padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;border:1px solid var(--accent-color);color:var(--accent-color);background-color:transparent;min-width:120px;text-align:center}.project-link:hover{background-color:var(--accent-color);color:var(--text-inverse)}[data-theme=light] .project-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=light] .project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}[data-theme=light] .project-content{background-color:var(--tertiary-bg);border-radius:0 0 10px 10px}[data-theme=light] .tech-tag{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--accent-color)}[data-theme=light] .tech-tag:hover{background-color:var(--hover-bg);border-color:var(--accent-color)}[data-theme=light] .project-link{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--accent-color)}[data-theme=light] .project-link:hover{background-color:var(--accent-color);color:var(--text-inverse);transform:translateY(-1px)}.contact-section{padding:100px 0;background-color:transparent;position:relative;overflow:hidden}.contact-content{display:flex;justify-content:center;align-items:center;width:100%;max-width:none}.contact-form{max-width:750px!important;width:100%;border-radius:20px;text-align:center;margin:0 auto}@media (max-width:768px){.contact-form{min-width:auto;padding:24px 16px}}.contact-info{flex:1;min-width:300px}.contact-title{font-size:1.5rem;font-weight:600;margin-bottom:30px;color:var(--accent-color);font-family:Orbitron,sans-serif}.contact-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px;line-height:1.8}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:15px}.contact-icon{font-size:1.2rem;color:var(--accent-color)}.contact-value{color:var(--text-color);font-size:1.1rem}.contact-form{flex:1;min-width:320px;background-color:var(--secondary-bg);backdrop-filter:blur(10px);padding:32px;text-align:left;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative;z-index:100}.contact-form:hover{box-shadow:var(--shadow-neon-lg);border-color:var(--accent-color)}.contact-form .contact-title{margin-bottom:22px;color:var(--text-color);text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:20px;text-align:center}.form-label{font-weight:600;text-align:center;letter-spacing:.5px;margin-bottom:8px}.form-input,.form-textarea{width:100%;padding:12px 14px;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;text-align:center}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-secondary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary)}.form-input:focus,.form-textarea:focus{border-color:var(--accent-color);background-color:var(--active-bg)}.form-textarea{min-height:130px;resize:vertical}.form-submit{width:auto;padding:12px 26px;border-radius:10px;border:2px solid var(--accent-color);background:transparent;color:var(--text-color);font-weight:700;letter-spacing:.5px;cursor:pointer;transition:transform .2s ease,background-color .2s ease;text-align:center;margin:10px auto 0;display:block}.form-submit:hover:not(:disabled){transform:translateY(-2px);background-color:var(--hover-bg)}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=light] .contact-form{background-color:var(--secondary-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}[data-theme=light] .contact-form:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}[data-theme=light] .form-input,[data-theme=light] .form-textarea{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color)}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{background-color:var(--active-bg);border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}[data-theme=light] .form-submit{background-color:var(--accent-color);color:var(--text-inverse);border:2px solid var(--accent-color)}[data-theme=light] .form-submit:hover:not(:disabled){background-color:var(--accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.footer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;gap:15px}.footer-copyright{color:var(--text-secondary);font-size:.9rem;text-align:center;margin:0}.footer-record-info{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.record-text{margin:0}.record-link{color:var(--accent-color);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;border-bottom:1px solid transparent}.record-link:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}.record-notice{color:var(--text-secondary);font-size:.75rem;text-align:center;max-width:600px;margin:0;line-height:1.5;opacity:.8}.back-to-top-btn{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:var(--secondary-bg);border:2px solid var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.back-to-top-btn:hover{background:var(--accent-color);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.back-to-top-btn svg{width:24px;height:24px;color:var(--accent-color);transition:color .3s ease}.back-to-top-btn:hover svg{color:var(--text-inverse)}.back-to-top-enter-active{animation:back-to-top-in .3s ease-out}.back-to-top-leave-active{animation:back-to-top-out .3s ease-in}@keyframes back-to-top-in{0%{transform:translateY(100px) scale(0);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes back-to-top-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100px) scale(0);opacity:0}}[data-theme=light] .back-to-top-btn{background:var(--secondary-bg);border:2px solid var(--accent-color);box-shadow:var(--shadow-sm)}[data-theme=light] .back-to-top-btn:hover{background:var(--accent-color);box-shadow:var(--shadow-md)}.scanlines-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.03) 0);background-size:100% 4px;animation:scanline .15s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}@media (max-width:768px){.hero-title{font-size:2.5rem;margin-bottom:.5rem}.hero-subtitle{font-size:1.55rem;margin-top:10px;margin-bottom:22px}.section-title{font-size:2rem}.about-content,.contact-content{flex-direction:column;gap:30px}.hero-description{margin-bottom:32px;line-height:1.9}.cta-buttons{flex-direction:column;gap:14px;width:100%}.cta-buttons .btn{width:100%}.form-group{grid-template-columns:1fr}.form-label{text-align:left}.form-submit{justify-self:stretch;width:100%}.nav-links{display:none}.back-to-top-btn{bottom:20px;right:20px;width:45px;height:45px}.back-to-top-btn svg{width:20px;height:20px}.record-notice{font-size:.7rem;padding:0 10px}}.simple-blog-home[data-v-74ac9bdc]{padding-top:80px;min-height:100vh;background-color:var(--primary-bg);color:var(--text-color);font-family:var(--font-primary);position:relative;overflow-x:hidden}.bg-grid[data-v-74ac9bdc]{position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--grid-pattern);background-size:20px 20px;opacity:.1;z-index:-1;pointer-events:none}.blog-header[data-v-74ac9bdc]{text-align:center;padding:60px 20px 40px;background-color:var(--primary-bg);background-image:linear-gradient(135deg,rgba(0,243,255,.1),rgba(255,0,234,.1));border-bottom:1px solid var(--grid-color);position:relative;z-index:1}.blog-title[data-v-74ac9bdc]{font-size:3.8rem;font-weight:800;color:var(--accent-color);text-shadow:0 0 15px rgba(0,243,255,.6);margin-bottom:10px}.blog-subtitle[data-v-74ac9bdc]{font-size:1.4rem;color:var(--text-secondary);margin-bottom:30px}.header-actions[data-v-74ac9bdc]{display:flex;justify-content:center;align-items:center;margin-top:20px;position:relative;z-index:auto}.article-count-display[data-v-74ac9bdc]{color:var(--text-secondary);font-size:.95rem;text-align:center;margin-top:15px;opacity:.8}.search-input[data-v-74ac9bdc]{padding:12px 20px;border-radius:30px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);font-size:1rem;width:300px;max-width:80%;transition:all .3s ease}.search-input[data-v-74ac9bdc]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 10px rgba(0,243,255,.4)}.blog-main[data-v-74ac9bdc]{max-width:900px;margin:40px auto;padding:0 20px;position:relative;z-index:1;background-color:transparent}.articles-list[data-v-74ac9bdc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.article-card[data-v-74ac9bdc]{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:25px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.article-card[data-v-74ac9bdc]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3);border-color:var(--accent-color)}.card-title[data-v-74ac9bdc]{font-size:1.8rem;color:var(--accent-color);margin-bottom:10px;font-weight:700;line-height:1.3}.card-meta[data-v-74ac9bdc]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary);border-top:1px dashed var(--border-color);padding-top:15px}.meta-item[data-v-74ac9bdc]{display:flex;align-items:center;gap:5px}.status.is-draft[data-v-74ac9bdc]{color:var(--warning-color);font-weight:700}.no-articles[data-v-74ac9bdc]{grid-column:1/-1;text-align:center;padding:50px;color:var(--text-secondary);font-size:1.2rem}@media (max-width:768px){.blog-title[data-v-74ac9bdc]{font-size:2.8rem}.blog-subtitle[data-v-74ac9bdc]{font-size:1.2rem}.search-input[data-v-74ac9bdc]{width:100%}.articles-list[data-v-74ac9bdc]{grid-template-columns:1fr}}.article-detail-page[data-v-41014ed5]{min-height:100vh;background:var(--primary-bg);position:relative;overflow-x:hidden}.article-detail-content[data-v-41014ed5]{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:80px 20px 40px}.article-card[data-v-41014ed5]{background:var(--secondary-bg);border-radius:16px;overflow:hidden}.article-header[data-v-41014ed5]{padding:40px 40px 24px;border-bottom:1px solid var(--border-color)}.article-title[data-v-41014ed5]{font-size:2.5rem;margin-bottom:16px;line-height:1.3}.neon-text[data-v-41014ed5]{color:var(--text-color)}.article-meta[data-v-41014ed5]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:var(--text-secondary);font-size:.95rem}.article-stats[data-v-41014ed5]{display:flex;gap:16px}.article-body[data-v-41014ed5]{padding:40px}[data-v-41014ed5] .md-editor-preview-wrapper{padding:0;background:transparent!important}[data-v-41014ed5] .md-editor-preview{color:var(--text-color);background:transparent!important}[data-v-41014ed5] #md-editor-v-3-preview,[data-v-41014ed5] .md-editor{background:transparent!important}[data-v-41014ed5] .md-editor-preview h1,[data-v-41014ed5] .md-editor-preview h2,[data-v-41014ed5] .md-editor-preview h3{color:var(--text-color);margin-top:1.5em;margin-bottom:.5em}[data-v-41014ed5] .md-editor-preview p{line-height:1.8;margin-bottom:1em}[data-v-41014ed5] .md-editor-preview img{max-width:100%;border-radius:8px;margin:20px 0}[data-v-41014ed5] .md-editor-preview code{background:var(--code-bg);padding:2px 6px;border-radius:4px}[data-v-41014ed5] .md-editor-preview pre{background:var(--code-bg);border-radius:8px;padding:16px;overflow-x:auto}.article-actions[data-v-41014ed5]{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-top:1px solid var(--border-color);gap:16px;flex-wrap:wrap}.action-group[data-v-41014ed5]{display:flex;gap:12px;flex-wrap:wrap}.btn[data-v-41014ed5]{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-icon[data-v-41014ed5]{width:16px;height:16px}.secondary-btn[data-v-41014ed5]{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.secondary-btn[data-v-41014ed5]:hover{background:var(--hover-bg);border-color:var(--accent-color)}.neon-btn[data-v-41014ed5]{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color)}[data-theme=dark] .neon-btn[data-v-41014ed5],[data-theme=light] .neon-btn[data-v-41014ed5]{color:var(--accent-color)}.neon-btn[data-v-41014ed5]:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.ghost-btn[data-v-41014ed5]{background:transparent;border:1px solid #ff6b6b;color:#ff6b6b}.ghost-btn[data-v-41014ed5]:hover{background:hsla(0,100%,71%,.1)}.primary-btn[data-v-41014ed5]{background:var(--accent-color);color:var(--text-inverse)}[data-theme=light] .primary-btn[data-v-41014ed5]{color:#1a1a2e}[data-theme=dark] .primary-btn[data-v-41014ed5]{color:#fff}.primary-btn[data-v-41014ed5]:hover{background:var(--accent-dark)}.empty-state[data-v-41014ed5]{text-align:center;padding:80px 20px}.empty-content[data-v-41014ed5]{max-width:400px;margin:0 auto}.empty-icon[data-v-41014ed5]{font-size:4rem;margin-bottom:24px}.empty-content h3[data-v-41014ed5]{color:var(--text-color);margin-bottom:12px}.empty-content p[data-v-41014ed5]{color:var(--text-secondary);margin-bottom:24px}@media (max-width:768px){.article-detail-content[data-v-41014ed5]{padding:60px 16px 24px}.article-header[data-v-41014ed5]{padding:24px 20px 16px}.article-title[data-v-41014ed5]{font-size:1.8rem}.article-body[data-v-41014ed5]{padding:24px 20px}.article-actions[data-v-41014ed5]{padding:16px 20px;flex-direction:column;align-items:stretch}.action-group[data-v-41014ed5]{width:100%}.btn[data-v-41014ed5]{flex:1;justify-content:center}}.auth-required[data-v-47f1dbaa],.modern-article-editor[data-v-47f1dbaa]{min-height:100vh;background:var(--primary-bg)}.auth-required[data-v-47f1dbaa]{display:flex;justify-content:center;align-items:center}.auth-message[data-v-47f1dbaa]{text-align:center;padding:40px;background:var(--secondary-bg);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.auth-message h2[data-v-47f1dbaa]{color:var(--text-color);margin-bottom:16px}.auth-message p[data-v-47f1dbaa]{color:var(--text-secondary);margin-bottom:24px}.login-btn[data-v-47f1dbaa]{padding:12px 32px;background:var(--accent-color);color:var(--text-inverse);border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s}.login-btn[data-v-47f1dbaa]:hover{background:var(--accent-dark);transform:translateY(-2px)}.editor-container[data-v-47f1dbaa]{display:flex;flex-direction:column;height:100vh;background:var(--primary-bg)}.editor-header[data-v-47f1dbaa]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.header-left[data-v-47f1dbaa]{display:flex;align-items:center;gap:16px;flex:1}.back-btn[data-v-47f1dbaa]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-color);cursor:pointer;border-radius:8px;transition:all .3s}.back-btn[data-v-47f1dbaa]:hover{background:var(--hover-bg)}.back-btn .icon[data-v-47f1dbaa]{width:20px;height:20px}.title-input[data-v-47f1dbaa]{flex:1;padding:8px 16px;font-size:18px;font-weight:600;border:none;background:transparent;color:var(--text-color);outline:none}.title-input[data-v-47f1dbaa]::-moz-placeholder{color:var(--text-secondary)}.title-input[data-v-47f1dbaa]::placeholder{color:var(--text-secondary)}.header-right[data-v-47f1dbaa]{display:flex;gap:12px;align-items:center}.save-btn[data-v-47f1dbaa]{padding:8px 24px;background:var(--accent-color);color:var(--text-inverse);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.save-btn[data-v-47f1dbaa]:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px)}.save-btn[data-v-47f1dbaa]:disabled{opacity:.6;cursor:not-allowed}.editor-wrapper[data-v-47f1dbaa]{flex:1;overflow:hidden}[data-v-47f1dbaa] .md-editor{height:100%;background:var(--primary-bg)}[data-v-47f1dbaa] .md-editor-dark,[data-v-47f1dbaa] .md-editor-light{--md-bk-color:var(--primary-bg);--md-border-color:var(--border-color)}@media (max-width:768px){.editor-header[data-v-47f1dbaa]{padding:12px 16px}.title-input[data-v-47f1dbaa]{font-size:16px}.save-btn[data-v-47f1dbaa]{padding:6px 16px;font-size:13px}}:root{--font-primary:"Rajdhani",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Orbitron","Rajdhani",sans-serif;--font-mono:"Fira Code","Courier New","Consolas",monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:0.15s;--transition-normal:0.3s;--transition-slow:0.5s;--transition-slower:0.8s;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-notification:800;--z-max:9999;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-xxl:1536px;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1140px;--container-xxl:1320px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;color-scheme:dark}[data-theme=dark]{--primary-bg:#0a0a14;--secondary-bg:#121225;--tertiary-bg:#1a1a2e;--accent-color:#00f3ff;--accent-dark:#00b8c4;--accent-light:#5ffbff;--neon-pink:#ff00ea;--neon-purple:#b300ff;--text-color:#e0e0e0;--text-secondary:#9e9e9e;--text-muted:#666;--text-inverse:#0a0a14;--grid-color:rgba(0,243,255,.08);--border-color:rgba(0,243,255,.2);--border-hover:rgba(0,243,255,.4);--input-bg:hsla(0,0%,100%,.05);--hover-bg:rgba(0,243,255,.1);--active-bg:rgba(0,243,255,.15);--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.2);--shadow-lg:0 8px 16px rgba(0,0,0,.3);--shadow-neon:0 0 10px rgba(0,243,255,.3);--shadow-neon-lg:0 0 20px rgba(0,243,255,.4);--code-bg:#1e1e1e;--code-text:#abb2bf;--code-keyword:#e06c75;--code-string:#98c379;--code-function:#61afef;--code-comment:#5c6370;--success-color:#0f8;--warning-color:#fa0;--error-color:#f44;--info-color:#00b8ff}[data-theme=light]{--primary-bg:#fefefe;--secondary-bg:#f8f9fa;--tertiary-bg:#f1f3f4;--accent-color:#2563eb;--accent-dark:#1d4ed8;--accent-light:#60a5fa;--neon-pink:#c026d3;--neon-purple:#7c3aed;--text-color:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-inverse:#fff;--grid-color:rgba(0,0,0,.03);--border-color:rgba(0,0,0,.08);--border-hover:rgba(0,0,0,.15);--input-bg:#fff;--hover-bg:rgba(37,99,235,.04);--active-bg:rgba(37,99,235,.08);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-neon:0 0 8px rgba(37,99,235,.15);--shadow-neon-lg:0 0 16px rgba(37,99,235,.2);--code-bg:#f1f5f9;--code-text:#334155;--code-keyword:#dc2626;--code-string:#059669;--code-function:#7c3aed;--code-comment:#64748b;--success-color:#059669;--warning-color:#d97706;--error-color:#dc2626;--info-color:#0284c7}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,html{min-height:100vh}body{line-height:var(--leading-normal);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font:inherit;outline:none}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}textarea{resize:vertical}code,kbd,pre,samp{font-family:var(--font-mono)}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}::selection{background-color:var(--accent-color);color:var(--text-inverse)}::-moz-selection{background-color:var(--accent-color);color:var(--text-inverse)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-base);line-height:var(--leading-tight);cursor:pointer;transition:all var(--transition-normal) var(--ease-in-out);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));color:var(--text-inverse);box-shadow:var(--shadow-neon)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-neon-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,243,255,.2)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--border-hover)}.btn-neon{background-color:var(--accent-color);color:var(--primary-bg);box-shadow:var(--shadow-neon)}.btn-neon:hover:not(:disabled){box-shadow:var(--shadow-neon-lg);transform:scale(1.05)}.btn-danger{background-color:var(--error-color);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:#f55;transform:translateY(-2px)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-lg)}.btn-xl{padding:var(--spacing-lg) var(--spacing-xxl);font-size:var(--text-xl)}.btn-pill{border-radius:var(--radius-full)}.btn-square{border-radius:0}.btn-icon{width:1em;height:1em;stroke-width:2}.btn-icon-only{padding:var(--spacing-sm);aspect-ratio:1}.btn-group{display:inline-flex;gap:var(--spacing-sm)}.btn-group .btn{margin:0}.back-btn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-normal)}.back-btn:hover{background-color:var(--hover-bg);color:var(--accent-color)}.upload-btn{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color);padding:12px 28px;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);font-size:1.05rem;transition:all var(--transition-normal);margin-right:10px}.upload-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,243,255,.2)}.upload-btn:active:not(:disabled){transform:translateY(0)}.save-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));color:var(--text-inverse);border:none;padding:12px 28px;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-semibold);font-size:1.05rem;transition:all var(--transition-normal);box-shadow:0 4px 15px rgba(0,243,255,.3)}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,243,255,.5)}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled,.upload-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn{background-color:var(--accent-color);color:var(--primary-bg);border:none;padding:12px 30px;border-radius:var(--radius-full);cursor:pointer;font-weight:var(--font-semibold);font-size:var(--text-base);transition:all var(--transition-normal)}.login-btn:hover{background-color:var(--accent-dark);box-shadow:0 0 15px rgba(0,243,255,.5)}.admin-login-btn{background-color:var(--accent-color);color:var(--primary-bg);border:none;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all var(--transition-normal)}.admin-login-btn:hover{background-color:var(--accent-dark);box-shadow:0 0 15px rgba(0,243,255,.5)}.logout-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:4px 10px;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-normal)}.logout-btn:hover{background-color:var(--hover-bg);color:var(--accent-color);border-color:var(--accent-color)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--text-base);transition:all var(--transition-normal)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color);background-color:hsla(0,0%,100%,.08)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-secondary)}input::placeholder,textarea::placeholder{color:var(--text-secondary)}.title-input{width:100%;background:none;border:none;color:var(--text-color);font-size:2rem;font-weight:var(--font-bold);padding:12px 0;outline:none;letter-spacing:.5px}.title-input::-moz-placeholder{color:var(--text-secondary)}.title-input::placeholder{color:var(--text-secondary)}.document-title{flex:1;max-width:100%}.document-textarea{flex:1;background:none;border:none;color:var(--text-color);font-size:1.15rem;line-height:var(--leading-loose);padding:20px;outline:none;resize:none;font-family:var(--font-primary);min-height:60vh}.document-textarea::-moz-placeholder{color:var(--text-secondary)}.document-textarea::placeholder{color:var(--text-secondary)}.split-textarea{flex:1;margin:0;border:none;border-radius:0;background-color:transparent;resize:none}.search-input{background:hsla(0,0%,100%,.1);border:1px solid var(--grid-color);color:var(--text-color);padding:8px 12px;border-radius:var(--radius-sm);width:200px;font-size:var(--text-sm);transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--accent-color);background:hsla(0,0%,100%,.15)}.search-input::-moz-placeholder{color:var(--text-secondary)}.search-input::placeholder{color:var(--text-secondary)}.status-select{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color);padding:8px 12px;border-radius:var(--radius-md);font-size:var(--text-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-color);font-weight:var(--font-medium);font-size:var(--text-sm)}.input-error{border-color:var(--error-color)}.input-success{border-color:var(--success-color)}.input-warning{border-color:var(--warning-color)}.form-help{color:var(--text-secondary)}.form-error,.form-help{margin-top:var(--spacing-xs);font-size:var(--text-xs)}.form-error{color:var(--error-color)}.card{background-color:var(--secondary-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);transition:all var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon);border-color:var(--accent-color)}.article-card{background:linear-gradient(135deg,var(--secondary-bg) 0,rgba(18,18,37,.8) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal) var(--ease-in-out);position:relative;overflow:hidden}.card-title{font-size:1.5rem;font-weight:var(--font-bold);color:var(--text-color);margin-bottom:var(--spacing-md);transition:color var(--transition-fast)}.card-meta{gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--text-sm)}.card-meta,.meta-item{display:flex;align-items:center}.meta-item{gap:var(--spacing-xs)}.meta-item.status{padding:4px 12px;border-radius:var(--radius-full);background-color:rgba(0,243,255,.1);color:var(--accent-color);font-weight:var(--font-medium)}.meta-item.status.is-draft{background-color:rgba(255,170,0,.1);color:var(--warning-color)}.article-content{background-color:var(--secondary-bg);border-radius:var(--radius-xl);padding:var(--spacing-xxl);max-width:800px;margin:0 auto;box-shadow:var(--shadow-lg)}.editor-pane,.preview-pane{flex:1;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--secondary-bg);overflow:hidden}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--hover-bg);border-bottom:1px solid var(--border-color)}.pane-title{font-weight:var(--font-semibold);color:var(--accent-color);font-size:var(--text-sm)}.auth-message{text-align:center;padding:var(--spacing-xxl)}.auth-message h2{color:var(--accent-color);margin-bottom:var(--spacing-lg);font-size:1.8rem}.auth-message p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.1rem}[data-theme=light] .editor-pane,[data-theme=light] .preview-pane{background-color:var(--input-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=light] .pane-header{background-color:var(--tertiary-bg);border-bottom:1px solid var(--border-color)}[data-theme=light] .pane-title{color:var(--accent-color);font-weight:var(--font-semibold)}#navbar{position:fixed;top:0;left:0;width:100%;padding:20px 0;background-color:var(--secondary-bg);backdrop-filter:blur(10px);z-index:var(--z-fixed);transition:all var(--transition-normal);border-bottom:1px solid var(--border-color)}#navbar.scrolled{padding:10px 0;box-shadow:var(--shadow-lg)}.navbar-container{display:flex!important;justify-content:space-between!important;align-items:center;width:100%;padding:0;margin:0}.logo{flex-shrink:0;font-size:1.8rem;font-weight:var(--font-bold);letter-spacing:2px;font-family:var(--font-display);margin-left:20px}.logo-link{text-decoration:none;color:inherit;transition:all var(--transition-normal)}.logo-link:hover{text-shadow:0 0 10px var(--accent-color)}.nav-links{display:flex!important;justify-content:flex-end!important;list-style:none;margin:0;padding:0;gap:20px;align-items:center;margin-right:20px!important}.nav-links li{margin-left:30px}.nav-link{color:var(--text-color);text-decoration:none;font-size:1.1rem;font-weight:var(--font-medium);transition:all var(--transition-normal);position:relative;padding:5px 0}.nav-link:hover{color:var(--accent-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width var(--transition-normal)}.nav-link:hover:after{width:100%}.nav-link.router-link-active{color:var(--accent-color)}.nav-link.router-link-active:after{width:100%}.admin-status-item{display:flex;align-items:center;gap:10px}.admin-badge{background-color:var(--hover-bg);color:var(--accent-color);padding:4px 10px;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold)}.admin-badge,.nav-toggle{border:1px solid var(--border-color)}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;margin-right:16px;background:hsla(0,0%,100%,.05);border-radius:10px;cursor:pointer;transition:all var(--transition-normal)}.nav-toggle span{display:block;width:22px;height:2px;background-color:var(--text-color);transition:transform var(--transition-normal),opacity var(--transition-normal)}.nav-toggle.open span:first-child{transform:translateY(8px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{position:fixed;top:70px;right:12px;left:12px;flex-direction:column;align-items:stretch;gap:12px;padding:18px;background:rgba(10,22,46,.92);backdrop-filter:blur(18px);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);display:none!important;animation:mobile-menu-enter .25s ease}[data-theme=light] .nav-links{background:hsla(0,0%,100%,.92)}.nav-links.open{display:flex!important}.nav-links li{margin-left:0}.nav-link{padding:12px;border-radius:12px;text-align:center}.nav-link:hover{background-color:var(--hover-bg)}.logo{font-size:1.5rem;margin-left:15px}}@media (max-width:480px){.logo{font-size:1.2rem;margin-left:10px}}@keyframes mobile-menu-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.markdown-content,.preview-content{color:var(--text-color);line-height:var(--leading-loose);font-size:1.15rem;width:100%;margin:0;padding:0}[data-theme=light] .markdown-content,[data-theme=light] .preview-content{font-size:1.2rem;line-height:1.8}[data-theme=light] .markdown-content p,[data-theme=light] .preview-content p{margin-bottom:1.5rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6,.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{color:var(--accent-color);font-weight:var(--font-bold);margin-top:30px;margin-bottom:15px;line-height:var(--leading-tight)}.markdown-content h1,.preview-content h1{font-size:2.2rem;border-bottom:2px solid var(--accent-color);padding-bottom:10px}[data-theme=light] .markdown-content h1,[data-theme=light] .preview-content h1{font-size:2.4rem;border-bottom:1px solid var(--accent-color);padding-bottom:12px;margin-top:2rem;margin-bottom:1.5rem}[data-theme=light] .markdown-content h2,[data-theme=light] .preview-content h2{font-size:1.9rem;margin-top:1.8rem;margin-bottom:1.2rem}[data-theme=light] .markdown-content h3,[data-theme=light] .preview-content h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:1rem}.markdown-content h2,.preview-content h2{font-size:1.8rem}.markdown-content h3,.preview-content h3{font-size:1.4rem}.markdown-content h4,.preview-content h4{font-size:1.2rem}.markdown-content h5,.preview-content h5{font-size:1.1rem}.markdown-content h6,.preview-content h6{font-size:1rem}.markdown-content p,.preview-content p{margin-bottom:15px;color:var(--text-color)}.markdown-content a,.preview-content a{color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.markdown-content a:hover,.preview-content a:hover{border-bottom-color:var(--accent-color)}[data-theme=light] .markdown-content a,[data-theme=light] .preview-content a{color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast);font-weight:500}[data-theme=light] .markdown-content a:hover,[data-theme=light] .preview-content a:hover{border-bottom-color:var(--accent-color);background-color:rgba(37,99,235,.05);padding:2px 4px;border-radius:3px}.markdown-content code,.preview-content code{background-color:hsla(0,0%,100%,.1);padding:3px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.95em;color:var(--code-keyword)}.markdown-content pre,.preview-content pre{background-color:var(--code-bg);padding:20px;border-radius:var(--radius-md);overflow-x:auto;margin:20px 0;border:1px solid hsla(0,0%,100%,.1)}.markdown-content pre code,.preview-content pre code{background-color:transparent;padding:0;color:var(--code-text);font-size:.9rem}.markdown-content blockquote,.preview-content blockquote{border-left:4px solid var(--accent-color);padding-left:20px;margin:20px 0;color:var(--text-secondary);font-style:italic}[data-theme=light] .markdown-content blockquote,[data-theme=light] .preview-content blockquote{border-left:3px solid var(--accent-color);padding-left:24px;margin:24px 0;background-color:rgba(37,99,235,.02);padding:16px 24px;border-radius:4px;color:var(--text-color)}.markdown-content ol,.markdown-content ul,.preview-content ol,.preview-content ul{margin:15px 0;padding-left:30px}.markdown-content ul,.preview-content ul{list-style-type:disc}.markdown-content ol,.preview-content ol{list-style-type:decimal}.markdown-content li,.preview-content li{margin:8px 0}.markdown-content li>ol,.markdown-content li>ul,.preview-content li>ol,.preview-content li>ul{margin-top:8px;margin-bottom:8px}.markdown-content input[type=checkbox],.preview-content input[type=checkbox]{margin-right:8px}.markdown-content table,.preview-content table{width:100%;border-collapse:collapse;margin:20px 0}.markdown-content td,.markdown-content th,.preview-content td,.preview-content th{border:1px solid var(--border-color);padding:12px;text-align:left}.markdown-content th,.preview-content th{background-color:var(--secondary-bg);font-weight:var(--font-semibold);color:var(--accent-color)}.markdown-content tr:nth-child(2n),.preview-content tr:nth-child(2n){background-color:hsla(0,0%,100%,.02)}[data-theme=light] .markdown-content table,[data-theme=light] .preview-content table{border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}[data-theme=light] .markdown-content th,[data-theme=light] .preview-content th{background-color:var(--accent-color);color:var(--text-inverse);font-weight:var(--font-semibold);padding:16px 12px}[data-theme=light] .markdown-content td,[data-theme=light] .preview-content td{padding:14px 12px;border-color:rgba(0,0,0,.06)}[data-theme=light] .markdown-content tr:nth-child(2n),[data-theme=light] .preview-content tr:nth-child(2n){background-color:rgba(37,99,235,.02)}.markdown-content hr,.preview-content hr{border:none;border-top:2px solid var(--border-color);margin:30px 0}.markdown-content img,.markdown-image,.preview-content img{max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin:20px 0;display:block;margin-left:auto;margin-right:auto}.markdown-content strong,.preview-content strong{font-weight:var(--font-bold);color:var(--accent-light)}.markdown-content em,.preview-content em{font-style:italic;color:var(--text-secondary)}.markdown-content del,.preview-content del{text-decoration:line-through;color:var(--text-muted)}.markdown-content kbd,.preview-content kbd{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 6px;font-family:var(--font-mono);font-size:.9em}.markdown-content mark,.preview-content mark{background-color:rgba(255,255,0,.3);padding:2px 4px;border-radius:var(--radius-sm)}.simple-blog-home{padding-top:80px;min-height:100vh;background-color:var(--primary-bg);color:var(--text-color);font-family:var(--font-primary);position:relative;overflow-x:hidden}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--grid-pattern);background-size:20px 20px;opacity:.1;z-index:-1;pointer-events:none}@keyframes grid-move{0%{transform:rotate(-5deg) translateY(0)}to{transform:rotate(-5deg) translateY(50px)}}.blog-header{text-align:center;padding:var(--spacing-xxxl) var(--spacing-lg);margin-bottom:var(--spacing-xxl);position:relative;background-color:var(--primary-bg);z-index:1}.blog-title{font-size:3rem;font-weight:var(--font-bold);margin-bottom:var(--spacing-md);color:var(--accent-color)}.blog-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.header-actions{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.article-count{font-size:1rem;color:var(--text-secondary);background-color:var(--secondary-bg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);backdrop-filter:blur(10px)}.blog-main{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-xxxl) var(--spacing-lg);background-color:var(--primary-bg)}.articles-list{min-height:400px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.no-articles{text-align:center;padding:var(--spacing-xxxl);color:var(--text-secondary)}.no-articles p{font-size:1.2rem}.skeleton-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.skeleton-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--secondary-bg);padding:var(--spacing-xl);contain:content}.skeleton-title{height:24px;width:70%;background:var(--hover-bg);border-radius:12px;margin-bottom:var(--spacing-md)}.skeleton-meta{height:16px;width:40%;background:var(--hover-bg);border-radius:8px}.articles-list>article{content-visibility:auto;contain-intrinsic-size:200px 300px}[data-theme=light] .simple-blog-home{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0)}[data-theme=light] .blog-header{background:rgba(59,130,246,.04);border-radius:20px;margin:0 var(--spacing-lg) var(--spacing-xxl) var(--spacing-lg);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.1)}[data-theme=light] .blog-title{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}[data-theme=light] .blog-subtitle{color:var(--text-color);font-weight:500}[data-theme=light] .search-input{background:hsla(0,0%,100%,.8);border:2px solid rgba(59,130,246,.2);box-shadow:0 4px 12px rgba(59,130,246,.1);backdrop-filter:blur(10px)}[data-theme=light] .search-input:focus{background:hsla(0,0%,100%,.95);border-color:#3b82f6;box-shadow:0 4px 20px rgba(59,130,246,.2)}[data-theme=light] .article-count{background:hsla(0,0%,100%,.8);border:1px solid rgba(59,130,246,.2);color:var(--text-secondary);box-shadow:0 2px 8px rgba(59,130,246,.1)}[data-theme=light] .article-card{background:#fff;border:1px solid rgba(59,130,246,.1);box-shadow:0 2px 10px rgba(59,130,246,.06)}[data-theme=light] .article-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(59,130,246,.12);border-color:rgba(59,130,246,.2)}[data-theme=light] .card-title{color:#1e40af;font-weight:700}[data-theme=light] .card-title:hover{color:#3b82f6}[data-theme=light] .meta-item.status{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,51,234,.1));color:#3b82f6;border:1px solid rgba(59,130,246,.2);font-weight:600}[data-theme=light] .meta-item.status.is-draft{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.1));color:#d97706;border:1px solid rgba(245,158,11,.2)}@media (max-width:768px){.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}.blog-header{padding:var(--spacing-xl) var(--spacing-md)}[data-theme=light] .blog-header{margin:0 var(--spacing-md) var(--spacing-xxl) var(--spacing-md)}}.article-detail-page{font-family:var(--font-primary);background-color:var(--primary-bg);color:var(--text-color);min-height:100vh;position:relative;overflow-x:hidden;padding-top:80px}.article-detail-content{max-width:900px;margin:0 auto;padding:var(--spacing-xl)}.article-wrapper{background-color:transparent;border-radius:0;padding:0;box-shadow:none}.article-header{margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.article-title{font-size:2.5rem;font-weight:var(--font-bold);margin-bottom:var(--spacing-lg);line-height:var(--leading-tight)}.neon-text{position:relative;color:var(--text-color);text-shadow:none}.article-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--text-sm)}.article-date,.article-meta{color:var(--text-secondary)}.article-stats{display:flex;gap:var(--spacing-lg)}.read-time,.word-count{display:flex;align-items:center;gap:var(--spacing-xs)}.article-body{margin:var(--spacing-xxl) 0}.article-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.action-group{display:flex;gap:var(--spacing-md)}[data-theme=light] .article-detail-content{padding:var(--spacing-lg)}[data-theme=light] .article-header{border-bottom:1px solid var(--border-color)}[data-theme=light] .article-title{color:var(--text-color)}[data-theme=light] .neon-text{color:var(--accent-color)}@media (max-width:768px){.article-wrapper{padding:var(--spacing-xl)}.article-title{font-size:2rem}.article-actions{flex-direction:column;gap:var(--spacing-md)}.action-group{width:100%}.action-group .btn{flex:1}[data-theme=light] .article-detail-content{padding:var(--spacing-md)}}.modern-article-editor{min-height:100vh;background-color:var(--primary-bg);color:var(--text-color);display:flex;flex-direction:column;padding-top:80px}.editor-header{justify-content:space-between;padding:15px 30px;border-bottom:1px solid var(--border-color);background-color:var(--secondary-bg);backdrop-filter:blur(10px)}.editor-header,.header-left{display:flex;align-items:center}.header-left{gap:15px;flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:20px}.mode-switch{display:flex;background-color:var(--input-bg);border-radius:var(--radius-md);padding:4px}.mode-btn{background:none;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:var(--text-sm)}.mode-btn.active{background-color:var(--accent-color);color:var(--primary-bg)}.status-actions{display:flex;align-items:center;gap:10px}.document-content{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%;padding:0 30px}.document-content.split-mode{max-width:100%;padding:0 20px}.preview-area,.writing-area{flex:1;display:flex;flex-direction:column;margin-top:20px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-color);margin-bottom:20px}.preview-label{color:var(--text-secondary);font-size:var(--text-sm)}.edit-btn{background-color:var(--accent-color);color:var(--primary-bg);border:none;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);display:flex;align-items:center;gap:6px;transition:all var(--transition-normal)}.edit-btn:hover{background-color:var(--accent-dark)}.split-container{display:flex;gap:2px;flex:1;margin-top:20px;min-height:70vh}.split-preview{flex:1;overflow-y:auto;padding:20px}.editor-pane>div,.preview-pane>div{scroll-behavior:smooth}.icon{width:16px;height:16px;stroke-width:2}.word-count{font-size:var(--text-xs)}.render-status,.word-count{color:var(--text-secondary)}.render-status{font-size:.75rem;font-style:italic}.full-width{width:100%}@media (max-width:1024px){.split-container{flex-direction:column;gap:15px}.editor-pane,.preview-pane{min-height:400px}}@media (max-width:768px){.editor-header{padding:15px 20px;flex-direction:column;gap:15px}.header-left,.header-right{width:100%;justify-content:space-between}.document-content{padding:0 20px}.title-input{font-size:1.2rem}.document-textarea{font-size:1rem}.mode-switch{width:100%}.mode-btn{flex:1;font-size:.8rem;padding:6px 10px}}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-color)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-color)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-neon{box-shadow:var(--shadow-neon)}.transition{transition:all var(--transition-normal) var(--ease-in-out)}.transition-fast{transition:all var(--transition-fast) var(--ease-in-out)}.transition-slow{transition:all var(--transition-slow) var(--ease-in-out)}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.el-container{min-height:100vh!important}.el-container,.el-main{background-color:var(--primary-bg)!important}.el-main{color:var(--text-color)!important;padding:0!important;min-height:calc(100vh - 180px)}.el-footer{background-color:var(--secondary-bg)!important;border-top:1px solid var(--grid-color)!important}.footer-content{text-align:center;color:var(--text-secondary);background-color:var(--secondary-bg);border-top:1px solid var(--grid-color)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-fast) ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}*{transition-property:background-color,border-color,color;transition-duration:.3s;transition-timing-function:ease}:where(:not(input):not(textarea):not(select):not(button)){transition-property:background-color,border-color,color}