.article-detail .prose{max-width:100%!important;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;color:#374151!important;line-height:1.8!important;margin:0!important}.article-detail .prose h1{font-size:2.25rem!important;font-weight:800!important;color:#111827!important;margin-top:0!important;margin-bottom:1.5rem!important;line-height:1.3!important}.article-detail .prose h2{font-size:1.75rem!important;font-weight:700!important;color:#111827!important;margin-top:2.5rem!important;margin-bottom:1rem!important;padding-bottom:.5rem!important;border-bottom:2px solid #f3f4f6!important}.article-detail .prose h3{font-size:1.4rem!important;font-weight:600!important;color:#111827!important;margin-top:2rem!important;margin-bottom:.75rem!important}.article-detail .prose h4{font-size:1.2rem!important;font-weight:600!important;color:#1f2937!important;margin-top:1.5rem!important}.article-detail .prose p{margin-bottom:1.25rem!important;color:#4b5563!important}.article-detail .prose ul,.article-detail .prose ol{padding-left:1.5rem!important;margin-bottom:1.5rem!important}.article-detail .prose li{margin-bottom:.5rem!important;position:relative!important}.article-detail .prose ul li::marker{color:#6b7280!important}.article-detail .prose ol li::marker{font-weight:500!important;color:#6b7280!important}.article-detail .prose blockquote{border-left:4px solid #e5e7eb!important;padding:1rem 1.5rem!important;margin:1.5rem 0!important;background-color:#f9fafb!important;border-radius:0 6px 6px 0!important;font-style:italic!important;color:#6b7280!important}.article-detail .prose table{width:100%!important;border-collapse:collapse!important;margin:1.5rem 0!important;overflow:hidden!important;border-radius:8px!important}.article-detail .prose table th{background-color:#f9fafb!important;padding:.75rem 1rem!important;text-align:left!important;font-weight:600!important;color:#1f2937!important;border-bottom:2px solid #e5e7eb!important}.article-detail .prose table td{padding:.75rem 1rem!important;border-bottom:1px solid #e5e7eb!important}.article-detail .prose table tr:last-child td{border-bottom:none!important}.article-detail .prose table tr:hover{background-color:#f9fafb!important}.article-detail .prose hr{border:none!important;height:1px!important;background-color:#e5e7eb!important;margin:2.5rem 0!important}.article-detail .prose a{color:#2563eb!important;text-decoration:none!important;font-weight:500!important;transition:all .2s ease!important;position:relative!important}.article-detail .prose a:hover{color:#1d4ed8!important}.article-detail .prose a:after{content:""!important;position:absolute!important;left:0!important;bottom:-2px!important;width:100%!important;height:2px!important;background-color:#2563eb!important;opacity:.3!important;transition:opacity .2s ease!important}.article-detail .prose a:hover:after{opacity:1!important}.article-detail .markdown-body{width:100%;background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000d;line-height:1.7;color:#333}.article-detail .markdown-body pre{position:relative;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:40px 16px 16px;overflow-x:auto;font-size:.875rem;margin:1.5em 0;transition:all .2s ease;font-family:Consolas,Monaco,Courier New,monospace}.article-detail .markdown-body pre:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.article-detail .markdown-body code{font-family:Consolas,Monaco,Courier New,monospace}.article-detail .markdown-body code:not(pre code){background-color:#f1f5f9;border-radius:4px;font-size:.875rem;padding:.2em .4em;color:#ef4444}.article-detail .markdown-body pre code{background-color:transparent;padding:0;color:#1e293b;line-height:1.6;white-space:pre}.article-detail .markdown-body .hljs{background:transparent;padding:1rem;color:inherit}.article-detail .markdown-body pre .language-label{position:absolute;top:0;left:0;background-color:#3b82f6;color:#fff;padding:6px 12px;font-size:12px;font-weight:500;border-radius:8px 0;font-family:Consolas,Monaco,Courier New,monospace}.article-detail .markdown-body pre .copy-button{position:absolute;top:8px;right:8px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s ease;opacity:0;font-weight:500}.article-detail .markdown-body pre:hover .copy-button{opacity:1}.article-detail .markdown-body pre .copy-button:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.article-detail .markdown-body pre .copy-button.copied{background-color:#10b981;color:#fff;border-color:#10b981}.article-detail .prose{max-width:100%;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.8;padding:0}.article-detail .prose p{margin-bottom:1.5rem;line-height:1.8;color:#334155;text-align:justify}.article-detail .prose h1,.article-detail .prose h2,.article-detail .prose h3,.article-detail .prose h4,.article-detail .prose h5,.article-detail .prose h6{color:#1e293b;font-weight:700;margin-top:2.5rem;margin-bottom:1.25rem;line-height:1.3;transition:color .2s ease}.article-detail .prose h1{font-size:2.25rem;border-bottom:3px solid #3b82f6;padding-bottom:.5rem;margin-top:0}.article-detail .prose h2{font-size:1.875rem;border-bottom:2px solid #e2e8f0;padding-bottom:.4rem}.article-detail .prose h2:hover{color:#3b82f6}.article-detail .prose h3{font-size:1.5rem;color:#475569}.article-detail .prose h3:hover{color:#3b82f6}.article-detail .prose h4{font-size:1.25rem;color:#64748b}.article-detail .prose ul,.article-detail .prose ol{margin-bottom:1.5rem;padding-left:2.5rem}.article-detail .prose ul{list-style-type:disc}.slide-share-bar-enter-active,.slide-share-bar-leave-active{transition:transform .35s ease-in-out,opacity .35s ease-in-out}.slide-share-bar-enter-from,.slide-share-bar-leave-to{transform:translate(100%);opacity:0}.slide-share-bar-enter-to,.slide-share-bar-leave-from{transform:translate(0);opacity:1}.article-detail .prose ol{list-style-type:decimal}.article-detail .prose li{margin-bottom:.75rem;line-height:1.7;color:#334155}.article-detail .prose li::marker{color:#3b82f6;font-weight:600}.article-detail .prose blockquote{border-left:4px solid #3b82f6;margin:2rem 0;padding:1rem 1.5rem;background-color:#f0f9ff;color:#0284c7;font-style:italic;border-radius:0 8px 8px 0}.article-detail .prose blockquote p{color:#0284c7;margin-bottom:0}.article-detail .prose a{color:#3b82f6;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:all .2s ease}.article-detail .prose a:hover{color:#2563eb;border-bottom-color:#2563eb}.article-detail .prose table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.article-detail .prose th{background-color:#3b82f6;color:#fff;font-weight:600;text-align:left;padding:1rem 1.25rem}.article-detail .prose td{padding:.75rem 1.25rem;border-bottom:1px solid #e2e8f0;color:#334155}.article-detail .prose tr:last-child td{border-bottom:none}.article-detail .prose tr:nth-child(2n){background-color:#f8fafc}.article-detail .prose tr:hover{background-color:#f1f5f9}.article-detail .token.keyword{color:#c586c0!important}.article-detail .token.regex,.article-detail .token.important{color:#d16969!important}.article-detail .prose .token.comment,.article-detail .prose .token.prolog,.article-detail .prose .token.doctype,.article-detail .prose .token.cdata{color:#9ca3af!important}.article-detail .prose .token.punctuation{color:#d1d5db!important}.article-detail .prose .token.property,.article-detail .prose .token.tag,.article-detail .prose .token.boolean,.article-detail .prose .token.number,.article-detail .prose .token.constant,.article-detail .prose .token.symbol,.article-detail .prose .token.deleted{color:#f87171!important}.article-detail .prose .token.selector,.article-detail .prose .token.attr-name,.article-detail .prose .token.string,.article-detail .prose .token.char,.article-detail .prose .token.builtin,.article-detail .prose .token.inserted{color:#4ade80!important}.article-detail .prose .token.operator,.article-detail .prose .token.entity,.article-detail .prose .token.url,.article-detail .prose .language-css .token.string,.article-detail .prose .style .token.string{color:#60a5fa!important}.article-detail .prose .token.atrule,.article-detail .prose .token.attr-value,.article-detail .prose .token.keyword{color:#c084fc!important}.article-detail .prose .token.function,.article-detail .prose .token.class-name{color:#facc15!important}.article-detail .prose .token.regex,.article-detail .prose .token.important,.article-detail .prose .token.variable{color:#fb923c!important}.article-detail .prose .token.important,.article-detail .prose .token.bold{font-weight:700!important}.article-detail .prose .token.italic{font-style:italic!important}.article-detail .prose pre[class*=language-]{counter-reset:line!important;position:relative!important;padding-left:3.5rem!important}.article-detail .prose pre[class*=language-]>code{position:relative!important}.article-detail .prose pre[class*=language-] .line{counter-increment:line!important;position:relative!important}.article-detail .prose pre[class*=language-] .line:before{content:counter(line)!important;position:absolute!important;left:-3rem!important;top:0!important;width:2.5rem!important;text-align:right!important;color:#6b7280!important;font-size:.75rem!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.article-detail .prose img{max-width:100%!important;height:auto!important;border-radius:12px!important;box-shadow:0 4px 12px #00000014!important;transition:all .3s ease!important;display:block!important;margin:2rem auto!important;border:1px solid #e2e8f0!important}.article-detail .prose img:hover{transform:translateY(-3px) scale(1.01)!important;box-shadow:0 8px 24px #0000001f!important;border-color:#cbd5e1!important}.article-detail .prose hr{border:none;height:1px;background-color:#e2e8f0;margin:3rem 0;position:relative}.article-detail .prose hr:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:3px;background-color:#3b82f6;border-radius:3px}.article-detail .prose .token.comment,.article-detail .prose .token.prolog,.article-detail .prose .token.doctype,.article-detail .prose .token.cdata{color:#8b949e!important;font-style:italic;opacity:.8}.article-detail .prose .token.punctuation{color:#7b88a1!important;opacity:.9}.article-detail .prose .token.keyword{color:#7c3aed!important;font-weight:700;letter-spacing:.02em}.article-detail .prose .token.function,.article-detail .prose .token.class-name{color:#2563eb!important;font-weight:600}.article-detail .prose .token.string,.article-detail .prose .token.char,.article-detail .prose .token.attr-value,.article-detail .prose .token.regex{color:#10b981!important}.article-detail .prose .token.number,.article-detail .prose .token.boolean{color:#ef4444!important;font-weight:600}.article-detail .prose .token.property,.article-detail .prose .token.tag,.article-detail .prose .token.selector,.article-detail .prose .token.attr-name{color:#f59e0b!important}.article-detail .prose .token.operator,.article-detail .prose .token.entity,.article-detail .prose .token.url{color:#06b6d4!important;font-weight:500}.article-detail .prose .token.constant,.article-detail .prose .token.symbol,.article-detail .prose .token.deleted{color:#ec4899!important}.article-detail .prose .token.builtin,.article-detail .prose .token.inserted{color:#059669!important}.article-detail .prose .token.variable{color:#6d28d9!important}.article-detail .prose .token.important{color:#f97316!important;font-weight:700}.article-detail .prose .token.atrule{color:#6366f1!important;font-weight:500}.article-detail .prose .language-css .token.string,.article-detail .prose .style .token.string{color:#10b981!important}.article-detail .prose .language-html .token.tag{color:#2563eb!important}.article-detail .prose .language-html .token.attr-name{color:#f59e0b!important}.article-detail .prose .language-html .token.attr-value{color:#10b981!important}@media (max-width: 768px){.article-detail .prose h1{font-size:1.75rem!important}.article-detail .prose h2{font-size:1.5rem!important}.article-detail .prose h3{font-size:1.25rem!important}.article-detail .prose pre{padding:1rem!important;font-size:.8rem!important}.article-detail .prose pre[class*=language-]{padding-left:2.5rem!important}.article-detail .prose pre[class*=language-] .line:before{width:1.5rem!important;left:-2rem!important}.code-language-label{font-size:.7rem!important;padding:3px 8px!important;top:8px!important;right:12px!important}}