:root{--bg:#090a12;--bg-soft:#111328;--card:#131632;--text:#e7e9ff;--muted:#a8afd1;--primary:#84f7d3;--secondary:#8ea8ff;--line:#2a2f5e;--max:1024px}*,*::before,*::after{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 10%,#1f2550 0%,transparent 32%),radial-gradient(circle at 85% 0%,#202f52 0%,transparent 28%),var(--bg);font-family:inter,pingfang sc,noto sans sc,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(100% - 2rem,var(--max));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:rgba(9,10,18,.72);border-bottom:1px solid rgba(132,247,211,.15)}.header-inner{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:800;letter-spacing:.06em;text-transform:uppercase}.top-nav{display:flex;flex-wrap:wrap;gap:.9rem}.top-nav a{color:var(--muted);font-size:.94rem;transition:color .2s ease}.top-nav a:hover{color:var(--primary)}.hero{padding:4rem 0 1.5rem}.hero h1{margin:0 0 .65rem;font-size:clamp(1.7rem,4.4vw,3rem);line-height:1.2}.hero p{margin:0;color:var(--muted);max-width:64ch}.tree-wrap{position:relative;margin:1.4rem auto 2.4rem;padding:1rem 0 .4rem;max-width:960px}.category-overview{margin:0 0 1.15rem;padding:.85rem .9rem .75rem;border:1px solid rgba(142,168,255,.24);border-radius:14px;background:rgba(15,19,44,.78)}.category-overview h2{margin:0 0 .6rem;font-size:.95rem}.category-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.48rem}.category-overview-item{position:relative;display:block;border:1px solid rgba(132,247,211,.24);border-radius:10px;padding:.42rem .55rem .5rem;background:rgba(10,13,30,.58)}.category-overview-item:hover{border-color:var(--primary)}.category-name{display:block;font-size:.8rem;color:var(--text)}.category-count{position:absolute;right:.45rem;top:.38rem;min-width:1.3rem;padding:0 .32rem;border-radius:999px;border:1px solid rgba(142,168,255,.5);color:var(--secondary);font-size:.68rem;text-align:center}.tree-root{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.6rem}.root-dot{width:12px;height:12px;border-radius:999px;background:var(--primary);box-shadow:0 0 16px rgba(132,247,211,.7)}.root-label{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.tree-trunk{width:2px;height:42px;margin:0 auto;background:linear-gradient(to bottom,rgba(132,247,211,.7),rgba(142,168,255,.7))}.tree-grid{position:relative;display:flex;gap:2.2rem}.tree-grid::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(132,247,211,.15),rgba(132,247,211,.65),rgba(142,168,255,.2))}.tree-col{width:50%}.tree-col.left{padding-right:1.4rem}.tree-col.right{padding-left:1.4rem;padding-top:6.75rem}.tree-node{position:relative;min-height:52px;margin:.2rem 0}.tree-group{position:relative;margin:2.25rem 0 3.15rem}.tree-col .tree-group:first-child{margin-top:0}.group-branch{position:absolute;top:18px;width:1.8rem;height:2px;margin-top:-1px;background:linear-gradient(to right,rgba(132,247,211,.6),rgba(142,168,255,.6))}.tree-group.left .group-branch{right:-1.9rem}.tree-group.right .group-branch{left:-1.9rem}.group-label{display:inline-block;margin-bottom:.28rem;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(132,247,211,.35);color:var(--primary);font-size:.72rem;letter-spacing:.02em}.group-label small{color:var(--muted)}.group-list{border-left:1px dashed rgba(142,168,255,.28);padding-left:.52rem;margin-top:.18rem}.tree-card{display:block;background:rgba(19,22,50,.84);border:1px solid rgba(142,168,255,.22);border-radius:10px;padding:.45rem .62rem;transition:transform .2s ease,border-color .2s ease}.tree-card:hover{transform:translateY(-2px);border-color:var(--primary)}.tree-card h2{margin:0 0 .12rem;font-size:.8rem;line-height:1.3}.tree-card time{font-size:.64rem;color:#99ecd4}.latest-list h2,.listing h1{margin-top:0}.latest-list ul,.listing ul{list-style:none;padding:0;margin:0}.latest-list li,.listing li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,8%)}.listing h2{margin:1.5rem 0 .4rem}.terms li span{color:var(--secondary)}.post{padding:2.4rem 0 4rem}.post-meta,.post-tags{color:var(--muted)}.post-tags a{margin-right:.7rem;color:var(--secondary)}.content img{max-width:100%;height:auto;border-radius:10px}.content pre{background:#0f1432;border:1px solid #242a57;border-radius:10px;padding:.8rem;overflow:auto}.search-page input{width:100%;margin-bottom:1rem;border:1px solid #2f3769;background:#0f1230;color:var(--text);border-radius:10px;padding:.7rem .8rem;outline:none}.search-page input:focus{border-color:var(--primary)}.site-footer{margin-top:4rem;border-top:1px solid rgba(255,255,255,.1)}.site-footer p{color:var(--muted);font-size:.88rem;padding:1.2rem 0 2rem}@media(max-width:840px){.tree-grid::before,.group-branch{display:none}.tree-group.left,.tree-group.right{margin:0 0 .72rem}.group-list{border-left:none;padding-left:0}.tree-grid{display:block}.tree-col{width:100%;padding:0}.tree-col.right{padding-top:0}.top-nav{gap:.65rem}}