.article-detail-view[data-v-cc1daec2]{min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface-base)}.main-content[data-v-cc1daec2]{flex:1;padding-top:80px}.breadcrumbs[data-v-cc1daec2]{padding:var(--spacing-md) 0}.breadcrumbs-list[data-v-cc1daec2]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.breadcrumb-item[data-v-cc1daec2]{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumb-item[data-v-cc1daec2]:not(:last-child):after{content:"/";margin-left:var(--spacing-sm);color:var(--color-text-tertiary)}.breadcrumb-item a[data-v-cc1daec2]{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast) var(--easing-custom)}.breadcrumb-item a[data-v-cc1daec2]:hover{color:var(--color-morandi-primary)}.breadcrumb-current[data-v-cc1daec2]{color:var(--color-text-primary)}.article-container[data-v-cc1daec2]{max-width:800px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-surface-base)}.article-header[data-v-cc1daec2]{text-align:center;margin-bottom:var(--spacing-3xl)}.article-category[data-v-cc1daec2]{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-morandi-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);margin-bottom:var(--spacing-md)}.article-title[data-v-cc1daec2]{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--spacing-md) 0}.article-description[data-v-cc1daec2]{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0}.article-meta[data-v-cc1daec2]{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.meta-item[data-v-cc1daec2]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.meta-icon[data-v-cc1daec2]{font-size:var(--font-size-base)}.article-tags[data-v-cc1daec2]{display:flex;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.tag[data-v-cc1daec2]{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-subtle);border:var(--border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base) var(--easing-custom)}.tag[data-v-cc1daec2]:hover{border-color:var(--color-morandi-primary);color:var(--color-morandi-primary)}.article-content-wrapper[data-v-cc1daec2]{margin-bottom:var(--spacing-3xl)}.article-content[data-v-cc1daec2]{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.article-content[data-v-cc1daec2] h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--spacing-2xl) 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:var(--border-subtle)}.article-content[data-v-cc1daec2] p{margin:0 0 var(--spacing-md) 0}.article-content[data-v-cc1daec2] ul,.article-content[data-v-cc1daec2] ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-2xl)}.article-content[data-v-cc1daec2] li{margin-bottom:var(--spacing-xs)}.article-footer[data-v-cc1daec2]{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:var(--border-subtle)}.article-share[data-v-cc1daec2]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.share-label[data-v-cc1daec2]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.share-button[data-v-cc1daec2]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-subtle);border:var(--border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base) var(--easing-custom)}.share-button[data-v-cc1daec2]:hover{border-color:var(--color-morandi-primary);color:var(--color-morandi-primary);transform:translateY(-2px)}.article-cta[data-v-cc1daec2]{text-align:center;padding:var(--spacing-xl);background:var(--gradient-morandi-subtle);border-radius:var(--radius-lg)}.cta-text[data-v-cc1daec2]{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.cta-button[data-v-cc1daec2]{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-morandi-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-base) var(--easing-custom)}.cta-button[data-v-cc1daec2]:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.related-articles[data-v-cc1daec2]{max-width:800px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl)}.related-title[data-v-cc1daec2]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.related-grid[data-v-cc1daec2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}.related-card[data-v-cc1daec2]{display:block;padding:var(--spacing-lg);background:var(--color-surface-base);border:var(--border-card);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base) var(--easing-custom)}.related-card[data-v-cc1daec2]:hover{border-color:var(--color-morandi-primary);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.related-card-title[data-v-cc1daec2]{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-excerpt[data-v-cc1daec2]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-meta[data-v-cc1daec2]{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.articles-back[data-v-cc1daec2]{text-align:center;padding:var(--spacing-xl) 0}.back-button[data-v-cc1daec2]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-base);border:var(--border-card);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base) var(--easing-custom)}.back-button[data-v-cc1daec2]:hover{border-color:var(--color-morandi-primary);color:var(--color-morandi-primary)}@media(max-width:768px){.article-container[data-v-cc1daec2]{padding:var(--spacing-2xl) var(--spacing-md)}.article-title[data-v-cc1daec2]{font-size:var(--font-size-2xl)}.article-meta[data-v-cc1daec2]{flex-direction:column;gap:var(--spacing-xs)}.related-grid[data-v-cc1daec2]{grid-template-columns:1fr}}