img{max-width:100%;height:auto;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.article-page{padding:40px 0 90px;position:relative;z-index:10}.breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--text-muted);margin-bottom:28px;flex-wrap:wrap}.breadcrumb-nav a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}.breadcrumb-nav a:hover{color:var(--c-emerald-hover)}.breadcrumb-sep{color:var(--text-muted)}.article-header-panel{padding:42px 38px;margin-bottom:36px;background:#fff}.article-header-panel .article-badge{margin-bottom:16px}.article-main-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.28;color:var(--text-primary);margin-bottom:20px}.article-meta-info{display:flex;align-items:center;gap:20px;font-size:.88rem;color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap;padding-top:18px;border-top:1px dashed var(--border-glass)}.article-meta-item{display:flex;align-items:center;gap:6px}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}.article-content{padding:44px 38px;font-size:1.05rem;line-height:1.85;color:#1e293b;background:#fff}.article-content h2{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin:36px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;gap:10px}.article-content h2:before{content:"✦";color:var(--c-emerald);font-size:1.1rem}.article-content h3{font-size:1.25rem;font-weight:700;color:var(--c-sky);margin:24px 0 12px}.article-content p{margin-bottom:20px}.article-content ul,.article-content ol{margin-bottom:24px;padding-left:24px}.article-content li{margin-bottom:8px}.comic-callout{background:#f0f9ff;border:1px solid rgba(2,132,199,.25);border-radius:12px;padding:20px 24px;margin:28px 0}.comic-callout.tip{background:#f0fdf4;border-color:#00c2744d}.comic-callout-title{font-weight:800;font-size:1.05rem;margin-bottom:8px;color:#166534;display:flex;align-items:center;gap:8px}.comic-code-box{background:#0f172a;color:#38bdf8;font-family:var(--font-mono);font-size:.92rem;border-radius:10px;border:1px solid var(--border-glass);padding:18px 22px;margin:22px 0;overflow-x:auto;line-height:1.6}.toc-sidebar{position:sticky;top:100px;padding:26px 22px;background:#fff}.toc-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.toc-list{list-style:none;display:flex;flex-direction:column;gap:12px}.toc-link{font-size:.92rem;color:var(--text-muted);font-weight:500;line-height:1.45;transition:color .2s ease;display:block}.toc-link:hover{color:var(--c-emerald-hover)}.article-cta-box{margin-top:48px;padding:36px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff}.related-articles-section{margin-top:60px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.toc-sidebar{position:static}.related-grid{grid-template-columns:1fr}.article-content,.article-header-panel{padding:30px 22px}}