.blog-detail{--blog-accent:#12715b;--blog-accent-dark:#0e5a49}.blog-detail .blog-layout{display:block}@media (min-width:1024px){.blog-detail .blog-layout{grid-template-columns:286px minmax(0,1fr);align-items:start;gap:3.5rem;display:grid}}.blog-detail .blog-content h1,.blog-detail .blog-content h2{scroll-margin-top:96px}.blog-detail .blog-hero{isolation:isolate;margin-top:72px;position:relative;overflow:hidden}.blog-detail .blog-hero__img{z-index:0;position:absolute;inset:0}.blog-detail .blog-hero__img img{object-fit:cover;width:100%;height:100%;transform:scale(1.02)}.blog-detail .blog-hero__overlay{z-index:1;background:linear-gradient(#06161259 0%,#06161240 30%,#06161299 62%,#061612eb 100%);position:absolute;inset:0}.blog-detail .blog-hero__inner{z-index:2;color:#fff;flex-direction:column;justify-content:space-between;min-height:clamp(360px,52vh,560px);padding-top:1.6rem;padding-bottom:2.6rem;display:flex;position:relative}.blog-detail .blog-hero__crumb{color:#ffffffd1;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:flex}.blog-detail .blog-hero__crumb a{color:#ffffffd1;text-decoration:none;transition:color .15s}.blog-detail .blog-hero__crumb a:hover{color:#fff}.blog-detail .blog-hero__crumb .sep{opacity:.5}.blog-detail .blog-hero__crumb .cur{color:#fff;opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.blog-detail .blog-hero__cat{background:var(--blog-accent);color:#fff;letter-spacing:.07em;border-radius:999px;margin-bottom:1.1rem;padding:.4rem .85rem;font-size:.7rem;font-weight:700;display:inline-block;box-shadow:0 6px 18px #12715b73}.blog-detail .blog-hero__title{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 20px #00000040;max-width:880px;margin:0;font-size:clamp(1.7rem,3.6vw,2.95rem);font-weight:800;line-height:1.16}.blog-detail .blog-hero__meta{color:#ffffffe6;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.15rem;font-size:.9rem;display:flex}.blog-detail .blog-hero__meta .m-item{align-items:center;gap:.4rem;display:inline-flex}.blog-detail .blog-hero__meta .avatar{background:var(--blog-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;display:inline-flex}.blog-detail .blog-hero__meta .dot{background:#ffffff73;border-radius:50%;width:4px;height:4px}@media (max-width:600px){.blog-detail .blog-hero__inner{min-height:320px;padding-bottom:2rem}}.blog-detail .blog-sidebar{display:none}@media (min-width:1024px){.blog-detail .blog-sidebar{align-self:start;max-height:calc(100vh - 120px);padding-right:4px;display:block;position:sticky;top:96px;overflow-y:auto}.blog-detail .blog-sidebar::-webkit-scrollbar{width:4px}.blog-detail .blog-sidebar::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}}.blog-detail .sb-card{background:#fff;border:1px solid #00000012;border-radius:16px;margin-bottom:1rem;padding:1.15rem 1.25rem}.uc-dark .blog-detail .sb-card,.dark .blog-detail .sb-card{background:#1f2937;border-color:#ffffff14}.blog-detail .sb-title{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-accent);align-items:center;gap:.45rem;margin:0 0 .85rem;font-size:.72rem;font-weight:700;display:flex}.uc-dark .blog-detail .sb-title{color:#4ade80}.blog-detail .blog-toc ul{margin:0;padding:0;list-style:none}.blog-detail .blog-toc li{margin:0}.blog-detail .toc-link{color:#6b7280;border-left:2px solid #e5e7eb;padding:.4rem 0 .4rem .9rem;font-size:.86rem;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s;display:block}.uc-dark .blog-detail .toc-link{color:#9ca3af;border-left-color:#374151}.blog-detail .toc-link:hover{color:var(--blog-accent)}.blog-detail .toc-link.active{color:var(--blog-accent);border-left-color:var(--blog-accent);font-weight:600}.uc-dark .blog-detail .toc-link.active{color:#4ade80;border-left-color:#4ade80}.blog-detail .sb-share{flex-wrap:wrap;gap:.5rem;display:flex}.blog-detail .blog-share-float{display:none}@media (min-width:1440px){.blog-detail .blog-share-float{z-index:30;background:#fff;border:1px solid #00000012;border-radius:999px;flex-direction:column;align-items:center;gap:.7rem;padding:.9rem .65rem;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%);box-shadow:0 12px 34px #0000001f}.uc-dark .blog-detail .blog-share-float,.dark .blog-detail .blog-share-float{background:#1f2937;border-color:#ffffff14;box-shadow:0 12px 34px #0006}}.blog-detail .blog-share-float .bsf-list{flex-direction:column;gap:.55rem;display:flex}.blog-detail .share-btn{color:#374151;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.uc-dark .blog-detail .share-btn{color:#e5e7eb;border-color:#ffffff2e}.blog-detail .share-btn:hover{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff;transform:translateY(-2px)}.blog-detail .share-btn--gpt:hover{color:#fff;background:#10a37f;border-color:#10a37f}.blog-detail .blog-listen .sb-title .bl-ico{flex:none;width:16px;height:16px}.blog-detail .bl-controls{align-items:center;gap:.5rem;display:flex}.blog-detail .bl-btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;transition:background .18s,transform .18s,opacity .18s;display:inline-flex}.blog-detail .bl-btn .bl-ico{flex:none;width:18px;height:18px}.blog-detail .bl-btn--main{color:#fff;background:linear-gradient(135deg,var(--blog-accent),var(--blog-accent-dark));flex:1;padding:.6rem 1rem;box-shadow:0 6px 18px #12715b40}.blog-detail .bl-btn--main:hover{transform:translateY(-1px)}.blog-detail .bl-btn--stop{color:#374151;background:#0000000d;flex:none;width:38px;height:38px}.uc-dark .blog-detail .bl-btn--stop,.dark .blog-detail .bl-btn--stop{color:#e5e7eb;background:#ffffff14}.blog-detail .bl-btn--stop:hover{color:#ef4444}.blog-detail .bl-progress{background:#00000014;border-radius:999px;height:4px;margin-top:.7rem;overflow:hidden}.uc-dark .blog-detail .bl-progress,.dark .blog-detail .bl-progress{background:#ffffff1f}.blog-detail .bl-progress span{background:var(--blog-accent);height:100%;transition:width .3s;display:block}.blog-detail .bl-note{color:#6b7280;margin:0;font-size:.8rem;line-height:1.5}.blog-detail .blog-cta{color:#fff;background:linear-gradient(135deg,var(--blog-accent),var(--blog-accent-dark));border-radius:16px;padding:1.4rem 1.3rem;box-shadow:0 10px 30px #12715b47}.blog-detail .blog-cta h5{color:#fff;margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.blog-detail .blog-cta p{color:#ffffffe6;margin:0 0 1rem;font-size:.85rem;line-height:1.5}.blog-detail .cta-btn{text-align:center;color:var(--blog-accent);background:#fff;border-radius:999px;padding:.7rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block}.blog-detail .cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.blog-detail .post-foot{border-top:1px solid #00000014;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.5rem;padding:1.4rem 0;display:flex}.uc-dark .blog-detail .post-foot{border-top-color:#ffffff1a}.blog-detail .post-foot .foot-label{margin-right:.25rem;font-weight:600}.blog-detail .post-related{border-top:1px solid #00000014;margin-top:2.5rem;padding-top:2rem}.uc-dark .blog-detail .post-related{border-top-color:#ffffff1a}