:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#fff;background:#090f0c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% 0%,#17452b 0,transparent 55%),linear-gradient(145deg,#090f0c,#101c15);padding:clamp(24px,5vw,80px)}main{max-width:1200px;margin:auto}header{margin:24px 0 48px}h1{font-size:clamp(32px,5vw,54px);margin:12px 0;font-weight:750;letter-spacing:.02em}header p{color:#b6cdbf;font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{display:flex;flex-direction:column;min-height:360px;padding:30px;border-radius:28px;color:#e8f5ed;background:#142219;text-decoration:none;box-shadow:0 18px 48px #0000002b;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-6px);box-shadow:0 24px 56px #00000055}.card:focus-visible,.back:focus-visible{outline:4px solid #4ade80;outline-offset:6px}.art{height:170px;display:grid;place-items:center;font-size:96px;background:linear-gradient(145deg,#193b27,#102b1b);border-radius:18px;margin-bottom:22px}.card:nth-child(2) .art{background:linear-gradient(145deg,#193b27,#102b1b)}.card:nth-child(3) .art{background:linear-gradient(145deg,#193b27,#102b1b)}h2{font-size:27px;margin:0 0 12px}.card p{font-size:16px;color:#b6cdbf;margin:0;line-height:1.7}.go{margin-top:auto;padding-top:24px;font-size:16px;font-weight:650;color:#4ade80}.back{color:#bbf7d0;text-decoration:none;font-size:16px;display:inline-block;padding:8px 0}.empty{background:#ffffff14;border:1px solid #ffffff35;border-radius:28px;padding:56px 28px;text-align:center}.empty span{font-size:72px}.empty p{font-size:18px;color:#b6cdbf}@media(max-width:760px){.grid{grid-template-columns:1fr}header{margin-bottom:30px}.card{min-height:290px}.art{height:140px}body{padding:24px}h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid .card:nth-child(4) .art{background:linear-gradient(145deg,#193b27,#102b1b)}@media(max-width:760px){.home-grid{grid-template-columns:1fr}}

/* Shared dark theme for the home page and all category entrances. */
:root{color-scheme:dark}
a{color:#86efac}
.go{align-self:flex-start;margin-top:auto;padding:12px 18px;border-radius:12px;background:#4ade80;color:#052e16}
.card p{margin-bottom:24px}
.empty a{display:inline-block;padding:12px 18px;border-radius:12px;background:#4ade80;color:#052e16;text-decoration:none;font-weight:650}
a:focus-visible{outline:3px solid #4ade80;outline-offset:5px}