.about-page[data-v-69977d22]{padding:var(--spacing-10) var(--spacing-8);min-height:calc(100vh - var(--navbar-height))}.content-container[data-v-69977d22]{max-width:var(--content-max-width);margin:0 auto}.loading-state[data-v-69977d22]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--color-text-muted)}.spinner[data-v-69977d22]{width:24px;height:24px;border:2px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin-69977d22 1s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin-69977d22{to{transform:rotate(360deg)}}.about-content[data-v-69977d22]{width:100%;max-width:calc(var(--content-max-width) - var(--sidebar-width) - var(--spacing-12));padding:var(--spacing-4) 0}.comment-section[data-v-69977d22]{margin-top:var(--spacing-12);border-top:1px solid var(--color-border-light);padding-top:var(--spacing-8)}.article-body[data-v-69977d22]{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);letter-spacing:.02em}.article-body[data-v-69977d22] .md-editor{background-color:transparent!important;border:none!important;max-width:none!important}.article-body[data-v-69977d22] .md-editor-preview-wrapper{background-color:transparent!important;padding:0!important;max-width:none!important}.article-body[data-v-69977d22] .md-editor-preview{padding:0;background-color:transparent!important;color:var(--color-text);font-family:var(--font-family-serif);max-width:none!important}.article-body[data-v-69977d22] .md-editor-preview h1,.article-body[data-v-69977d22] .md-editor-preview h2,.article-body[data-v-69977d22] .md-editor-preview h3,.article-body[data-v-69977d22] .md-editor-preview h4{font-family:var(--font-family-serif);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);color:var(--color-text);font-weight:var(--font-weight-semibold);scroll-margin-top:100px;letter-spacing:.02em}.article-body[data-v-69977d22] .md-editor-preview h1{font-size:var(--font-size-2xl);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-2)}.article-body[data-v-69977d22] .md-editor-preview h2{font-size:var(--font-size-xl);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-2)}.article-body[data-v-69977d22] .md-editor-preview h3{font-size:var(--font-size-lg)}.article-body[data-v-69977d22] .md-editor-preview p{margin-bottom:var(--spacing-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);letter-spacing:.02em}.article-body[data-v-69977d22] .md-editor-preview img{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin:var(--spacing-6) 0}.article-body[data-v-69977d22] .md-editor-preview code{background:var(--color-bg-hover);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-xs);color:var(--color-primary)}.article-body[data-v-69977d22] .md-editor-preview pre{background:var(--color-bg-hover);border-radius:var(--radius-md);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-6) 0;position:relative;border:1px solid var(--color-border-light)}.article-body[data-v-69977d22] .md-editor-preview pre code{background:transparent;padding:0;color:var(--color-text)}.article-body[data-v-69977d22] .md-editor-preview blockquote{border-left:3px solid var(--color-border);background:var(--color-bg-hover);padding:var(--spacing-3) var(--spacing-5);margin:var(--spacing-6) 0;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.article-body[data-v-69977d22] .md-editor-preview a{color:var(--color-primary);text-decoration:none;border-bottom:1px dashed var(--color-primary);transition:color var(--transition-fast)}.article-body[data-v-69977d22] .md-editor-preview a:hover{color:var(--color-primary-light);border-bottom-style:solid}.article-body[data-v-69977d22] .md-editor-preview ul,.article-body[data-v-69977d22] .md-editor-preview ol{margin-bottom:var(--spacing-5);padding-left:var(--spacing-6);color:var(--color-text-secondary)}.article-body[data-v-69977d22] .md-editor-preview li{margin-bottom:var(--spacing-2)}[data-v-69977d22] .code-copy-btn{position:absolute;top:8px;right:8px;padding:2px 8px;font-size:10px;color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s,color .2s;z-index:10}[data-v-69977d22] pre:hover .code-copy-btn{opacity:1}[data-v-69977d22] .code-copy-btn:hover{background:var(--color-bg-hover);color:var(--color-text)}[data-v-69977d22] .code-copy-btn.copied{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success);opacity:1}@media (max-width: 1024px){.about-content[data-v-69977d22]{max-width:none}}@media (max-width: 768px){.about-page[data-v-69977d22]{padding:var(--spacing-6) var(--spacing-4)}.about-content[data-v-69977d22]{padding:var(--spacing-4) 0}}@media (max-width: 480px){.about-page[data-v-69977d22]{padding:var(--spacing-4) var(--spacing-3)}}