.blog-root{--bg: var(--bg-primary);--text-hi: #E8E8EE;--text-mid: #A5ACBE;--text-low: #8E94A8;--card-bg: #171A26;--card-border: rgba(148, 163, 184, .14);--card-border-hover: rgba(148, 163, 184, .3);--ink: #818CF8;--ink-2: #22D3EE;--grad: linear-gradient(120deg, #818CF8, #22D3EE);padding:var(--space-xl) 0 calc(var(--space-3xl) * 1.5)}[data-theme=light] .blog-root{--text-hi: #0F172A;--text-mid: #475569;--text-low: #64748B;--card-bg: #FFFFFF;--card-border: rgba(15, 23, 42, .14);--card-border-hover: rgba(15, 23, 42, .3);--ink: #4F46E5;--ink-2: #0284C7;--grad: linear-gradient(120deg, #4F46E5, #0284C7)}.blog-inner{max-width:1360px;margin:0 auto;padding:0 var(--space-lg)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-low);margin-bottom:var(--space-xl)}.breadcrumb a{color:var(--text-mid)}.breadcrumb a:hover{color:var(--ink)}.breadcrumb-current{color:var(--text-hi);font-weight:500}.page-header{margin-bottom:var(--space-2xl)}.page-header h1{font-size:clamp(32px,4vw,44px);font-weight:700;letter-spacing:-1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.page-header p{font-size:16px;color:var(--text-mid);margin-top:var(--space-sm);max-width:640px;line-height:1.6}.featured-card{position:relative;display:block;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--card-bg);padding:var(--space-2xl) var(--space-2xl);margin-bottom:var(--space-2xl);transition:border-color .2s ease,transform .2s ease}.featured-card:hover{border-color:var(--ink);transform:translateY(-3px)}.featured-glow{position:absolute;top:-40%;right:-10%;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ink) 22%,transparent),transparent 70%);pointer-events:none}.featured-body{position:relative;max-width:860px}.featured-top{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.featured-badge{font-size:13px;font-weight:650;color:var(--ink);letter-spacing:.3px}.featured-title{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.5px;line-height:1.25;color:var(--text-hi);margin-bottom:var(--space-md)}.featured-desc{font-size:16px;line-height:1.7;color:var(--text-mid);margin-bottom:var(--space-lg);max-width:780px}.featured-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.featured-meta{font-family:var(--font-mono);font-size:13px;color:var(--text-low)}.featured-link{font-size:15px;font-weight:650;color:var(--ink)}.featured-link:hover{text-decoration:underline}.blog-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--card-border)}.blog-tab{background:transparent;border:1px solid var(--card-border);color:var(--text-mid);padding:8px 16px;border-radius:var(--radius-full);font-size:14px;font-weight:550;cursor:pointer;transition:all .2s ease;font-family:inherit}.blog-tab:hover{border-color:var(--ink);color:var(--ink)}.blog-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.tab-count{font-size:12px;opacity:.75;margin-left:5px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.blog-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-3px);border-color:var(--card-border-hover);box-shadow:0 16px 40px -16px #0006}.blog-card-title{font-size:18px;font-weight:650;line-height:1.4;letter-spacing:-.2px}.blog-card-title a{color:var(--text-hi)}.blog-card-title a:hover{color:var(--ink)}.blog-card-desc{font-size:14.5px;line-height:1.65;color:var(--text-mid);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid color-mix(in srgb,var(--card-border) 60%,transparent)}.blog-card-meta{font-family:var(--font-mono);font-size:13px;color:var(--text-low)}.blog-card-link{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}.blog-card-link:hover{text-decoration:underline}.pill{display:inline-block;align-self:flex-start;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:var(--radius-full)}.pill-news{background:color-mix(in srgb,#22D3EE 16%,transparent);color:#22d3ee}.pill-guide{background:color-mix(in srgb,#818CF8 16%,transparent);color:#818cf8}.pill-review{background:color-mix(in srgb,#FBBF24 16%,transparent);color:#fbbf24}.pill-compare{background:color-mix(in srgb,#34D399 16%,transparent);color:#34d399}[data-theme=light] .pill-news{background:color-mix(in srgb,#0E7490 12%,transparent);color:#0e7490}[data-theme=light] .pill-guide{background:color-mix(in srgb,#4338CA 12%,transparent);color:#4338ca}[data-theme=light] .pill-review{background:color-mix(in srgb,#92400E 12%,transparent);color:#92400e}[data-theme=light] .pill-compare{background:color-mix(in srgb,#047857 12%,transparent);color:#047857}.blog-card.hidden,.featured-card.hidden{display:none}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.featured-card{padding:var(--space-lg)}}