:root{--bg-primary:#faf8f4;--bg-secondary:#f2efe8;--bg-card:#fff;--bg-nav:#faf8f4eb;--text-primary:#2c2a26;--text-secondary:#5c5850;--text-muted:#9a9488;--accent:#b8623a;--accent-hover:#a0522e;--accent-light:#b8623a14;--border:#e4dfd6;--shadow:0 1px 4px #5046320f;--shadow-hover:0 3px 12px #5046321a;--tag-bg:#ede8df;--tag-text:#7a6e5d;--timeline-line:#ddd7cb;--timeline-dot:#b8623a;--search-bg:#f0ebe2;--code-bg:#f4f1eb;--scrollbar-thumb:#cec6b8}[data-theme=dark]{--bg-primary:#1c1c1e;--bg-secondary:#26262a;--bg-card:#2a2a2e;--bg-nav:#1c1c1eeb;--text-primary:#e4e0d8;--text-secondary:#a8a298;--text-muted:#706c64;--accent:#d4845a;--accent-hover:#e09670;--accent-light:#d4845a1a;--border:#3a3a3e;--shadow:0 1px 4px #00000040;--shadow-hover:0 3px 12px #00000059;--tag-bg:#323230;--tag-text:#b0a898;--timeline-line:#3a3a3e;--timeline-dot:#d4845a;--search-bg:#222224;--code-bg:#202022;--scrollbar-thumb:#4a4a4e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.container{max-width:1100px;margin:0 auto;padding:0 24px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-primary);margin-top:1.5em;margin-bottom:.5em;line-height:1.3}.markdown-body h1{font-size:1.8rem}.markdown-body h2{border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:1.5rem}.markdown-body h3{font-size:1.25rem}.markdown-body p{margin-bottom:1em}.markdown-body ul,.markdown-body ol{margin-bottom:1em;padding-left:2em}.markdown-body li{margin-bottom:.3em}.markdown-body code{background:var(--code-bg);border-radius:4px;padding:.15em .4em;font-family:Fira Code,Consolas,monospace;font-size:.9em}.markdown-body pre{background:var(--code-bg);border-radius:8px;margin-bottom:1em;padding:1em;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0}.markdown-body blockquote{border-left:4px solid var(--accent);color:var(--text-secondary);background:var(--accent-light);border-radius:0 8px 8px 0;margin-bottom:1em;padding:.5em 1em}.markdown-body img{border-radius:8px;max-width:100%}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:1em}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;padding:.6em 1em}.markdown-body th{background:var(--bg-secondary);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.3s forwards fadeIn}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--accent-light);border-color:var(--accent);transform:rotate(20deg)}.navbar{z-index:100;background:var(--bg-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1100px;height:60px;margin:0 auto;display:flex}.navbar-brand{color:var(--text-primary);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.navbar-brand:hover{color:var(--accent)}.navbar-links{align-items:center;gap:8px;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:8px;padding:6px 14px;font-size:.95rem;font-weight:500;transition:all .2s}.navbar-links a:hover,.navbar-links a.active{color:var(--accent);background:var(--accent-light)}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;display:none}@media (width<=768px){.navbar-menu-btn{display:block}.navbar-links{background:var(--bg-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:12px;display:none;position:absolute;top:60px;left:0;right:0}.navbar-links.open{display:flex}.navbar-links a{width:100%;padding:10px 14px}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout-main{flex:1;padding:32px 0}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:24px;font-size:.85rem}.footer a{color:var(--accent)}.note-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:10px;padding:20px 24px;transition:all .25s;display:flex}.note-card:hover{box-shadow:var(--shadow-hover);border-color:var(--accent);transform:translateY(-2px)}.note-card-title{color:var(--text-primary);font-size:1.15rem;font-weight:600;line-height:1.4}.note-card-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.note-card-category{background:var(--accent-light);color:var(--accent);border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:500}.note-card-summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.note-card-tags{flex-wrap:wrap;gap:6px;display:flex}.note-card-tag{background:var(--tag-bg);color:var(--tag-text);border-radius:10px;padding:2px 10px;font-size:.78rem;font-weight:500}.home-hero{text-align:center;padding:48px 0 36px}.home-hero h1{color:var(--text-primary);margin-bottom:12px;font-size:2rem;font-weight:700}.home-hero p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem}.home-stats{flex-wrap:wrap;justify-content:center;gap:32px;margin:32px 0;display:flex}.home-stat{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;min-width:120px;padding:20px 28px}.home-stat-value{color:var(--accent);font-size:1.8rem;font-weight:700}.home-stat-label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.home-section{margin-top:40px}.home-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.home-section-header h2{font-size:1.3rem;font-weight:600}.home-section-header a{font-size:.9rem}.home-notes-list{flex-direction:column;gap:12px;display:flex}.home-nav-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:40px;display:grid}.home-nav-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px;text-decoration:none;transition:all .25s}.home-nav-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.home-nav-card-icon{margin-bottom:8px;font-size:2rem}.home-nav-card-title{color:var(--text-primary);margin-bottom:4px;font-weight:600}.home-nav-card-desc{color:var(--text-muted);font-size:.85rem}@media (width<=768px){.home-hero h1{font-size:1.5rem}.home-stats{gap:16px}.home-stat{min-width:100px;padding:14px 18px}.home-stat-value{font-size:1.4rem}}.search-bar{width:100%;max-width:400px;position:relative}.search-bar input{border:1px solid var(--border);background:var(--search-bg);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 16px 10px 42px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-bar input::placeholder{color:var(--text-muted)}.search-bar-icon{color:var(--text-muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tag-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-filter-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.tag-filter-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:16px;padding:4px 14px;font-size:.82rem;transition:all .2s}.tag-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.tag-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.notes-page h1{margin-bottom:20px;font-size:1.5rem;font-weight:700}.notes-filters{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;margin-bottom:24px;padding:20px;display:flex}.notes-list{flex-direction:column;gap:12px;display:flex}.notes-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.notes-empty-icon{margin-bottom:12px;font-size:3rem}.notes-count{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.markdown-renderer{color:var(--text-primary);line-height:1.7}.note-detail{max-width:800px;margin:0 auto}.note-detail-back{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:.9rem;transition:color .2s;display:inline-flex}.note-detail-back:hover{color:var(--accent)}.note-detail-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:20px}.note-detail-title{margin-bottom:12px;font-size:1.8rem;font-weight:700;line-height:1.3}.note-detail-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.9rem;display:flex}.note-detail-category{background:var(--accent-light);color:var(--accent);border-radius:12px;padding:3px 12px;font-size:.82rem;font-weight:500}.note-detail-tag{background:var(--tag-bg);color:var(--tag-text);border-radius:12px;padding:3px 12px;font-size:.82rem;font-weight:500}.note-detail-not-found{text-align:center;color:var(--text-muted);padding:80px 20px}.note-detail-not-found h2{color:var(--text-primary);margin-bottom:12px}@media (width<=768px){.note-detail-title{font-size:1.4rem}}.editor-page{max-width:800px;margin:0 auto}.editor-page h1{margin-bottom:20px;font-size:1.5rem;font-weight:700}.editor-form{flex-direction:column;gap:16px;display:flex}.editor-field{flex-direction:column;gap:6px;display:flex}.editor-field label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.editor-field input,.editor-field textarea{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.editor-field input:focus,.editor-field textarea:focus{border-color:var(--accent)}.editor-field input::placeholder,.editor-field textarea::placeholder{color:var(--text-muted)}.editor-tags-input{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:8px 12px;transition:border-color .2s;display:flex}.editor-tags-input:focus-within{border-color:var(--accent)}.editor-tags-input input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:0;font-size:.9rem}.editor-tag-chip{background:var(--tag-bg);color:var(--tag-text);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 10px;font-size:.82rem;display:inline-flex}.editor-tag-remove{cursor:pointer;opacity:.6;font-size:.9rem;line-height:1}.editor-tag-remove:hover{opacity:1}.editor-content{resize:vertical;min-height:400px;font-family:Fira Code,Consolas,Menlo,monospace;font-size:.9rem;line-height:1.6}.editor-actions{gap:12px;margin-top:8px;display:flex}.editor-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:500;transition:all .2s}.editor-btn-primary{background:var(--accent);color:#fff}.editor-btn-primary:hover{background:var(--accent-hover)}.editor-btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.editor-btn-secondary:hover{border-color:var(--text-muted)}.editor-btn-danger{color:#c0392b;background:0 0;border:1px solid #c0392b}.editor-btn-danger:hover{color:#fff;background:#c0392b}.editor-hint{color:var(--text-muted);margin-top:-8px;font-size:.82rem}.editor-tabs{gap:0;margin-bottom:-1px;display:flex}.editor-tab{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-bottom:none;border-radius:8px 8px 0 0;padding:8px 20px;font-size:.9rem;transition:all .2s}.editor-tab.active{background:var(--bg-card);color:var(--text-primary);font-weight:600}.editor-preview-area{border:1px solid var(--border);background:var(--bg-card);border-radius:0 8px 8px;min-height:400px;padding:20px;overflow-y:auto}@media (width<=768px){.editor-content,.editor-preview-area{min-height:300px}}.timeline-page h1{margin-bottom:24px;font-size:1.5rem;font-weight:700}.timeline-filter{margin-bottom:24px}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:var(--timeline-line);width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-year{color:var(--accent);margin:24px 0 12px;font-size:1.1rem;font-weight:700;position:relative}.timeline-year:before{content:"";background:var(--timeline-dot);border:2px solid var(--bg-primary);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:-28px;transform:translateY(-50%)}.timeline-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:14px 20px;text-decoration:none;transition:all .2s;display:block;position:relative}.timeline-item:hover{border-color:var(--accent);box-shadow:var(--shadow)}.timeline-item:before{content:"";background:var(--timeline-dot);opacity:.6;border-radius:50%;width:8px;height:8px;position:absolute;top:20px;left:-26px}.timeline-item-date{color:var(--text-muted);margin-bottom:4px;font-size:.82rem}.timeline-item-title{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:600}.timeline-item-summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.timeline-item-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.timeline-item-tag{background:var(--tag-bg);color:var(--tag-text);border-radius:8px;padding:1px 8px;font-size:.75rem}.timeline-empty{text-align:center;color:var(--text-muted);padding:60px 20px}@media (width<=768px){.timeline{padding-left:24px}.timeline-year:before{left:-22px}.timeline-item:before{left:-20px}}.about-page{max-width:700px;margin:0 auto}.about-page h1{margin-bottom:24px;font-size:1.5rem;font-weight:700}.about-avatar{text-align:center;margin-bottom:16px;font-size:4rem}.about-name{text-align:center;margin-bottom:8px;font-size:1.3rem;font-weight:600}.about-bio{text-align:center;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.about-section{margin-bottom:28px}.about-section h2{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:1.15rem;font-weight:600}.about-section p,.about-section ul{color:var(--text-secondary);line-height:1.7}.about-section ul{padding-left:20px}.about-section li{margin-bottom:6px}.about-interests{flex-wrap:wrap;gap:8px;display:flex}.about-interest{background:var(--tag-bg);color:var(--tag-text);border-radius:16px;padding:6px 16px;font-size:.9rem}.about-contact{flex-direction:column;gap:8px;display:flex}.about-contact-item{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.about-contact-item span:first-child{font-size:1.1rem}