@media (width<=800px){.article-layout{grid-template-columns:1fr}.toc{position:static}.article-hero{align-items:stretch;max-width:100%;min-height:380px;display:flex}.article-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article-hero-overlay{background:linear-gradient(#08080d66 0%,#08080dd9 30%,#08080dfa 100%);justify-content:flex-end;width:100%;padding:20px 16px;position:relative}.article-category{margin-bottom:10px}.article-hero h1{margin-bottom:8px;font-size:1.5rem;line-height:1.2}.article-subtitle{margin-bottom:12px;font-size:.88rem;line-height:1.35}.article-meta{gap:10px 15px;font-size:.75rem}#article-content{max-width:none}}@media (width<=850px){#relatedArticles{grid-template-columns:1fr;gap:15px}.share-buttons{gap:10px}.share-buttons a{padding:8px 18px;font-size:.85rem}}.article-page{max-width:1100px;margin:0 auto;padding:40px 20px 80px}#reading-progress{z-index:99999;pointer-events:none;background:linear-gradient(90deg,#ff007f,#00f2fe);width:0%;height:5px;position:fixed;top:0;left:0}.breadcrumbs{color:var(--text-muted);margin-bottom:30px;font-size:.85rem}.breadcrumbs a{color:var(--neon-cyan)}.breadcrumbs span{color:var(--neon-purple);margin:0 8px}.article-hero img{object-fit:cover;width:100%;height:400px;display:block}.article-hero-overlay{background:linear-gradient(#0003 0%,#0009 40%,#000000f2 100%);flex-direction:column;justify-content:flex-end;padding:30px;display:flex;position:absolute;inset:0}.article-category{color:#fff;letter-spacing:1px;text-transform:uppercase;background-color:#b633ff;border-radius:20px;align-self:flex-start;margin-bottom:12px;padding:6px 16px;font-size:.75rem;font-weight:700;position:relative}.article-hero h1{color:#fff;-webkit-text-stroke:.5px #fff6;text-shadow:1px 1px 2px #000c;margin:0 0 10px;font-size:clamp(1.6rem,4vw,3rem);font-weight:600;line-height:1.15}.article-meta{color:var(--neon-cyan,#00f2fe);flex-wrap:wrap;gap:15px;font-size:.8rem;display:flex}.article-layout{grid-template-columns:220px 1fr;align-items:start;gap:40px;display:grid}.toc{background:#0f0f19e6;border:1px solid #b633ff59;border-radius:8px;padding:20px;position:sticky;top:20px}.toc h2{color:var(--neon-pink);margin-top:0;font-size:1rem}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin-bottom:8px}.toc a{color:var(--text-muted);font-size:.85rem}.toc a:hover{color:var(--neon-cyan)}#article-content{max-width:760px}#article-content p{color:#d0d0d8;margin:0 0 1.4rem;font-size:1rem;line-height:1.85}#article-content .intro{color:#eee;font-size:1.15rem;line-height:1.8}#article-content h2{color:#00f2fe;margin:45px 0 18px;font-size:1.8rem;font-weight:700}#article-content h3{color:var(--neon-pink)}#article-content ul{margin-bottom:25px}#article-content li{color:#ccc;margin-bottom:8px}#article-content blockquote{border-left:4px solid var(--neon-pink);color:var(--neon-cyan);background:#b633ff14;margin:35px 0;padding:20px 25px;font-size:1.2rem;font-style:italic}.fact-box{border:1px solid #33ccff40;border-left:4px solid var(--neon-green);background:linear-gradient(135deg,#b633ff14,#33ccff0d);border-radius:6px;margin:30px 0;padding:25px}.fact-box h3{color:var(--neon-green);margin-top:0}@media (width<=800px){.article-layout{grid-template-columns:1fr}.toc{position:static}.article-hero{align-items:stretch;max-width:100%;min-height:380px;display:flex}.article-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article-hero-overlay{background:linear-gradient(#08080d66 0%,#08080dd9 30%,#08080dfa 100%);justify-content:flex-end;width:100%;padding:20px 16px;position:relative}.article-category{margin-bottom:10px}.article-hero h1{margin-bottom:8px;font-size:1.5rem;line-height:1.2}.article-subtitle{margin-bottom:12px;font-size:.88rem;line-height:1.35}.article-meta{gap:10px 15px;font-size:.75rem}#article-content{max-width:none}}.article-hero h1,.article-subtitle,.article-meta,#article-content p,#article-content h2,.toc a{font-family:Courier New,Courier,monospace}.article-hero{border:1px solid #ff008033;border-radius:20px;max-width:1000px;margin:0 auto 40px;position:relative;overflow:hidden;box-shadow:0 0 20px #ff008026,0 0 40px #00f2fe0d}.article-category{color:#fff;letter-spacing:1px;text-transform:uppercase;background-color:#b633ff;border-radius:20px;align-self:flex-start;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.article-subtitle{color:#ccc;max-width:750px;margin:0 0 25px;font-size:1.15rem;line-height:1.5}#article-content .intro:first-letter{float:left;color:var(--neon-pink,#ff007f);padding-top:4px;padding-right:12px;font-family:Courier New,Courier,monospace;font-size:3.8rem;font-weight:700;line-height:.8}.comments{background:#0d0d13;border:2px solid #b633ff;border-radius:12px;max-width:1000px;margin:60px auto;padding:40px;font-family:Courier New,Courier,monospace;box-shadow:0 0 15px #b633ff4d}.comments h2{color:#ff007f;margin-bottom:20px;font-size:1.6rem}.comments-intro{color:#00f2fe;margin-bottom:25px;font-size:.95rem;line-height:1.5}.comment-form-wrapper h3{color:#00f2fe;margin-bottom:20px;font-size:1.2rem;text-decoration:underline}#commentForm{flex-direction:column;gap:15px;display:flex}#commentForm input,#commentForm textarea{color:#fff;box-sizing:border-box;background:#121218;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:12px 15px;font-family:Courier New,Courier,monospace;font-size:1rem}#commentForm input:focus,#commentForm textarea:focus{border-color:#00f2fe;outline:none;box-shadow:0 0 8px #00f2fe66}#commentForm textarea{resize:vertical;min-height:120px}#commentForm button[type=submit]{color:#000;cursor:pointer;background:#e0e0e0;border:none;border-radius:4px;align-self:flex-start;padding:8px 24px;font-family:Arial,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s}#commentForm button[type=submit]:hover{background:#fff;box-shadow:0 0 10px #ffffff80}#commentMessage{margin-top:15px;font-size:.95rem;font-weight:700}.comments-divider{opacity:.7;background:linear-gradient(90deg,#ff007f,#00f2fe);border:none;height:3px;margin:40px 0;box-shadow:0 0 8px #ff007f80}.comments-feed-title{color:#00f2fe;margin-bottom:20px;font-size:1.3rem}#commentsList p{color:#00f2fe;font-style:italic}.comment{background:#ffffff08;border-left:3px solid #ff007f;border-radius:0 6px 6px 0;margin-bottom:15px;padding:15px}.comment-name{color:#00f2fe;margin-bottom:5px;font-weight:700}.comment-date{color:#fff6;margin-bottom:10px;font-size:.8rem}.comment-text{color:#e0e0e6;line-height:1.4}.related{margin-top:60px;font-family:Courier New,Courier,monospace}.related h2{color:#00f2fe;margin-bottom:25px;font-size:1.6rem}#relatedArticles{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.related-card{background:#0d0d13;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:25px;display:flex;box-shadow:0 4px 15px #00000080}.related-card h3{margin:0 0 12px;font-size:1.15rem;line-height:1.4}.related-card h3 a{color:#00f2fe;font-weight:700;text-decoration:none}.related-card h3 a:hover{text-decoration:underline}.related-card p{color:#b0b0b8;margin:0;font-size:.9rem;line-height:1.6}.share{margin-top:60px;font-family:Courier New,Courier,monospace}.share h2{color:#00f2fe;margin-bottom:25px;font-size:1.6rem}.share-buttons{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.share-buttons a{color:#fff;background:0 0;border:2px solid #ff007f;border-radius:30px;padding:10px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 0 8px #ff007f33}.share-buttons a:hover{text-shadow:0 0 4px #fff;background:#ff007f1a;box-shadow:0 0 15px #ff007f99,inset 0 0 8px #ff007f4d}@media (width<=850px){#relatedArticles{grid-template-columns:1fr;gap:15px}.share-buttons{gap:10px}.share-buttons a{padding:8px 18px;font-size:.85rem}}