:root{--bg:#f5f7fb;--surface:rgba(255,255,255,.78);--surface2:rgba(255,255,255,.94);--border:rgba(15,23,42,.08);--text:#0f172a;--muted:#64748b;--shadow:0 18px 60px rgba(15,23,42,.08);--card-shadow:0 12px 35px rgba(15,23,42,.06)}
[data-theme="dark"]{--bg:#0b0f17;--surface:rgba(17,24,39,.72);--surface2:rgba(17,24,39,.92);--border:rgba(148,163,184,.14);--text:#f8fafc;--muted:#94a3b8;--shadow:0 24px 80px rgba(0,0,0,.25);--card-shadow:0 15px 42px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);transition:.25s;overflow-x:hidden}button,input{font:inherit}
.ambient{position:fixed;width:440px;height:440px;border-radius:999px;filter:blur(90px);opacity:.18;pointer-events:none}.ambient-one{top:-170px;left:-120px;background:#60a5fa}.ambient-two{right:-160px;top:120px;background:#a78bfa}
.shell{width:min(1180px,calc(100% - 36px));margin:auto;padding:64px 0 40px;position:relative;z-index:1}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:36px}.brand-wrap{display:flex;align-items:center;gap:18px}
.logo{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;color:#fff;font-size:28px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(145deg,#0f172a,#334155 58%,#64748b);box-shadow:0 16px 32px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.18)}
.eyebrow{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.2em;margin-bottom:5px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(30px,5vw,46px);line-height:1;letter-spacing:-.05em}.hero p{margin:0;color:var(--muted);font-size:15px}
.icon-button{width:44px;height:44px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--surface);backdrop-filter:blur(20px);cursor:pointer;box-shadow:var(--card-shadow);transition:.2s}.icon-button:hover{transform:translateY(-2px);background:var(--surface2)}.theme-icon{font-size:20px}
.toolbar{padding:14px;border:1px solid var(--border);border-radius:22px;background:var(--surface);backdrop-filter:blur(24px);box-shadow:var(--shadow);margin-bottom:34px}.search-box{height:50px;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--surface2);border:1px solid var(--border);border-radius:15px}.search-box svg{width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}.search-box input{width:100%;color:var(--text);border:0;outline:0;background:transparent;font-size:14px}.search-box input::placeholder{color:var(--muted)}.search-box kbd{min-width:27px;height:25px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:var(--bg);font-size:12px}
.category-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.category-button{border:1px solid transparent;border-radius:10px;padding:8px 11px;color:var(--muted);background:transparent;cursor:pointer;font-size:13px;font-weight:650;transition:.2s}.category-button:hover{color:var(--text);background:var(--surface2)}.category-button.active{color:var(--text);border-color:var(--border);background:var(--surface2)}
.content-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px}.content-head h2{margin-bottom:5px;font-size:19px}.content-head p{margin:0;color:var(--muted);font-size:13px}.hint{text-align:right}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.link-card{min-height:172px;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:20px;border:1px solid var(--border);border-radius:20px;color:inherit;text-decoration:none;background:var(--surface);backdrop-filter:blur(18px);box-shadow:var(--card-shadow);overflow:hidden;transition:.22s}.link-card::after{content:"";position:absolute;right:-24px;bottom:-36px;width:110px;height:110px;border-radius:999px;background:var(--accent);opacity:.07;transition:.25s}.link-card:hover{transform:translateY(-4px);background:var(--surface2);box-shadow:0 18px 48px rgba(15,23,42,.11)}.link-card:hover::after{transform:scale(1.2);opacity:.11}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-icon{min-width:44px;height:44px;padding:0 10px;display:grid;place-items:center;border-radius:13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);font-size:13px;font-weight:800}.card-arrow{color:var(--muted);font-size:19px;transition:.2s}.link-card:hover .card-arrow{transform:translate(2px,-2px);color:var(--text)}
.card-copy{margin-top:23px;position:relative;z-index:1}.card-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.card-title{margin:0;font-size:16px}.badge{border-radius:999px;padding:3px 7px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:10px;font-weight:750}.card-description{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.card-category{margin-top:14px;color:var(--muted);font-size:11px;font-weight:650}
.empty-state{padding:72px 20px;text-align:center;color:var(--muted)}.empty-icon{font-size:34px;margin-bottom:12px}.empty-state h3{color:var(--text);margin-bottom:7px}.empty-state p{margin:0;font-size:14px}
footer{display:flex;justify-content:space-between;gap:20px;padding:34px 3px 0;color:var(--muted);font-size:11px}
@media(max-width:860px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.shell{width:min(100% - 24px,1180px);padding-top:32px}.hero{margin-bottom:25px}.brand-wrap{align-items:flex-start;gap:13px}.logo{width:50px;height:50px;border-radius:16px;font-size:23px}.eyebrow{font-size:9px}.hero p{font-size:13px;line-height:1.55}.icon-button{width:40px;height:40px;border-radius:12px}.toolbar{border-radius:18px;padding:10px;margin-bottom:28px}.search-box{border-radius:12px}.category-list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1px;scrollbar-width:none}.category-list::-webkit-scrollbar{display:none}.category-button{white-space:nowrap}.hint{display:none}.card-grid{grid-template-columns:1fr;gap:12px}.link-card{min-height:158px;border-radius:18px}footer{flex-direction:column;gap:7px}}