.reading-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:var(--gradient-aurora);background-size:300% 100%;animation:gradientFlow 3s ease infinite;z-index:10000;transition:width 0.1s linear;box-shadow:0 0 20px rgb(168 85 247 / .8),0 0 40px rgb(236 72 153 / .6)}.post-hero{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:200px 0 100px;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgb(168 85 247 / .15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgb(236 72 153 / .1) 0%,transparent 50%)}.post-hero::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgb(168 85 247 / .1) 0%,transparent 70%);transform:translate(-50%,-50%);animation:heroGlow 6s ease-in-out infinite}@keyframes heroGlow{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.post-hero .container{position:relative;z-index:2}.post-title{font-size:clamp(2.5rem, 6vw, 5rem);line-height:1.1;margin-bottom:var(--space-xl);background:linear-gradient(135deg,#fff 0%,rgb(255 255 255 / .8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.post-meta{display:flex;gap:var(--space-xl);justify-content:center;flex-wrap:wrap;color:var(--text-muted);font-size:.95rem}.post-meta span{display:flex;align-items:center;gap:var(--space-sm)}.post-featured-image{position:relative;width:100%;max-width:1200px;margin:-80px auto 0;padding:0 var(--space-xl);z-index:3}.post-featured-image img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 50px 100px -20px rgb(0 0 0 / .8),0 0 50px rgb(168 85 247 / .2);transition:transform 0.5s ease,box-shadow 0.5s ease}.post-featured-image:hover img{transform:scale(1.02);box-shadow:0 60px 120px -20px rgb(0 0 0 / .9),0 0 80px rgb(168 85 247 / .3)}.post-featured-image::after{content:'';position:absolute;bottom:0;left:var(--space-xl);right:var(--space-xl);height:30%;background:linear-gradient(to top,var(--bg-darker),transparent);border-radius:0 0 var(--radius-xl) var(--radius-xl);pointer-events:none}.post-content{max-width:800px;margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.post-content>*+*{margin-top:var(--space-xl)}.post-content h2{font-size:2.2rem;margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--glass-border);background:var(--gradient-aurora);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:gradientFlow 5s ease infinite}.post-content h3{font-size:1.6rem;margin-top:var(--space-2xl);color:var(--text-primary)}.post-content p{font-size:1.2rem;line-height:1.9;color:var(--text-secondary)}.post-content strong{color:var(--text-primary);font-weight:600}.post-content a{color:var(--neon-purple);border-bottom:1px solid #fff0;transition:border-color 0.3s}.post-content a:hover{border-bottom-color:var(--neon-purple)}.post-content ul,.post-content ol{padding-left:var(--space-xl);color:var(--text-secondary)}.post-content li{font-size:1.15rem;line-height:1.8;margin-bottom:var(--space-md);position:relative}.post-content ul li::marker{color:var(--neon-purple)}.post-content ol{counter-reset:item;list-style:none}.post-content ol li{counter-increment:item}.post-content ol li::before{content:counter(item);position:absolute;left:-32px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;font-size:.85rem;font-weight:700}.post-content blockquote{position:relative;padding:var(--space-2xl) var(--space-2xl) var(--space-2xl) var(--space-3xl);background:linear-gradient(135deg,rgb(168 85 247 / .1) 0%,rgb(236 72 153 / .05) 100%);border-radius:var(--radius-lg);border-left:4px solid var(--neon-purple);margin:var(--space-2xl) 0;font-size:1.3rem;font-style:italic;color:var(--text-primary);line-height:1.7}.post-content blockquote::before{content:'"';position:absolute;top:10px;left:20px;font-size:5rem;font-family:Georgia,serif;background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;opacity:.5;line-height:1}.post-content code{padding:.2em .5em;background:rgb(168 85 247 / .1);border:1px solid rgb(168 85 247 / .2);border-radius:var(--radius-sm);font-family:'Fira Code',monospace;font-size:.9em;color:var(--neon-cyan)}.post-content pre{padding:var(--space-xl);background:rgb(0 0 0 / .5);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow-x:auto}.post-content pre code{padding:0;background:#fff0;border:none;color:var(--text-primary)}.post-content img{width:100%;border-radius:var(--radius-lg);margin:var(--space-xl) 0;box-shadow:0 25px 80px -20px rgb(0 0 0 / .8)}.post-content figure{margin:var(--space-2xl) 0}.post-content figcaption{text-align:center;font-size:.9rem;color:var(--text-muted);margin-top:var(--space-md)}.toc-wrapper{position:fixed;top:50%;left:30px;transform:translateY(-50%);z-index:100;display:none}@media (min-width:1400px){.toc-wrapper{display:block}}.toc{background:rgb(10 10 15 / .9);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:200px}.toc-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--space-md)}.toc-link{display:block;padding:var(--space-sm) 0;font-size:.85rem;color:var(--text-muted);border-left:2px solid #fff0;padding-left:var(--space-md);transition:all 0.3s}.toc-link:hover,.toc-link.active{color:var(--neon-purple);border-left-color:var(--neon-purple)}.author-box{display:flex;gap:var(--space-xl);padding:var(--space-2xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin:var(--space-3xl) 0;align-items:center}.author-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--neon-purple);box-shadow:0 0 30px rgb(168 85 247 / .3)}.author-info h4{font-size:1.2rem;margin-bottom:var(--space-sm)}.author-info p{font-size:.95rem;color:var(--text-muted)}.share-section{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl) 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);margin:var(--space-2xl) 0}.share-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.share-buttons{display:flex;gap:var(--space-md)}.share-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.1rem;transition:all 0.3s;cursor:pointer}.share-btn:hover{background:var(--gradient-primary);border-color:#fff0;transform:translateY(-3px) rotate(5deg);box-shadow:0 10px 30px rgb(168 85 247 / .4)}.related-posts{padding:var(--space-4xl) 0}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-2xl)}.comments-section{padding:var(--space-3xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin:var(--space-3xl) 0}.comment{display:flex;gap:var(--space-lg);padding:var(--space-xl) 0;border-bottom:1px solid var(--glass-border)}.comment:last-child{border-bottom:none}.comment-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.comment-content h5{margin-bottom:var(--space-xs)}.comment-content p{font-size:.95rem}.comment-date{font-size:.8rem;color:var(--text-muted)}@media (max-width:768px){.post-hero{padding:150px 0 60px;min-height:50vh}.post-featured-image{margin-top:-40px;padding:0 var(--space-md)}.post-content{padding:var(--space-2xl) var(--space-md)}.post-content h2{font-size:1.75rem}.post-content blockquote{padding:var(--space-xl);padding-left:var(--space-xl);font-size:1.1rem}.post-content blockquote::before{display:none}.author-box{flex-direction:column;text-align:center}.share-section{flex-direction:column;text-align:center}}