:root{color-scheme:dark;--background: #1b1b19;--foreground: #faf9f5;--card: #2d2d2a;--card-nested: #383834;--popover: #2d2d2a;--primary: #cc785c;--primary-foreground: #141413;--secondary: #4a4a46;--muted: #33332f;--muted-foreground: #b0aea5;--accent: #34342f;--border: rgba(255, 255, 255, .24);--input: rgba(255, 255, 255, .16);--ring: #cc785c;--radius: .5rem;--site-header-height: 2.25rem;--sidebar-width: 18rem;--sidebar-bg: #141413;--sidebar-accent: #34342f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;background:var(--background);color:var(--foreground);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.08);display:none;flex-direction:column;z-index:20;transition:transform .2s ease-in-out}@media(min-width:768px){.sidebar{display:flex}body.sidebar-open .sidebar{transform:none}}.sidebar nav{flex:1;overflow-y:auto;padding:.5rem;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar-group-label{display:flex;align-items:center;justify-content:space-between;height:2rem;padding:0 .75rem;font-size:.75rem;font-weight:500;color:#faf9f5b3}.menu{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column}.menu a{display:flex;align-items:center;gap:.5rem;height:2rem;padding:0 .75rem;border-radius:.75rem;font-size:.875rem;white-space:nowrap;transition:background-color .15s ease}.menu a:hover{background:var(--sidebar-accent)}.menu a.active{background:var(--sidebar-accent);font-weight:500}.menu svg{width:1rem;height:1rem;flex-shrink:0;opacity:.85}.main{min-width:0}@media(min-width:768px){.main{margin-left:var(--sidebar-width)}body:not(.sidebar-open) .main{margin-left:0}body:not(.sidebar-open) .sidebar{transform:translate(-100%)}}.site-header{position:sticky;top:0;z-index:10;height:var(--site-header-height);display:flex;align-items:center;gap:.5rem;padding:0 .75rem;background:#1b1b19d9;backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;border:1px solid transparent;background:transparent;cursor:pointer;transition:background-color .15s ease}.icon-btn:hover{background:#faf9f51f}.icon-btn svg{width:1rem;height:1rem}.page-title{font-size:.875rem;font-weight:500}.page-shell{padding:1.5rem clamp(1rem,4vw,3rem) 4rem;max-width:72rem}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin:1rem 0 2rem}.hero h1{margin:0;max-width:48rem;font-size:1.875rem;line-height:1.3;font-weight:600;letter-spacing:-.02em}@media(min-width:768px){.hero h1{font-size:2.25rem}}.hero h1 .heart{color:var(--primary);display:inline-block;width:.8em;height:.8em;vertical-align:-.08em;margin:0 .1em}.type-word{color:var(--primary)}.type-caret{display:inline-block;width:2px;height:1em;background:var(--primary);vertical-align:-.12em;margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:2rem;padding:0 .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn svg{width:1rem;height:1rem}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:#cc785ccc}.btn-secondary{background:var(--secondary);color:var(--foreground)}.btn-secondary:hover{background:#faf9f52e}.btn-outline{border-color:var(--input);background:#ffffff0a}.btn-outline:hover{background:#ffffff1a}.section-label{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:var(--foreground)}.cards{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.cards{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:background-color .2s ease,transform .2s ease,border-color .2s ease}.card:hover{background:var(--card-nested);transform:translateY(-2px);border-color:#ffffff2e}.card-cover{aspect-ratio:16 / 9;overflow:hidden}.card-cover svg{width:100%;height:100%;display:block}.card-body{padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem}.card-title{margin:0;font-size:1rem;font-weight:600}.card-desc{margin:0;font-size:.875rem;color:var(--muted-foreground);line-height:1.6}.card-sub{margin:.15rem 0 0;font-size:.8rem;color:var(--primary)}.card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.35rem}.tag{font-size:.75rem;color:var(--muted-foreground);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.1rem .5rem;border-radius:999px}.social{margin-top:2.5rem}.social-row{display:flex;flex-wrap:wrap;gap:.5rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rise{animation:rise .5s ease both}.rise-1{animation-delay:.05s}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.19s}.rise-4{animation-delay:.26s}.footer{margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;color:var(--muted-foreground)}