@charset "UTF-8";.article-page{padding:calc(var(--header-h, 72px) + var(--space-4)) var(--space-5) var(--space-8);max-width:100%}.article-page-inner{max-width:var(--content-w, 700px);margin:0 auto}.article-header{margin-bottom:var(--space-8);padding-bottom:var(--space-5);position:relative}.article-header:after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:48px;height:3px;border-radius:var(--radius-full);background:var(--text-tertiary);opacity:.85}.article-header h1{font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight, 1.4);color:var(--text-primary);margin:0 0 var(--space-6);letter-spacing:var(--tracking-normal)}.article-meta{display:flex;align-items:baseline;gap:var(--space-3);color:var(--text-tertiary)}.article-meta-author{font-weight:600;color:var(--text-secondary)}.article-meta-date{display:block;font-size:var(--text-sm);color:var(--text-muted);text-align:start}.article-header-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4)}.share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-base);color:var(--text-secondary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:all var(--duration-base) var(--ease);white-space:nowrap}.share-btn:hover{color:var(--accent);border-color:transparent;background:var(--accent-muted);box-shadow:var(--shadow-glow)}.share-btn svg{flex-shrink:0}.share-btn-lg{padding:10px 22px;font-size:var(--text-base)}.share-cta{display:flex;justify-content:center;margin-top:var(--space-7);padding-top:var(--space-6)}.share-confirm{color:var(--success);font-size:var(--text-sm);font-weight:600;animation:fadeConfirm 2s ease forwards}@keyframes fadeConfirm{0%,70%{opacity:1}to{opacity:0}}.article-body.prose{font-size:var(--text-base);line-height:var(--leading-relaxed, 1.9);color:var(--text-primary);overflow-wrap:anywhere;word-break:break-word}.article-body.prose h2{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-snug);margin:var(--space-8) 0 var(--space-4);color:var(--text-primary)}.article-body.prose h3{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-snug);margin:var(--space-6) 0 var(--space-3);color:var(--text-primary)}.article-body.prose p{margin:0 0 var(--space-5)}.article-body.prose ul,.article-body.prose ol{margin:0 0 var(--space-5);padding-inline-start:var(--space-6)}.article-body.prose li{margin-bottom:var(--space-2)}.article-body.prose img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-6) 0}.article-body.prose blockquote{margin:var(--space-6) 0;padding:var(--space-2) var(--space-5) var(--space-2) 0;border-inline-start:3px solid var(--accent);background:none;color:var(--text-secondary);font-style:normal;font-size:var(--text-lg);line-height:var(--leading-normal)}.article-body.prose blockquote p:last-child{margin-bottom:0}.article-body.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:var(--accent-muted);transition:text-decoration-color var(--duration-base) var(--ease)}.article-body.prose a:hover{text-decoration-color:var(--accent)}.article-body.prose code{background:var(--bg-1);padding:2px 7px;border-radius:var(--radius-sm);font-size:.9em;direction:ltr;display:inline}.article-body.prose pre{margin:var(--space-6) 0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-1);overflow-x:auto;direction:ltr}.article-body.prose pre code{background:none;padding:0;border-radius:0}.article-body.prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm);border-radius:var(--radius-md);overflow:hidden}.article-body.prose table th,.article-body.prose table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);text-align:start}.article-body.prose table th{font-weight:600;background:var(--bg-1);color:var(--text-secondary)}.article-body.prose hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-8) 0}.author-box{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-8) auto 0;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-1)}.author-avatar{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-base);box-shadow:0 0 0 3px var(--accent-muted),var(--shadow-glow)}.author-avatar :global(.author-icon){width:22px;height:auto}.author-info{min-width:0}.author-name{display:block;font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:2px}.author-bio{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.related-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.related-section h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-6)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.related-card{padding:var(--space-5);border:1px solid transparent;border-radius:var(--radius-lg);background:var(--bg-1);text-decoration:none;color:var(--text-primary);transition:all var(--duration-slow) var(--ease-out)}.related-card:hover{background:var(--card-bg);border-color:var(--card-border-hover);box-shadow:var(--shadow-glow)}.related-card h3{font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-2);line-height:var(--leading-snug)}.related-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.article-header h1{font-size:var(--text-2xl)}.related-grid{grid-template-columns:1fr}}