.flow-input.flow-input-custom{padding:0;background:#fff;border-color:transparent;border-radius:0}.flow-input.flow-input-custom:focus-visible{outline:none}:root{--fg-color:#37352f;--fg-color-0:rgba(55,53,47,.09);--fg-color-1:rgba(55,53,47,.16);--fg-color-2:rgba(55,53,47,.4);--fg-color-3:rgba(55,53,47,.6);--fg-color-4:#000;--fg-color-5:rgba(55,53,47,.024);--fg-color-6:rgba(55,53,47,.8);--fg-color-icon:var(--fg-color);--bg-color:#fff;--bg-color-0:hsla(44,6%,50%,.15);--bg-color-1:#f7f6f3;--bg-color-2:hsla(44,6%,50%,.15);--select-color-0:#2eaadc;--select-color-1:rgba(45,170,219,.3);--select-color-2:#d9eff8}.blog-detail{width:100%;--content-max-width:768px}.blog-detail-main{margin:30px auto 0;max-width:var(--max-width);width:var(--min-width)}.blog-detail-breadcrumb .ant-breadcrumb-link{color:#4e5969;font-size:14px;font-weight:400;line-height:22px}.blog-detail-header{margin-top:20px;font-size:16px;line-height:28px;color:#374151}.blog-detail-header-category{line-height:30px;font-size:16px;font-weight:500;color:#4f46e5;transition:opacity .2s ease-in}.blog-detail-header-category:hover{color:#4f46e5;opacity:.9}.blog-detail-header-title{margin-top:10px;font-size:60px;font-weight:700;line-height:1.2;color:#111827}.blog-detail-header-info{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;font-size:16px}.blog-detail-header-avatar{width:24px;height:24px;border-radius:24px;margin-right:8px}.blog-detail-header-author{font-weight:500;color:#111827;line-height:24px;font-size:16px}.blog-detail-header-dot{margin:0 8px;color:#6b7280}.blog-detail-header-text{color:#6b7280;font-size:14px}.blog-detail-image{margin-top:32px;aspect-ratio:16/9;width:100%;height:auto;overflow:hidden;border-radius:12px;object-fit:cover}.blog-detail-content{padding:40px 0 48px;margin:0 auto;max-width:var(--content-max-width);color:#374151;overflow-wrap:anywhere;font-size:16px;line-height:1.5;caret-color:var(--fg-color);font-size:1.125rem!important;line-height:1.75rem!important;color:#000}.blog-detail-content>*{padding:3px 0}.blog-detail-content *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.blog-detail-content ::selection{background:var(--select-color-1)}.blog-detail-content :focus{outline:0}.blog-detail-content b{font-weight:600}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4,.blog-detail-content h5,.blog-detail-content h6{position:relative;display:inline-block;font-weight:600;line-height:1.3;padding:3px 2px;margin-bottom:1px;max-width:100%;white-space:pre-wrap;word-break:break-word}.blog-detail-content h1{font-size:1.875em;margin-top:1.08em}.blog-detail-content h1:first-child{margin-top:0}.blog-detail-content h2{font-size:1.5em;margin-top:1.1em}.blog-detail-content h3{font-size:1.25em;margin-top:1em;font-weight:500}.blog-detail-content figure img{width:100%}.blog-detail-content figcaption{padding:6px 0 6px 2px;white-space:pre-wrap;word-break:break-word;caret-color:var(--fg-color);font-size:14px;line-height:1.4;color:var(--fg-color-3)}.blog-detail-content blockquote{display:block;width:100%;white-space:pre-wrap;word-break:break-word;border-left:3px solid;padding:.2em .9em;margin:6px 0;font-size:16px}.blog-detail-content a{color:inherit;word-break:break-word;text-decoration:inherit;border-bottom:.05em solid;border-color:var(--fg-color-2);opacity:.7;transition:border-color .1s ease-in,opacity .1s ease-in}.blog-detail-content a:hover{border-color:var(--fg-color-6);opacity:1}.blog-detail-content p{width:100%;white-space:pre-wrap;word-break:break-word;padding:3px 2px;margin:10px 0}.blog-detail-content p:first-child{margin-top:2px}.blog-detail-content table{border-collapse:collapse;font-size:16px}.blog-detail-content table p{margin-bottom:0}.blog-detail-content table th{font-weight:600}.blog-detail-content table td,.blog-detail-content table th{padding:6px 13px;border:1px solid #d0d7de}.blog-detail-content table td>:last-child{margin-bottom:0}.blog-detail-content table tr{background-color:#fff;border-top:1px solid #d8dee4}.blog-detail-content table tr:nth-child(2n){background-color:#f6f8fa}.blog-detail-content table img{background-color:transparent}.blog-detail-content hr{width:100%;margin:6px 0;padding:0;border-top:1px solid var(--fg-color-0)}.blog-detail-content ol,.blog-detail-content ul{margin:0;-webkit-margin-before:.6em;margin-block-start:.6em;-webkit-margin-after:.6em;margin-block-end:.6em;max-width:100%}.blog-detail-content ol li,.blog-detail-content ul li{padding:6px 0;white-space:pre-wrap}.blog-detail-content ol li p,.blog-detail-content ul li p{margin:0}.blog-detail-content ul{list-style-type:disc;-webkit-padding-start:1.7em;padding-inline-start:1.7em;margin-top:0;margin-bottom:0}.blog-detail-content ul li{padding-left:.1em}.blog-detail-content ol{list-style-type:decimal;-webkit-padding-start:1.6em;padding-inline-start:1.6em;margin-top:0;margin-bottom:0}.blog-detail-content ol li{padding-left:.2em}.blog-detail-content img{margin-top:32px!important;object-fit:cover;overflow:hidden;border-radius:12px;display:block}.blog-detail-footer{width:100%;background-color:#f9fafb}.blog-detail-footer-container{max-width:var(--max-width);width:var(--min-width);margin:0 auto}.blog-detail-recommend{width:100%;padding:96px 0}.blog-detail-recommend-title{text-align:center;margin:0 auto;font-size:30px;font-weight:600;letter-spacing:-.01562em;color:#111827}.blog-detail-recommend-content{margin:64px auto 0;width:100%}.blog-detail-subscribe{margin-top:128px;width:100%}.blog-detail-subscribe-container{padding:32px 0;border-top:1px solid #f2f2f2;display:flex;justify-content:space-between;align-items:center}.blog-detail-subscribe-left{display:flex;flex-direction:column;gap:8px}.blog-detail-subscribe-right{display:flex;align-items:center;max-width:448px;gap:15px}.blog-detail-subscribe-title{font-size:14px;font-weight:600;line-height:24px;color:#111827}.blog-detail-subscribe-desc{font-size:14px;line-height:24px;color:#4b5563}.blog-detail-subscribe-input-container{flex:1 1;height:36px;border:1px solid rgba(15,22,30,.12);display:flex;border-radius:6px;background-color:#fff;transition:all .3 ease-in;overflow:hidden;padding:0 12px}.blog-detail-subscribe-input-container:hover{border-color:rgba(128,92,229,.3);box-shadow:0 6px 10px 0 rgba(128,92,229,.08)}.blog-detail-subscribe-btn{flex-shrink:0;cursor:pointer;display:inline-flex;height:36px;padding:0 12px;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(29,34,66,.12);background:#805ce5;color:#fff;font-size:14px;font-weight:600;min-width:92px}.blog-detail-subscribe-loading{width:24px;height:24px;animation:loading-rotate 1s linear infinite}@media screen and (max-width:1340px){.blog-detail-recommend-title{font-size:30px}}@media screen and (max-width:1024px){.blog-detail-header-title{font-size:30px;line-height:36px}.blog-detail-header-info{font-size:14px}.blog-detail-recommend{padding:64px 0}.blog-detail-subscribe{margin-top:32px}.blog-detail-subscribe-container{flex-direction:column;gap:12px;align-items:flex-start}}@media screen and (max-width:700px){.blog-detail-footer-container,.blog-detail-main{width:calc(100vw - 40px)}.blog-detail-footer{background:#fff}}