.article-detail__loading[data-v-16868fdb]{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh}.loading-spinner[data-v-16868fdb]{animation:spin-16868fdb .8s linear infinite;border:3px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin-16868fdb{to{transform:rotate(1turn)}}.article-detail__not-found[data-v-16868fdb]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:60vh;padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.not-found__icon[data-v-16868fdb]{font-size:4rem}.not-found__title[data-v-16868fdb]{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:700}.not-found__desc[data-v-16868fdb]{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.detail-nav[data-v-16868fdb]{padding-bottom:0;padding-top:var(--spacing-2xl)}.back-link[data-v-16868fdb]{align-items:center;color:var(--color-primary);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-sm);gap:var(--spacing-xs);text-decoration:none;transition:color var(--transition-fast)}.back-link[data-v-16868fdb]:hover{color:var(--color-brand)}.detail-hero[data-v-16868fdb]{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-2xl) 0 var(--spacing-xl)}.detail-meta[data-v-16868fdb]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.detail-date[data-v-16868fdb]{color:var(--color-text-muted)}.detail-date[data-v-16868fdb],.detail-reading-time[data-v-16868fdb]{font-family:var(--font-mono);font-size:var(--text-sm)}.detail-reading-time[data-v-16868fdb]{background:var(--color-brand-pale);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-accent);padding:2px 8px}.detail-title[data-v-16868fdb]{background:var(--gradient-aurora);-webkit-background-clip:text;font-size:var(--text-4xl);font-weight:800;line-height:var(--leading-tight);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}@media(max-width:768px){.detail-title[data-v-16868fdb]{font-size:var(--text-3xl)}}@media(max-width:480px){.detail-title[data-v-16868fdb]{font-size:var(--text-2xl)}}.detail-excerpt[data-v-16868fdb]{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg);max-width:720px}.detail-tags[data-v-16868fdb]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.detail-tags__label[data-v-16868fdb]{color:var(--color-text-muted)}.detail-tag[data-v-16868fdb],.detail-tags__label[data-v-16868fdb]{font-family:var(--font-mono);font-size:var(--text-xs)}.detail-tag[data-v-16868fdb]{background:var(--color-brand-pale);border:1px solid rgba(249,115,22,.15);border-radius:var(--radius-full);color:var(--color-accent);padding:2px 8px}.detail-illustration[data-v-16868fdb]{padding:var(--spacing-xl) 0}.illustration-card[data-v-16868fdb]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);max-width:720px;overflow:hidden;position:relative}.illustration-card--emoji[data-v-16868fdb]{align-items:center;background:linear-gradient(135deg,var(--color-bg-elevated),var(--color-bg-surface));display:flex;height:240px;justify-content:center}.illustration-label[data-v-16868fdb]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-overlay);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);left:var(--spacing-sm);padding:2px 8px;position:absolute;top:var(--spacing-sm)}.illustration-img[data-v-16868fdb]{display:block;height:auto;max-height:480px;-o-object-fit:cover;object-fit:cover;width:100%}.illustration-emoji[data-v-16868fdb]{font-size:6rem;opacity:.6}.detail-layout[data-v-16868fdb]{align-items:start;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 240px;padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}@media(max-width:1024px){.detail-layout[data-v-16868fdb]{grid-template-columns:1fr}.detail-sidebar[data-v-16868fdb]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);order:-1}}.detail-body.prose[data-v-16868fdb]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:720px}.detail-body.prose[data-v-16868fdb] h1,.detail-body.prose[data-v-16868fdb] h2,.detail-body.prose[data-v-16868fdb] h3,.detail-body.prose[data-v-16868fdb] h4{color:var(--color-text-primary);font-weight:700;line-height:var(--leading-snug);margin-bottom:var(--spacing-md);margin-top:var(--spacing-2xl)}.detail-body.prose[data-v-16868fdb] h1{font-size:var(--text-3xl)}.detail-body.prose[data-v-16868fdb] h2{font-size:var(--text-2xl)}.detail-body.prose[data-v-16868fdb] h3{font-size:var(--text-xl)}.detail-body.prose[data-v-16868fdb] p{margin-bottom:var(--spacing-md)}.detail-body.prose[data-v-16868fdb] a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.detail-body.prose[data-v-16868fdb] a:hover{color:var(--color-brand)}.detail-body.prose[data-v-16868fdb] strong{color:var(--color-text-primary);font-weight:600}.detail-body.prose[data-v-16868fdb] em{color:var(--color-brand-light)}.detail-body.prose[data-v-16868fdb] ol,.detail-body.prose[data-v-16868fdb] ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.detail-body.prose[data-v-16868fdb] li{margin-bottom:var(--spacing-xs)}.detail-body.prose[data-v-16868fdb] blockquote{background:#f973160a;border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:italic;margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg)}.detail-body.prose[data-v-16868fdb] code{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-brand);font-family:var(--font-mono);font-size:.875em;padding:.15em .4em}.detail-body.prose[data-v-16868fdb] pre{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;overflow-x:auto;padding:var(--spacing-lg)}.detail-body.prose[data-v-16868fdb] pre code{background:none;border:none;color:var(--color-accent);font-size:var(--text-sm);padding:0}.detail-body.prose[data-v-16868fdb] hr{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--spacing-2xl) 0}.detail-body.prose[data-v-16868fdb] img{border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:100%}.detail-body.prose[data-v-16868fdb] table{border-collapse:collapse;font-size:var(--text-sm);margin:var(--spacing-lg) 0;width:100%}.detail-body.prose[data-v-16868fdb] td,.detail-body.prose[data-v-16868fdb] th{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.detail-body.prose[data-v-16868fdb] th{background:var(--color-bg-elevated);color:var(--color-text-primary);font-weight:600}.detail-sidebar[data-v-16868fdb]{display:flex;flex-direction:column;gap:var(--spacing-md);position:sticky;top:calc(64px + var(--spacing-lg))}.sidebar-widget[data-v-16868fdb]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-md)}.share-btn[data-v-16868fdb]{align-items:center;background:#f973160f;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast),border-color var(--transition-fast);width:100%}.share-btn[data-v-16868fdb]:hover{background:#f973161f;border-color:var(--color-primary)}.share-icon[data-v-16868fdb]{font-size:1rem}.sidebar-widget--comment[data-v-16868fdb]{background:#06b6d40a;border-color:#06b6d426}.comment-hint[data-v-16868fdb]{align-items:center;color:var(--color-brand-light);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm)}.comment-hint__icon[data-v-16868fdb]{font-size:1.1rem}.post-nav[data-v-16868fdb]{border-top:1px solid var(--color-border-subtle);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}@media(max-width:640px){.post-nav[data-v-16868fdb]{grid-template-columns:1fr}}.post-nav__item[data-v-16868fdb]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.post-nav__item[data-v-16868fdb]:hover{border-color:var(--color-border-glow);box-shadow:var(--shadow-glow-green)}.post-nav__item--next[data-v-16868fdb]{text-align:right}.post-nav__label[data-v-16868fdb]{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.post-nav__title[data-v-16868fdb]{color:var(--color-text-primary);display:-webkit-box;font-size:var(--text-sm);font-weight:600;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comment-section[data-v-16868fdb]{border-top:1px solid var(--color-border-subtle);padding:var(--spacing-3xl) 0}.comment-section__title[data-v-16868fdb]{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-xl)}.comment-section__placeholder[data-v-16868fdb]{align-items:center;background:var(--color-bg-surface);border:1px dashed var(--color-border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-3xl)}.placeholder-icon[data-v-16868fdb]{font-size:3rem;opacity:.5}.placeholder-text[data-v-16868fdb]{color:var(--color-text-muted);font-size:var(--text-base);text-align:center}.comment-section[data-v-4402cebd]{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.comment-section__header[data-v-4402cebd]{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--spacing-lg)}.comment-section__title[data-v-4402cebd]{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.comment-count[data-v-4402cebd]{color:var(--color-text-muted);font-size:var(--text-base);font-weight:400}.comment-section__subtitle[data-v-4402cebd]{color:var(--color-text-muted);font-size:var(--text-sm)}.card[data-v-4402cebd]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:border-color .3s,box-shadow .3s}.comment-form__heading[data-v-4402cebd]{color:var(--color-text-secondary);font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-lg)}.comment-form__fields[data-v-4402cebd]{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-field[data-v-4402cebd]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field--full[data-v-4402cebd]{grid-column:1/-1}.form-label[data-v-4402cebd]{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.form-input[data-v-4402cebd],.form-textarea[data-v-4402cebd]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s,box-shadow .2s;width:100%}.form-input[data-v-4402cebd]:focus,.form-textarea[data-v-4402cebd]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #00d4ff1a}.form-input[data-v-4402cebd]::-moz-placeholder,.form-textarea[data-v-4402cebd]::-moz-placeholder{color:var(--color-text-muted)}.form-input[data-v-4402cebd]::placeholder,.form-textarea[data-v-4402cebd]::placeholder{color:var(--color-text-muted)}.form-textarea[data-v-4402cebd]{min-height:80px;resize:vertical}.form-char-count[data-v-4402cebd],.form-input--sm[data-v-4402cebd],.form-textarea--sm[data-v-4402cebd]{font-size:var(--text-xs)}.form-char-count[data-v-4402cebd]{color:var(--color-text-muted);margin-top:var(--spacing-xs);text-align:right}.comment-form__footer[data-v-4402cebd]{align-items:center;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.form-error[data-v-4402cebd]{color:var(--color-error);flex:1}.btn-submit[data-v-4402cebd],.form-error[data-v-4402cebd]{font-size:var(--text-sm)}.btn-submit[data-v-4402cebd]{background:var(--gradient-aurora);border:none;border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-sans);font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:opacity .2s}.btn-submit[data-v-4402cebd]:disabled{cursor:not-allowed;opacity:.5}.btn-submit--sm[data-v-4402cebd]{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-lg)}.btn-cancel[data-v-4402cebd]{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-md);transition:border-color .2s,color .2s}.btn-cancel[data-v-4402cebd]:hover{border-color:var(--color-primary);color:var(--color-primary)}.comment-empty[data-v-4402cebd]{color:var(--color-text-muted);padding:var(--spacing-3xl) 0;text-align:center}.comment-empty__icon[data-v-4402cebd]{font-size:2rem;margin-bottom:var(--spacing-md)}.comment-thread[data-v-4402cebd]{display:flex;flex-direction:column}.comment-item[data-v-4402cebd]{margin-bottom:0}.comment-item__meta[data-v-4402cebd]{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.comment-avatar[data-v-4402cebd]{align-items:center;background:var(--gradient-aurora);border-radius:var(--radius-full);color:var(--color-text-inverse);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:36px;justify-content:center;width:36px}.comment-avatar--sm[data-v-4402cebd]{font-size:var(--text-xs);height:28px;width:28px}.comment-item__info[data-v-4402cebd]{display:flex;flex-direction:column;gap:2px}.comment-item__name[data-v-4402cebd]{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.comment-item__time[data-v-4402cebd]{color:var(--color-text-muted);font-size:var(--text-xs)}.comment-item__content[data-v-4402cebd]{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-md);white-space:pre-wrap;word-break:break-word}.comment-item__actions[data-v-4402cebd]{display:flex;gap:var(--spacing-md)}.comment-action-btn[data-v-4402cebd]{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:0;transition:color .2s}.comment-action-btn[data-v-4402cebd]:hover{color:var(--color-primary)}.comment-replies[data-v-4402cebd]{border-left:2px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-left:var(--spacing-xl)}.reply-item[data-v-4402cebd]{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-md)}.reply-form[data-v-4402cebd]{border-top:1px solid var(--color-border-subtle);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.reply-form__footer[data-v-4402cebd]{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}@media(max-width:640px){.comment-form__fields[data-v-4402cebd]{grid-template-columns:1fr}.form-field--full[data-v-4402cebd]{grid-column:1}}