@charset "UTF-8";.article-page{padding:calc(var(--header-h, 72px) + var(--space-7)) var(--space-5) var(--space-9);max-width:100%}.article-page-inner{max-width:var(--content-w, 760px);margin:0 auto}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-muted)}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{opacity:.4}.breadcrumb-current{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.article-header{margin-bottom:var(--space-7);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.article-category-badge{display:inline-flex;padding:4px 14px;border-radius:100px;font-size:var(--text-xs);font-weight:600;color:var(--accent);background:#38b2ac14;margin-bottom:var(--space-4)}.article-header h1{font-size:var(--text-3xl);font-weight:700;line-height:1.3;color:var(--text-primary);margin:0 0 var(--space-2)}.article-lead{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin:0 0 var(--space-4)}.article-meta-date{display:block;font-size:var(--text-sm);color:var(--text-muted);direction:ltr;text-align:start}.article-header-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:all var(--duration-fast) var(--ease);white-space:nowrap}.share-btn:hover{color:var(--accent);border-color:#38b2ac4d;background:#38b2ac0a}.share-btn svg{flex-shrink:0}.share-btn-lg{padding:8px 18px;font-size:var(--text-base)}.share-cta{display:flex;justify-content:center;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.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: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;margin:var(--space-7) 0 var(--space-4);padding-top:var(--space-4);color:var(--text-primary)}.article-body.prose h3{font-size:var(--text-lg);font-weight:700;margin:var(--space-6) 0 var(--space-2);color:var(--text-primary)}.article-body.prose p{margin:0 0 var(--space-4)}.article-body.prose ul,.article-body.prose ol{margin:0 0 var(--space-4);padding-inline-start:var(--space-5)}.article-body.prose li{margin-bottom:var(--space-1)}.article-body.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-5) 0}.article-body.prose blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-inline-start:4px solid var(--accent);background:var(--bg-1);border-radius:var(--radius-md);color:var(--text-secondary);font-style: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}.article-body.prose a:hover{text-decoration-color:transparent}.article-body.prose code{background:var(--bg-1);padding:2px 6px;border-radius:4px;font-size:.9em;direction:ltr;display:inline}.article-body.prose pre{margin:var(--space-5) 0;border-radius:var(--radius-md);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-5) 0;font-size:var(--text-sm)}.article-body.prose table th,.article-body.prose table td{padding:10px 14px;border-bottom:1px solid var(--border);text-align:start}.article-body.prose table th{font-weight:700;background:var(--bg-1)}.article-body.prose hr{border:none;border-top:1px solid var(--border);margin:var(--space-7) 0}.author-box{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-7) auto;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1)}.author-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#38b2ac1a;border-radius:50%}.author-avatar :global(.author-icon){width:24px;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:1.6;margin:0}.related-section{margin-top:var(--space-9);padding-top:var(--space-7);border-top:1px solid var(--border)}.related-section h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-5)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.related-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all .3s ease}.related-card:hover{border-color:#38b2ac4d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-card h3{font-size:var(--text-base);font-weight:700;margin:var(--space-1) 0;line-height:1.5}.related-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-badge{display:inline-flex;padding:3px 10px;border-radius:100px;font-size:var(--text-xs);font-weight:600;color:var(--accent);background:#38b2ac14}@media(max-width:768px){.article-header h1{font-size:var(--text-2xl)}.related-grid{grid-template-columns:1fr}}