:root{--ink:#23304a;--muted:#6b7a94;--card:#fff;--line:#e6ecf7;--shadow:0 10px 30px #406eaa1f;font-family:Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(at 8% -6%,#e2f1ff 0%,#e2f1ff00 46%),radial-gradient(at 96% -4%,#fff0e2 0%,#fff0e200 42%),radial-gradient(at 50% 108%,#e6fbf0 0%,#e6fbf000 46%),#f8fbff}.page{max-width:1080px;margin:0 auto;padding:48px 20px 72px}.hero{text-align:center;margin-bottom:40px}.hero-badge{box-shadow:var(--shadow);letter-spacing:1px;color:#3b82f6;background:#fff;border-radius:999px;margin-bottom:16px;padding:6px 16px;font-weight:800;display:inline-block}.hero h1{letter-spacing:2px;margin:0 0 12px;font-family:"Baloo 2",PingFang SC,system-ui,sans-serif;font-size:clamp(30px,5vw,46px)}.hero-sub{color:var(--muted);margin:0;font-size:clamp(14px,2vw,17px)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;padding:26px 24px 22px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--c,#3b82f6);opacity:.85;height:6px;position:absolute;inset:0 0 auto}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #406eaa33}.card-emoji{background:color-mix(in srgb, var(--c,#3b82f6) 14%, #fff);border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:16px;font-size:32px;display:grid}.card-title{flex-direction:column;gap:2px;margin:0 0 4px;font-size:22px;display:flex}.card-title small{color:var(--c,#3b82f6);letter-spacing:1px;font-size:13px;font-weight:600}.card-desc{color:var(--muted);flex:1;margin:10px 0 16px;font-size:14.5px;line-height:1.7}.tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tag{color:#55668a;border:1px solid var(--line);background:#f2f6fc;border-radius:999px;padding:3px 10px;font-size:12px}.links{flex-wrap:wrap;gap:10px;display:flex}.open-btn{background:var(--c,#3b82f6);color:#fff;border-radius:14px;align-items:center;gap:6px;padding:11px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.open-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.open-btn:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}.footer{text-align:center;color:var(--muted);margin-top:48px;font-size:13.5px}