.post-layout-header{height:64px;width:100vw}.post-layout-header .layout-header-ceiling{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);height:64px;width:100vw}.post-layout-header .layout-header-ceiling .header-wraper{align-items:center;display:flex;height:100%;margin:0 auto;max-width:1200px;padding:0}.post-layout-header .layout-header-ceiling .navbar .navbar-brand{align-items:center;display:flex;height:28px}.post-layout-header .layout-header-ceiling .header-wraper .to-app-btn{align-items:center;background:#7f66ff;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:9px 24px}.post-layout-header .layout-header-ceiling .header-wraper .to-app-btn:hover{opacity:.8}@media (max-width:992px){.post-layout-header .layout-header-ceiling{left:0;position:fixed;top:0;z-index:9999}}#post-banner{background:linear-gradient(90deg,#eae6ff,#e7efff);height:356px;text-align:center;width:100%}#post-banner h1{word-wrap:break-word;font-size:4rem}#post-banner .post-excerpt,#post-banner h1{max-width:1200px}#post-banner .to-app-btn{align-items:center;background:#7f66ff;border-radius:8px;color:#fff;display:flex;margin-top:40px;padding:16px 24px}#post-banner .to-app-btn:hover{opacity:.8}#post-banner .to-app-btn .icon{align-items:center;display:flex;margin-left:8px}@media (max-width:992px){#post-banner{padding:0 16px}}.top-banner-wraper{height:64px;width:100%}.top-banner-wraper .top-banner{align-items:center;background:#fff linear-gradient(270deg,rgba(169,102,255,.8),rgba(127,102,255,.8));border:1px solid rgba(0,0,0,.06);color:#fff;display:none;height:64px;justify-content:center;width:100%}.top-banner-wraper .top-banner.ceiling{display:flex;left:0;position:fixed;top:0;z-index:9999}.top-banner-wraper .top-banner .to-app-btn{align-items:center;background:#000;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:9px 24px}.top-banner-wraper .top-banner .to-app-btn:hover{opacity:.8}@media (max-width:992px){.top-banner-wraper{display:none}}.post-main{gap:80px}.post-main .post-aside-wraper{position:relative;width:300px}.post-main .post-aside-wraper .dir-panel{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06);border-radius:8px;display:flex;flex-direction:column;max-height:528px;overflow-y:auto;padding:24px;width:300px}.post-main .post-aside-wraper .dir-panel.ceiling{position:fixed}.post-main .post-aside-wraper .dir-panel .dir-title{font-size:14px;font-weight:500;margin:5px 12px}.post-main .post-aside-wraper .dir-panel #dir-content{display:flex;flex-direction:column;overflow-y:auto}.post-main .post-aside-wraper .dir-panel #dir-content a.dir-item{align-items:center;border-radius:4px;display:flex;margin-bottom:4px;padding:0 12px}.post-main .post-aside-wraper .dir-panel #dir-content a.dir-item .dir-text{font-size:14px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-main .post-aside-wraper .dir-panel #dir-content a.dir-item:hover{background:#fff;color:#7f66ff}.post-main .post-aside-wraper .dir-panel #dir-content a.dir-item.current{background:rgba(127,102,255,.1);color:#7f66ff}.post-main .article{max-width:800px;width:100%}.post-main .article .related-tag-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-top:64px}.post-main .article .related-tag{background:rgba(127,102,255,.1);border:1px solid transparent;border-radius:8px;color:var(--ui-primary);display:flex;gap:8px;padding:6px 16px}.post-main .article .related-tag:hover{border:1px solid #7f66ff}.post-main .article .related-tag:before{content:"#"}@media screen and (max-width:875px){.post-main .article .related-tag-wrapper{padding:0 2rem}}.post-main .article .related-wrap{margin-top:64px}.post-main .article .related-wrap .related-header{align-items:center;display:flex}.post-main .article .related-wrap .related-header:before{background:#7f66ff;content:"";height:18px;margin-right:8px;width:4px}.post-main .article .related-wrap .related-header:after{background:rgba(0,0,0,.06);content:"";height:1px;margin-left:16px;width:100%}.post-main .article .related-wrap .related-header .title{font-size:18px;font-weight:500;white-space:nowrap}.post-main .article .related-wrap .related-content{display:flex;flex-wrap:wrap;margin-top:32px}.post-main .article .related-wrap .related-content .related-card{align-items:center;border:1px solid transparent;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;margin-bottom:16px;padding:12px;width:100%}.post-main .article .related-wrap .related-content .related-card:hover{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.02) 35.42%);border:1px solid rgba(0,0,0,.06)}.post-main .article .related-wrap .related-content .related-card .img-box{margin-right:16px;max-width:168px;min-width:168px}.post-main .article .related-wrap .related-content .related-card .img-box img{aspect-ratio:16/9;border-radius:8px;-o-object-fit:cover;object-fit:cover;width:100%}.post-main .article .related-wrap .related-content .related-card .text-content{display:flex;flex-direction:column}.post-main .article .related-wrap .related-content .related-card .text-content .title{line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.post-main .article .related-wrap .related-content .related-card:hover .text-content .title{color:#7f66ff}.post-main .article .related-wrap .related-content .related-card .text-content .excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:rgba(0,0,0,.7);display:-webkit-box;font-size:12px;font-weight:400;margin-top:8px;overflow:hidden;text-overflow:ellipsis}@media (max-width:992px){.post-main .article .related-wrap .related-header:before{background:rgba(0,0,0,.06);height:1px;margin-right:20px;width:100%}.post-main .article .related-wrap .related-header:after{background:rgba(0,0,0,.06);height:1px;margin-left:20px;width:100%}.post-main .article .related-wrap .related-content{justify-content:space-between;padding:0 16px}.post-main .article .related-wrap .related-content .related-card{flex-direction:column;padding:0;width:48%}.post-main .article .related-wrap .related-content .related-card .img-box{margin-right:0;max-width:none}.post-main .article .related-wrap .related-content .related-card .text-content{width:100%}.post-main .article .related-wrap .related-content .related-card .text-content .title{font-size:14px;margin-top:8px}.post-main .article .related-wrap .related-content .related-card .text-content .excerpt{font-size:12px}.post-main .article .related-wrap .related-content .related-card:hover{background:none;border-color:transparent}}
/*# sourceMappingURL=post.css.map */