.ec-blog-hero{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);color:#fff;padding:72px 0 56px}.ec-blog-hero__title{font-size:36px;font-weight:800;margin-bottom:12px}.ec-blog-hero__subtitle{font-size:17px;opacity:.9;max-width:560px;margin:0 auto;line-height:1.7}.ec-blog-list{display:flex;flex-direction:column;gap:0}.ec-blog-card{padding:28px 0;border-bottom:1px solid var(--color-border)}.ec-blog-card:first-child{padding-top:0}.ec-blog-card__meta{margin-bottom:8px}.ec-blog-card__category{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--color-primary);letter-spacing:.5px}.ec-blog-card__title{font-size:22px;font-weight:700;margin-bottom:8px;line-height:1.3}.ec-blog-card__title a{color:var(--color-text);-webkit-text-decoration:none;text-decoration:none;transition:color var(--duration-hover) var(--ease-default)}.ec-blog-card__title a:hover{color:var(--color-primary)}.ec-blog-card__attr{font-size:13px;color:var(--color-text-muted);margin-bottom:12px}.ec-blog-card__attr a{color:var(--color-text-muted)}.ec-blog-card__attr a:hover{color:var(--color-primary)}.ec-blog-card__excerpt{font-size:15px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:12px}.ec-blog-card__readmore{font-size:14px;font-weight:600;color:var(--color-primary);display:inline-block;margin-bottom:16px}.ec-blog-card__readmore:hover{color:var(--color-primary-dark)}.ec-blog-card__footer{font-size:12px;color:var(--color-text-muted);display:flex;gap:16px}.ec-blog-card__footer a{color:var(--color-text-muted)}.ec-blog-card__footer a:hover{color:var(--color-primary)}.ec-sidebar{position:sticky;top:100px}.ec-sidebar__title{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:12px}.ec-sidebar__divider{height:2px;background:var(--color-primary);width:40px;margin-bottom:20px}.ec-sidebar__recent{list-style:none;padding:0;margin:0}.ec-sidebar__recent-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.ec-sidebar__recent-item:last-child{border-bottom:none}.ec-sidebar__date-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);line-height:1}.ec-sidebar__date-day{font-size:18px;font-weight:700}.ec-sidebar__date-month{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.ec-sidebar__recent-item a{font-size:14px;color:var(--color-text-secondary);line-height:1.4;transition:color var(--duration-hover) var(--ease-default)}.ec-sidebar__recent-item a:hover{color:var(--color-primary)}.ec-blog-detail__category{margin-bottom:12px}.ec-blog-detail__category a{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--color-primary);letter-spacing:.5px}.ec-blog-detail__title{font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px}.ec-blog-detail__divider{height:2px;background:var(--color-primary);width:60px;margin-bottom:12px}.ec-blog-detail__attr{font-size:14px;color:var(--color-text-muted);margin-bottom:32px}.ec-blog-detail__attr a{color:var(--color-text-muted)}.ec-blog-detail__attr a:hover{color:var(--color-primary)}.ec-blog-detail__content{font-size:16px;line-height:1.8;color:var(--color-text-secondary);margin-bottom:32px}.ec-blog-detail__content h2{font-size:24px;margin-top:32px;margin-bottom:16px}.ec-blog-detail__content h3{font-size:20px;margin-top:24px;margin-bottom:12px}.ec-blog-detail__content p{margin-bottom:16px}.ec-blog-detail__content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:16px 0}.ec-blog-detail__content ol,.ec-blog-detail__content ul{margin-bottom:16px;padding-left:24px}.ec-blog-detail__content li{margin-bottom:8px}.ec-blog-share{margin-bottom:24px}.ec-blog-share__divider{height:1px;background:var(--color-border);margin-bottom:16px}.ec-blog-share__label{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-right:12px}.ec-blog-share__link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg-alt);color:var(--color-text-muted);margin-right:8px;transition:all var(--duration-hover) var(--ease-default)}.ec-blog-share__link:hover{background-color:var(--color-primary);color:#fff}.ec-blog-detail__meta-footer{font-size:13px;color:var(--color-text-muted);padding:16px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:24px}.ec-blog-detail__meta-footer a{color:var(--color-text-muted)}.ec-blog-detail__meta-footer a:hover{color:var(--color-primary)}.ec-blog-author{background-color:var(--color-bg-alt);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.ec-blog-author__avatar{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.ec-blog-author__name{font-size:16px;font-weight:700;margin-bottom:4px}.ec-blog-author__intro{font-size:14px;color:var(--color-text-muted);line-height:1.5;margin:0}.ec-blog-nav{margin-bottom:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.ec-blog-nav__next,.ec-blog-nav__prev{padding:16px 20px}.ec-blog-nav__prev{border-right:1px solid var(--color-border)}.ec-blog-nav__next{text-align:right}.ec-blog-nav__direction{display:block;font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.ec-blog-nav__title{font-size:14px;font-weight:600;color:var(--color-text);transition:color var(--duration-hover) var(--ease-default)}.ec-blog-nav a:hover .ec-blog-nav__title{color:var(--color-primary)}.ec-blog-nav a{-webkit-text-decoration:none;text-decoration:none;display:block}.ec-blog-reply{padding-top:8px}.ec-blog-reply__title{font-size:22px;font-weight:700;margin-bottom:16px}.ec-blog-reply__note{font-size:13px;color:var(--color-text-muted);margin-bottom:8px}@media (max-width:768px){.ec-blog-hero{padding:56px 0 40px}.ec-blog-hero__title{font-size:28px}.ec-blog-detail__title{font-size:24px}.ec-blog-nav__prev{border-right:none;border-bottom:1px solid var(--color-border)}.ec-blog-nav__next{text-align:left}}