:root{--blue:#1869eb;--blue-soft:#e8f0fe;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--ground:#f8fafc;--radius:14px}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.shell{max-width:1080px;margin:0 auto;padding:0 20px 72px}header.top{border-bottom:1px solid var(--line);background:var(--surface)}header.top .inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:18px 20px;display:flex}.brand{align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.brand .mark{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.spacer{flex:1}.langs{flex-wrap:wrap;gap:6px;display:flex}.langs a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px}.langs a.on{background:var(--blue-soft);border-color:var(--blue);color:var(--blue);font-weight:600}.hero{padding:40px 0 24px}.hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:30px}.hero p{color:var(--muted);max-width:62ch;margin:0}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 18px;display:flex}.filters input{border:1px solid var(--line);background:var(--surface);min-width:200px;font:inherit;border-radius:999px;flex:240px;padding:10px 14px}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:13px}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:18px;transition:box-shadow .15s,transform .15s;display:flex}.card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.card h2{margin:0;font-size:17px}.card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:12px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.row{align-items:center;gap:12px;display:flex}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.tag{border:1px solid var(--line);border-radius:999px;padding:2px 9px}.tag.blue{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.detail{grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding-top:28px;display:grid}@media (max-width:860px){.detail{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel h3{margin:0 0 10px;font-size:15px}.panel+.panel{margin-top:16px}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list li{border-top:1px solid var(--line);padding-top:10px;font-size:14px}.list li:first-child{border-top:0;padding-top:0}.list code{background:var(--ground);border-radius:6px;padding:1px 6px;font-size:12.5px}.notice{background:var(--blue-soft);color:#14346f;border-radius:var(--radius);border:1px solid #c7dbfd;padding:14px 16px;font-size:14px}.muted{color:var(--muted)}footer.bottom{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:22px 0;font-size:13px}footer.bottom .inner{flex-wrap:wrap;gap:16px;max-width:1080px;margin:0 auto;padding:0 20px;display:flex}@media (prefers-color-scheme:dark){:root{--ink:#e2e8f0;--muted:#94a3b8;--line:#1e293b;--surface:#0f172a;--ground:#020617;--blue-soft:#10243f}.notice{color:#cfe0fb;border-color:#1d3a63}}