:root{--mint: #B8E8D0;--mint-light: #E8F8F0;--pink: #FFB5C2;--pink-light: #FFF0F3;--lavender: #C5B9F2;--lavender-light: #F0ECFF;--lemon: #FFF1A8;--lemon-light: #FFFBEB;--blueberry: #A8D8EA;--blueberry-light: #E8F4FD;--peach: #FFCBA4;--peach-light: #FFF4E8;--bg: #FFF9F5;--bg-sidebar: #FFFCFA;--bg-card: #FFFFFF;--text: #3D3050;--text-secondary: #8B7FA0;--text-light: #B5ABCA;--border: #F0EBE5;--border-soft: #F5F0EA;--shadow-sm: 0 2px 8px rgba(100, 80, 120, .04);--shadow-md: 0 4px 16px rgba(100, 80, 120, .06);--shadow-lg: 0 8px 30px rgba(100, 80, 120, .08);--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--sidebar-width: 280px;--font: "Noto Sans SC", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app{min-height:100vh}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:32px 22px 24px;position:fixed;top:0;left:0;overflow-y:auto;z-index:50}.sidebar-profile{text-align:center;margin-bottom:20px}.sidebar-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--blueberry));margin:0 auto 14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #b8e8d04d}.sidebar-avatar-emoji{font-size:40px;line-height:1}.sidebar-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar-name{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:4px}.sidebar-bio{font-size:.82rem;color:var(--text-secondary)}.sidebar-social{display:flex;justify-content:center;gap:14px;margin-bottom:24px}.social-icon{width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;border:1px solid var(--border-soft)}.social-icon:hover{background:var(--pink-light);color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:28px}.sidebar-nav-link{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.sidebar-nav-link:hover{background:var(--mint-light);color:var(--text)}.sidebar-nav-link.active{background:var(--mint);color:#2d6a4f;font-weight:600;box-shadow:0 2px 8px #b8e8d04d}.sidebar-nav-icon{font-size:1.1rem;width:24px;text-align:center}.sidebar-search-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);background:var(--bg);color:var(--text-light);font-size:.85rem;font-family:var(--font);cursor:pointer;transition:all .2s ease;margin-bottom:24px}.sidebar-search-trigger:hover{border-color:var(--mint);background:var(--mint-light);color:var(--text-secondary)}.sidebar-search-text{flex:1;text-align:left}.sidebar-search-kbd{font-size:.7rem;font-family:var(--font);padding:2px 7px;border-radius:5px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);line-height:1.4}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d305040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.search-modal{width:580px;max-width:90vw;background:var(--bg-card);border-radius:var(--radius);box-shadow:0 20px 60px #3d30502e;overflow:hidden;animation:searchSlideIn .2s ease}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-input-row{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-soft);position:relative}.search-icon{flex-shrink:0;color:var(--text-light)}.search-input{flex:1;border:none;outline:none;font-size:1rem;font-family:var(--font);color:var(--text);background:transparent;min-width:0}.search-input::placeholder{color:transparent}.search-shortcut-hint{font-size:.78rem;color:var(--text-light);white-space:nowrap;pointer-events:none;position:absolute;left:52px}.search-scope-select{flex-shrink:0;padding:5px 10px;border-radius:var(--radius-xs);border:1.5px solid var(--border-soft);background:var(--bg);color:var(--text-secondary);font-size:.82rem;font-family:var(--font);cursor:pointer;outline:none;transition:border-color .2s ease}.search-scope-select:hover,.search-scope-select:focus{border-color:var(--mint)}.search-results{max-height:420px;overflow-y:auto;padding:8px}.search-results::-webkit-scrollbar{width:5px}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.search-result-item{display:block;width:100%;text-align:left;padding:14px 16px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;font-family:var(--font);transition:background .15s ease}.search-result-item:hover{background:var(--mint-light)}.search-result-title{display:flex;align-items:center;gap:10px;margin-bottom:4px}.search-result-title span:first-child{font-size:.95rem;font-weight:600;color:var(--text)}.search-result-tag{flex-shrink:0;font-size:.68rem;font-weight:500;padding:2px 8px;border-radius:10px;background:var(--lavender-light);color:#5b21b6}.search-result-snippet{font-size:.83rem;color:var(--text-secondary);line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-light)}.search-result-meta-tag{padding:1px 8px;border-radius:10px;background:var(--bg);border:1px solid var(--border-soft)}.search-highlight{background:var(--lemon);color:var(--text);padding:1px 2px;border-radius:3px;font-weight:600}.search-empty{text-align:center;padding:40px 20px;color:var(--text-light)}.search-empty-icon{font-size:2rem;display:block;margin-bottom:8px}.search-empty p{font-size:.9rem}.search-hints{text-align:center;padding:32px 20px;color:var(--text-light);font-size:.85rem;line-height:2}.search-hints-title{font-weight:600;color:var(--text-secondary);margin-bottom:4px}.search-hints kbd{font-size:.75rem;font-family:var(--font);padding:2px 7px;border-radius:5px;border:1px solid var(--border);background:var(--bg)}.sidebar-section-title{font-size:.78rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.sidebar-tags{margin-bottom:auto}.sidebar-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.sidebar-tag{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.78rem;font-weight:500;color:var(--text);transition:all .2s ease;opacity:.85}.sidebar-tag:hover{opacity:1;transform:scale(1.05);box-shadow:var(--shadow-sm)}.sidebar-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--border-soft);text-align:center;font-size:.78rem;color:var(--text-light)}.sidebar-footer-sub{margin-top:2px;font-size:.72rem}.mobile-navbar{display:none;background:#fff9f5eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);padding:0 20px;position:sticky;top:0;z-index:100;height:56px;align-items:center;justify-content:space-between}.mobile-navbar-logo{font-size:1.05rem;font-weight:700;color:var(--text)}.mobile-navbar-links{display:flex;gap:20px}.mobile-navbar-link{font-size:.88rem;font-weight:500;color:var(--text-secondary);padding:4px 0;position:relative}.mobile-navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--mint);border-radius:2px;transition:width .25s ease}.mobile-navbar-link.active,.mobile-navbar-link:hover{color:var(--text)}.mobile-navbar-link.active:after,.mobile-navbar-link:hover:after{width:100%}.mobile-navbar-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border-soft);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-left:4px}.mobile-navbar-search-btn:hover{background:var(--mint-light);border-color:var(--mint)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:36px 40px 60px;max-width:calc(100% - var(--sidebar-width));min-height:100vh}.hero-banner{background:linear-gradient(135deg,var(--mint-light) 0%,var(--pink-light) 50%,var(--lavender-light) 100%);border-radius:var(--radius);padding:48px 40px;margin-bottom:36px;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:-30px;right:-20px;width:120px;height:120px;border-radius:50%;background:var(--lemon);opacity:.3}.hero-banner:after{content:"";position:absolute;bottom:-20px;left:30%;width:80px;height:80px;border-radius:50%;background:var(--blueberry);opacity:.2}.hero-banner-content{position:relative;z-index:1}.hero-title{font-size:1.8rem;font-weight:700;color:var(--text);margin-bottom:8px}.hero-emoji{font-size:1.6rem}.hero-subtitle{font-size:1rem;color:var(--text-secondary);max-width:400px}.page-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:24px;display:flex;align-items:center;gap:10px}.page-title-icon{font-size:1.3rem}.section-title{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:20px;display:flex;align-items:center;gap:8px}.section-title-icon{font-size:1rem}.card-list{display:flex;flex-direction:column;gap:18px}.card-link{display:block;transition:transform .25s ease}.card-link:hover{transform:translateY(-3px)}.article-card{display:flex;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border-left:4px solid var(--mint);transition:box-shadow .25s ease;cursor:pointer}.card-link:hover .article-card{box-shadow:var(--shadow-lg)}.card-image{width:200px;min-height:150px;flex-shrink:0;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-content{flex:1;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;min-width:0}.card-title{font-size:1.08rem;font-weight:600;color:var(--text);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-summary{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-date{font-size:.8rem;color:var(--text-light);white-space:nowrap}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tag{display:inline-block;padding:2px 12px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.tag-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.tag-filter-btn{padding:6px 18px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg-card);font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:var(--font);transition:all .2s ease}.tag-filter-btn:hover{border-color:var(--tag-bg, var(--mint));background:var(--tag-bg, var(--mint-light));color:var(--tag-text, var(--text))}.tag-filter-btn.active{background:var(--tag-bg, var(--mint));color:var(--tag-text, #2D6A4F);border-color:transparent;font-weight:600;box-shadow:0 2px 8px #0000000f}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-icon{font-size:2.5rem;display:block;margin-bottom:12px}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:.88rem;font-weight:500;color:var(--text-secondary);margin-bottom:24px;padding:6px 16px;border-radius:var(--radius-xs);background:var(--bg-card);border:1px solid var(--border-soft);transition:all .2s ease}.back-link:hover{background:var(--mint-light);color:var(--text);border-color:var(--mint)}.detail-article{background:var(--bg-card);border-radius:var(--radius);padding:40px 44px;box-shadow:var(--shadow-sm);border-top:4px solid var(--mint)}.detail-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-soft)}.detail-cover{margin:-40px -44px 28px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;max-height:360px}.detail-cover img{width:100%;height:auto;max-height:360px;object-fit:cover;display:block}.detail-title{font-size:1.8rem;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:14px}.detail-meta{display:flex;align-items:center;gap:16px}.detail-date{font-size:.88rem;color:var(--text-light)}.detail-tags{display:flex;gap:8px}.article-body{line-height:1.9;font-size:1.02rem;color:var(--text)}.article-body h2{font-size:1.45rem;font-weight:700;margin:36px 0 16px;color:var(--text);padding-left:14px;border-left:4px solid var(--pink)}.article-body h3{font-size:1.18rem;font-weight:600;margin:28px 0 12px;color:var(--text)}.article-body p{margin-bottom:18px}.article-body strong{color:var(--text);font-weight:600}.article-body code{background:var(--lavender-light);color:#5b21b6;padding:2px 8px;border-radius:6px;font-size:.9em;font-family:JetBrains Mono,Fira Code,monospace}.article-body pre{background:#2d2b55;color:#e8e8e8;padding:22px 26px;border-radius:var(--radius-sm);overflow-x:auto;margin:20px 0;line-height:1.65;font-size:.88rem;border:1px solid #3D3B65}.article-body pre code{background:none;padding:0;color:inherit}.article-body blockquote{border-left:4px solid var(--peach);background:var(--peach-light);padding:16px 22px;margin:20px 0;border-radius:0 var(--radius-xs) var(--radius-xs) 0;color:var(--text-secondary);font-style:italic}.article-body ul,.article-body ol{padding-left:24px;margin-bottom:18px}.article-body li{margin-bottom:6px}.article-body li::marker{color:var(--mint)}.article-body hr.article-divider{border:none;height:2px;background:linear-gradient(90deg,var(--mint),var(--pink),var(--lavender));border-radius:2px;margin:32px 0;opacity:.6}@media (max-width: 900px){.sidebar{display:none}.mobile-navbar{display:flex}.main-content{margin-left:0;max-width:100%;padding:24px 16px 40px}.hero-banner{padding:32px 24px}.hero-title{font-size:1.4rem}.article-card{flex-direction:column}.card-image{width:100%;min-height:120px;max-height:140px}.card-content{padding:16px 20px}.detail-article{padding:28px 20px}.detail-cover{margin:-28px -20px 24px;max-height:220px}.detail-cover img{max-height:220px}.detail-title{font-size:1.45rem}.search-overlay{padding-top:5vh}.search-modal{max-width:95vw}.search-input-row{padding:12px 14px}.search-results{max-height:55vh}}@media (max-width: 480px){.hero-banner{padding:24px 18px}.hero-title{font-size:1.2rem}}