:root{--blog-bg:#07090e;--blog-card-bg:#0f172aa6;--blog-card-border:#ffffff14;--blog-card-hover:#ffffff24;--blog-purple:#a855f7;--blog-purple-glow:#a855f740;--blog-cyan:#38bdf8;--blog-text-main:#f8fafc;--blog-text-muted:#94a3b8;--blog-font-sans:"Inter", system-ui, -apple-system, sans-serif}.bg-video{object-fit:cover;z-index:-1;filter:brightness(80%);pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.blog-page-container{min-height:100vh;color:var(--blog-text-main);font-family:var(--blog-font-sans);background:#07090e73;padding-bottom:70px;position:relative;overflow-x:hidden}.blog-listing-wrapper{max-width:1280px;margin:0 auto;padding:48px 24px 80px}.blog-hero-section{margin-bottom:40px}.blog-hero-title{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 30%,#cbd5e1 70%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:3rem;font-weight:800;line-height:1.15}.blog-hero-desc{color:var(--blog-text-muted);max-width:720px;font-size:1.15rem;line-height:1.6}.blog-master-layout{grid-template-columns:280px 1fr;align-items:start;gap:48px;display:grid}.blog-sidebar{flex-direction:column;gap:28px;display:flex;position:sticky;top:96px}.sidebar-block-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:14px;font-size:.82rem;font-weight:700}.topic-pills-list{flex-direction:column;gap:8px;display:flex}.topic-pill-btn{width:100%;color:var(--blog-text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9999px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.92rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.topic-pill-btn:hover{color:#e2e8f0;background:#ffffff0a;border-color:#ffffff14}.topic-pill-btn.active{color:#090d16;background:#fff;font-weight:600;box-shadow:0 4px 16px #ffffff26}.topic-count-badge{color:inherit;background:#ffffff14;border-radius:9999px;padding:2px 8px;font-size:.75rem}.topic-pill-btn.active .topic-count-badge{color:#090d16;background:#0000001f}.sidebar-search-wrap{position:relative}.sidebar-search-input{color:#fff;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:10px 14px 10px 38px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.sidebar-search-input:focus{border-color:var(--blog-purple);box-shadow:0 0 0 3px var(--blog-purple-glow)}.sidebar-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sidebar-subscribe-card{background:linear-gradient(145deg,#1e293b80,#0f172acc);border:1px solid #ffffff14;border-radius:16px;padding:20px}.sidebar-subscribe-title{color:#fff;margin-bottom:6px;font-size:.95rem;font-weight:700}.sidebar-subscribe-desc{color:var(--blog-text-muted);margin-bottom:14px;font-size:.82rem;line-height:1.5}.sidebar-subscribe-btn{color:#d8b4fe;cursor:pointer;background:#a855f726;border:1px solid #a855f766;border-radius:10px;width:100%;padding:9px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.sidebar-subscribe-btn:hover{color:#fff;background:#a855f7;box-shadow:0 4px 14px #a855f759}.articles-grid-2col{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.blog-card{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);cursor:pointer;border-radius:20px;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:var(--blog-card-hover);transform:translateY(-5px);box-shadow:0 16px 36px #00000059,0 0 24px #a855f714}.blog-card-thumb-wrap{background:#0f172a;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.blog-card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.blog-card:hover .blog-card-thumb{transform:scale(1.05)}.blog-card-badge{letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c084fc;background:#0d121fcc;border:1px solid #ffffff1f;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:14px;left:14px;box-shadow:0 4px 12px #0000004d}.blog-card-body{flex-direction:column;flex-grow:1;padding:22px;display:flex}.blog-card-meta{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;display:flex}.blog-card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:1.22rem;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:#d8b4fe}.blog-card-excerpt{color:var(--blog-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.blog-author-box{align-items:center;gap:10px;display:flex}.blog-author-avatar{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.blog-author-name{color:#cbd5e1;font-size:.85rem;font-weight:500}.blog-card-share-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.blog-card-share-btn:hover{color:#fff;background:#ffffff14}.article-detail-wrapper{max-width:1200px;margin:0 auto;padding:36px 24px 100px}.article-hero-banner{background:#0f172a;border-radius:24px;width:100%;height:480px;margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 20px 48px #00000073}.article-hero-img{object-fit:cover;width:100%;height:100%}.article-hero-credit{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#94a3b8;background:#0d121fbf;border:1px solid #ffffff14;border-radius:9999px;padding:5px 12px;font-size:.75rem;position:absolute;bottom:14px;right:18px}.article-top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.article-back-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.article-back-pill:hover{color:#fff;background:#ffffff1a;transform:translate(-2px)}.article-category-pill{letter-spacing:.04em;color:#c084fc;background:#a855f726;border:1px solid #a855f759;border-radius:9999px;padding:4px 14px;font-size:.8rem;font-weight:700}.article-main-title{letter-spacing:-.02em;color:#fff;margin-bottom:24px;font-size:2.75rem;font-weight:800;line-height:1.2}.article-meta-wrapper{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:32px;display:flex}.article-meta-avatar{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.article-meta-info{flex-direction:column;display:flex}.article-meta-author{color:#f8fafc;font-size:1rem;font-weight:600}.article-meta-date{color:var(--blog-text-muted);font-size:.85rem}.article-reading-layout{grid-template-columns:1fr 300px;align-items:start;gap:56px;display:grid}.article-content-body{color:#cbd5e1;word-break:break-word;font-size:1.125rem;line-height:1.85}.article-content-body p{margin-bottom:24px}.article-content-body h2{color:#fff;margin-top:48px;margin-bottom:20px;scroll-margin-top:100px;font-size:1.85rem;font-weight:800;line-height:1.3}.article-content-body h3{color:#f1f5f9;margin-top:36px;margin-bottom:16px;scroll-margin-top:100px;font-size:1.45rem;font-weight:700}.article-content-body ul,.article-content-body ol{margin-bottom:24px;padding-left:28px}.article-content-body li{margin-bottom:10px}.article-content-body blockquote{border-left:4px solid var(--blog-purple);color:#e2e8f0;background:#a855f714;border-radius:0 14px 14px 0;margin:32px 0;padding:18px 24px;font-style:italic}.article-content-body code{color:#f472b6;background:#ffffff14;border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}.article-content-body pre{background:#0a0e17;border:1px solid #ffffff1a;border-radius:14px;margin:28px 0;padding:20px;overflow-x:auto}.article-content-body pre code{color:#e2e8f0;background:0 0;padding:0}.article-content-body img{border-radius:16px;max-width:100%;height:auto;margin:32px 0;box-shadow:0 12px 32px #0000004d}.article-toc-sticky{flex-direction:column;gap:24px;display:flex;position:sticky;top:96px}.toc-card{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:18px;padding:22px}.toc-header{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.toc-nav{flex-direction:column;gap:4px;display:flex}.toc-link{color:#94a3b8;border-left:2px solid #0000;border-radius:8px;padding:8px 12px;font-size:.88rem;line-height:1.45;text-decoration:none;transition:all .2s;display:block}.toc-link:hover{color:#fff;background:#ffffff0a}.toc-link.active{color:#d8b4fe;border-left-color:var(--blog-purple);background:#a855f71a;font-weight:600}.article-share-card{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:18px;padding:20px}.article-share-title{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:14px;font-size:.85rem;font-weight:700}.article-share-buttons{align-items:center;gap:10px;display:flex}.article-share-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;justify-content:center;align-items:center;height:40px;text-decoration:none;transition:all .2s;display:flex}.article-share-btn:hover{color:#fff;background:#ffffff1f;transform:translateY(-2px)}.blog-toast{color:#fff;z-index:9999;background:#9333ea;border-radius:12px;padding:12px 22px;font-size:.9rem;font-weight:600;animation:.3s forwards slideUpFade;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 28px #00000073}.footer{text-align:center;color:#ffffffb3;-webkit-backdrop-filter:blur(16px);z-index:1000;box-sizing:border-box;background:#0006;border-top:1px solid #ffffff1a;width:100%;padding:6px 12px;font-size:13px;position:fixed;bottom:0;left:0}.footer a{color:#fff;font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-logo{vertical-align:middle;width:auto;height:22px;margin:0 4px;position:relative;top:-1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.blog-master-layout{grid-template-columns:240px 1fr;gap:32px}.article-reading-layout{grid-template-columns:1fr;gap:40px}.article-toc-sticky{margin-bottom:40px;position:static}}@media (max-width:860px){.blog-master-layout{grid-template-columns:1fr;gap:32px}.blog-sidebar{position:static}.topic-pills-list{flex-flow:wrap}.topic-pill-btn{width:auto}.articles-grid-2col{grid-template-columns:1fr}.article-hero-banner{height:300px}.article-main-title{font-size:2rem}}