.blog-layout{display:grid;grid-template-columns:1fr 260px;gap:32px;max-width:var(--container-page);margin:0 auto;padding:32px var(--page-gutter)}@media(max-width: 860px){.blog-layout{grid-template-columns:1fr;gap:16px}.blog-sidebar{order:-1;position:static}}.blog-page-header{padding:28px var(--page-gutter) 0;max-width:var(--container-page);margin:0 auto}.blog-page-header h1{font-size:1.5rem;font-weight:800;color:var(--blog-text);margin-bottom:4px}.blog-page-header p{font-size:.9rem;color:var(--blog-text-secondary)}.blog-page-header a{color:var(--blog-accent);text-decoration:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px}@media(max-width: 860px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--blog-surface);border-radius:var(--blog-radius-card);border:1.5px solid var(--blog-border);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;text-decoration:none;color:inherit}.blog-card:hover{box-shadow:var(--blog-shadow-hover);border-color:var(--blog-border-hover)}.blog-card-img{aspect-ratio:16/9;overflow:hidden;background:var(--blog-surface-alt);flex-shrink:0}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;display:block}.blog-card:hover .blog-card-img img{transform:scale(1.03)}.blog-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--blog-muted);font-size:2rem}.blog-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.blog-card-cat{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blog-accent);margin-bottom:6px}.blog-card-title{font-size:1rem;font-weight:700;color:var(--blog-text);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.82rem;color:var(--blog-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:12px}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--blog-muted);margin-top:auto;padding-top:10px;border-top:1px solid var(--blog-border)}.blog-card-meta .sep{opacity:.4}.read-time-badge{background:var(--blog-surface-alt);padding:2px 7px;border-radius:10px;font-size:.7rem;font-weight:600;color:var(--blog-text-secondary);margin-left:auto}.blog-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:32px}.blog-pagination a,.blog-pagination span{padding:7px 14px;border-radius:var(--blog-radius-btn);font-size:.85rem;font-weight:600;text-decoration:none;border:1.5px solid var(--blog-border);color:var(--blog-text-secondary);background:var(--blog-surface);transition:all .15s}.blog-pagination a:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.blog-pagination span.active{background:var(--blog-accent);color:var(--blog-on-accent);border-color:var(--blog-accent)}.blog-pagination span.ellipsis{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);padding-left:4px;padding-right:4px}.blog-empty{text-align:center;padding:60px 20px;color:var(--blog-muted)}.blog-empty h2{font-size:1.1rem;color:var(--blog-text-secondary);margin-bottom:8px}.blog-sidebar{position:sticky;top:80px;align-self:start}.sidebar-block{background:var(--blog-surface);border-radius:var(--blog-radius-card);border:1.5px solid var(--blog-border);padding:18px;margin-bottom:16px}.sidebar-block-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--blog-muted);margin-bottom:12px}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0;margin:0}.sidebar-menu a{display:block;padding:7px 10px;border-radius:var(--blog-radius-sm);font-size:.88rem;color:var(--blog-text-secondary);text-decoration:none;transition:all .15s;font-weight:500}.sidebar-menu a:hover{background:var(--blog-surface-alt);color:var(--blog-text)}.sidebar-menu a.active{background:var(--blog-accent-light);color:var(--blog-accent);font-weight:700}@media(max-width: 860px){.sidebar-block-title{cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;margin-bottom:0}.sidebar-block-title::after{content:"";display:inline-block;width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid currentColor;opacity:.4;transition:transform .2s;flex-shrink:0}.sidebar-block.is-collapsed .sidebar-block-title::after{transform:rotate(-90deg)}.sidebar-block.is-collapsed>*:not(.sidebar-block-title){display:none}.sidebar-block:not(.is-collapsed) .sidebar-block-title{margin-bottom:10px}}.sbc-accordion{display:flex;flex-direction:column;gap:1px}.sbc-flat-link{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--blog-radius-sm);font-size:.86rem;font-weight:500;color:var(--blog-text-secondary);text-decoration:none;transition:background .12s,color .12s}.sbc-flat-link:hover{background:var(--blog-surface-alt);color:var(--blog-text)}.sbc-flat-link.is-active{background:var(--blog-accent-light);color:var(--blog-accent);font-weight:700}.sbc-group{border-radius:var(--blog-radius-sm);overflow:hidden}.sbc-group-hd{display:flex;align-items:center;border-radius:var(--blog-radius-sm);transition:background .12s}.sbc-group-hd:has(.sbc-toggle:hover){background:var(--blog-surface-alt)}.sbc-group-label{flex:1;display:flex;align-items:center;justify-content:space-between;padding:8px 6px 8px 10px;font-size:.86rem;font-weight:600;color:var(--blog-text-secondary);text-decoration:none;transition:color .12s;gap:6px}a.sbc-group-label:hover{color:var(--blog-text)}.sbc-group-label:not(a){cursor:default}.sbc-group-label.is-active{color:var(--blog-accent);font-weight:700}.sbc-group.is-open>.sbc-group-hd{background:var(--blog-surface-alt);border-radius:var(--blog-radius-sm) var(--blog-radius-sm) 0 0}.sbc-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:34px;background:none;border:none;cursor:pointer;color:var(--blog-muted);border-radius:0 var(--blog-radius-sm) var(--blog-radius-sm) 0;transition:color .12s,background .12s}.sbc-toggle:hover{color:var(--blog-accent);background:var(--blog-accent-light)}.sbc-toggle svg{transition:transform .2s}.sbc-group.is-open .sbc-toggle svg{transform:rotate(180deg)}.sbc-children{list-style:none;padding:4px 0;background:var(--blog-surface-alt);border-radius:0 0 var(--blog-radius-sm) var(--blog-radius-sm);border-top:1px solid var(--blog-border);margin:0}.sbc-child-link{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 7px 18px;font-size:.83rem;font-weight:500;color:var(--blog-text-secondary);text-decoration:none;transition:background .12s,color .12s;gap:6px}.sbc-child-link:hover{background:var(--blog-accent-light);color:var(--blog-accent)}.sbc-child-link.is-active{color:var(--blog-accent);font-weight:700}.sbc-children li.is-sub .sbc-child-link{padding-left:28px;font-size:.8rem;color:var(--blog-muted)}.sbc-children li.is-sub .sbc-child-link::before{content:"↳";opacity:.45;flex-shrink:0;font-size:.75rem}.sbc-count{font-size:.72rem;opacity:.55;font-weight:400;margin-left:auto;flex-shrink:0}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--blog-accent);z-index:9999;transition:width .1s linear;width:0}.article-wrap{background:var(--blog-surface);border-radius:var(--blog-radius-card);border:1.5px solid var(--blog-border);overflow:hidden}.article-featured-img{width:100%;aspect-ratio:16/6;object-fit:cover;display:block}.article-body{padding:28px 36px}@media(max-width: 640px){.article-body{padding:20px 16px}}.article-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.78rem;color:var(--blog-muted);margin-bottom:16px}.article-breadcrumb a{color:var(--blog-text-secondary);text-decoration:none}.article-breadcrumb a:hover{color:var(--blog-accent)}.article-breadcrumb .sep{opacity:.4}.article-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.article-cat-tag{display:inline-block;padding:3px 10px;background:var(--blog-accent-light);color:var(--blog-accent);border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}.article-title{font-size:1.9rem;font-weight:800;line-height:1.25;color:var(--blog-text);margin-bottom:14px}@media(max-width: 640px){.article-title{font-size:1.4rem}}.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.82rem;color:var(--blog-muted);padding-bottom:20px;border-bottom:1.5px solid var(--blog-border);margin-bottom:24px}.article-meta .sep{opacity:.4}.article-meta-author{font-weight:600;color:var(--blog-text-secondary)}.article-content{font-size:1rem;line-height:1.75;color:var(--blog-text)}.article-content h2{font-size:1.35rem;font-weight:800;margin:32px 0 12px;color:var(--blog-text)}.article-content h3{font-size:1.1rem;font-weight:700;margin:24px 0 10px}.article-content p{margin-bottom:16px}.article-content ul,.article-content ol{margin:0 0 16px 20px;padding:0}.article-content li{margin-bottom:6px}.article-content img{max-width:100%;border-radius:8px;margin:16px 0;display:block}.article-content a{color:var(--blog-accent)}.article-content a:hover{text-decoration:none}.article-content .button,.article-content button.button{display:inline-block;padding:11px 22px;border-radius:var(--blog-radius-btn);font-size:.9rem;line-height:inherit;font-weight:700;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s,transform .1s;background:var(--blog-btn-bg);color:var(--blog-btn-fg)}.article-content .button:hover,.article-content button.button:hover{opacity:.88;transform:translateY(-1px);background:var(--blog-btn-bg-hover);color:var(--blog-btn-fg);text-decoration:none}.article-content .button2,.article-content button.button2{display:inline-block;padding:15px 32px;border:2px solid #f44336;border-radius:0;color:#1e2229;font-size:16px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;text-align:center;text-decoration:none;margin:4px 2px;cursor:pointer;transition:background-color .15s,color .15s}.article-content .button2:hover,.article-content button.button2:hover{background-color:#f44336;color:#fff;text-decoration:none}.blog-topvente{margin:32px 0;padding:20px;border:1px solid var(--blog-border);border-radius:12px;background:var(--c-surface, #fff)}.blog-topvente__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.blog-topvente__title{margin:0;font-size:1.15rem;font-weight:800;color:var(--c-text)}.blog-topvente__all{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:.85rem;font-weight:700;text-decoration:none;color:var(--c-accent) !important}.blog-topvente__all i{font-size:14px}.blog-topvente__all:hover{text-decoration:underline}.blog-topvente__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:14px}.bt-card{display:flex;flex-direction:column;gap:8px;padding:12px;text-align:center;background:#fff;border:1px solid var(--blog-border);border-radius:10px}.bt-card__media{display:flex;align-items:center;justify-content:center;height:120px}.bt-card__media img{max-width:100%;max-height:120px;object-fit:contain}.bt-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em;line-height:1.35;font-size:.8rem;font-weight:600;text-decoration:none;color:var(--c-text) !important}.bt-card__name:hover{color:var(--c-accent) !important}.bt-card__price{font-size:1rem;font-weight:800;color:var(--c-text)}.bt-card__buy{margin-top:auto;display:block;padding:9px 12px;border-radius:6px;font-size:.85rem;font-weight:800;text-decoration:none;background:var(--c-accent);color:var(--c-on-accent) !important;transition:background .15s}.bt-card__buy:hover{background:var(--c-accent-dark)}@media(min-width: 721px){.blog-topvente__grid:has(.bt-card:only-child){grid-template-columns:minmax(0, 220px);justify-content:center}.blog-topvente__grid:has(.bt-card:first-child:nth-last-child(2)){grid-template-columns:repeat(2, minmax(0, 220px));justify-content:center}.blog-topvente__grid:has(.bt-card:first-child:nth-last-child(3)){grid-template-columns:repeat(3, minmax(0, 220px));justify-content:center}}@media(max-width: 720px){.blog-topvente__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 420px){.blog-topvente__grid{grid-template-columns:1fr}}.article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.article-content th,.article-content td{padding:9px 12px;border:1px solid var(--blog-border);text-align:left}.article-content th{background:var(--blog-surface-alt);font-weight:700}.article-content blockquote{border-left:3px solid var(--blog-accent);padding:12px 16px;margin:16px 0;background:var(--blog-surface-alt);border-radius:0 6px 6px 0;font-style:italic;color:var(--blog-text-secondary)}.article-content pre{background:var(--blog-pre-bg);color:var(--blog-pre-fg);padding:16px;border-radius:8px;overflow-x:auto;font-size:.85rem;margin:16px 0}.article-content code{background:var(--blog-surface-alt);padding:2px 6px;border-radius:4px;font-size:.88em;color:var(--blog-accent)}.article-content pre code{background:none;color:inherit;padding:0}.article-footer{padding:20px 36px 28px;border-top:1.5px solid var(--blog-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.article-share{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--blog-text-secondary)}.share-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--blog-radius-btn);font-size:.8rem;font-weight:600;text-decoration:none;border:1.5px solid var(--blog-border);color:var(--blog-text-secondary);background:var(--blog-surface);cursor:pointer;transition:all .15s}.share-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.article-nav{display:flex;gap:8px}.article-nav a{font-size:.82rem;font-weight:600;color:var(--blog-accent);text-decoration:none}.article-nav a:hover{text-decoration:underline}.toc-link.active{color:var(--blog-accent);font-weight:700}.related-articles{margin-top:24px}.related-title{font-size:1rem;font-weight:800;margin-bottom:16px;color:var(--blog-text)}.related-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}@media(max-width: 640px){.related-grid{grid-template-columns:1fr}}