.reading-progress{top:var(--nav-height);background:linear-gradient(90deg, var(--accent), #e85454, #f4a261);z-index:99;height:4px;transition:width 50ms linear;position:fixed;left:0;box-shadow:0 0 12px #b71c1c66}.article-header{max-width:var(--content-width);text-align:center;margin:0 auto;padding:56px 24px 0}.article-header__title{font-family:var(--font-body);font-size:calc(var(--article-title-size) + 4px);color:var(--text-primary);margin-bottom:16px;font-weight:800;line-height:1.5}.article-header__subtitle{font-family:var(--font-body);color:var(--text-secondary);max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:22px;font-weight:400;line-height:1.45}.article-author-row{justify-content:center;align-items:center;gap:12px;margin-bottom:36px;display:flex}.article-author-row__avatar{aspect-ratio:1;object-fit:cover;border:2px solid var(--accent-light);border-radius:50%;flex-shrink:0;width:48px;height:48px}.article-author-row__info{text-align:left;flex-direction:column;gap:2px;display:flex}.article-author-row__name{color:var(--text-primary);margin:-8px 0;padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;display:block}.article-author-row__name:hover{color:var(--accent)}.article-author-row__meta{color:var(--text-tertiary);align-items:center;gap:6px;font-size:14px;display:flex}.article-author-row__follow{margin-left:8px}.article-cover{max-width:var(--wide-content-width);margin:8px auto 0;padding:0 24px;position:relative}.article-cover img{object-fit:contain;background-color:var(--bg-surface);border-radius:var(--radius-md);width:100%;max-height:600px;display:block}.article-actions-float{z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-base), transform var(--transition-base);position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.article-actions-float--visible{opacity:1;pointer-events:auto}.article-actions{background:rgba(var(--bg-primary-rgb), .78);-webkit-backdrop-filter:blur(20px)saturate(1.6);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg), 0 0 0 1px rgba(var(--bg-primary-rgb), .05);border-radius:999px;align-items:center;gap:6px;padding:10px 20px;display:flex}.article-actions__left{align-items:center;gap:4px;display:flex}.article-actions__right{border-left:1px solid var(--border-subtle);align-items:center;gap:4px;margin-left:4px;padding-left:8px;display:flex}.article-action-btn{color:var(--text-tertiary);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:10px 12px;font-size:14px;display:flex}.article-action-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.article-action-btn--active{color:var(--accent)}.article-body{font-family:var(--font-body);font-size:var(--article-body-size);line-height:var(--article-body-line-height);color:var(--text-primary);max-width:var(--content-width);margin:0 auto;padding:40px 24px 0}.article-body p{margin-bottom:var(--article-paragraph-spacing)}.article-body h2{margin-top:2em;margin-bottom:.5em;font-size:26px;font-weight:700;line-height:1.5}.article-body h3{margin-top:1.8em;margin-bottom:.4em;font-size:22px;font-weight:700}.article-body strong{font-weight:700}.article-body em{font-style:italic}.article-body a{color:var(--text-link);text-decoration:underline}.article-body blockquote{text-align:center;max-width:580px;color:var(--text-primary);background:var(--accent-light);border-radius:var(--radius-md);border-left:none;margin:2em auto;padding:32px 24px 24px;font-size:22px;font-style:italic;line-height:1.55;position:relative}.article-body blockquote:before{content:"“";color:var(--accent);opacity:.6;font-family:Georgia,serif;font-size:64px;line-height:1;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.article-body img{border-radius:var(--radius-sm);max-width:100%;margin:2em 0}.article-body pre{color:#d4d4d4;border-radius:var(--radius-md);font-family:var(--font-code);background:#1e1e1e;margin:1.5em 0;padding:20px 24px;font-size:14px;line-height:1.6;overflow-x:auto}.article-body code{font-family:var(--font-code);background:var(--bg-secondary);border-radius:3px;padding:2px 6px;font-size:.85em}.article-body pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.article-body ul,.article-body ol{margin:1em 0;padding-left:1.5em}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin-bottom:.5em}.article-tags{max-width:var(--content-width);flex-wrap:wrap;justify-content:center;gap:8px;margin:48px auto 0;padding:0 24px;display:flex}.article-footer{max-width:var(--content-width);margin:0 auto;padding:0 24px 80px}.author-card{border-top:3px solid var(--accent);align-items:flex-start;gap:20px;margin-top:48px;padding:32px 0;display:flex}.author-card__avatar{aspect-ratio:1;object-fit:cover;border:3px solid var(--accent-light);width:80px;height:80px;box-shadow:0 0 0 4px rgba(var(--bg-primary-rgb), 1), 0 0 0 6px var(--accent-light);border-radius:50%;flex-shrink:0}.author-card__info{flex:1}.author-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.author-card__label{color:var(--accent);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.author-card__name{color:var(--text-primary);margin:-4px 0;padding:4px 0;font-size:20px;font-weight:700;text-decoration:none;display:block}.author-card__name:hover{color:var(--accent)}.author-card__bio{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.5}.author-card__followers{color:var(--text-tertiary);margin-top:8px;font-size:14px}.related-articles{border-top:1px solid var(--border);padding:40px 0}.related-articles__title{margin-bottom:20px;font-size:18px;font-weight:700}.related-articles__grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.related-articles__grid::-webkit-scrollbar{display:none}.related-card{scroll-snap-align:start;transition:transform var(--transition-fast);flex:0 0 280px;text-decoration:none;display:block}.related-card__image-wrap{border-radius:var(--radius-md);background-color:var(--bg-surface);margin-bottom:12px;position:relative;overflow:hidden}.related-card__image{object-fit:contain;width:100%;height:160px;display:block}.related-card__image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000059);height:50%;position:absolute;bottom:0;left:0;right:0}.related-card__title{font-family:var(--font-body);color:var(--text-primary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.related-card:hover .related-card__title{color:var(--accent)}.related-card__meta{color:var(--text-tertiary);font-size:13px}.comment-section{max-width:var(--content-width);margin:0 auto;padding:48px 24px 0}.comment-section__title{font-family:var(--font-heading);color:var(--text-primary);border-bottom:2px solid var(--accent);margin-bottom:24px;padding-bottom:16px;font-size:22px;font-weight:700}.comment-section__empty{text-align:center;color:var(--text-tertiary);padding:40px 0;font-size:15px}.comment-form{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:32px;padding:20px}.comment-form__reply-badge{color:var(--accent);background:var(--accent-light);border-radius:var(--radius-sm);align-items:center;gap:8px;width:fit-content;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.comment-form__reply-cancel{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px;line-height:1}.comment-form__reply-cancel:hover{color:var(--text-primary)}.comment-form__textarea{width:100%;min-height:80px;font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;transition:border-color var(--transition-fast);padding:14px 16px;font-size:15px;line-height:1.5}.comment-form__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.comment-form__textarea::placeholder{color:var(--text-tertiary)}.comment-form__actions{justify-content:flex-end;margin-top:12px;display:flex}.comment-form__login-btn{text-decoration:none}.comment-list{flex-direction:column;gap:0;display:flex}.comment-item{border-bottom:1px solid var(--border-subtle);padding:20px 0}.comment-item:last-child{border-bottom:none}.comment-item--reply{border-bottom:none;padding:12px 0}.comment-item__main{gap:12px;display:flex}.comment-item__avatar{aspect-ratio:1;object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.comment-item--reply .comment-item__avatar{width:28px;height:28px}.comment-item__body{flex:1;min-width:0}.comment-item__header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-item__author{color:var(--text-primary);margin:-6px 0;padding:6px 0;font-size:14px;font-weight:600;text-decoration:none;display:block}.comment-item__author:hover{color:var(--accent)}.comment-item__time{color:var(--text-tertiary);font-size:12px}.comment-item__content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.6}.comment-item--reply .comment-item__content{font-size:14px}.comment-item__actions{align-items:center;gap:12px;margin-top:8px;display:flex}.comment-item__action-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:8px 12px;font-size:12px;display:flex}.comment-item__action-btn:hover{color:var(--accent);background:var(--accent-light)}.comment-item__action-btn--delete:hover{color:#d32f2f;background:#d32f2f14}.comment-replies{border-left:2px solid var(--border-subtle);margin-left:48px;padding-left:16px}.comment-skeleton{flex-direction:column;gap:24px;display:flex}.comment-skeleton__item{gap:12px;display:flex}.comment-skeleton__avatar{background:var(--bg-surface);border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:1.5s ease-in-out infinite skeleton-pulse}.comment-skeleton__body{flex-direction:column;flex:1;gap:8px;display:flex}.comment-skeleton__name{background:var(--bg-surface);border-radius:4px;width:120px;height:14px;animation:1.5s ease-in-out infinite skeleton-pulse}.comment-skeleton__text{background:var(--bg-surface);border-radius:4px;width:100%;height:12px;animation:1.5s ease-in-out infinite skeleton-pulse}.comment-skeleton__text--short{width:60%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width:768px){.article-header{padding:28px 16px 0}.article-header__title{font-size:var(--article-title-size)}.article-header__subtitle{font-size:18px}.article-body{padding:24px 16px 0}.article-tags{padding:0 16px}.article-footer{padding:0 16px 100px}.article-cover{margin-top:0}.article-actions-float{width:100%;bottom:0;left:0;right:0;transform:none}.article-actions{padding:10px 24px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-radius:0;justify-content:center}.author-card{text-align:center;flex-direction:column;align-items:center}.author-card__header{flex-direction:column;gap:12px}.related-card{flex:0 0 240px}.comment-section{padding:32px 16px 0}.comment-replies{margin-left:28px;padding-left:12px}}.publish-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000080;animation:.2s articleModalFadeIn;position:fixed;inset:0}.publish-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:900px;max-height:90vh;box-shadow:var(--shadow-xl);z-index:201;animation:.25s cubic-bezier(.16,1,.3,1) forwards articleModalPop;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.98)}@keyframes articleModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes articleModalPop{0%{opacity:.8;transform:translate(-50%,-50%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}