.blogx__header{text-align:center;margin-bottom:var(--space-3xl);animation:.7s both fadeInUp}.blogx__label{align-items:center;gap:var(--space-sm);display:inline-flex}.blogx__label-dot{border-radius:var(--radius-full);background:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 8px var(--accent-primary)}.blogx__filters{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.blogx__chip{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--radius-full);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;padding:.45rem .9rem;font-size:.76rem;font-weight:600;display:inline-flex}.blogx__chip:hover{border-color:var(--border-accent);color:var(--text-primary)}.blogx__chip--active{color:var(--accent-primary);background:var(--accent-gradient-subtle);border-color:var(--border-accent);box-shadow:var(--glow-primary)}.blogx__chip-count{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-tertiary);padding:1px .45rem;font-size:.66rem}.blogx__chip--active .blogx__chip-count{color:var(--accent-primary);background:#ffffff14}.blogx__result{text-align:center;font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:var(--space-3xl);font-size:.78rem}.blogx__timeline{max-width:820px;margin:0 auto;padding-left:64px;position:relative}.blogx__rail{background:linear-gradient(180deg, var(--border-default) 0%, var(--border-default) 80%, transparent 100%);width:2px;position:absolute;top:10px;bottom:10px;left:23px}.blogx__group{margin-bottom:var(--space-2xl);position:relative}.blogx__node{border-radius:var(--radius-full);background:var(--bg-primary);border:2px solid var(--accent-primary);width:22px;height:22px;box-shadow:var(--glow-primary);place-items:center;display:grid;position:absolute;top:4px;left:-50px}.blogx__node:after{content:"";border-radius:var(--radius-full);background:var(--accent-primary);width:8px;height:8px}.blogx__group-head{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.blogx__year{font-family:var(--font-mono);letter-spacing:-.02em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.blogx__group-count{font-family:var(--font-mono);color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px 10px;font-size:.78rem}.blogx__posts{gap:var(--space-lg);flex-direction:column;display:flex}.blogx__card{gap:var(--space-lg);padding:var(--space-lg);color:inherit;align-items:flex-start;text-decoration:none;display:flex}.blogx__card-emoji{border-radius:var(--radius-md);background:var(--accent-gradient-subtle);border:1px solid var(--border-accent);flex-shrink:0;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.blogx__card-body{flex:1;min-width:0}.blogx__card-meta{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:.76rem;display:flex}.blogx__card-title{color:var(--text-primary);margin-bottom:.45rem;font-size:1.18rem;font-weight:700;line-height:1.4}.blogx__card-excerpt{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.9rem;line-height:1.7}.blogx__card-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.blogx__tag{font-family:var(--font-mono);border-radius:var(--radius-full);color:var(--accent-primary);background:var(--accent-gradient-subtle);border:1px solid var(--border-accent);padding:3px 10px;font-size:.7rem;font-weight:600}.blogx__card-arrow{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--accent-primary);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;align-self:center;place-items:center;display:grid}.blogx__card:hover .blogx__card-arrow{border-color:var(--border-accent);background:var(--accent-gradient-subtle);transform:translate(3px)}@media (max-width:640px){.blogx__timeline{padding-left:44px}.blogx__rail{left:15px}.blogx__node{left:-38px}.blogx__card{gap:var(--space-md);flex-direction:column}.blogx__card-arrow{display:none}}.blogx__progress{height:3px;z-index:var(--z-toast);background:0 0;position:fixed;top:0;left:0;right:0}.blogx__progress-bar{background:var(--accent-gradient);width:0;height:100%;box-shadow:var(--glow-primary);transition:width 80ms linear}.blogx__detail{flex-direction:column;max-width:760px;margin:0 auto;display:flex}.blogx__back{align-items:center;gap:var(--space-sm);color:var(--accent-primary);margin-bottom:var(--space-2xl);align-self:flex-start;font-size:.9rem;font-weight:600;display:inline-flex}.blogx__back:hover{gap:.65rem}.blogx__detail-emoji{border-radius:var(--radius-lg);background:var(--accent-gradient-subtle);border:1px solid var(--border-accent);width:64px;height:64px;margin-bottom:var(--space-lg);place-items:center;font-size:34px;display:inline-grid}.blogx__detail-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-md);text-wrap:balance;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.18}.blogx__detail-meta{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:var(--space-md);flex-wrap:wrap;font-size:.8rem;display:flex}.blogx__detail-meta time{color:var(--text-secondary)}.blogx__share{align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin:var(--space-xl) 0 var(--space-2xl);display:flex}.blogx__share-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-right:var(--space-xs);font-size:.74rem}.blogx__share-btn{font-family:var(--font-mono);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.blogx__share-btn:hover{color:var(--accent-primary);background:var(--accent-gradient-subtle);border-color:var(--border-accent)}.blogx__body{color:var(--text-secondary);font-size:1.06rem;line-height:1.85}.blogx__nav{gap:var(--space-md);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.blogx__nav-card{gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.blogx__nav-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--glow-primary);transform:translateY(-3px)}.blogx__nav-card--next{text-align:right;align-items:flex-end}.blogx__nav-dir{font-family:var(--font-mono);color:var(--text-tertiary);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.blogx__nav-title{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:.98rem;font-weight:700;display:flex}.blogx__nav-card--placeholder{pointer-events:none;opacity:.4}@media (max-width:640px){.blogx__nav{grid-template-columns:1fr}.blogx__nav-card--next{text-align:left;align-items:flex-start}.blogx__nav-title{justify-content:flex-start!important}}