.blog-detail-page{background:linear-gradient(180deg,#0a1a2e,#14294d);padding:80px 0}.blog-detail-page .blog-detail-container{margin:0 auto;max-width:1400px;padding:0 20px}.blog-detail-page .blog-detail-layout{align-items:start;column-gap:16px;display:grid;grid-template-columns:288px 792px 288px;margin-top:20px}.blog-detail-page .blog-detail-related,.blog-detail-page .blog-detail-toc{background:#ffffff0d;border:1px solid #ffffff1a;border-image-slice:1;border-radius:8px;overflow:hidden;position:sticky;top:110px;width:288px}.blog-detail-page .blog-detail-toc{padding:18px 16px}.blog-detail-page .blog-detail-toc-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:12px}.blog-detail-page .blog-detail-toc-body{max-height:calc(100vh - 190px);overflow:auto}.blog-detail-page .blog-detail-toc-empty{height:12px}.blog-detail-page .blog-detail-toc-list{list-style:none;margin:0;padding:0}.blog-detail-page .blog-detail-toc-item{margin:0;padding:0}.blog-detail-page .blog-detail-toc-row{align-items:center;display:flex;gap:8px;padding:8px 0}.blog-detail-page .blog-detail-toc-toggle{align-items:center;background:#0000;border:none;color:#fff9;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:color .2s ease;width:18px}.blog-detail-page .blog-detail-toc-toggle svg{transform:rotate(90deg);transition:transform .2s ease}.blog-detail-page .blog-detail-toc-toggle.collapsed svg{transform:rotate(0deg)}.blog-detail-page .blog-detail-toc-spacer{display:inline-block;height:18px;width:18px}.blog-detail-page .blog-detail-toc-link{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:14px;line-height:1.4;padding:0;text-align:left}.blog-detail-page .blog-detail-toc-link:hover{color:#ffffffe6}.blog-detail-page .blog-detail-toc-link.active{color:#0072ff}.blog-detail-page .blog-detail-toc-link.active-parent{color:#fffc}.blog-detail-page .blog-detail-toc-item.level-2 .blog-detail-toc-row{padding-left:14px}.blog-detail-page .blog-detail-toc-item.level-3 .blog-detail-toc-row{padding-left:28px}.blog-detail-page .blog-detail-toc-item.level-4 .blog-detail-toc-row{padding-left:42px}.blog-detail-page .blog-detail-article{width:792px}.blog-detail-page .blog-detail-related{padding:18px 16px}.blog-detail-page .blog-detail-related-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:12px}.blog-detail-page .blog-detail-related-list{display:flex;flex-direction:column;gap:33px;overflow:auto}.blog-detail-page .blog-detail-related-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;gap:10px;padding-bottom:16px;text-align:left;width:100%}.blog-detail-page .blog-detail-related-thumb{background:#ffffff0f;border-radius:8px;flex-shrink:0;height:55px;object-fit:cover;width:98px}.blog-detail-page .blog-detail-related-item-title{color:#fff;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.3;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}.blog-detail-page .blog-detail-related-item-date{color:#fff6;font-size:14px;margin-top:4px}.blog-detail-page .blog-detail-related-text{min-width:0}.blog-detail-page .blog-detail-loading{align-items:center;color:#fffc;display:flex;font-size:16px;justify-content:center;min-height:400px}.blog-detail-page .blog-detail-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0000004d;padding:40px;width:792px}.blog-detail-page .blog-detail-header{border-bottom:1px solid #ffffff1a;margin-bottom:30px;padding-bottom:20px}.blog-detail-page .blog-detail-author-date,.blog-detail-page .blog-detail-date-mobile,.blog-detail-page .blog-detail-share-mobile{display:none}.blog-detail-page .blog-detail-title{color:#fff;font-size:32px;font-weight:700;line-height:1.4;margin:0 0 20px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.blog-detail-page .blog-detail-meta{justify-content:space-between}.blog-detail-page .blog-detail-meta,.blog-detail-page .blog-detail-meta-left{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.blog-detail-page .blog-detail-author-inline--desktop{align-items:center;display:inline-flex;gap:10px}.blog-detail-page .blog-detail-author-inline-avatar--desktop{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.blog-detail-page .blog-detail-author-inline-name--desktop{color:#ffffffe6;font-size:14px;font-weight:600}.blog-detail-page .blog-detail-share{align-items:center;display:flex;gap:12px}.blog-detail-page .blog-detail-share-label{color:#ffffffb3;font-size:14px;margin-right:4px}.blog-detail-page .blog-detail-share-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.blog-detail-page .blog-detail-share-button:hover{background:#fff3;transform:scale(1.1)}.blog-detail-page .blog-detail-share-button:active{transform:scale(.95)}.blog-detail-page .blog-detail-share-button img{height:24px;object-fit:contain;width:24px}.blog-detail-page .blog-detail-share-button svg{height:24px;width:24px}.blog-detail-page .blog-detail-author,.blog-detail-page .blog-detail-date{color:#ffffffb3;font-size:14px}.blog-detail-page .blog-detail-category{background:#0072ff1a;border-radius:4px;color:#0072ff;font-size:14px;font-weight:500;padding:4px 12px}.blog-detail-page .blog-detail-image{border-radius:8px;margin:30px 0;overflow:hidden;width:100%}.blog-detail-page .blog-detail-image img{display:block;height:auto;object-fit:cover;width:100%}.blog-detail-page .blog-detail-body{color:#ffffffe6;font-size:16px;line-height:1.8;margin-top:30px;overflow-wrap:anywhere;word-break:break-word}.blog-detail-page .blog-detail-body p{margin:0 0 20px}.blog-detail-page .blog-detail-body p:last-child{margin-bottom:0}.blog-detail-page .blog-detail-body p:has(img:first-of-type~img){align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.blog-detail-page .blog-detail-body p:has(img:first-of-type~img) img{flex:0 0 auto;height:auto;margin:0;max-width:100%;width:auto}.blog-detail-page .blog-detail-body p:has(img:only-child){display:block}.blog-detail-page .blog-detail-body p:has(img:only-child) img{max-width:100%}.blog-detail-page .blog-detail-body h1,.blog-detail-page .blog-detail-body h2,.blog-detail-page .blog-detail-body h3,.blog-detail-page .blog-detail-body h4,.blog-detail-page .blog-detail-body h5,.blog-detail-page .blog-detail-body h6{color:#fff;font-weight:600;margin:30px 0 15px;scroll-margin-top:120px}.blog-detail-page .blog-detail-body h1{font-size:28px}.blog-detail-page .blog-detail-body h2{font-size:24px}.blog-detail-page .blog-detail-body h3{font-size:20px}.blog-detail-page .blog-detail-body ol,.blog-detail-page .blog-detail-body ul{margin:20px 0;padding-left:30px}.blog-detail-page .blog-detail-body ol li,.blog-detail-page .blog-detail-body ul li{margin:10px 0}.blog-detail-page .blog-detail-body a{color:#0072ff;overflow-wrap:anywhere;text-decoration:none;transition:color .2s ease;word-break:break-word}.blog-detail-page .blog-detail-body a:hover{color:#0072ffcc;text-decoration:underline}.blog-detail-page .blog-detail-body img{border-radius:8px;height:auto;margin:20px 0;max-width:100%}.blog-detail-page .blog-detail-body table{background-color:#ffffff0d;border:1px solid #fff3;border-collapse:collapse;margin:10px 0;width:100%}.blog-detail-page .blog-detail-body table td,.blog-detail-page .blog-detail-body table th{border:1px solid #fff3;color:#ffffffe6;padding:10px;text-align:left}.blog-detail-page .blog-detail-body table th{background-color:#0072ff26;color:#fff;font-weight:600}.blog-detail-page .blog-detail-body table tr:nth-child(2n){background-color:#ffffff08}.blog-detail-page .blog-detail-body blockquote{border-left:4px solid #0072ff;color:#ffffffb3;font-style:italic;margin:20px 0;padding-left:20px}.blog-detail-page .blog-detail-body code{background:#0000004d;border-radius:4px;color:#0072ff;font-family:Courier New,monospace;font-size:14px;padding:2px 6px}.blog-detail-page .blog-detail-body pre{background:#0000004d;border-radius:8px;margin:20px 0;overflow-x:auto;padding:15px}.blog-detail-page .blog-detail-body pre code{background:none;padding:0}.blog-detail-page .blog-detail-author-card{align-items:flex-start;backdrop-filter:blur(4px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:20px;margin-top:18px;padding:22px 24px;width:792px}.blog-detail-page .blog-detail-author-card--mobile{display:none}.blog-detail-page .blog-detail-author-avatar{background:#ffffff0f;border-radius:100px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.blog-detail-page .blog-detail-author-header-row{align-items:baseline;display:flex;gap:14px}.blog-detail-page .blog-detail-author-name{color:#fffc;font-size:20px;font-weight:600;line-height:1.2}.blog-detail-page .blog-detail-author-role{color:#fff6;font-size:14px;font-weight:400}.blog-detail-page .blog-detail-author-bio{color:#fff9;font-size:16px;line-height:1.6;margin-top:10px}.blog-detail-page .blog-detail-author-info{min-width:0}@media(max-width:768px){.blog-detail-page{padding-bottom:30px!important;padding-top:20px!important}.blog-detail-page .blog-detail-layout{grid-template-columns:1fr}.blog-detail-page .blog-detail-related,.blog-detail-page .blog-detail-toc{display:none}.blog-detail-page .blog-detail-article,.blog-detail-page .blog-detail-author-card,.blog-detail-page .blog-detail-content{margin-top:10px;width:100%}}.blog-detail-page .mobile-blog-detail-nav,.blog-detail-page .mobile-blog-detail-toc-drawer,.blog-detail-page .mobile-blog-detail-toc-drawer-overlay{display:none}.blog-detail-page .mobile-blog-detail-toc-drawer-overlay{background:#00000073;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:200}.blog-detail-page .mobile-blog-detail-toc-drawer-overlay.visible{opacity:1;pointer-events:auto}.blog-detail-page .mobile-blog-detail-toc-drawer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#08214af2;border:1px solid #ffffff1a;border-top-left-radius:12px;border-top-right-radius:12px;bottom:0;box-shadow:0 20px 50px #00000059;display:flex;flex-direction:column;left:0;max-height:75vh;position:fixed;right:0;transform:translateY(100%);transition:transform .25s ease;z-index:201}.blog-detail-page .mobile-blog-detail-toc-drawer.visible{transform:translateY(0)}.blog-detail-page .mobile-blog-detail-toc-drawer-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px}.blog-detail-page .mobile-blog-detail-toc-drawer-title{color:#fff;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.blog-detail-page .mobile-blog-detail-toc-drawer-close{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.blog-detail-page .mobile-blog-detail-toc-drawer-body{overflow:auto;padding:12px 10px 18px;-webkit-overflow-scrolling:touch}.blog-detail-page .mobile-blog-detail-toc-drawer-body .blog-detail-toc-list{list-style:none;margin:0;padding:0}.blog-detail-page .mobile-blog-detail-toc-drawer-body .blog-detail-toc-item{margin:0}.blog-detail-page .mobile-blog-detail-toc-drawer-body .blog-detail-toc-row{align-items:center;display:flex;gap:6px;padding:8px 6px}.blog-detail-page .mobile-blog-detail-toc-drawer-body .blog-detail-toc-link{background:none;border:none;color:#ffffffd9;flex:1;font-size:14px;line-height:1.35;padding:0;text-align:left}.blog-detail-page .mobile-blog-detail-toc-drawer-body .blog-detail-toc-link.active{color:#196af6}.blog-detail-page .mobile-blog-detail-toc-drawer-body .blog-detail-toc-toggle{align-items:center;background:#0000;border:none;color:#ffffffb3;display:flex;height:22px;justify-content:center;padding:0;width:22px}.blog-detail-page .mobile-blog-detail-toc-drawer-body .blog-detail-toc-spacer{display:inline-block;height:22px;width:22px}@media(min-width:769px){.blog-detail-page .mobile-blog-detail-nav,.blog-detail-page .mobile-blog-detail-toc-drawer,.blog-detail-page .mobile-blog-detail-toc-drawer-overlay{display:none!important}}@media(max-width:768px){.blog-detail-page .mobile-blog-detail-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000003;display:flex;height:44px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:50px;z-index:120}.blog-detail-page .mobile-blog-detail-nav .mobile-blog-detail-back-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0 20px 0 0;transition:opacity .2s ease;width:32px}.blog-detail-page .mobile-blog-detail-nav .mobile-blog-detail-back-btn:active{opacity:.7}.blog-detail-page .mobile-blog-detail-nav .mobile-blog-detail-back-btn svg{flex-shrink:0}.blog-detail-page .mobile-blog-detail-nav .mobile-blog-detail-title{color:#fff;flex:1;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;line-height:1.26em;margin:0;text-align:center}.blog-detail-page .mobile-blog-detail-nav .mobile-blog-detail-nav-placeholder{flex-shrink:0;height:32px;width:32px}.blog-detail-page .mobile-blog-detail-nav .mobile-blog-detail-toc-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;width:32px}.blog-detail-page .mobile-blog-detail-toc-drawer-overlay{display:block}.blog-detail-page .mobile-blog-detail-toc-drawer-overlay.visible{opacity:1;pointer-events:auto}.blog-detail-page .mobile-blog-detail-toc-drawer{display:flex}.blog-detail-page .mobile-blog-detail-toc-drawer.visible{transform:translateY(0)}.blog-detail-page .blog-detail-container{padding:0 10px}.blog-detail-page .blog-detail-breadcrumb{display:none}.blog-detail-page .blog-detail-content{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:0;padding:10px}.blog-detail-page .blog-detail-header{border-bottom:1px solid #fff3;display:flex;flex-direction:column;gap:0;margin-bottom:0;padding-bottom:16px}.blog-detail-page .blog-detail-title{color:#fff;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:1.5em;margin:0 0 16px;overflow-wrap:anywhere;word-break:break-word}.blog-detail-page .blog-detail-body table{display:block;max-width:100%;overflow-x:auto}.blog-detail-page .blog-detail-date{color:#fff9;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.5em}.blog-detail-page .blog-detail-category,.blog-detail-page .blog-detail-meta,.blog-detail-page .blog-detail-meta-left{display:none}.blog-detail-page .blog-detail-author-date{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-bottom:16px}.blog-detail-page .blog-detail-author,.blog-detail-page .blog-detail-date-mobile{color:#fff9;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.5em}.blog-detail-page .blog-detail-date-mobile{display:inline}.blog-detail-page .blog-detail-author-inline{align-items:center;display:inline-flex;gap:10px}.blog-detail-page .blog-detail-author-inline-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.blog-detail-page .blog-detail-author-inline-name{color:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;line-height:1.1}.blog-detail-page .blog-detail-share-mobile{align-items:center;border-top:none;display:flex;gap:10px;justify-content:flex-start;margin-top:0;padding-top:0;width:100%}.blog-detail-page .blog-detail-share-label{color:#fff9;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.5em;margin-right:0}.blog-detail-page .blog-detail-share-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:opacity .2s ease;width:24px}.blog-detail-page .blog-detail-share-button:active{opacity:.7}.blog-detail-page .blog-detail-share-button img{height:24px;object-fit:contain;width:24px}.blog-detail-page .blog-detail-share-button svg{height:24px;width:24px}.blog-detail-page .blog-detail-image{border-radius:8px;margin:0;overflow:hidden;width:100%}.blog-detail-page .blog-detail-image img{display:block;height:auto;object-fit:cover;width:100%}.blog-detail-page .blog-detail-body{color:#fff9;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:10px;letter-spacing:.01em;line-height:1.8em;margin-top:0}.blog-detail-page .blog-detail-body p{margin:0}.blog-detail-page .blog-detail-body p:has(img:first-of-type~img){align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.blog-detail-page .blog-detail-body p:has(img:first-of-type~img) img{border-radius:8px;flex:0 0 auto;height:auto;margin:0;max-width:100%;width:auto}.blog-detail-page .blog-detail-body p:has(img:only-child){display:block}.blog-detail-page .blog-detail-body p:has(img:only-child) img{height:auto!important;max-width:100%;width:100%!important}.blog-detail-page .blog-detail-body img{border-radius:8px;height:auto;margin:0;width:100%}.blog-detail-page .blog-detail-body table td,.blog-detail-page .blog-detail-body table th{padding:6px}.blog-detail-page .blog-detail-body h1,.blog-detail-page .blog-detail-body h2,.blog-detail-page .blog-detail-body h3,.blog-detail-page .blog-detail-body h4,.blog-detail-page .blog-detail-body h5,.blog-detail-page .blog-detail-body h6{color:#fff;font-size:14px;font-weight:400;line-height:1.8em;margin:0}.blog-detail-page .blog-detail-author-card--desktop{display:none}.blog-detail-page .blog-detail-author-card--mobile{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin:10px auto 0;padding:16px;width:100%}.blog-detail-page .blog-detail-author-top{align-items:flex-start;display:flex;gap:16px}.blog-detail-page .blog-detail-author-avatar{height:52px;width:52px}.blog-detail-page .blog-detail-author-header-col{display:flex;flex-direction:column;gap:6px;min-width:0}.blog-detail-page .blog-detail-author-name{color:#ffffffd9;font-size:16px;font-weight:600}.blog-detail-page .blog-detail-author-role{color:#fff6;font-size:14px}.blog-detail-page .blog-detail-author-bio{color:#fff9;font-size:16px;line-height:1.6;margin-top:0}.blog-detail-page .blog-detail-related{background:none;border:none;display:block;margin:10px auto 0;padding:0;width:100%}.blog-detail-page .blog-detail-related-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:10px}.blog-detail-page .blog-detail-related-list{gap:9px}.blog-detail-page .blog-detail-related-item{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #00000026;gap:10px;height:83px;padding:10px 12px}.blog-detail-page .blog-detail-related-thumb{border-radius:8px;height:63px;width:112px}.blog-detail-page .blog-detail-related-item-title{font-size:14px;line-height:1.2em}.blog-detail-page .blog-detail-related-item-date{font-size:12px}}.blog-not-found-page{align-items:flex-start;background-color:#14294d;display:flex;justify-content:center;padding:80px 0;position:relative}.blog-not-found-container{margin:0 auto;max-width:1400px;padding:0 20px;width:100%}.blog-not-found-breadcrumb{margin-bottom:40px}.blog-not-found-content{align-items:center;backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:24px;text-align:center}.blog-not-found-title{color:#fff;font-family:Outfit,sans-serif;font-size:26px;font-weight:700;line-height:1.2;margin:0 0 40px}.blog-not-found-icon{align-items:center;display:flex;justify-content:center;margin-bottom:50px}.blog-not-found-icon img{height:120px;object-fit:contain;width:120px}.blog-not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.blog-not-found-button{border:none;border-radius:8px;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;padding:14px 32px;transition:all .3s ease;width:200px}.blog-not-found-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.blog-not-found-button:active{transform:translateY(0)}.blog-not-found-button-primary{background:#0072ff;color:#fff}.blog-not-found-button-primary:hover{background:#0056cc}.blog-not-found-button-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.blog-not-found-button-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.blog-not-found-page{padding:50px 0 60px}.blog-not-found-container{padding:0 16px}.blog-not-found-breadcrumb{margin-bottom:24px}.blog-not-found-title{font-size:20px;margin-bottom:24px}.blog-not-found-icon{margin-bottom:24px}.blog-not-found-icon img{height:80px;width:80px}.blog-not-found-actions{flex-direction:column;gap:12px;max-width:320px;width:100%}.blog-not-found-button{font-size:14px;margin:0 auto;padding:12px 24px;width:60%}}