:root{--bg:#f6f7fb;--surface:rgba(255,255,255,0.8);--surface-strong:#ffffff;--text-main:#1e2433;--text-subtle:#5c6478;--line:rgba(52,72,114,0.15);--accent:#2f6bf2;--accent-weak:rgba(47,107,242,0.1);--shadow:0 12px 32px rgba(30,42,80,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body),"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text-main);background:radial-gradient(circle at 0 -10%,rgba(87,122,255,.25),transparent 36%),radial-gradient(circle at 100% 0,rgba(59,206,198,.18),transparent 28%),var(--bg)}a{color:inherit;text-decoration:none}.page-shell{width:100%;margin:0;padding:0 0 2rem}.layout-shell{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border:1px solid var(--line);border-radius:1.2rem;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem;overflow-y:auto}.sidebar-head h1{margin:.7rem 0 .45rem;font-family:var(--font-title),sans-serif;font-size:1.9rem;line-height:1.15}.sidebar-head p{margin:0;color:var(--text-subtle);font-size:.9rem;line-height:1.55}.sidebar-nav{margin-top:1.25rem}.sidebar-nav h2{margin:0 0 .6rem;font-size:.95rem;font-family:var(--font-title),sans-serif;color:#3d4661}.sidebar-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.sidebar-nav a{display:block;border:1px solid transparent;border-radius:.72rem;padding:.44rem .62rem;font-size:.9rem;color:#46506c;background:rgba(246,249,255,.85);transition:color .2s ease,border-color .2s ease,background .2s ease}.sidebar-nav a:hover{color:var(--accent);border-color:rgba(47,107,242,.25);background:rgba(47,107,242,.08)}.content{min-width:0;padding-top:2.4rem}.hero-badge{display:inline-block;font-family:var(--font-title),sans-serif;font-size:.82rem;color:var(--accent);background:var(--accent-weak);padding:.34rem .72rem;border-radius:999px}.section-title{margin:1.8rem 0 .9rem}.section-title h2{margin:0;font-family:var(--font-title),sans-serif;font-size:1.28rem}.section-title p{margin:.3rem 0 0;color:var(--text-subtle);font-size:.92rem}.featured-grid,.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.78rem;gap:.78rem}.link-card{border:1px solid var(--line);border-radius:1rem;padding:.85rem .9rem;background:var(--surface-strong);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.link-card:hover{transform:translateY(-2px);border-color:rgba(47,107,242,.35);box-shadow:0 8px 20px rgba(30,42,80,.11)}.link-header{justify-content:space-between;gap:.5rem}.link-header,.link-header-tags{display:flex;align-items:center}.link-header-tags{gap:.35rem}.link-header h3{margin:0;font-size:1rem;font-family:var(--font-title),sans-serif}.link-header span{font-size:.72rem;color:var(--accent);background:var(--accent-weak);padding:.2rem .45rem;border-radius:999px;white-space:nowrap}.link-card p{margin:.45rem 0 0;font-size:.86rem;line-height:1.5;color:var(--text-subtle)}.empty-state{border:1px dashed var(--line);border-radius:1rem;background:rgba(255,255,255,.78);color:var(--text-subtle);padding:1rem;text-align:center}.category-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.category-panel{scroll-margin-top:1rem;border:1px solid var(--line);border-radius:1.2rem;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}.category-panel header{margin-bottom:.8rem}.category-panel h2{margin:0;font-size:1.05rem}.category-panel header p{margin:.32rem 0 0;font-size:.84rem;color:var(--text-subtle)}.site-footer{margin-top:1.9rem;text-align:center;color:#697187;font-size:.84rem}@media (max-width:900px){.layout-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible}.sidebar-nav ul{flex-direction:row;overflow-x:auto;padding-bottom:.2rem}.sidebar-nav a{white-space:nowrap}}@media (max-width:640px){.page-shell{width:min(1120px,calc(100% - 1rem));padding-top:1rem}}