.blog-post-container[data-v-a8c117a4]{background:#f8fafc;min-height:100vh}.blog-header[data-v-a8c117a4]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:24px}.header-content[data-v-a8c117a4]{max-width:800px;margin:0 auto}.nav-links[data-v-a8c117a4]{align-items:center;gap:8px;font-size:14px;display:flex}.nav-link[data-v-a8c117a4]{color:#ffffffe6;cursor:pointer;transition:color .3s}.nav-link[data-v-a8c117a4]:hover{color:#fff}.nav-separator[data-v-a8c117a4]{color:#ffffff80}.nav-current[data-v-a8c117a4]{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.blog-main[data-v-a8c117a4]{max-width:800px;margin:0 auto;padding:40px 24px 60px}.article-content[data-v-a8c117a4]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.article-header[data-v-a8c117a4]{border-bottom:1px solid #f0f0f0;padding:40px 40px 24px}.article-title[data-v-a8c117a4]{color:#1f2937;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.3}.article-meta[data-v-a8c117a4]{color:#6b7280;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.meta-item[data-v-a8c117a4]{align-items:center;gap:6px;display:flex}.tags[data-v-a8c117a4]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-a8c117a4]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:2px 10px;font-size:12px}.article-body[data-v-a8c117a4]{color:#374151;padding:32px 40px;font-size:16px;line-height:1.8}.article-body[data-v-a8c117a4] h1{color:#1f2937;margin:32px 0 16px;font-size:28px;font-weight:700}.article-body[data-v-a8c117a4] h2{color:#1f2937;margin:28px 0 14px;font-size:24px;font-weight:600}.article-body[data-v-a8c117a4] h3{color:#1f2937;margin:24px 0 12px;font-size:20px;font-weight:600}.article-body[data-v-a8c117a4] p{margin:16px 0}.article-body[data-v-a8c117a4] ul,.article-body[data-v-a8c117a4] ol{margin:16px 0;padding-left:24px}.article-body[data-v-a8c117a4] li{margin:8px 0}.article-body[data-v-a8c117a4] code{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:14px}.article-body[data-v-a8c117a4] pre{color:#e5e7eb;background:#1f2937;border-radius:8px;margin:12px 0;padding:16px 20px;line-height:1.5;overflow-x:auto}.article-body[data-v-a8c117a4] pre code{color:inherit;line-height:inherit;background:0 0;padding:0}.article-body[data-v-a8c117a4] a{color:#667eea;text-decoration:none}.article-body[data-v-a8c117a4] a:hover{text-decoration:underline}.article-body[data-v-a8c117a4] strong{color:#1f2937;font-weight:600}.article-body[data-v-a8c117a4] figure{text-align:center;margin:24px 0}.article-body[data-v-a8c117a4] img{border-radius:8px;max-width:100%;box-shadow:0 4px 12px #0000001a}.article-body[data-v-a8c117a4] figcaption{color:#9ca3af;margin-top:8px;font-size:13px}.article-body[data-v-a8c117a4] blockquote{color:#4b5563;background:#f8f9ff;border-left:4px solid #667eea;border-radius:0 8px 8px 0;margin:16px 0;padding:12px 20px}.article-body[data-v-a8c117a4] table{border-collapse:collapse;width:100%;margin:20px 0}.article-body[data-v-a8c117a4] th,.article-body[data-v-a8c117a4] td{text-align:left;border:1px solid #e5e7eb;padding:10px 14px}.article-body[data-v-a8c117a4] th{background:#f3f4f6;font-weight:600}.article-body[data-v-a8c117a4] hr{border:none;border-top:1px solid #e5e7eb;margin:32px 0}.article-footer[data-v-a8c117a4]{border-top:1px solid #f0f0f0;padding:24px 40px 40px}.not-found[data-v-a8c117a4]{text-align:center;background:#fff;border-radius:16px;padding:80px 20px}.blog-footer[data-v-a8c117a4]{text-align:center;color:#6b7280;padding:24px;font-size:14px}@media screen and (max-width:640px){.blog-header[data-v-a8c117a4]{padding:16px}.blog-main[data-v-a8c117a4]{padding:20px 16px 40px}.article-header[data-v-a8c117a4]{padding:24px 20px 20px}.article-title[data-v-a8c117a4]{font-size:24px}.article-meta[data-v-a8c117a4]{flex-direction:column;gap:8px}.article-body[data-v-a8c117a4]{padding:20px;font-size:15px}.article-body[data-v-a8c117a4] h1{font-size:22px}.article-body[data-v-a8c117a4] h2{font-size:20px}.article-body[data-v-a8c117a4] h3{font-size:18px}.article-footer[data-v-a8c117a4]{padding:20px}}