:root{--peach: #f5e6dc;--lavender: #e4dff0;--mint: #c8f0d8;--butter: #f5efc0;--sakura: #f0d4e0;--sky: #d2e6f2;--ink: #2b2340;--coral: #f09070;--coral-deep: #e0704e;--grape: #9b8dc4;--paper: #fffdfa;--t2: #6d6157;--card-shadow: 0 18px 44px rgba(43, 35, 64, .13);--card-shadow-hover: 0 28px 60px rgba(43, 35, 64, .2);--font-cn: "ZCOOL KuaiLe", "Outfit", sans-serif;--font-num: "Outfit", "ZCOOL KuaiLe", sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-cn);color:var(--ink);background:radial-gradient(720px 420px at 12% -6%,var(--lavender) 0%,transparent 62%),radial-gradient(820px 480px at 96% 12%,var(--sakura) 0%,transparent 58%),radial-gradient(700px 500px at 50% 108%,var(--mint) 0%,transparent 55%),var(--peach);min-height:100vh}.stage{max-width:1080px;margin:0 auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,32px) 28px}.hero{text-align:center;padding:12px 0 30px}.hero-badge{width:76px;height:76px;margin:0 auto 14px;display:grid;place-items:center;font-size:40px;background:var(--paper);border-radius:26px;box-shadow:var(--card-shadow);transform:rotate(-6deg)}.hero h1{margin:0;font-size:clamp(34px,6vw,52px);letter-spacing:.04em}.hero-sub{margin:10px 0 0;font-size:clamp(15px,2.4vw,18px);color:var(--t2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:clamp(16px,2.6vw,26px)}.card{display:flex;flex-direction:column;background:var(--paper);border-radius:26px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--card-shadow);transition:transform .35s var(--ease-spring),box-shadow .35s ease}.card:hover,.card:focus-visible{transform:translateY(-7px) rotate(-.6deg);box-shadow:var(--card-shadow-hover)}.card:focus-visible{outline:4px solid var(--coral);outline-offset:3px}.cover{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10}.accent-peach .cover{background:linear-gradient(135deg,#fbeee4,#f5ddc9)}.accent-lavender .cover{background:linear-gradient(135deg,#ece7f8,#d9d2ee)}.accent-mint .cover{background:linear-gradient(135deg,#ddf6e7,#bdeacf)}.accent-butter .cover{background:linear-gradient(135deg,#f9f4d4,#efe6ac)}.accent-sakura .cover{background:linear-gradient(135deg,#f8e4ec,#eccada)}.accent-sky .cover{background:linear-gradient(135deg,#e2eff8,#c4dded)}.cover-emoji{font-size:64px;filter:drop-shadow(0 10px 16px rgba(43,35,64,.18));transition:transform .35s var(--ease-spring)}.card:hover .cover-emoji,.card:focus-visible .cover-emoji{transform:scale(1.15) rotate(8deg)}.cover-play{position:absolute;right:14px;bottom:12px;width:38px;height:38px;display:grid;place-items:center;padding-left:3px;font-size:15px;color:#fff;background:var(--coral);border-radius:50%;box-shadow:0 8px 18px #e0704e73;opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .35s var(--ease-spring)}.card:hover .cover-play,.card:focus-visible .cover-play{opacity:1;transform:scale(1)}.card-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}.card-title{margin:0;font-size:21px;letter-spacing:.02em}.card-desc{margin:0;font-size:14px;line-height:1.5;color:var(--t2)}.card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip{font-family:var(--font-num);font-size:12.5px;font-weight:500;color:var(--ink);background:var(--lavender);padding:4px 10px;border-radius:999px}.chip+.chip{background:var(--mint)}.empty{grid-column:1 / -1;text-align:center;padding:70px 20px;background:var(--paper);border-radius:26px;box-shadow:var(--card-shadow)}.empty-emoji{font-size:62px;margin-bottom:8px}.empty p{margin:6px 0;font-size:19px}.empty-hint{font-size:14px!important;color:var(--t2)}.foot{margin-top:36px;text-align:center;font-size:13px;color:var(--t2)}code{font-family:var(--font-num);font-size:.92em;background:#2b234014;padding:2px 7px;border-radius:8px}@media(prefers-color-scheme:dark){:root{--paper: #38304f;--ink: #f3eefb;--t2: #b9aecf;--card-shadow: 0 18px 44px rgba(0, 0, 0, .4);--card-shadow-hover: 0 28px 60px rgba(0, 0, 0, .55)}body{background:radial-gradient(720px 420px at 12% -6%,#3d3560 0%,transparent 62%),radial-gradient(820px 480px at 96% 12%,#4a3350 0%,transparent 58%),radial-gradient(700px 500px at 50% 108%,#2f4a41 0%,transparent 55%),#241d38}.accent-peach .cover{background:linear-gradient(135deg,#57432f,#6b4f36)}.accent-lavender .cover{background:linear-gradient(135deg,#453b66,#554a7c)}.accent-mint .cover{background:linear-gradient(135deg,#2f5443,#3a6852)}.accent-butter .cover{background:linear-gradient(135deg,#5c5530,#6f673a)}.accent-sakura .cover{background:linear-gradient(135deg,#5a3a4c,#6e475d)}.accent-sky .cover{background:linear-gradient(135deg,#34495e,#405a73)}.chip{background:#4a4168;color:var(--ink)}.chip+.chip{background:#3c5a4c}code{background:#ffffff1f}}@media(prefers-reduced-motion:reduce){.card,.cover-emoji,.cover-play{transition:none}}