.article-page{background:#fff;scroll-behavior:smooth}#progressBar{position:fixed;top:0;left:0;width:0%;height:3px;background:#e34f26;z-index:2001}.article-hero{padding:40px 0 20px 0;text-align:center}.category-badge{font-size:.65rem;font-weight:800;color:#e34f26;text-transform:uppercase;letter-spacing:1px}.hero-title{font-size:2.2rem;font-weight:800;color:#1a1a1a;line-height:1.2;margin:10px 0}.hero-desc{font-size:0.8rem;color:#555;max-width:600px;margin:0 auto}.quick-jump-nav{background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;position:sticky;top:60px;z-index:999}.jump-links{display:flex;justify-content:center;gap:20px;padding:10px 0}.jump-link{text-decoration:none;font-size:.75rem;font-weight:700;color:#64748b;transition:.2s}.jump-link:hover{color:#e34f26}.article-content-wrapper{max-width:750px;margin:30px auto;padding-bottom:80px}.md-render-area{font-size:1.05rem;line-height:1.6;color:#1a1a1a}.md-render-area h2{font-size:1.5rem;font-weight:800;margin:40px 0 15px 0;border-bottom:1px solid #eee;padding-bottom:8px}.md-render-area h3{font-size:1.2rem;font-weight:700;margin:30px 0 10px 0}.md-render-area p{margin-bottom:15px}.md-render-area img{width:100%;border-radius:8px;margin:20px 0}.animate-up{animation:fU .6s ease forwards}@keyframes fU{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:1.8rem}.jump-links{gap:12px;overflow-x:auto;justify-content:flex-start;padding:10px 20px}.jump-link{white-space:nowrap}}