.bp-preview-banner[data-v-be921faa]{background:#fef3c7;border-bottom:1px solid #fbbf24;color:#92400e;font-size:13px;font-weight:600;padding:10px 24px;text-align:center}.bp-page[data-v-be921faa]{min-height:100vh;background:#fff}.bp-hero[data-v-be921faa]{position:relative;min-height:340px;background:#1e293b;display:flex;align-items:flex-end;overflow:hidden}.bp-hero.has-img[data-v-be921faa]{min-height:440px}.bp-hero-img[data-v-be921faa]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4}.bp-hero-overlay[data-v-be921faa]{position:relative;width:100%;background:linear-gradient(transparent,#0009);padding:48px 32px 40px}.bp-hero-inner[data-v-be921faa]{max-width:800px;margin:0 auto}.bp-back[data-v-be921faa]{color:#94a3b8;font-size:13px;font-weight:600;text-decoration:none;margin-bottom:20px;display:inline-block}.bp-back[data-v-be921faa]:hover{color:#fff}.bp-cats[data-v-be921faa]{display:flex;gap:6px;margin-bottom:14px}.bp-cat[data-v-be921faa]{font-size:11px;font-weight:700;color:#fff;background:#6366f1cc;padding:4px 12px;border-radius:20px}.bp-hero h1[data-v-be921faa]{font-size:36px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:14px}.bp-meta[data-v-be921faa]{display:flex;gap:20px;font-size:13px;color:#94a3b8}.bp-author[data-v-be921faa]{font-weight:600;color:#e2e8f0}.bp-container[data-v-be921faa]{max-width:800px;margin:0 auto;padding:48px 32px 80px}.bp-content[data-v-be921faa]{font-size:17px;line-height:1.9;color:#334155}.bp-content[data-v-be921faa] h1{font-size:28px;font-weight:800;margin:32px 0 16px;color:#1e293b}.bp-content[data-v-be921faa] h2{font-size:24px;font-weight:700;margin:28px 0 14px;color:#1e293b}.bp-content[data-v-be921faa] h3{font-size:20px;font-weight:600;margin:24px 0 12px;color:#1e293b}.bp-content[data-v-be921faa] p{margin-bottom:16px}.bp-content[data-v-be921faa] img{max-width:100%;border-radius:12px;margin:24px 0}.bp-content[data-v-be921faa] iframe{width:100%;aspect-ratio:16/9;border-radius:12px;margin:24px 0;border:none}.bp-content[data-v-be921faa] blockquote{border-left:4px solid #6366f1;margin:24px 0;padding:16px 24px;background:#f8fafc;border-radius:0 8px 8px 0;color:#475569;font-style:italic}.bp-content[data-v-be921faa] pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:12px;overflow-x:auto;font-size:14px;margin:24px 0}.bp-content[data-v-be921faa] code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:14px;color:#e11d48}.bp-content[data-v-be921faa] pre code{background:none;padding:0;color:inherit}.bp-content[data-v-be921faa] a{color:#3b82f6;text-decoration:underline;text-underline-offset:2px}.bp-content[data-v-be921faa] ul,.bp-content[data-v-be921faa] ol{margin:16px 0;padding-left:24px}.bp-content[data-v-be921faa] li{margin-bottom:8px}.bp-tags[data-v-be921faa]{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid #e2e8f0}.bp-tag[data-v-be921faa]{font-size:13px;color:#6366f1;background:#e0e7ff;padding:4px 12px;border-radius:20px;cursor:pointer;transition:.15s;text-decoration:none}.bp-tag[data-v-be921faa]:hover{background:#c7d2fe}.bp-author-card[data-v-be921faa]{display:flex;align-items:center;gap:16px;margin-top:40px;padding:24px;background:#f8fafc;border-radius:12px}.bp-author-avatar[data-v-be921faa]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.bp-author-name[data-v-be921faa]{font-size:15px;font-weight:700;color:#1e293b}.bp-author-sub[data-v-be921faa]{font-size:13px;color:#64748b}.bp-nav[data-v-be921faa]{margin-top:40px;display:flex;justify-content:center}.blog-btn[data-v-be921faa]{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:#fff;text-decoration:none;color:#334155;display:inline-block;transition:.15s}.blog-btn[data-v-be921faa]:hover{background:#f1f5f9}.bp-error[data-v-be921faa]{text-align:center;padding:100px 32px;color:#64748b}.bp-error h2[data-v-be921faa]{font-size:24px;color:#1e293b;margin-bottom:8px}.spinner[data-v-be921faa]{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-be921faa .6s linear infinite;margin:0 auto}@keyframes spin-be921faa{to{transform:rotate(360deg)}}@media (max-width:768px){.bp-hero h1[data-v-be921faa]{font-size:26px}.bp-container[data-v-be921faa]{padding:32px 20px}}