.blog-post[data-v-ac48f453]{width:100%;min-height:calc(100vh - 180px);padding:30px 20px 60px;box-sizing:border-box}.article-wrapper[data-v-ac48f453]{max-width:780px;margin:0 auto}.breadcrumb[data-v-ac48f453]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:24px}.breadcrumb a[data-v-ac48f453]{color:var(--text-secondary);text-decoration:none}.breadcrumb a[data-v-ac48f453]:hover{color:#2c8cf0}.sep[data-v-ac48f453]{color:var(--border-color)}.current[data-v-ac48f453]{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.article-header[data-v-ac48f453]{margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.article-header h1[data-v-ac48f453]{font-size:28px;font-weight:700;line-height:1.4;margin:0 0 16px;color:var(--text-color)}.article-meta[data-v-ac48f453]{display:flex;align-items:center;gap:16px;margin-bottom:12px}.article-date[data-v-ac48f453]{font-size:14px;color:var(--text-muted)}.article-tags[data-v-ac48f453]{display:flex;gap:6px;flex-wrap:wrap}.article-tag[data-v-ac48f453]{padding:3px 10px;background:var(--bg-secondary);border-radius:4px;font-size:12px;color:var(--text-secondary)}.article-desc[data-v-ac48f453]{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0}.article-body[data-v-ac48f453]{font-size:16px;line-height:1.9;color:var(--text-color)}.article-body[data-v-ac48f453] h2{font-size:22px;font-weight:700;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-color);color:var(--text-color)}.article-body[data-v-ac48f453] h3{font-size:18px;font-weight:600;margin:28px 0 12px;color:var(--text-color)}.article-body[data-v-ac48f453] p{margin:0 0 16px;color:var(--text-color)}.article-body[data-v-ac48f453] ul,.article-body[data-v-ac48f453] ol{padding-left:24px;margin:0 0 16px}.article-body[data-v-ac48f453] li{margin-bottom:8px;line-height:1.8}.article-body[data-v-ac48f453] strong{font-weight:600;color:var(--text-color)}.article-body[data-v-ac48f453] code{padding:2px 6px;background:var(--bg-secondary);border-radius:4px;font-size:14px;font-family:Consolas,Monaco,monospace;color:#2c8cf0}.article-body[data-v-ac48f453] a{color:#2c8cf0;text-decoration:none}.article-body[data-v-ac48f453] a:hover{text-decoration:underline}.article-tool-box[data-v-ac48f453]{margin-top:40px;padding:20px 24px;background:var(--bg-secondary);border-radius:10px;display:flex;align-items:center;gap:16px}.tool-box-label[data-v-ac48f453]{font-size:14px;color:var(--text-secondary);flex-shrink:0}.tool-box-link[data-v-ac48f453]{padding:8px 20px;background:linear-gradient(135deg,#2c8cf0,#6366f1);color:#fff;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.tool-box-link[data-v-ac48f453]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2c8cf04d}.article-nav[data-v-ac48f453]{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.back-link[data-v-ac48f453]{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s}.back-link[data-v-ac48f453]:hover{color:#2c8cf0}.not-found[data-v-ac48f453]{text-align:center;padding:80px 0}.not-found h2[data-v-ac48f453]{margin-bottom:16px;color:var(--text-color)}.not-found a[data-v-ac48f453]{color:#2c8cf0}@media (max-width: 768px){.article-header h1[data-v-ac48f453]{font-size:22px}.article-body[data-v-ac48f453]{font-size:15px}.article-body[data-v-ac48f453] h2{font-size:19px}}