.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.project-card{position:relative;display:flex;align-items:flex-start;gap:.55rem;border:1px solid var(--line);border-radius:7px;padding:.8rem;color:var(--fg);min-width:0;transition:border-color .2s,background .2s}.content a.project-card:hover{text-decoration:none;background:var(--surface);border-color:var(--faint)}.project-icon{width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;flex:none;background:var(--active);color:var(--primary);border-radius:6px;margin-top:.05rem}.project-icon .icon{width:.95rem;height:.95rem!important;margin:0!important}.project-icon.task-log{background:rgba(77,131,106,.1);color:#56816d}.project-icon.xiumi{background:rgba(155,112,72,.1);color:#9b7048}.project-icon.mod-forge{background:rgba(135,99,165,.1);color:#8763a5}.project-icon.valorant{background:rgba(198,90,97,.1);color:#c65a61}.project-info{min-width:0;flex:1}.project-info h3{font-size:.73rem;font-weight:600;line-height:1.5;margin:0 0 .3rem}.project-info p{font-size:.62rem;line-height:1.8;color:var(--muted);margin:0 0 .55rem}.project-arrow{position:absolute;right:.6rem;top:.85rem;color:var(--faint)}.project-arrow .icon{width:.65rem!important;height:.65rem!important}.compact .project-arrow{display:none}.project-grid .project-card{padding:.75rem .65rem}.project-list{display:grid;gap:.7rem}.project-item{border:1px solid var(--line);border-radius:7px;overflow:hidden}.project-item>.project-card{border:0;border-radius:0;padding:.9rem 1rem}.project-item .project-icon{width:1.9rem;height:1.9rem}.project-item .project-info h3{font-size:.8rem}.project-item .project-info p{font-size:.68rem}.project-item .project-arrow{display:block;right:1rem;top:1rem}.project-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:.35rem 1rem;background:var(--surface);font-size:.53rem;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:.3rem}.status-dot{height:.25rem;width:.25rem;display:inline-block;border-radius:50%;background:var(--green)}.post-row{display:flex;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--line);position:relative;align-items:flex-start}.post-row:last-child{border-bottom:0}.post-date{display:flex;flex-direction:column;align-items:flex-start;min-width:2.3rem;line-height:1.5;margin-top:.13rem}.post-date time{font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--muted)}.post-date>span{font-size:.5rem;color:var(--faint);margin-top:.15rem}.post-info{min-width:0;padding-right:1rem}.post-meta{display:flex;gap:.4rem;align-items:center;font-size:.51rem;line-height:1.5;color:var(--muted);margin-bottom:.25rem}.post-info h3{font-size:.76rem;line-height:1.6;font-weight:600;margin:0 0 .2rem}.post-info h3>a{color:var(--fg)}.post-info h3>a:hover{color:var(--primary)}.post-info p{font-size:.63rem;line-height:1.8;color:var(--muted);margin:0}.post-arrow{position:absolute;right:0;top:1.75rem;color:var(--faint)}.post-arrow .icon{width:.65rem;height:.65rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0 .5rem}.filter-button{font-size:.61rem;line-height:1.6;padding:.22rem .55rem;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.filter-button:hover{background:var(--hover);color:var(--fg)}.filter-button.active{background:var(--active);color:var(--primary);border-color:transparent}.result-count{font-size:.52rem;color:var(--faint);margin:.4rem 0 .7rem}.study-list>div{display:flex;gap:.8rem;margin:1rem 0}.study-list>div>.icon{color:var(--primary);width:.95rem;height:.95rem;margin-top:.2rem}.study-list h3{font-size:.74rem;margin:0 0 .2rem}.study-list p{font-size:.66rem;color:var(--muted);margin:0}.timeline{margin:.7rem 0 1rem .2rem}.timeline-item{position:relative;display:flex;gap:1rem;padding:0 0 1rem 1rem;border-left:1px solid var(--line)}.timeline-item:last-child{padding-bottom:.2rem}.timeline-item::before{content:"";position:absolute;left:-.15rem;top:.5rem;width:.25rem;height:.25rem;border-radius:50%;background:var(--faint);outline:.15rem solid var(--bg)}.timeline-item>time{font-size:.65rem;color:var(--muted);min-width:2rem;font-variant-numeric:tabular-nums;padding-top:.28rem}.timeline-item>div{display:flex;flex-direction:column;gap:.1rem}.timeline-item>div>span{font-size:.5rem;color:var(--faint)}.timeline-item a{font-size:.7rem}.about-name{font-size:.95rem;font-weight:600}.about-name>span{margin-left:.7rem;font-size:.6rem;letter-spacing:.1em;color:var(--muted);font-weight:400}.github-panel{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);padding:.8rem 1rem;border-radius:7px;margin:1rem 0}.github-panel>div{display:flex;flex:1;flex-direction:column}.github-panel>div>span{font-size:.58rem;color:var(--muted)}.github-panel>div>a{font-size:.75rem;font-weight:600}.github-panel>div>a .icon{display:none}.github-panel>.icon{color:var(--muted)}
@media(max-width:600px){.project-grid{grid-template-columns:1fr}.project-grid .project-card{padding:.8rem}.project-grid .project-info p{font-size:.65rem}.project-grid .project-icon{width:1.8rem;height:1.8rem}.post-row{gap:.6rem}.post-date{min-width:2.1rem}.project-foot{font-size:.52rem}.timeline-item{gap:.6rem}.timeline-item a{font-size:.68rem}}