:root{--blog-accent: #6366f1;--blog-accent-glow: rgba(99, 102, 241, .35);--blog-accent-subtle: rgba(99, 102, 241, .08);--blog-cyan: #00f0ff;--blog-bg: #000000;--blog-surface: rgba(10, 10, 18, .75);--blog-surface-2: rgba(20, 20, 35, .5);--blog-border: rgba(255, 255, 255, .06);--blog-text: #f0f0f5;--blog-text-secondary: rgba(240, 240, 245, .55);--blog-text-muted: rgba(240, 240, 245, .35);--blog-radius: 20px;--blog-font-heading: "Outfit", sans-serif;--blog-font-body: "Inter", sans-serif}.public-page .blog-detail-universe .container{display:block;align-items:initial}.public-page .blog-detail-universe,.public-page .blog-detail-universe .article-title,.public-page .blog-detail-universe .article-lead,.public-page .blog-detail-universe .article-prose,.public-page .blog-detail-universe .article-meta-row,.public-page .blog-detail-universe .author-row,.public-page .blog-detail-universe .key-takeaways,.public-page .blog-detail-universe .article-tags-footer,.public-page .blog-detail-universe .author-card,.public-page .blog-detail-universe .post-navigation,.public-page .blog-detail-universe .back-to-blog{text-align:left}.public-page .blog-detail-universe .back-to-blog{text-align:center}.blog-detail-universe{background:var(--blog-bg);color:var(--blog-text);font-family:var(--blog-font-body);min-height:100vh;position:relative;overflow:hidden}.ambient-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.ambient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12}.orb-1{width:600px;height:600px;background:var(--blog-accent);top:-100px;left:-150px}.orb-2{width:500px;height:500px;background:#8b5cf6;bottom:-100px;right:-100px}.orb-3{width:400px;height:400px;background:var(--blog-cyan);top:40%;left:50%;transform:translate(-50%);opacity:.06}.reading-progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--blog-accent),var(--blog-cyan));z-index:9999;transition:width .15s ease-out;box-shadow:0 0 10px var(--blog-accent-glow)}.article-hero{position:relative;z-index:5;padding:140px 0 60px}.article-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:40px;font-size:.85rem}.article-breadcrumb a{color:var(--blog-text-secondary);text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:var(--blog-accent)}.breadcrumb-sep{color:var(--blog-text-muted);font-size:.6rem}.breadcrumb-current{color:var(--blog-accent);font-weight:600}.article-meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:28px}.category-pill{display:inline-flex;align-items:center;padding:6px 18px;background:var(--blog-accent-subtle);border:1px solid rgba(99,102,241,.2);border-radius:50px;color:var(--blog-accent);font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.meta-dot{width:4px;height:4px;background:var(--blog-text-muted);border-radius:50%}.meta-text{color:var(--blog-text-secondary);font-size:.9rem;display:flex;align-items:center;gap:6px}.meta-text i{color:var(--blog-accent);opacity:.6}.article-title{font-family:var(--blog-font-heading);font-weight:800;font-size:clamp(2rem,8vw,3.8rem);line-height:1.15;letter-spacing:-2px;color:#fff;margin-bottom:24px;max-width:900px}.article-lead{font-size:1.25rem;line-height:1.7;color:var(--blog-text-secondary);max-width:750px;margin-bottom:32px}.author-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.author-avatar-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blog-accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}.author-details{display:flex;flex-direction:column}.author-name{font-weight:600;font-size:.95rem;color:var(--blog-text)}.author-role{font-size:.8rem;color:var(--blog-text-muted)}.hero-share-actions{display:flex;gap:8px;margin-left:auto}.share-btn{width:40px;height:40px;border-radius:12px;background:var(--blog-surface-2);border:1px solid var(--blog-border);color:var(--blog-text-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.share-btn:hover{background:var(--blog-accent-subtle);border-color:var(--blog-accent);color:var(--blog-accent);transform:translateY(-2px)}.featured-image-wrapper{margin-top:48px;border-radius:var(--blog-radius);overflow:hidden;border:1px solid var(--blog-border);aspect-ratio:21/9}.featured-image{width:100%;height:100%;object-fit:cover;display:block}.article-body-section{position:relative;z-index:5;padding:60px 0 100px}.article-layout{display:grid;grid-template-columns:240px 1fr;gap:60px;align-items:start}.sidebar-sticky{position:sticky;top:100px}.toc-widget,.sidebar-share-widget{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:16px;padding:24px;margin-bottom:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toc-heading{font-family:var(--blog-font-heading);font-size:.8rem;letter-spacing:1.5px;font-weight:700;color:var(--blog-text-secondary);margin-bottom:16px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.toc-heading i{color:var(--blog-accent);font-size:.85rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{border-left:2px solid var(--blog-border)}.toc-link{display:block;padding:8px 0 8px 14px;color:var(--blog-text-muted);font-size:.85rem;line-height:1.4;text-decoration:none;transition:all .25s ease}.toc-link:hover{color:var(--blog-text-secondary)}.toc-link.active{color:var(--blog-accent);border-left:2px solid var(--blog-accent);margin-left:-2px;font-weight:600}.toc-link.toc-h3{padding-left:26px;font-size:.8rem}.sidebar-share-icons{display:flex;gap:8px}.sidebar-share-btn{width:38px;height:38px;border-radius:10px;background:#ffffff08;border:1px solid var(--blog-border);color:var(--blog-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.95rem}.sidebar-share-btn:hover{background:var(--blog-accent-subtle);border-color:var(--blog-accent);color:var(--blog-accent)}.key-takeaways{display:flex;gap:20px;padding:28px 30px;background:linear-gradient(135deg,var(--blog-accent-subtle),rgba(139,92,246,.06));border:1px solid rgba(99,102,241,.12);border-radius:16px;margin-bottom:48px}.kt-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--blog-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.service-card-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 30px;background:linear-gradient(135deg,#6366f114,#00f0ff0a);border:1px solid rgba(255,255,255,.1);border-radius:20px;margin:40px 0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.8s}.service-card-cta:hover{border-color:#6366f166;transform:translateY(-3px);box-shadow:0 15px 35px -10px #00000080,0 0 20px var(--blog-accent-glow)}.service-card-cta:hover:before{left:100%}.sc-content{flex-grow:1}.sc-label{display:block;font-size:.7rem;font-weight:800;color:var(--blog-accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;opacity:.8}.sc-title{font-family:var(--blog-font-heading);font-size:1.35rem;font-weight:700;color:#fff;margin:0!important;border:none!important;padding:0!important;letter-spacing:-.5px}.sc-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--blog-accent);color:#fff!important;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none!important;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 15px var(--blog-accent-glow)}.sc-btn i{font-size:.85rem;transition:transform .3s ease}.sc-btn:hover{background:#4f46e5;transform:scale(1.05)}.sc-btn:hover i{transform:translate(4px)}@media(max-width:640px){.service-card-cta{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}.sc-btn{width:100%;justify-content:center}}.article-prose{font-size:1.15rem;line-height:1.85;color:#f0f0f5d9;font-weight:400}.article-prose h1,.article-prose h2,.article-prose h3,.article-prose h4{font-family:var(--blog-font-heading);color:#fff;font-weight:700;letter-spacing:-.8px;margin-top:2.8rem;margin-bottom:1.2rem;line-height:1.3}.article-prose h2{font-size:1.8rem;padding-bottom:12px;border-bottom:1px solid var(--blog-border)}.article-prose h3{font-size:1.4rem}.article-prose h4{font-size:1.15rem;color:var(--blog-accent)}.article-prose p{margin-bottom:1.6rem}.article-prose a{color:var(--blog-accent);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.article-prose a:hover{color:var(--blog-cyan)}.article-prose strong{color:#fff;font-weight:600}.article-prose blockquote{margin:2rem 0;padding:20px 24px;background:var(--blog-surface);border-left:4px solid var(--blog-accent);border-radius:0 12px 12px 0;font-style:italic;color:var(--blog-text-secondary)}.article-prose ul,.article-prose ol{margin-bottom:1.8rem;padding-left:1.2rem}.article-prose li{margin-bottom:.7rem;padding-left:.5rem}.article-prose li::marker{color:var(--blog-accent)}.article-prose img{width:100%;border-radius:16px;margin:2.5rem 0;border:1px solid var(--blog-border);transition:all .4s ease}.article-prose img:hover{border-color:#6366f133;box-shadow:0 20px 60px #0006}.article-prose pre{background:#0f0f19cc;border:1px solid var(--blog-border);border-radius:12px;padding:20px 24px;overflow-x:auto;margin:2rem 0;font-size:.9rem}.article-prose code{background:var(--blog-surface-2);padding:2px 8px;border-radius:6px;font-size:.9em;color:var(--blog-cyan)}.article-prose pre code{background:transparent;padding:0}.article-prose table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.article-prose th,.article-prose td{padding:12px 16px;border:1px solid var(--blog-border);text-align:left}.article-prose th{background:var(--blog-surface-2);font-weight:600;color:var(--blog-text)}.article-prose hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--blog-border),transparent);margin:3rem 0}.empty-content-notice{text-align:center;padding:60px 40px;color:var(--blog-text-muted)}.empty-content-notice i{font-size:3rem;margin-bottom:16px;color:var(--blog-accent);opacity:.3}.article-tags-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--blog-border)}.tag-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tag-label{font-size:.85rem;color:var(--blog-text-muted);font-weight:600}.article-tag{display:inline-flex;padding:6px 16px;background:var(--blog-accent-subtle);border:1px solid rgba(99,102,241,.15);border-radius:50px;color:var(--blog-accent);font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s ease}.article-tag:hover{background:#6366f126;transform:translateY(-2px);color:var(--blog-accent)}.author-card{display:flex;gap:20px;align-items:center;padding:28px;margin-top:40px;background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.author-card-avatar{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--blog-accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:#fff;flex-shrink:0}.author-card-label{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--blog-text-muted);font-weight:700}.author-card-name{font-family:var(--blog-font-heading);font-size:1.15rem;font-weight:700;color:var(--blog-text);margin:4px 0 6px}.author-card-bio{font-size:.9rem;color:var(--blog-text-secondary);margin:0;line-height:1.5}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}.nav-card{padding:24px;background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:16px;text-decoration:none;transition:all .4s ease;display:flex;flex-direction:column;gap:8px}.nav-card:hover{border-color:var(--blog-accent);transform:translateY(-4px);box-shadow:0 12px 40px #6366f11f}.nav-direction{font-size:.8rem;font-weight:700;letter-spacing:.5px;color:var(--blog-accent);display:flex;align-items:center;gap:6px}.nav-next .nav-direction{justify-content:flex-end}.nav-title{font-family:var(--blog-font-heading);font-size:1rem;font-weight:600;color:var(--blog-text);line-height:1.4}.nav-next{text-align:right}.nav-empty{opacity:0;pointer-events:none}.back-to-blog{margin-top:40px;text-align:center}.back-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:transparent;border:1px solid var(--blog-border);border-radius:50px;color:var(--blog-text-secondary);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease}.back-btn:hover{background:var(--blog-accent-subtle);border-color:var(--blog-accent);color:var(--blog-accent);transform:translateY(-2px)}@media(max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.article-hero{padding:120px 0 40px}.hero-share-actions{margin-left:0;margin-top:8px}.author-row{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.article-title{font-size:1.8rem;letter-spacing:-1px}.article-lead,.article-prose{font-size:1.05rem}.post-navigation{grid-template-columns:1fr}.key-takeaways{flex-direction:column;gap:14px}.featured-image-wrapper{aspect-ratio:16/9}.author-card{flex-direction:column;text-align:center}}
