.article-detail[data-v-a5063d3e]{min-height:100vh}.article-content[data-v-a5063d3e]{padding:var(--spacing-3xl) 0}.article-header[data-v-a5063d3e]{margin-bottom:var(--spacing-2xl)}.article-meta[data-v-a5063d3e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.article-category[data-v-a5063d3e]{background-color:var(--primary-color);color:#fff;padding:2px 8px;border-radius:var(--border-radius-sm);font-weight:500}.article-title[data-v-a5063d3e]{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-xl);color:var(--text-primary);line-height:1.3}.article-share[data-v-a5063d3e]{display:flex;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-lg)}.share-text[data-v-a5063d3e]{margin-right:var(--spacing-md);color:var(--text-secondary)}.share-buttons[data-v-a5063d3e]{display:flex;gap:var(--spacing-md)}.share-btn[data-v-a5063d3e]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.share-btn[data-v-a5063d3e]:hover{background-color:var(--primary-light);color:var(--primary-color)}.article-body[data-v-a5063d3e]{margin-bottom:var(--spacing-3xl);max-width:800px}.article-text[data-v-a5063d3e]{font-size:var(--font-size-lg);line-height:1.8;color:var(--text-primary)}.article-text h2[data-v-a5063d3e]{font-size:var(--font-size-2xl);font-weight:700;margin:var(--spacing-2xl) 0 var(--spacing-xl);color:var(--text-primary)}.article-text p[data-v-a5063d3e]{margin-bottom:var(--spacing-lg)}.article-tags[data-v-a5063d3e]{display:flex;align-items:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-lg)}.tags-title[data-v-a5063d3e]{margin-right:var(--spacing-md);color:var(--text-secondary);font-weight:500}.article-tag[data-v-a5063d3e]{display:inline-block;padding:2px 10px;margin-right:var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);color:var(--text-secondary)}.related-articles[data-v-a5063d3e]{margin-bottom:var(--spacing-3xl)}.related-title[data-v-a5063d3e]{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.related-grid[data-v-a5063d3e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.related-card[data-v-a5063d3e]{transition:all .3s ease;border-radius:var(--border-radius-lg);overflow:hidden;background-color:var(--bg-secondary);padding:var(--spacing-xl)}.related-card[data-v-a5063d3e]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.related-article-title[data-v-a5063d3e]{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-link[data-v-a5063d3e]{display:inline-block;color:var(--primary-color);font-weight:500;transition:color .3s ease}.related-link[data-v-a5063d3e]:hover{color:var(--primary-dark)}@media(max-width:768px){.article-title[data-v-a5063d3e]{font-size:var(--font-size-2xl)}.article-text[data-v-a5063d3e]{font-size:var(--font-size-base)}.article-text h2[data-v-a5063d3e]{font-size:var(--font-size-xl)}.related-grid[data-v-a5063d3e]{grid-template-columns:1fr}.article-share[data-v-a5063d3e]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.share-buttons[data-v-a5063d3e]{width:100%;justify-content:space-around}.comment-item[data-v-a5063d3e]{flex-direction:column;align-items:flex-start}}