@charset "UTF-8";.article-header{padding:calc(var(--nav-height) + var(--space-12)) 0 var(--space-8);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.article-header__inner{max-width:800px;margin:0 auto}.article-header__breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-5)}.article-header__breadcrumb a{color:var(--text-secondary);text-decoration:none}.article-header__breadcrumb a:hover{color:var(--color-primary)}.article-header__breadcrumb span{color:var(--color-gray-300)}.article-header__cat{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--space-3);text-decoration:none}.article-header__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);line-height:1.25;margin-bottom:var(--space-4)}.article-header__excerpt{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.article-header__meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.article-header__author{display:flex;align-items:center;gap:var(--space-3)}.article-header__avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.article-header__author-info{display:flex;flex-direction:column;gap:var(--space-1)}.article-header__author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.article-header__author-date{font-size:var(--font-size-xs);color:var(--text-secondary)}.article-cover{max-width:800px;margin:0 auto;padding-top:var(--space-8)}.article-cover img{width:100%;height:auto;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-xl)}.article-video{max-width:800px;margin:0 auto;padding-top:var(--space-8)}.article-video iframe{width:100%;aspect-ratio:16/9;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-xl);background:#000}.article-body{max-width:800px;margin:0 auto;padding:var(--space-8) 0 var(--space-10)}.article-actions-bottom{display:flex;align-items:center;justify-content:end;gap:var(--space-4);margin:var(--space-10) 0;padding:var(--space-6) 0;border-top:1px solid var(--color-gray-100)}.article-actions-bottom__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.reading-progress{position:fixed;top:var(--nav-height);left:0;right:0;height:3px;background:var(--color-gray-100);z-index:100}.reading-progress__bar{height:100%;background:var(--color-primary);width:0%;transition:width 50ms linear}@media(max-width:768px){.article-header__title{font-size:var(--font-size-2xl)}.article-header__excerpt{font-size:var(--font-size-base)}.article-header__meta-row{flex-direction:column;align-items:flex-start}}.author-box{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);margin:var(--space-10) 0}@media(max-width:640px){.author-box{flex-direction:column;text-align:center}}.author-box__avatar{width:56px;height:56px;border-radius:var(--radius-full);background:#1a1a2e;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0}.author-box__info{flex:1;min-width:0}.author-box__name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:2px}.author-box__bio{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.share-button{position:relative;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;outline:none}.share-button:hover{color:var(--color-primary);transform:translateY(-2px)}.share-button:active{transform:scale(.95)}.share-button svg{width:24px;height:24px}.share-button__tooltip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%) translateY(10px);background:var(--color-gray-800);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.share-button__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--color-gray-800) transparent transparent transparent}.share-button__tooltip.is-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.related-posts{margin-top:var(--space-20);border-top:1px solid var(--color-gray-100);padding-top:var(--space-12)}.related-posts__headline{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.related-posts__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.related-posts__grid{grid-template-columns:1fr}}.related-post-card{background:var(--color-white);border:1px solid var(--color-gray-150);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.related-post-card:hover{transform:translateY(-5px);border-color:var(--color-primary-light);box-shadow:var(--shadow-xl)}.related-post-card:hover .related-post-card__title{color:var(--color-primary)}.related-post-card:hover .related-post-card__image img{transform:scale(1.05)}.related-post-card__image{aspect-ratio:16/9;overflow:hidden;background:var(--color-gray-100)}.related-post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.related-post-card__content{padding:var(--space-4) var(--space-5) var(--space-6);flex-grow:1;display:flex;flex-direction:column}.related-post-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.5;margin-bottom:var(--space-3);flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-card__date{font-size:var(--font-size-xs);color:var(--text-secondary)}