.pixon-blog-hero{background:linear-gradient(135deg,#000000 0%,#2a2a2a 100%);padding:72px 24px 64px;text-align:center;position:relative;overflow:hidden}.pixon-blog-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgb(0 194 255 / .12) 0%,transparent 70%);pointer-events:none}.pixon-blog-hero .hero-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.pixon-blog-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2rem, 5vw, 3rem);font-weight:800;color:#fff;margin-bottom:16px;line-height:1.2}.pixon-blog-hero p{font-size:1.05rem;color:rgb(255 255 255 / .7);max-width:520px;margin:0 auto;line-height:1.7}.pixon-blog-wrap{max-width:1200px;margin:0 auto;padding:56px 24px 80px}.pixon-blog-filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:40px;border-bottom:2px solid #eee;padding-bottom:0}body.dark-mode .pixon-blog-filters{border-bottom-color:#333}.pixon-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;background:#fff0;font-size:.88rem;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid #fff0;margin-bottom:-2px;transition:all 0.2s ease;border-radius:0;font-family:'Inter',sans-serif}body.dark-mode .pixon-filter-btn{color:#aaa}.pixon-filter-btn:hover{color:var(--gold)}.pixon-filter-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.pixon-filter-btn .filter-count{display:inline-flex;align-items:center;justify-content:center;background:#f0f0f0;color:#666;font-size:.68rem;font-weight:700;width:20px;height:20px;border-radius:50%}body.dark-mode .pixon-filter-btn .filter-count{background:#333;color:#aaa}.pixon-filter-btn.active .filter-count{background:var(--gold);color:#000}.pixon-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:1024px){.pixon-blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pixon-blog-grid{grid-template-columns:1fr}.pixon-blog-wrap{padding:32px 16px 60px}.pixon-blog-hero{padding:48px 16px 40px}}.pixon-blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgb(0 0 0 / .06);display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease;position:relative}body.dark-mode .pixon-blog-card{background:#000;box-shadow:0 2px 12px rgb(0 0 0 / .3)}.pixon-blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgb(0 0 0 / .1)}body.dark-mode .pixon-blog-card:hover{box-shadow:0 12px 32px rgb(0 0 0 / .4)}.pixon-blog-card.hidden{display:none}.pixon-card-thumb-wrap{position:relative;overflow:hidden;height:210px;background:#f4f4f4;flex-shrink:0}body.dark-mode .pixon-card-thumb-wrap{background:#2a2a2a}.pixon-card-thumb-wrap a{display:block;height:100%}.pixon-card-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.pixon-blog-card:hover .pixon-card-thumb{transform:scale(1.05)}.pixon-card-thumb-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f8f8f8 0%,#efefef 100%);color:#bbb}body.dark-mode .pixon-card-thumb-placeholder{background:linear-gradient(135deg,#222 0%,#000000 100%);color:#555}.pixon-card-cat-badge{position:absolute;top:14px;left:14px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}.pixon-card-cat-badge a{display:inline-block;background:var(--gold);color:#000;font-size:.65rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:20px;text-decoration:none;transition:background 0.2s}.pixon-card-cat-badge a:hover{background:var(--gold-dark)}.pixon-card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}.pixon-card-meta{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#999;margin-bottom:10px;flex-wrap:wrap}body.dark-mode .pixon-card-meta{color:#666}.pixon-card-meta .meta-dot{width:3px;height:3px;background:var(--gold);border-radius:50%;display:inline-block;flex-shrink:0}.pixon-card-meta .meta-author{display:flex;align-items:center;gap:6px}.pixon-card-meta .meta-author img{width:20px;height:20px;border-radius:50%;object-fit:cover}.pixon-card-title{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;line-height:1.35;margin:0 0 10px}.pixon-card-title a{color:#111;text-decoration:none;transition:color 0.2s}body.dark-mode .pixon-card-title a{color:#eee}.pixon-card-title a:hover{color:var(--gold)}.pixon-card-excerpt{font-size:.88rem;line-height:1.6;color:#666;margin:0 0 16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.dark-mode .pixon-card-excerpt{color:#777}.pixon-card-footer{display:flex;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #f0f0f0}body.dark-mode .pixon-card-footer{border-top-color:#2a2a2a}.pixon-card-readmore{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;color:var(--gold);text-decoration:none;transition:gap 0.2s;white-space:nowrap}.pixon-card-readmore:hover{gap:8px}.pixon-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.pixon-card-tags span{display:inline-block;font-size:.68rem;font-weight:600;color:#888;background:#0A0A0F;padding:3px 10px;border-radius:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;letter-spacing:.01em}body.dark-mode .pixon-card-tags span{color:#777;background:#252525}.pixon-no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999;display:none}.pixon-no-results.visible{display:block}.pixon-blog-pagination{margin-top:48px;text-align:center}.pixon-blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;color:#444;margin:0 3px;border:1px solid #eee;transition:all 0.2s}.pixon-blog-pagination .page-numbers.current,.pixon-blog-pagination .page-numbers:hover{background:var(--gold);color:#000;border-color:var(--gold)}body.dark-mode .pixon-blog-pagination .page-numbers{color:#aaa;border-color:#333}