*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:sans-serif;background-color:#f7f7f7;color:#222}a{color:inherit;text-decoration:none}button{font:inherit}.layout{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.container{max-width:900px;margin:0 auto;padding:24px}.notes-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.note-card{background-color:#fff;padding:30px;border-radius:20px;max-height:300px;transition:transform .2s}.note-card:hover{transform:translateY(-2px)}.category-button{padding:8px 14px;border:1px solid #ddd;border-radius:999px;background-color:#fff;cursor:pointer;font-size:14px;transition:.2s}.category-button:hover{background-color:#f3f3f3}.category-button.active{background-color:#222;color:#fff;border-color:#222}.back-button{display:inline-block;cursor:pointer;margin:32px 0;padding:5px 15px;background-color:#000;border:0;border-radius:999px;color:#fff;text-decoration:none;transition:background-color .3s ease}.back-button:hover{background-color:#333}.note-page{padding:24px}.note-shell{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px}.note-detail{background:#fff;padding:16px 32px;border-radius:20px;min-width:0}.note-meta{font-size:14px;color:#666}.note-meta-inner{border-bottom:1px solid #000}.note-toc{position:sticky;top:24px;align-self:start;background:#fff;border:1px solid #ddd;border-radius:16px;padding:16px}.note-toc-title{margin:0 0 12px;font-weight:700}.note-toc ul{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:8px}.toc-item-sub{margin-left:12px}.note-toc a{color:#333;font-size:14px;text-decoration:none}.note-toc a:hover{text-decoration:underline}.markdown-body{line-height:1.8}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:24px;margin-bottom:12px}.markdown-body p{margin-bottom:16px}.markdown-body ul,.markdown-body ol{margin-bottom:16px;padding-left:24px}.markdown-body pre{margin:20px 0;padding:16px;background-color:#f5f5f5;border-radius:12px;overflow-x:auto}.markdown-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@media(max-width:1100px){.note-shell{grid-template-columns:180px minmax(0,680px);gap:24px}.note-detail{padding:16px 24px}}@media(max-width:900px){.note-shell{grid-template-columns:1fr}.note-toc{position:static;margin-bottom:16px}.note-detail{padding:16px 20px}}