.breadcrumb{background:var(--bg2);border-bottom:1px solid var(--border);padding:.6rem 0}.bc-inner{max-width:1360px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:.45rem;font-size:.75rem;color:var(--muted)}.bc-inner a{color:var(--muted2);transition:color .2s}.bc-inner a:hover{color:var(--primary)}.blog-hero-section{position:relative;overflow:hidden;padding:6rem 2rem 4.5rem;background:var(--bg)}.blog-hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 65% at 50% -10%,rgba(124,58,237,.13) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 90% 80%,rgba(244,114,182,.07) 0%,transparent 55%),radial-gradient(ellipse 35% 40% at 10% 70%,rgba(45,212,191,.06) 0%,transparent 50%);pointer-events:none}.blog-hero-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 75% 60% at 50% 20%,black 0%,transparent 80%);mask-image:radial-gradient(ellipse 75% 60% at 50% 20%,black 0%,transparent 80%);opacity:.4;pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}.hero-label{display:inline-flex;align-items:center;gap:.5rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.25);border-radius:9999px;padding:.3rem 1rem;font-size:.63rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem;animation:pop-in .6s .05s var(--spring) both}.hl-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;color:var(--text);line-height:1.06;letter-spacing:-.028em;margin-bottom:.9rem;animation:slide-up .7s .1s var(--ease) both}.hero-title .italic{font-family:var(--font-serif);font-style:italic;color:var(--primary)}.hero-sub{color:var(--muted2);font-size:1rem;line-height:1.75;max-width:54ch;margin:0 auto 2.25rem;animation:slide-up .7s .18s var(--ease) both}@keyframes slide-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.hero-search-wrap{animation:slide-up .7s .26s var(--ease) both}.blog-hero-search{display:flex;max-width:580px;margin:0 auto .9rem;background:var(--search-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid var(--border2);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 8px 40px #0003;transition:border-color .3s,box-shadow .3s}.blog-hero-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed24,0 8px 40px #0003}.hs-icon{padding:0 1rem;color:var(--muted);display:flex;align-items:center;flex-shrink:0}.hs-input{flex:1;background:transparent;border:none;outline:none;padding:1rem .5rem;color:var(--text);font-size:.93rem;font-family:var(--font-body);min-width:0}.hs-input::placeholder{color:var(--muted)}.hs-btn{background:var(--primary);color:#fff;border:none;padding:0 1.75rem;font-weight:700;font-size:.84rem;flex-shrink:0;font-family:var(--font-display);transition:background .2s}.hs-btn:hover{background:var(--primary-light)}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;font-size:.72rem;color:var(--muted)}.hero-tags a{color:var(--muted2);border-bottom:1px solid rgba(148,163,184,.25);transition:color .2s,border-color .2s}.hero-tags a:hover{color:var(--accent);border-color:var(--accent)}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);padding:1.1rem 0;animation:slide-up .7s .34s var(--ease) both}.stats-inner{max-width:1360px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.6rem}.stat-n{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--text)}.stat-l{font-size:.7rem;color:var(--muted2);text-transform:uppercase;letter-spacing:.1em}.stat-divider{width:1px;height:2rem;background:var(--border2)}.filter-bar{position:sticky;top:57px;z-index:200;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.filter-inner{max-width:1360px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1rem;overflow-x:auto}.filter-inner::-webkit-scrollbar{display:none}.filter-tab{flex-shrink:0;padding:1rem .95rem;border:none;background:transparent;font-size:.82rem;font-weight:600;color:var(--muted2);border-bottom:2.5px solid transparent;transition:all .2s;cursor:pointer;margin-bottom:-1px;white-space:nowrap}.filter-tab:hover{color:var(--text)}.filter-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.filter-right{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:.6rem}.sort-select{background:var(--surface);border:1px solid var(--border2);color:var(--text2);padding:.38rem .85rem;border-radius:9999px;font-size:.76rem;outline:none;font-family:var(--font-body);cursor:pointer}.view-btns{display:flex;border:1px solid var(--border2);border-radius:var(--r);overflow:hidden}.vbtn{width:32px;height:32px;background:transparent;border:none;color:var(--muted2);display:flex;align-items:center;justify-content:center;transition:all .2s}.vbtn.on{background:var(--primary);color:#fff}.featured-wrap{max-width:1360px;margin:0 auto;padding:3rem 2rem 0}.featured-post{display:grid;grid-template-columns:1.2fr 1fr;border-radius:var(--r-lg);overflow:hidden;background:var(--card);border:1px solid var(--border);transition:box-shadow .3s,border-color .3s;text-decoration:none;color:inherit}.featured-post:hover{box-shadow:0 24px 64px #00000040;border-color:#7c3aed40}.fp-img{position:relative;overflow:hidden;min-height:400px}.fp-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.featured-post:hover .fp-img img{transform:scale(1.05)}.fp-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(6,4,15,.85) 0%,rgba(6,4,15,.3) 40%,transparent 70%)}[data-theme=light] .fp-img-overlay{background:linear-gradient(to top,rgba(10,5,30,.8) 0%,rgba(10,5,30,.2) 40%,transparent 70%)}.fp-badges{position:absolute;top:1.25rem;left:1.25rem;display:flex;gap:.45rem;z-index:2;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:9999px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-feat{background:var(--primary);color:#fff}.badge-cat{background:#0000008c;border:1px solid rgba(255,255,255,.15);color:#fff}.fp-read-time{position:absolute;bottom:1.25rem;left:1.25rem;z-index:2;display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#ffffffbf}.fp-body{padding:2.75rem;display:flex;flex-direction:column;justify-content:center}.fp-meta{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;flex-wrap:wrap}.fp-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--primary)}.fp-date{font-size:.73rem;color:var(--muted2)}.fp-sep{width:3px;height:3px;border-radius:50%;background:var(--muted)}.fp-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2.1rem);font-weight:800;color:var(--text);line-height:1.18;margin-bottom:1rem;transition:color .2s}.featured-post:hover .fp-title{color:var(--primary)}.fp-excerpt{font-size:.9rem;color:var(--muted2);line-height:1.78;margin-bottom:1.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fp-author{display:flex;align-items:center;gap:.85rem;padding-top:1.25rem;border-top:1px solid var(--divider);margin-top:auto}.fp-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.8rem;color:#fff;flex-shrink:0}.fp-author-info .name{font-size:.84rem;font-weight:700;color:var(--text);line-height:1}.fp-author-info .role{font-size:.7rem;color:var(--muted2);margin-top:.15rem}.fp-cta{margin-left:auto;display:flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:9999px;border:1px solid var(--border2);color:var(--primary);font-size:.78rem;font-weight:700;transition:all .2s;white-space:nowrap}.featured-post:hover .fp-cta{background:var(--primary);color:#fff;border-color:var(--primary)}.fp-cta svg{transition:transform .2s}.featured-post:hover .fp-cta svg{transform:translate(3px)}.page-wrap{max-width:1360px;margin:0 auto;padding:2rem 2rem 4rem;display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-grid.list-mode{grid-template-columns:1fr}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s,border-color .25s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0003;border-color:#7c3aed33}.bc-thumb{position:relative;height:210px;overflow:hidden;background:var(--surface)}.bc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.blog-card:hover .bc-thumb img{transform:scale(1.08)}.bc-blog-cat-pill{position:absolute;top:.85rem;left:.85rem;padding:.22rem .7rem;border-radius:9999px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bc-qr{position:absolute;top:.85rem;right:.85rem;width:30px;height:30px;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:all .25s}.blog-card:hover .bc-qr{opacity:1;transform:scale(1)}.bc-body{padding:1.3rem;flex:1;display:flex;flex-direction:column}.bc-meta{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem;font-size:.7rem;color:var(--muted2);flex-wrap:wrap}.bc-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--muted);flex-shrink:0}.bc-title{font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:.65rem;transition:color .2s}.blog-card:hover .bc-title{color:var(--primary)}.bc-excerpt{font-size:.83rem;color:var(--muted2);line-height:1.68;flex:1;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.9rem;border-top:1px solid var(--divider);margin-top:auto}.bc-author{display:flex;align-items:center;gap:.5rem}.bc-av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.55rem;color:#fff;flex-shrink:0}.bc-author-name{font-size:.73rem;font-weight:600;color:var(--text2)}.bc-read-link{display:flex;align-items:center;gap:.25rem;color:var(--primary);font-size:.75rem;font-weight:700;transition:gap .2s}.blog-card:hover .bc-read-link{gap:.4rem}.blog-grid.list-mode .blog-card{flex-direction:row}.blog-grid.list-mode .bc-thumb{width:220px;height:auto;flex-shrink:0}.blog-grid.list-mode .bc-body{padding:1.5rem}.load-more{text-align:center;margin-top:2.5rem}.load-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2.25rem;border-radius:var(--r-lg);border:1.5px solid var(--border2);color:var(--text);background:transparent;font-weight:700;font-size:.875rem;transition:all .25s}.load-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.load-progress{display:flex;align-items:center;gap:.75rem;justify-content:start;margin-bottom:1rem;font-size:.75rem;color:var(--muted)}.lp-track{flex:1;max-width:180px;height:3px;background:var(--border2);border-radius:9999px;overflow:hidden}.lp-fill{height:100%;background:var(--primary);border-radius:9999px;width:40%;transition:width .3s}.sidebar{display:flex;flex-direction:column;gap:1.25rem}.sb-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.35rem}.sb-title{font-family:var(--font-display);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:1.1rem;display:flex;align-items:center;gap:.4rem}.sb-title svg{color:var(--primary)}.pop-list{display:flex;flex-direction:column}.pop-item{display:flex;align-items:flex-start;gap:.9rem;padding:.7rem .4rem;border-radius:var(--r);cursor:pointer;transition:background .2s;text-decoration:none}.pop-item:hover{background:var(--surface2)}.pop-num{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--primary);opacity:.4;line-height:1;flex-shrink:0;min-width:1.8rem}.pop-item:hover .pop-num{opacity:.9}.pop-title{font-size:.8rem;font-weight:600;color:var(--text2);line-height:1.4;margin-bottom:.18rem;transition:color .2s}.pop-item:hover .pop-title{color:var(--primary)}.pop-meta{font-size:.66rem;color:var(--muted)}.pop-divider{height:1px;background:var(--divider);margin:.2rem .4rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem}.tag-pill{padding:.32rem .8rem;border-radius:9999px;border:1px solid var(--border2);background:transparent;font-size:.73rem;font-weight:600;color:var(--muted2);transition:all .2s;cursor:pointer}.tag-pill:hover{border-color:var(--primary);color:var(--primary);background:#7c3aed12}.nl-card{background:linear-gradient(135deg,#7c3aed2e,#f472b61a);border:1px solid rgba(124,58,237,.25);border-radius:var(--r-lg);padding:1.5rem;text-align:center}.nl-emoji{font-size:1.75rem;margin-bottom:.75rem}.nl-title{font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--text);margin-bottom:.35rem}.nl-sub{font-size:.78rem;color:var(--muted2);line-height:1.55;margin-bottom:1.1rem}.nl-input{width:100%;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-size:.82rem;outline:none;margin-bottom:.55rem;font-family:var(--font-body);transition:border-color .2s}.nl-input:focus{border-color:var(--primary)}.nl-input::placeholder{color:var(--muted)}.nl-btn{width:100%;padding:.65rem;border-radius:var(--r);border:none;background:var(--primary);color:#fff;font-weight:700;font-size:.84rem;box-shadow:0 4px 16px var(--primary-glow);transition:all .2s}.nl-btn:hover{background:var(--primary-light)}.blog-cat-list{display:flex;flex-direction:column;gap:.35rem}.blog-cat-item{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border-radius:var(--r);transition:all .2s;cursor:pointer;text-decoration:none}.blog-cat-item:hover{background:var(--surface2)}.blog-cat-item-left{display:flex;align-items:center;gap:.65rem}.blog-cat-icon{font-size:.95rem}.blog-cat-label{font-size:.82rem;font-weight:600;color:var(--text2);transition:color .2s}.blog-cat-item:hover .blog-cat-label{color:var(--primary)}.blog-cat-count{font-size:.68rem;color:var(--muted);background:var(--tag-bg);padding:.12rem .5rem;border-radius:9999px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.vis{opacity:1;transform:none}.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.reveal-d4{transition-delay:.32s}.reveal-d5{transition-delay:.4s}.reveal-d6{transition-delay:.48s}.pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:3rem;flex-wrap:wrap}.pg{width:38px;height:38px;border-radius:var(--r);border:1px solid var(--border2);background:transparent;color:var(--text2);font-size:.84rem;display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.pg:hover{border-color:var(--primary);color:var(--primary)}.pg.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pg-ellipsis{color:var(--muted);padding:0 .3rem}@media(max-width:1100px){.page-wrap{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:900px){.featured-post{grid-template-columns:1fr}.fp-img{min-height:260px}.blog-grid,.sidebar{grid-template-columns:1fr}}@media(max-width:768px){.nav-links,.nav-search-pill{display:none}.blog-grid.list-mode .blog-card{flex-direction:column}.blog-grid.list-mode .bc-thumb{width:100%;height:200px}}@media(max-width:560px){.blog-hero-section{padding:5rem 1.25rem 3.5rem}.featured-wrap,.page-wrap{padding-left:1.25rem;padding-right:1.25rem}.fp-body{padding:1.75rem}.stats-inner{gap:1.5rem}}