:root{color-scheme:light;--bg: #f6f7f2;--surface: #fffef9;--surface-strong: #ffffff;--ink: #1f2a26;--muted: #5f6a64;--soft: #eef1ea;--line: #dce3da;--teal: #0b807a;--teal-soft: #d8eeea;--coral: #c8523e;--coral-soft: #f5dfd7;--green: #2f7d49;--green-soft: #ddeddf;--gold: #aa781f;--gold-soft: #f0e5c9;--violet: #6e5ca8;--violet-soft: #e7e2f4;--graphite: #2f3a36;--graphite-soft: #e4e8e5;--shadow: 0 18px 48px rgba(31, 42, 38, .1);font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fffef9f0,#f6f7f2fa),var(--bg)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-shell{width:min(1160px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:12px max(16px,calc((100vw - 1160px)/2));border-bottom:1px solid rgba(220,227,218,.78);background:#f6f7f2e0;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:150px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--ink);color:var(--surface);font-weight:800}.brand strong,.brand small{display:block;line-height:1.1}.brand small{margin-top:3px;color:var(--muted);font-size:12px}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.nav-link{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:8px;color:var(--muted);font-size:14px}.nav-link:hover,.nav-link.active{background:var(--surface-strong);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.home-hero{min-height:470px;background-image:linear-gradient(90deg,#101815d1,#10181552,#1018150d),var(--hero-image);background-position:center;background-size:cover;color:#fffef9}.home-hero-content{display:flex;min-height:470px;flex-direction:column;justify-content:center;padding:56px 0}.home-hero h1,.topic-hero h1,.note-hero h1,.not-found h1{max-width:760px;margin:0;font-size:52px;line-height:1.08;letter-spacing:0}.home-hero p:not(.eyebrow){max-width:640px;margin:20px 0 0;color:#fffef9e0;font-size:18px;line-height:1.75}.eyebrow{margin:0 0 12px;color:var(--muted);font-size:13px;font-weight:800;line-height:1.2;text-transform:uppercase}.home-hero .eyebrow{color:#fffef9c7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid rgba(255,254,249,.42);border-radius:8px;background:#fffef924;color:#fffef9;font-weight:700}.hero-actions a:hover{background:#fffef93d}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-38px;position:relative;z-index:2}.dashboard-tile,.category-card,.note-card,.quiet-panel,.archive-row{border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.dashboard-tile{display:flex;min-height:118px;flex-direction:column;justify-content:space-between;padding:18px;box-shadow:var(--shadow)}.dashboard-tile span,.category-card span,.note-meta,.archive-row span{color:var(--muted);font-size:13px}.dashboard-tile strong{font-size:18px;line-height:1.35}.split-section{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:64px 0 34px}.section-heading{margin-bottom:20px}.section-heading h2,.quiet-panel h2{margin:0;font-size:28px;line-height:1.2;letter-spacing:0}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.note-card{min-height:228px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.note-card:hover,.category-card:hover,.archive-row:hover{border-color:#0b807a80;box-shadow:var(--shadow);transform:translateY(-2px)}.note-card-link{display:flex;height:100%;min-height:228px;flex-direction:column;justify-content:space-between;padding:20px}.note-card.compact,.note-card.compact .note-card-link{min-height:150px}.note-card h3{margin:0 0 10px;font-size:20px;line-height:1.28;letter-spacing:0}.note-card p{margin:0;color:var(--muted);line-height:1.7}.note-meta,.note-hero-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.note-meta span,.note-hero-meta span{color:var(--ink)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.tag-list li,.highlight-strip span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:13px}.quiet-panel{align-self:start;padding:24px}.quiet-panel p{color:var(--muted);line-height:1.75}.quiet-panel a,.back-link{display:inline-flex;margin-top:12px;color:var(--teal);font-weight:800}.panel-divider{margin:26px 0;border:0;border-top:1px solid var(--line)}.category-section{padding:24px 0 70px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card{display:grid;min-height:178px;align-content:start;gap:12px;padding:20px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.category-card strong{font-size:18px}.category-card p{margin:0;color:var(--muted);line-height:1.7}.topic-page,.archive-page,.search-page,.note-page,.not-found{padding:56px 0 80px}.topic-hero,.note-hero{padding-bottom:28px;border-bottom:1px solid var(--line)}.topic-hero p:not(.eyebrow),.note-hero p{max-width:780px;color:var(--muted);font-size:17px;line-height:1.8}.highlight-strip{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0 28px}.archive-list{display:grid;gap:10px;margin-top:28px}.archive-row{display:grid;grid-template-columns:130px minmax(0,1fr) 120px;gap:16px;align-items:center;min-height:58px;padding:14px 18px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.archive-row time{color:var(--muted);font-size:14px}.note-page article{max-width:840px;margin:0 auto}.note-hero h1{margin-top:14px}.prose{padding-top:28px;font-size:17px;line-height:1.85}.prose h2{margin:38px 0 12px;font-size:28px;line-height:1.25;letter-spacing:0}.prose h3{margin:28px 0 10px;font-size:22px;letter-spacing:0}.prose p,.prose li{color:#3f4a45}.prose a{color:var(--teal);font-weight:700}.prose ul,.prose ol{padding-left:22px}.prose blockquote{margin:24px 0;padding:18px 20px;border-left:4px solid var(--teal);background:var(--soft);color:var(--ink)}.not-found{min-height:62vh}.not-found p{max-width:620px;color:var(--muted);line-height:1.8}.not-found .hero-actions a{border-color:var(--line);background:var(--surface-strong);color:var(--ink)}.empty-state{grid-column:1 / -1;margin:0;padding:24px;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}.search-panel{display:grid;gap:14px;padding:24px 0}.search-label{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}.search-input{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink);font:inherit;outline:none}.search-input:focus{border-color:#0b807ab3;box-shadow:0 0 0 3px #0b807a24}.filter-bar{display:flex;flex-wrap:wrap;gap:8px}.filter-button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--muted);cursor:pointer;font:inherit;font-size:14px;font-weight:700}.filter-button.active{border-color:var(--accent, var(--teal));background:var(--accent-soft, var(--teal-soft));color:var(--ink)}.search-count{margin:0;color:var(--muted);font-size:14px}.search-results{display:grid;gap:12px}.search-result-card{border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.search-result-card:hover{border-color:#0b807a80;box-shadow:var(--shadow);transform:translateY(-2px)}.search-result-card a{display:grid;gap:14px;padding:20px}.search-result-card h2{margin:0 0 8px;font-size:22px;line-height:1.25;letter-spacing:0}.search-result-card p{margin:0;color:var(--muted);line-height:1.7}.accent-teal{--accent: var(--teal);--accent-soft: var(--teal-soft)}.accent-coral{--accent: var(--coral);--accent-soft: var(--coral-soft)}.accent-green{--accent: var(--green);--accent-soft: var(--green-soft)}.accent-gold{--accent: var(--gold);--accent-soft: var(--gold-soft)}.accent-violet{--accent: var(--violet);--accent-soft: var(--violet-soft)}.accent-graphite{--accent: var(--graphite);--accent-soft: var(--graphite-soft)}.dashboard-tile[class*=accent-],.category-card[class*=accent-]{border-top:4px solid var(--accent)}.eyebrow[class*=accent-]{color:var(--accent)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px max(16px,calc((100vw - 1160px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:14px}.site-footer p{margin:0}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column;gap:12px}.site-nav{justify-content:flex-start;width:100%}.home-hero,.home-hero-content{min-height:430px}.home-hero h1,.topic-hero h1,.note-hero h1,.not-found h1{font-size:38px}.dashboard-grid,.content-grid,.category-grid,.split-section{grid-template-columns:1fr}.dashboard-grid{margin-top:16px}.split-section{padding-top:42px}}@media(max-width:640px){.page-shell{width:min(100% - 24px,1160px)}.site-header{min-height:0}.nav-link{padding:0 10px;font-size:13px}.home-hero{background-image:linear-gradient(180deg,#101815c2,#10181533),var(--hero-image)}.home-hero h1,.topic-hero h1,.note-hero h1,.not-found h1{font-size:32px}.home-hero p:not(.eyebrow),.topic-hero p:not(.eyebrow),.note-hero p{font-size:16px}.archive-row{grid-template-columns:1fr;gap:6px}}