.article-page{background:var(--bg);min-height:100vh;color:var(--t1);padding-top:80px}.article-nav{-webkit-backdrop-filter:blur(16px);z-index:100;background:#04040ed9;border-bottom:1px solid #ffffff12;align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0}.back-link{font-family:var(--font-mono);color:var(--t2);align-items:center;gap:8px;font-size:.85rem;font-weight:500;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--t1)}.back-arrow{transition:transform .2s}.back-link:hover .back-arrow{transform:translate(-4px)}.article-container{max-width:720px;animation:fadeInUp .6s var(--ease) both;margin:0 auto;padding:60px 24px}.article-header{margin-bottom:48px}.ah-meta{font-family:var(--font-mono);align-items:center;gap:16px;margin-bottom:20px;font-size:.78rem;display:flex}.ah-category{color:var(--cyan);letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-sm);background:#06b6d41a;padding:5px 12px;font-weight:600}.ah-date{color:var(--t3)}.ah-title{letter-spacing:-1px;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;line-height:1.2}.article-body{color:var(--t2);font-size:1.05rem;line-height:1.8}.article-body h1,.article-body h2,.article-body h3{color:var(--t1);margin-top:2em;margin-bottom:.8em}.article-body h1{display:none}.article-body h2{border-bottom:1px solid var(--border);padding-bottom:10px;font-size:1.6rem}.article-body h3{font-size:1.3rem}.article-body p{margin-bottom:1.5em}.article-body ul,.article-body ol{margin-bottom:1.5em;padding-left:24px}.article-body li{margin-bottom:.5em}.article-body code{font-family:var(--font-mono);color:var(--cyan);background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.85em}.article-body strong{color:var(--t1);font-weight:600}