:root{color-scheme:dark;font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;background:#0a0e14;color:#f5f7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0%,#21324a 0,transparent 38%),linear-gradient(145deg,#090c11,#101722)}main{width:min(680px,calc(100% - 36px));padding:64px 0}.eyebrow{font:700 .75rem ui-monospace,monospace;letter-spacing:.2em;color:#8fa8c7}h1{font-size:clamp(3.3rem,12vw,7.2rem);line-height:.9;letter-spacing:-.07em;margin:.18em 0}.intro{color:#aeb8c7;font-size:1.05rem;margin:24px 0 46px}.project-card{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;color:inherit;text-decoration:none;border:1px solid #445167;border-radius:18px;padding:24px;background:rgba(21,29,42,.75);box-shadow:0 22px 80px rgba(0,0,0,.24);transition:transform .2s,border-color .2s,background .2s}.project-card:hover,.project-card:focus-visible{transform:translateY(-3px);border-color:#8fb7e7;background:#182335;outline:none}.index{font:700 .8rem ui-monospace,monospace;color:#7890ad}.project-card strong{display:block;font-size:1.15rem}.project-card small{display:block;margin-top:5px;color:#96a3b5}.arrow{font-size:1.7rem;color:#8fb7e7}.reserved{margin-top:44px;color:#657187;font-size:.85rem}@media(max-width:520px){main{padding:40px 0}.project-card{gap:13px;padding:18px}.project-card small{font-size:.75rem}}