:root{--page-background:linear-gradient(#0000, #0000004d);--text-primary:#e5e7eb;--text-secondary:#e5e7ebdb;--text-muted:#9ca3aff2;--border:#ffffff14;--card-hover:#ffffff2e}*{box-sizing:border-box}html{background:#020617}body{min-height:100vh;color:var(--text-primary);background-image:var(--page-background);opacity:1;background-position:50%;background-size:cover;margin:0;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;transition:background-image .6s}body.bg-loaded{animation:.6s fade-in}@keyframes fade-in{0%{opacity:.85}to{opacity:1}}a{color:inherit;text-decoration:none}img{display:block}.page-shell{flex-direction:column;justify-content:space-between;min-height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.page-overlay{pointer-events:none;background:linear-gradient(#0000,#00000047);position:absolute;inset:0}.hero,.site-footer{z-index:1;position:relative}.hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;width:min(840px,100%);margin:0 auto;padding:0 0 24px;display:flex}.greeting{text-align:center;margin:0;font-size:clamp(2rem,6vw,2.5rem);font-weight:400;line-height:1.1}.project-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.project-card{border:1px solid #0000;border-radius:6px;padding:16px;transition:background-color .16s,border-color .16s;display:block}.project-card:hover,.project-card:focus-visible{background:var(--card-hover);border-color:var(--border)}.project-card>span,.project-card>img{margin-inline:auto}.project-card img{object-fit:contain;width:40px;height:auto;max-height:40px}.project-card span{text-align:center;color:var(--text-primary);margin-top:16px;display:block}.github-icon{justify-content:center;padding:8px;display:flex}.github-icon img{opacity:.7;width:20px;height:20px;transition:opacity .16s}.github-icon:hover img{opacity:1}.doing{text-align:center;min-height:1.5em;color:var(--text-secondary);margin:0}.site-footer{text-align:center;width:min(840px,100%);color:var(--text-muted);justify-items:center;gap:8px;margin:0 auto;display:grid}.wallpaper-info,.friend-links{margin:0;font-size:12px}.wallpaper-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:7px 11px;transition:background-color .16s,border-color .16s;display:inline-flex}.wallpaper-button:hover,.wallpaper-button:focus-visible{background:#0000008c;border-color:#ffffff52}.wallpaper-button__label{text-overflow:ellipsis;white-space:nowrap;max-width:min(40vw,240px);overflow:hidden}.wallpaper-button__icon{align-items:center;display:inline-flex}.friend-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.record-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;font-size:12px;display:flex}.record-links a{align-items:center;gap:8px;display:inline-flex}@media (width>=720px){.project-grid{width:min(760px,100%)}}@media (width<=640px){.hero{gap:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}