.blog-detail-page{min-height:100vh}.not-found-wrap{background:var(--bg-dark);align-items:center;min-height:70vh;display:flex}.not-found-inner{text-align:center}.not-found-code{margin-bottom:16px;font-size:120px;font-weight:900;line-height:1}.not-found-inner h2{color:#fff;margin-bottom:10px;font-size:28px}.not-found-inner p{color:var(--text-secondary);margin-bottom:28px}.post-hero{background:var(--bg-dark);padding:140px 0 80px;position:relative;overflow:hidden}.post-hero__visual{opacity:.15;justify-content:center;align-items:center;width:45%;height:100%;display:flex;position:absolute;top:0;right:0}.post-hero__visual-icon{transform:scale(2.5)}.post-hero__visual-overlay{background:linear-gradient(to right, var(--bg-dark) 30%, transparent 100%);position:absolute;inset:0}.post-hero__bg{pointer-events:none;position:absolute;inset:0}.post-hero__grid{background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.post-hero__orb{filter:blur(80px);border-radius:50%;position:absolute}.post-hero__orb--1{background:radial-gradient(circle,#6366f12e 0%,#0000 70%);width:500px;height:500px;top:-150px;right:-100px}.post-hero__orb--2{background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);width:350px;height:350px;bottom:0;left:10%}.post-hero__inner{z-index:1;max-width:800px;position:relative}.post-hero__meta{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 16px;display:flex}.post-cat-badge{border-radius:var(--radius-full);color:var(--primary-light);background:#6366f126;border:1px solid #6366f14d;padding:5px 14px;font-size:12px;font-weight:700}.post-date,.post-read{color:var(--text-muted);align-items:center;gap:4px;font-size:13px;display:flex}.post-hero__title{color:#fff;margin-bottom:18px;font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1.35}.post-hero__excerpt{color:var(--text-secondary);margin-bottom:28px;font-size:16px;line-height:1.8}.post-hero__author{align-items:center;gap:12px;display:flex}.author-avatar{color:#ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.author-name{color:#fff;font-size:15px;font-weight:700}.author-role{color:var(--text-muted);font-size:12px}.post-main{background:var(--bg-dark-2)}.post-layout{grid-template-columns:1fr 300px;align-items:start;gap:32px;display:grid}.post-article{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px}.post-article__body{color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:2}.post-article__body h3{color:#fff;border-bottom:1px solid var(--border);margin:32px 0 14px;padding-bottom:10px;font-size:20px;font-weight:800}.post-article__body p{margin-bottom:16px}.post-article__body ul,.post-article__body ol{margin-bottom:16px;padding-right:24px}.post-article__body li{margin-bottom:8px}.post-article__body strong{color:#fff;font-weight:700}.post-article__body code{color:var(--primary-light);direction:ltr;background:#6366f11a;border-radius:4px;padding:2px 8px;font-size:13px;display:inline-block}.post-article__tags{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:20px 0;display:flex}.tags-label{color:var(--text-muted);font-size:13px;font-weight:600}.tags-list{flex-wrap:wrap;gap:7px;display:flex}.post-tag{border-radius:var(--radius-full);color:var(--primary-light);background:#6366f11a;border:1px solid #6366f133;padding:4px 12px;font-size:12px}.post-article__share{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;font-size:13px;display:flex}.share-btn{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);cursor:pointer;font-size:13px;font-family:var(--font);background:#ffffff0d;align-items:center;gap:6px;padding:7px 16px;text-decoration:none;display:flex}.share-btn:hover{border-color:var(--border-accent);color:#fff}.share-btn--tg:hover{color:#2aabee;border-color:#2aabee}.author-card{border-radius:var(--radius-xl);background:#6366f10d;border:1px solid #6366f126;align-items:flex-start;gap:16px;margin-bottom:28px;padding:24px;display:flex}.author-card__avatar{color:#ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex}.author-card__name{color:#fff;margin-bottom:3px;font-size:16px;font-weight:700}.author-card__role{color:var(--primary-light);margin-bottom:8px;font-size:12px}.author-card__bio{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.post-nav{grid-template-columns:1fr 1fr;gap:12px;display:grid}.post-nav__item{border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);background:#ffffff08;flex-direction:column;gap:6px;padding:16px 20px;text-decoration:none;display:flex}.post-nav__item:hover{border-color:var(--border-accent);background:#6366f10d}.post-nav__label{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.post-nav__item--next .post-nav__label{justify-content:flex-end}.post-nav__title{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.post-nav__item:hover .post-nav__title{color:#fff}.post-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:90px}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.sidebar-title{color:#fff;border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:15px;font-weight:700}.toc-list{flex-direction:column;gap:4px;display:flex}.toc-list .toc-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);border-right:2px solid #0000;padding:7px 10px;font-size:13px;text-decoration:none;display:block}.toc-list .toc-item:hover{color:var(--primary-light);border-right-color:var(--primary);background:#6366f10f}.related-posts{flex-direction:column;gap:12px;display:flex}.related-post{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.related-post:hover{background:#ffffff0a}.related-post__visual{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.related-post__title{color:var(--text-secondary);-webkit-line-clamp:2;transition:var(--transition);-webkit-box-orient:vertical;margin-bottom:3px;font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.related-post:hover .related-post__title{color:#fff}.related-post__read{color:var(--text-muted);font-size:11px}.tags-cloud{flex-wrap:wrap;gap:7px;display:flex}.tag-cloud-item{border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition);background:#ffffff0a;padding:5px 12px;font-size:12px;text-decoration:none}.tag-cloud-item:hover{color:var(--primary-light);border-color:var(--primary);background:#6366f114}.sidebar-cta{background:var(--gradient-primary);border:none;position:relative;overflow:hidden}.sidebar-cta__bg{pointer-events:none;background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.sidebar-cta__content{z-index:1;position:relative}.sidebar-cta h3{color:#fff;margin-bottom:8px;font-size:17px;font-weight:800}.sidebar-cta p{color:#fffc;margin-bottom:16px;font-size:13px;line-height:1.6}.sidebar-cta .btn-primary{color:var(--primary-dark);background:#fff;display:flex}.related-section{background:var(--bg-dark)}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.related-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);text-decoration:none;display:block;overflow:hidden}.related-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.related-card__visual{justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.related-card__cat{color:#fff;border-radius:var(--radius-full);background:#000000a6;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.related-card__icon{opacity:.6;transition:var(--transition)}.related-card:hover .related-card__icon{opacity:.9;transform:scale(1.1)}.related-card__body{padding:18px}.related-card__meta{gap:10px;margin-bottom:8px;display:flex}.related-card__title{color:#fff;margin-bottom:8px;font-size:15px;font-weight:700;line-height:1.5}.related-card__excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.read-more{color:var(--primary-light);transition:var(--transition);align-items:center;gap:5px;font-size:12px;display:flex}.related-card:hover .read-more{gap:8px}.scroll-top-btn{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-primary);z-index:100;transition:var(--transition);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;left:28px}.scroll-top-btn:hover{transform:translateY(-3px)}.fade-scale-enter-active,.fade-scale-leave-active{transition:opacity .3s,transform .3s}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:scale(.8)}@media (max-width:1100px){.post-layout{grid-template-columns:1fr}.post-sidebar{position:static}}@media (max-width:768px){.post-hero{padding:120px 0 60px}.post-hero__visual{display:none}.post-article{padding:24px 20px}.post-nav,.related-grid{grid-template-columns:1fr}.author-card{flex-direction:column}}