:root{--post-h2-margin-top: 3rem;--post-h2-margin-bottom: 1.17rem;--post-h2-content-margin-top: 1.17rem;--post-h3-margin-top: 2.5rem;--post-h3-margin-bottom: 1rem;--post-h3-content-margin-top: 1rem;--post-h4-margin-top: 2rem;--post-h4-margin-bottom: .83rem;--post-h4-content-margin-top: .83rem}.post-detail-page{min-height:100vh;padding-top:160px;padding-bottom:4rem;background:#fafdff}.post-detail-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.post-header-card{background:#fff;border-radius:20px;padding:2.5rem 2rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid #e9ecef;width:100%;box-sizing:border-box}.post-detail-title{font-size:2rem;font-weight:800;background:linear-gradient(90deg,#76cfc5,#ffb400);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1.2;margin:0;word-break:break-word;text-align:left;width:100%;display:block}.post-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.post-detail-tag{padding:.4rem 1rem;font-size:.9rem;font-weight:500;border:2px solid #76cfc5;border-radius:20px;background-color:#76cfc51a;color:#76cfc5}.post-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:.5rem;flex-wrap:wrap}.post-detail-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #76cfc5;flex-shrink:0;display:block;margin:0}.post-back-button{color:#d48a88;text-decoration:none;font-weight:600;font-size:1rem;transition:color .2s ease;display:inline-flex;align-items:center;gap:.5rem}.post-back-button:hover{color:#ec6664}.post-detail-meta-info{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-left:auto}.post-detail-author{font-size:1rem;font-weight:600;color:#333;line-height:1.2}.post-detail-date,.post-detail-read-time{font-size:.9rem;color:#666;line-height:1.2}.post-detail-page .post-content{background:#fff;border-radius:20px;padding:2.5rem 2rem;box-shadow:0 8px 32px #0000001a;border:1px solid #e9ecef;width:100%;box-sizing:border-box;text-align:left!important;word-break:auto-phrase;overflow-wrap:break-word}.post-detail-page .post-content p{max-width:none!important;text-align:left!important;margin-top:0!important;margin-bottom:2rem!important}.post-detail-page .post-content h2{font-size:1.75rem!important;font-weight:700!important;margin-top:3rem!important;margin-bottom:3.5rem!important;margin-left:0!important;margin-right:0!important;color:#333!important;line-height:1.3!important;text-align:left!important;display:block!important}.post-detail-page .post-content h2:first-child{margin-top:0!important}.post-detail-page .post-content h2+p,.post-detail-page .post-content h2+ul,.post-detail-page .post-content h2+ol{margin-top:3.5rem!important}.post-detail-page .post-content h3{font-size:1.5rem!important;font-weight:700!important;margin-top:2.5rem!important;margin-bottom:3rem!important;margin-left:0!important;margin-right:0!important;color:#333!important;line-height:1.3!important;text-align:left!important;display:block!important}.post-detail-page .post-content h3+p,.post-detail-page .post-content h3+ul,.post-detail-page .post-content h3+ol{margin-top:3rem!important}.post-detail-page .post-content h4{font-size:1.25rem!important;font-weight:600!important;margin-top:2rem!important;margin-bottom:2.5rem!important;margin-left:0!important;margin-right:0!important;color:#333!important;line-height:1.3!important;text-align:left!important;display:block!important}.post-detail-page .post-content h4+p,.post-detail-page .post-content h4+ul,.post-detail-page .post-content h4+ol,.post-detail-page .post-content h4+pre{margin-top:2.5rem!important}.post-detail-page .post-content ul,.post-detail-page .post-content ol{margin-top:var(--space-4, 24px)!important;text-align:left!important}.post-detail-page .post-content ul:first-child,.post-detail-page .post-content ol:first-child{margin-top:0!important}.post-detail-page .post-content li{margin-bottom:calc(var(--space-4, 24px) / 2)!important;text-align:left!important}.post-detail-page .post-content li strong{font-weight:700;color:#333}.post-detail-page .post-content li p{margin-bottom:12px!important}.post-detail-page .post-content li ul,.post-detail-page .post-content li ol{margin-bottom:12px!important;margin-left:24px!important;margin-top:12px!important}.post-detail-page .post-content li :last-child{margin-bottom:0!important}.post-detail-page .post-content li:last-child{margin-bottom:0!important}.post-detail-page .post-content strong,.post-detail-page .post-content b,.post-detail-page .post-content dt,.post-detail-page .post-content th{font-weight:700}.post-detail-page .post-content code,.post-detail-page .post-content kbd,.post-detail-page .post-content samp,.post-detail-page .post-content tt{background-color:#fff4db;border-radius:4px;color:#8a6534;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;padding:.2em .4em;word-break:break-all;overflow-wrap:anywhere}.post-detail-page .post-content code:after,.post-detail-page .post-content code:before,.post-detail-page .post-content tt:after,.post-detail-page .post-content tt:before{content:" ";letter-spacing:-.2em}.post-detail-page .post-content pre,.post-detail-page .post-content pre.astro-code,.post-detail-page .post-content pre[class*=astro-code],.post-detail-page .post-content pre[style*=background-color]{background:#f5f5f5!important;border-radius:8px!important;font-size:.875rem!important;line-height:1.5!important;margin:0 0 24px!important;padding:24px!important;overflow-x:auto!important;white-space:pre!important;word-wrap:normal!important;word-break:normal!important}.post-detail-page .post-content pre code,.post-detail-page .post-content pre.astro-code code,.post-detail-page .post-content pre[class*=astro-code] code,.post-detail-page .post-content pre[style*=background-color] code{background:transparent!important;color:#333!important;padding:0!important;font-size:inherit!important}.post-detail-page .post-content pre code span,.post-detail-page .post-content pre.astro-code code span,.post-detail-page .post-content pre[class*=astro-code] code span,.post-detail-page .post-content pre code span[style],.post-detail-page .post-content pre.astro-code code span[style]{color:#333!important}.post-detail-page .post-content pre code:after,.post-detail-page .post-content pre code:before,.post-detail-page .post-content pre tt:after,.post-detail-page .post-content pre tt:before{content:none}.post-detail-page .post-content blockquote{border-left:4px solid #76cfc5;padding-left:1rem;margin:24px 0!important;color:#666;font-style:italic;text-align:left!important}.post-detail-page .post-content blockquote :last-child{margin-bottom:0}.post-detail-page .post-content hr{background:#0003;border:none;box-sizing:content-box;height:1px;margin:24px 0!important;overflow:visible;padding:0}.post-detail-page .post-content img{border-style:none;max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.post-detail-page .post-content a{background-color:transparent;color:#7026b9;font-weight:500;text-decoration:none;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.post-detail-page .post-content a:active,.post-detail-page .post-content a:hover{outline-width:0;text-decoration:none}.post-detail-page .post-content .code-example{background:#0000000a;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.post-detail-page .post-content .code-example h4{margin-top:0;margin-bottom:1rem;font-size:1.1rem}.post-detail-page .post-content .highlight{background:#76cfc51a;border-left:4px solid #76cfc5;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:4px}.post-detail-page .post-content .highlight p{margin-bottom:0}@media(max-width:768px){.post-detail-page{padding-top:140px;padding-bottom:2rem}.post-detail-container{padding:0 1rem}.post-header-card,.post-detail-page .post-content{padding:2rem 1.5rem}.post-detail-title{font-size:1.75rem}.post-detail-page .post-content h2{font-size:1.5rem}.post-detail-page .post-content h3{font-size:1.25rem}}