.detail-page{width:100%;box-sizing:border-box;font-family:Manrope,sans-serif}.detail-hero{margin-top:40px;padding:64px 0;background:linear-gradient(90deg,rgba(129,129,229,.4),rgba(154,230,231,.4))}.detail-hero-inner{max-width:1108px;margin:0 auto;padding:0 24px;box-sizing:border-box;display:flex;flex-direction:column}.detail-back{display:inline-flex;align-items:center;gap:8px;color:#FFFFFF;font-size:16px;font-weight:400;text-decoration:none;width:-moz-fit-content;width:fit-content}.detail-title{margin:24px 0 0;color:#FFFFFF;font-size:48px;font-weight:600;line-height:120%}.detail-meta{margin-top:16px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:400}.detail-meta-author{color:#FFFFFF}.detail-meta-name{color:#FFFFFF;opacity:.6}.detail-meta-divider{width:1px;height:16px;background:rgba(255,255,255,.4)}.detail-meta-date{color:#FFFFFF;opacity:.6}.detail-body{max-width:1108px;margin:0 auto;padding:56px 24px 0;box-sizing:border-box;display:flex;gap:60px;align-items:flex-start}.detail-article{flex:1 1;min-width:0;max-width:800px;color:#CCCCCC}.detail-article p{margin:0 0 20px;font-size:16px;font-weight:400;line-height:170%}.detail-article-image{display:block;width:100%;max-width:800px;aspect-ratio:800/450;object-fit:cover;border-radius:12px;margin:8px 0 28px}.detail-h2{margin:20px 0 16px;font-size:28px}.detail-h2,.detail-h3{color:#FFFFFF;font-weight:600;line-height:130%}.detail-h3{margin:24px 0 12px;font-size:20px}.detail-list{margin:0 0 20px;padding-left:20px;list-style:disc}.detail-list li{margin-bottom:12px;font-size:16px;font-weight:400;line-height:170%;color:#CCCCCC}.detail-list li strong{color:#FFFFFF;font-weight:600}.detail-sidebar{width:247px;flex-shrink:0}.detail-sidebar-sticky{display:flex;flex-direction:column;gap:32px}.detail-toc-title{margin:0 0 16px;color:#FFFFFF;font-size:16px;font-weight:600}.detail-toc-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:12px;max-height:240px;overflow-y:auto;padding:0 8px 0 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.detail-toc-list::-webkit-scrollbar{width:4px}.detail-toc-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:2px}.detail-toc-link--muted{color:rgba(179,179,179,.45)}.detail-toc-link{color:#B3B3B3;font-size:14px;font-weight:400;line-height:140%;text-decoration:none;transition:color .2s ease}.detail-toc-link--active,.detail-toc-link:hover{color:#FFFFFF}.detail-toc-parent{display:flex;align-items:flex-start;gap:6px;width:100%;padding:0;background:none;border:none;cursor:pointer;text-align:left}.detail-toc-caret{color:#B3B3B3;font-size:14px;line-height:20px;transform:rotate(0deg);transition:transform .2s ease;flex-shrink:0}.detail-toc-caret.open{transform:rotate(90deg)}.detail-toc-children{list-style:none;margin:12px 0 0;padding-left:20px}.detail-share{display:flex;align-items:center;gap:16px}.detail-share-label{color:#FFFFFF;font-size:16px;font-weight:600}.detail-share-icons{display:flex;gap:8px}.detail-share-btn{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;transition:background .2s ease}.detail-share-btn:hover{background:rgba(255,255,255,.12)}.detail-share-btn img,.detail-share-btn svg{width:24px;height:24px}.detail-promo{position:relative;overflow:hidden;padding:24px;border-radius:12px;background:linear-gradient(135deg,rgba(102,102,204,.45),rgba(129,129,229,.25));text-align:center}.detail-promo-vec-left{top:0;left:0}.detail-promo-vec-left,.detail-promo-vec-right{position:absolute;width:44px;opacity:.6;pointer-events:none}.detail-promo-vec-right{bottom:0;right:0}.detail-promo-title{position:relative;margin:0 0 8px;color:#F5824F;font-size:18px;font-weight:600}.detail-promo-text{position:relative;margin:0 0 16px;color:#E0E0E0;font-size:14px;font-weight:400;line-height:150%}.detail-promo-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:8px;background:#6666CC;color:#FFFFFF;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s ease}.detail-promo-btn:hover{background:#5558BB}.detail-promo-sub{position:relative;margin:12px 0 0;color:#B3B3B3;font-size:12px;font-weight:400}.detail-related{position:relative;margin-top:80px;padding:80px 24px;background:#0E0E0E;overflow:hidden}.detail-related:after,.detail-related:before{content:"";position:absolute;left:0;right:0;height:160px;pointer-events:none;z-index:0}.detail-related:before{top:0;background:linear-gradient(180deg,#181818 0,rgba(14,14,14,0))}.detail-related:after{bottom:0;background:linear-gradient(0deg,#181818 0,rgba(14,14,14,0))}.detail-related-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;box-sizing:border-box}.detail-related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:64px}.detail-related-title{margin:0;color:#FFFFFF;font-size:32px;font-weight:600}.detail-related-viewall{display:none;color:#B3B3B3;font-size:14px;font-weight:400;text-decoration:none}.detail-toc-mobile,.detail-toc-modal-overlay{display:none}.detail-cta{padding:80px 0}@media (max-width:768px){.detail-toc-mobile{display:block;position:-webkit-sticky;position:sticky;top:56px;z-index:30;padding:8px 20px;background:#181818}.detail-toc-mobile-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:8px 12px;border-radius:35px;background:rgba(255,255,255,.1);border:none;color:#FFFFFF;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;cursor:pointer}.detail-toc-modal-overlay{display:block;position:fixed;inset:0;z-index:60}.detail-toc-modal{position:absolute;top:108px;left:12px;right:12px;padding:16px 12px;border-radius:12px;background:rgba(24,24,24,.7);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(37px);backdrop-filter:blur(37px);display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow:hidden}.detail-toc-modal-head{display:flex;align-items:center;justify-content:space-between}.detail-toc-modal-title{display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;font-size:18px;font-weight:600}.detail-toc-modal-close{background:none;border:none;color:#FFFFFF;font-size:26px;line-height:1;cursor:pointer;padding:0}.detail-toc-modal .detail-toc-list{max-height:none;gap:16px;overflow-y:auto}.detail-hero{margin-top:0;padding:32px 0}.detail-hero-inner{padding:0 20px}.detail-back{font-size:16px}.detail-title{font-size:20px;margin-top:8px;line-height:130%}.detail-title-break{display:none}.detail-meta{margin-top:8px}.detail-meta-author{color:rgba(0,0,0,.7)}.detail-meta-date,.detail-meta-name{color:rgba(0,0,0,.45);opacity:1}.detail-meta-divider{background:rgba(0,0,0,.3)}.detail-body{flex-direction:column;padding:0 20px;gap:0}.detail-article{max-width:none}.detail-article p{font-size:16px;line-height:150%;color:#CCCCCC}.detail-h2{font-size:18px;margin:24px 0 16px}.detail-h3{font-size:18px;margin:16px 0 12px}.detail-list li{font-size:16px;line-height:150%}.detail-article-image{margin:16px 0}.detail-sidebar{width:100%}.detail-sidebar-sticky{position:static;gap:24px;margin-top:24px}.detail-toc{display:none}.detail-related{padding:40px 20px}.detail-related-head{margin-bottom:16px}.detail-related-title{font-size:20px}.detail-related-viewall{display:inline-flex}}.detail-article .blog-body{color:#CCCCCC}.detail-article .blog-body p{margin:0 0 20px;font-size:16px;font-weight:400;line-height:170%}.detail-article .blog-body a{color:#F5824F}.detail-article .blog-body strong{color:#FFFFFF;font-weight:600}.detail-article .blog-body [style*=color] em,.detail-article .blog-body [style*=color] strong,.detail-article .blog-body [style*=color] u{color:inherit}.detail-article .blog-heading{color:#FFFFFF;font-weight:600;line-height:130%;scroll-margin-top:100px}.detail-article .blog-heading-1,.detail-article .blog-heading-2{margin:24px 0 16px;font-size:28px}.detail-article .blog-heading-3{margin:24px 0 12px;font-size:20px}.detail-article .blog-heading-4,.detail-article .blog-heading-5,.detail-article .blog-heading-6{margin:20px 0 12px;font-size:18px}.detail-article .blog-body ol,.detail-article .blog-body ul{margin:0 0 20px;padding-left:20px}.detail-article .blog-body li{margin-bottom:12px;font-size:16px;line-height:170%;color:#CCCCCC}.detail-article .blog-body .callout,.detail-article .blog-body blockquote{margin:20px 0;padding:4px 20px;border-left:3px solid #f5824f;color:rgba(255,255,255,.75);font-style:italic}.detail-article .blog-body .callout{white-space:pre-line;font-size:16px;line-height:170%}.detail-article .blog-body code{padding:.15em .4em;border-radius:4px;background:rgba(255,255,255,.08);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em}.detail-article .blog-body pre{margin:0 0 20px;padding:16px 20px;border-radius:12px;background:#131313;overflow-x:auto}.detail-article .blog-body pre code{padding:0;background:none}.detail-article .blog-figure{margin:8px 0 28px}.detail-article .blog-figure-img{display:block;width:100%;max-width:800px;height:auto;border-radius:12px}.detail-article .blog-figure-caption{margin-top:8px;color:#B3B3B3;font-size:13px}.detail-toc-level-3{padding-left:16px}.detail-toc-level-4{padding-left:32px}.detail-toc-level-5,.detail-toc-level-6{padding-left:48px}@media (max-width:768px){.detail-article .blog-body li,.detail-article .blog-body p{font-size:16px;line-height:150%}.detail-article .blog-heading-1,.detail-article .blog-heading-2,.detail-article .blog-heading-3,.detail-article .blog-heading-4{font-size:18px}.detail-article .blog-figure{margin:16px 0}}