.ht-blog-list{display:flex;flex-direction:column;gap:32px}.ht-blog-item{border-bottom:1px solid var(--ht-border);padding-bottom:32px}.ht-blog-item:last-child{border-bottom:none}.ht-blog-category a{display:inline-block;font-size:var(--ht-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ht-primary);font-weight:600;margin-bottom:6px}.ht-blog-title{font-size:var(--ht-text-h3);margin-bottom:8px}.ht-blog-title a{color:var(--ht-text);-webkit-text-decoration:none;text-decoration:none}.ht-blog-title a:hover{color:var(--ht-primary)}.ht-blog-meta{font-size:var(--ht-text-sm);color:var(--ht-text-muted);margin-bottom:12px}.ht-blog-meta a{color:var(--ht-text-muted)}.ht-blog-meta a:hover{color:var(--ht-primary)}.ht-blog-excerpt{color:var(--ht-text-secondary);margin-bottom:14px;line-height:1.65}.ht-blog-footer{display:flex;justify-content:space-between;font-size:var(--ht-text-sm);color:var(--ht-text-muted);margin-top:14px;padding-top:10px;border-top:1px dotted var(--ht-border)}.ht-blog-footer a{color:var(--ht-text-muted)}.ht-sidebar{background:var(--ht-bg-alt);border-radius:var(--ht-radius-card);padding:24px}.ht-sidebar-title{font-size:var(--ht-text-h4);font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--ht-primary);display:block}.ht-recent-list{list-style:none;padding:0;margin:0}.ht-recent-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--ht-border)}.ht-recent-item:last-child{border-bottom:none}.ht-recent-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ht-primary);color:#fff;border-radius:var(--ht-radius-sm);min-width:48px;padding:6px 4px;text-align:center;flex-shrink:0}.ht-date-day{font-size:18px;font-weight:700;line-height:1}.ht-date-month{font-size:10px;text-transform:uppercase;letter-spacing:.05em;line-height:1;margin-top:2px}.ht-recent-item a{font-size:var(--ht-text-sm);color:var(--ht-text);line-height:1.4}.ht-recent-item a:hover{color:var(--ht-primary)}.ht-blog-detail-title{font-size:var(--ht-text-h1);margin-bottom:10px}.ht-blog-content{margin:24px 0 32px;line-height:1.75;color:var(--ht-text-secondary)}.ht-blog-content h2{margin-top:32px;margin-bottom:14px}.ht-blog-content h3{margin-top:24px;margin-bottom:10px}.ht-blog-content p{margin-bottom:16px}.ht-blog-content img{max-width:100%;height:auto;border-radius:var(--ht-radius-card);margin:16px 0}.ht-blog-content ol,.ht-blog-content ul{margin-bottom:16px;padding-left:24px}.ht-blog-content li{margin-bottom:6px}.ht-blog-share{display:flex;gap:12px;padding:20px 0;border-top:1px solid var(--ht-border);border-bottom:1px solid var(--ht-border);margin:24px 0}.ht-share-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ht-bg-muted);color:var(--ht-text-muted);transition:all var(--ht-duration-hover) var(--ht-ease)}.ht-share-icon:hover{background:var(--ht-primary);color:#fff}.ht-blog-entry-meta{display:flex;justify-content:space-between;font-size:var(--ht-text-sm);color:var(--ht-text-muted);margin-bottom:24px}.ht-blog-entry-meta a{color:var(--ht-text-muted)}.ht-author-box{background:var(--ht-bg-alt);border-radius:var(--ht-radius-card);padding:24px;margin-bottom:32px}.ht-author-avatar{width:64px;height:64px;-o-object-fit:cover;object-fit:cover}.ht-author-name{font-size:var(--ht-text-h4);margin-bottom:4px}.ht-author-intro{color:var(--ht-text-muted);font-size:var(--ht-text-sm);margin-bottom:0}.ht-post-nav{border-top:1px solid var(--ht-border);border-bottom:1px solid var(--ht-border);padding:20px 0;margin-bottom:32px}.ht-post-nav-label{display:block;font-size:var(--ht-text-xs);color:var(--ht-text-muted);text-transform:uppercase;margin-bottom:4px}.ht-post-nav-title{display:block;font-size:var(--ht-text-sm);color:var(--ht-text);font-weight:500}.ht-post-nav a{-webkit-text-decoration:none;text-decoration:none}.ht-post-nav a:hover .ht-post-nav-title{color:var(--ht-primary)}.ht-reply-title{font-size:var(--ht-text-h3);margin-bottom:16px}@media (max-width:991px){.ht-blog-detail-title{font-size:var(--ht-text-h2)}}