.breadcrumb{background:var(--bg2);border-bottom:1px solid var(--border);padding:.6rem 0}.bc-inner{max-width:1360px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:.45rem;font-size:.75rem;color:var(--muted);flex-wrap:wrap}.bc-inner a{color:var(--muted2);transition:color .2s}.bc-inner a:hover{color:var(--primary)}.article-header{max-width:860px;margin:0 auto;padding:3.5rem 2rem 2.5rem;text-align:center}.ah-cats{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}.ah-cat{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .85rem;border-radius:9999px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.ah-title{font-family:var(--font-display);font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.025em;margin-bottom:1.1rem;animation:slide-up .7s .05s var(--ease) both}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.ah-excerpt{font-family:var(--font-body);font-style:italic;font-size:1.1rem;color:var(--muted2);line-height:1.72;max-width:60ch;margin:0 auto 2rem;animation:slide-up .7s .12s var(--ease) both}.ah-meta{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;padding:1.25rem 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);animation:slide-up .7s .18s var(--ease) both}.ah-author{display:flex;align-items:center;gap:.65rem}.ah-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.85rem;color:#fff;flex-shrink:0}.ah-author-name{font-size:.85rem;font-weight:700;color:var(--text);line-height:1.2}.ah-author-role{font-size:.7rem;color:var(--muted2)}.ah-sep{width:1px;height:2rem;background:var(--border2);flex-shrink:0}.ah-stat{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted2)}.ah-stat svg{color:var(--primary);flex-shrink:0}.share-row{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--muted2)}.share-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border2);background:transparent;color:var(--muted2);display:flex;align-items:center;justify-content:center;transition:all .2s}.share-btn:hover{border-color:var(--primary);color:var(--primary);background:#7c3aed14}.hero-img-wrap{max-width:1000px;margin:0 auto;padding:0 2rem 0rem;animation:slide-up .7s .22s var(--ease) both}.hero-img{border-radius:1.25rem;overflow:hidden}.hero-img img{width:100%;aspect-ratio:16/7;object-fit:cover}.hero-img-caption{font-size:.72rem;color:var(--muted2);text-align:center;margin-top:.65rem;font-style:italic}.main-wrap{max-width:1200px;margin:0 auto;padding:0 2rem 8rem;align-items:start}.toc-wrap{position:sticky;top:88px}.toc-card{background:var(--surface);border:1px solid var(--border);border-radius:1.1rem;padding:1.35rem;margin-bottom:1rem}.toc-header{font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}.toc-header svg{color:var(--primary)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:.05rem}.toc-link{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .55rem;border-radius:.5rem;font-size:.79rem;color:var(--muted2);transition:all .2s;border-left:2px solid transparent;margin-left:.25rem;line-height:1.4}.toc-link:hover{background:var(--surface2);color:var(--text)}.toc-link.active{background:#7c3aed1a;color:var(--primary);border-left-color:var(--primary);font-weight:600}.toc-link .tn{font-size:.6rem;color:var(--muted);flex-shrink:0;margin-top:.15rem;font-weight:700}.toc-progress{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--divider)}.tp-label{display:flex;justify-content:space-between;font-size:.67rem;color:var(--muted);margin-bottom:.4rem}.tp-track{height:4px;background:var(--border2);border-radius:9999px;overflow:hidden}.tp-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));width:0%;border-radius:9999px;transition:width .25s}.side-actions{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.sa-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-radius:.75rem;border:1px solid var(--border);background:transparent;color:var(--muted2);font-size:.77rem;font-weight:600;transition:all .2s;text-align:left;width:100%}.sa-btn:hover{background:var(--surface2);border-color:var(--border2);color:var(--text)}.sa-btn svg{color:var(--primary);flex-shrink:0}.sa-btn.liked{color:#f87171;border-color:#f871714d;background:#f8717112}.sa-btn.liked svg{color:#f87171}.article-prose p{font-family:var(--font-body);font-size:.975rem;color:var(--prose);line-height:1.88;margin-bottom:1.2rem}.article-prose p:last-child{margin-bottom:0}.article-prose strong{color:var(--text);font-weight:600}.article-prose em{font-style:italic}.article-prose a{color:var(--primary);border-bottom:1px solid rgba(124,58,237,.35);transition:border-color .2s}.article-prose a:hover{border-color:var(--primary)}.article-prose h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text);margin:2.75rem 0 .9rem;line-height:1.2;scroll-margin-top:100px;padding-top:.25rem}.article-prose h2:before{content:"";display:block;width:32px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:9999px;margin-bottom:.7rem}.article-prose h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text);margin:2rem 0 .65rem;line-height:1.25;scroll-margin-top:100px}.article-prose ul,.article-prose ol{padding-left:1.5rem;margin-bottom:1.2rem}.article-prose ul li,.article-prose ol li{font-family:var(--font-body);font-size:.95rem;color:var(--prose);line-height:1.75;margin-bottom:.45rem}.article-prose ul li::marker{color:var(--primary)}.article-prose ol li::marker{color:var(--primary);font-weight:700;font-family:var(--font-display)}.article-prose blockquote{border-left:3px solid var(--primary);background:var(--bq-bg);border-radius:0 .85rem .85rem 0;padding:1.2rem 1.5rem;margin:1.75rem 0}.article-prose blockquote p{font-family:var(--font-body);font-style:italic;font-size:1.05rem;color:var(--text2);line-height:1.72;margin:0}.article-prose blockquote cite{display:block;margin-top:.65rem;font-size:.78rem;color:var(--muted2);font-style:normal;font-family:var(--font-body)}.article-prose figure{margin:2rem 0}.article-prose figure img{border-radius:.85rem;width:100%}.article-prose figcaption{font-size:.75rem;color:var(--muted2);text-align:center;margin-top:.6rem;font-style:italic}.article-prose code{background:var(--code-bg);border:1px solid rgba(124,58,237,.2);border-radius:.35rem;padding:.1rem .45rem;font-size:.84rem;color:var(--primary);font-family:Fira Code,Consolas,monospace}.article-prose pre{background:var(--surface2);border:1px solid var(--border2);border-radius:.85rem;padding:1.25rem 1.5rem;margin:1.5rem 0;overflow-x:auto}.article-prose pre code{background:none;border:none;padding:0;font-size:.85rem;color:var(--text2)}.highlight-box{background:var(--hl-bg);border:1px solid rgba(124,58,237,.22);border-radius:.85rem;padding:1.1rem 1.4rem;margin:1.75rem 0;display:flex;gap:.85rem;align-items:flex-start}.hb-icon{font-size:1.1rem;flex-shrink:0;margin-top:.05rem}.hb-text{font-size:.88rem;color:var(--text2);line-height:1.68;font-family:var(--font-body)}.hb-text strong{color:var(--text)}.trend-card{background:var(--surface);border:1px solid var(--border);border-radius:1.1rem;padding:1.6rem;margin:1.5rem 0;position:relative;overflow:hidden;transition:border-color .2s}.trend-card:hover{border-color:#7c3aed4d}.trend-card:after{content:attr(data-number);position:absolute;right:1rem;bottom:-.75rem;font-family:var(--font-display);font-size:5.5rem;font-weight:800;color:#7c3aed0f;line-height:1;pointer-events:none}.tc-num{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.74rem;margin-bottom:.75rem}.tc-title{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--text);margin-bottom:.6rem;line-height:1.25}.tc-body{font-size:.9rem;color:var(--prose);line-height:1.77;font-family:var(--font-body)}.tc-tag{display:inline-flex;align-items:center;gap:.3rem;margin-top:.85rem;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:#7c3aed1a;border-radius:9999px;padding:.18rem .65rem}.callout{border-radius:.85rem;padding:1rem 1.25rem;margin:1.75rem 0;display:flex;gap:.85rem;align-items:flex-start;font-size:.88rem;line-height:1.65;font-family:var(--font-body)}.callout-tip{background:#34d3990f;border:1px solid rgba(52,211,153,.2);color:var(--text2)}.callout-warn{background:#f59e0b12;border:1px solid rgba(245,158,11,.25);color:var(--text2)}.callout-info{background:#7c3aed12;border:1px solid rgba(124,58,237,.2);color:var(--text2)}.callout-ic{font-size:1rem;flex-shrink:0}.callout strong{color:var(--text)}.article-tags{display:flex;align-items:center;gap:.4rem;margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--divider);flex-wrap:wrap}.tags-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-right:.15rem}.a-tag{padding:.3rem .8rem;border-radius:9999px;border:1px solid var(--border2);background:transparent;font-size:.73rem;font-weight:600;color:var(--muted2);transition:all .2s;cursor:pointer}.a-tag:hover{border-color:var(--primary);color:var(--primary);background:#7c3aed12}.author-bio{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:2rem;margin:2.5rem 0;display:flex;gap:1.5rem;align-items:flex-start}.ab-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:#fff;flex-shrink:0;box-shadow:0 8px 24px var(--primary-glow)}.ab-content{display:flex;justify-content:space-between;align-items:center;flex:1}.ab-name{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--text);margin-bottom:.2rem}.ab-role{font-size:.75rem;color:var(--primary);font-weight:700;margin-bottom:.55rem;letter-spacing:.04em}.ab-bio{font-size:.86rem;color:var(--muted2);line-height:1.68;margin-bottom:.85rem}.ab-social{display:flex;gap:.4rem}.abs-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border2);background:transparent;color:var(--muted2);display:flex;align-items:center;justify-content:center;transition:all .2s}.abs-btn:hover{border-color:var(--primary);color:var(--primary)}.related-section{margin:2rem 0 0;padding-top:2rem;border-top:1px solid var(--divider)}.rs-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--text);margin-bottom:1.35rem;display:flex;align-items:center;gap:.5rem}.rs-title svg{color:var(--primary)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.rc{background:var(--card);border:1px solid var(--border);border-radius:1rem;overflow:hidden;transition:all .25s;text-decoration:none;display:block}.rc:hover{transform:translateY(-3px);box-shadow:0 14px 36px #00000026;border-color:#7c3aed33}.rc-img{height:140px;overflow:hidden;background:var(--surface)}.rc-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.rc:hover .rc-img img{transform:scale(1.07)}.rc-body{padding:.95rem}.rc-cat{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.3rem}.rc-title{font-family:var(--font-display);font-size:.86rem;font-weight:800;color:var(--text);line-height:1.3;transition:color .2s;margin-bottom:.3rem}.rc:hover .rc-title{color:var(--primary)}.rc-meta{font-size:.67rem;color:var(--muted2)}.comments-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--divider)}.cs-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--text);margin-bottom:1.5rem;display:flex;align-items:center;gap:.65rem}.cs-badge{font-size:.65rem;font-weight:700;background:#7c3aed26;color:var(--primary);padding:.2rem .6rem;border-radius:9999px}.comment-form{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.cf-title{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:1rem}.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.cf-input{width:100%;padding:.72rem 1rem;background:#ffffff0a;border:1.5px solid var(--border2);border-radius:.7rem;color:var(--text);font-size:.85rem;outline:none;transition:border-color .2s;font-family:var(--font-body)}[data-theme=light] .cf-input{background:#00000008}.cf-input:focus{border-color:var(--primary)}.cf-input::placeholder{color:var(--muted)}.cf-textarea{width:100%;padding:.75rem 1rem;background:#ffffff0a;border:1.5px solid var(--border2);border-radius:.7rem;color:var(--text);font-size:.85rem;outline:none;resize:vertical;height:110px;font-family:var(--font-body);transition:border-color .2s;margin-bottom:.75rem}[data-theme=light] .cf-textarea{background:#00000008}.cf-textarea:focus{border-color:var(--primary)}.cf-textarea::placeholder{color:var(--muted)}.cf-btn{background:var(--primary);color:#fff;border:none;padding:.68rem 1.75rem;border-radius:9999px;font-weight:700;font-size:.84rem;box-shadow:0 4px 16px var(--primary-glow);transition:all .2s}.cf-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.comment{display:flex;gap:1rem;margin-bottom:1.5rem}.comment-av{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.75rem;color:#fff}.comment-body{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:.85rem;padding:1.1rem}.comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap}.comment-name{font-family:var(--font-display);font-size:.84rem;font-weight:700;color:var(--text)}.comment-role{font-size:.68rem;color:var(--primary);font-weight:600}.comment-date{font-size:.68rem;color:var(--muted2);margin-left:auto}.comment-text{font-size:.85rem;color:var(--muted2);line-height:1.72;margin-bottom:.65rem}.comment-actions{display:flex;gap:.5rem}.ca-btn{padding:.28rem .7rem;border-radius:9999px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-size:.7rem;transition:all .2s}.ca-btn:hover{border-color:var(--primary);color:var(--primary)}.ca-btn.liked{color:var(--primary);border-color:var(--primary);background:#7c3aed14}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.vis{opacity:1;transform:none}.reveal-d1{transition-delay:.07s}.reveal-d2{transition-delay:.14s}.reveal-d3{transition-delay:.21s}@media(max-width:960px){.toc-wrap{display:none}}@media(max-width:768px){.nav-links{display:none}.related-grid,.cf-row{grid-template-columns:1fr}.author-bio{flex-direction:column;align-items:center;text-align:center}.ab-social{justify-content:center}}@media(max-width:560px){.article-header{padding:2.5rem 1.25rem 2rem}.hero-img-wrap{padding:0 1.25rem}.main-wrap{padding:0 1.25rem 5rem}}
