:root{--primary:#1e293b;--primary-dark:#0f172a;--primary-light:#64748b;--primary-bg:#1e293b0f;--accent:#d97706;--accent-light:#fcd34d;--accent-bg:#d9770614;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--bg-body:#fafafa;--bg-surface:#fff;--bg-elevated:#fff;--bg-muted:#f5f5f5;--text-primary:#171717;--text-secondary:#525252;--text-muted:#a3a3a3;--border:#e5e5e5;--border-light:#f5f5f5;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}.dark{--bg-body:#0f0d0a;--bg-surface:#1a1713;--bg-elevated:#1e1b17;--bg-muted:#12100d;--text-primary:#fafaf9;--text-secondary:#a8a29e;--text-muted:#78716c;--border:#292524;--border-light:#1c1917;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009, 0 8px 10px -6px #00000080;--primary-bg:#fafaf90f;--accent-bg:#f59e0b1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-primary);min-height:100vh;transition:background var(--transition-base), color var(--transition-base);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page{min-height:calc(100vh - 180px);padding:2rem 0}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);transition:background var(--transition-base), border-color var(--transition-base);background:#ffffffd9;position:sticky;top:0}.dark .nav{background:#1a1713d9}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;display:flex}.nav-brand-icon{background:var(--accent);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;display:flex}.nav-links{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-muted)}.nav-link.router-link-exact-active{color:var(--accent);background:var(--accent-bg)}.nav-theme-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;margin-left:.5rem;font-size:1rem;display:flex}.nav-theme-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.hero{text-align:center;padding:4rem 0 2.5rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--accent-bg) 0%, transparent 70%);pointer-events:none;width:800px;height:800px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-title .gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#d97706 0%,#f59e0b 50%,#fbbf24 100%);-webkit-background-clip:text;background-clip:text}.hero-badge{background:var(--accent-bg);color:var(--accent);border:1px solid #d9770626;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1rem;font-size:3.25rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;display:grid}.stat-card{background:var(--bg-surface);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border);transition:all var(--transition-base);padding:1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent);opacity:.6;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--text-muted);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{color:var(--accent);margin-bottom:.75rem;font-size:1.5rem}.stat-number{letter-spacing:-.02em;color:var(--text-primary);font-size:2rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.section{padding:2.5rem 0}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.375rem;font-weight:700}.section-link{color:var(--accent);transition:gap var(--transition-fast);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.section-link:hover{gap:.5rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border);transition:all var(--transition-base);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.card-title{color:var(--text-primary);flex:1;font-size:1rem;font-weight:600;line-height:1.4}.card-badge{white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.card-badge.work{color:#3b82f6;background:#3b82f61a}.card-badge.personal{color:#d97706;background:#d977061a}.card-badge.study{color:#16a34a;background:#16a34a1a}.card-badge.other{color:#6b7280;background:#6b72801a}.dark .card-badge.work{color:#60a5fa;background:#3b82f633}.dark .card-badge.personal{color:#fbbf24;background:#f59e0b33}.dark .card-badge.study{color:#4ade80;background:#22c55e33}.dark .card-badge.other{color:#d1d5db;background:#9ca3af33}.card-body{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.7;display:-webkit-box;overflow:hidden}.card-bottom{color:var(--text-muted);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;font-size:.8125rem;display:flex}.card-actions{gap:.25rem;display:flex}.card-action-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.8125rem;display:flex}.card-action-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.card-action-btn.danger:hover{color:var(--danger);background:#dc26261a}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #d9770640}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #d9770659}.btn-secondary{background:var(--bg-surface);color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--text-muted)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:.75rem 1.75rem;font-size:1rem}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-chip{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:100px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:flex}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-chip .count{opacity:.8;font-size:.75rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.category-card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border);text-align:center;cursor:pointer;transition:all var(--transition-base);padding:2rem}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.category-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;font-size:1.5rem;display:flex}.category-card-icon.work{color:#3b82f6;background:#3b82f61a}.category-card-icon.personal{color:#d97706;background:#d977061a}.category-card-icon.study{color:#16a34a;background:#16a34a1a}.category-card-icon.other{color:#6b7280;background:#6b72801a}.category-card-count{letter-spacing:-.02em;margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.category-card-name{color:var(--text-muted);font-size:.875rem}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-bottom:2rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-base);padding:1.25rem 1.5rem}.timeline-card:hover{box-shadow:var(--shadow-md)}.timeline-card-title{color:var(--text-primary);margin-bottom:.375rem;font-size:1rem;font-weight:600}.timeline-card-body{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.7;display:-webkit-box;overflow:hidden}.footer{border-top:1px solid var(--border);text-align:center;margin-top:4rem;padding:2rem 0}.footer-content{flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.footer-sep{color:var(--text-muted);font-size:.8125rem}.footer-brand{color:var(--text-primary);font-size:.875rem;font-weight:600}.footer-text{color:var(--text-muted);font-size:.8125rem}.footer-text a{color:var(--accent);transition:color var(--transition-fast)}.footer-text a:hover{color:var(--accent-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:.4s fadeIn}.animate-slideUp{animation:.4s slideUp}.animate-slideDown{animation:.3s slideDown}.animate-slideInRight{animation:.35s slideInRight}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1.5rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:2.5rem}.empty-state-text{font-size:.9375rem}.empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:1rem;font-size:3.5rem}.empty-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.empty-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.feature-item{background:var(--bg-muted);border-radius:var(--radius-lg);border:1px solid var(--border-light);align-items:flex-start;gap:.875rem;padding:1.25rem;display:flex}.feature-icon{border-radius:var(--radius-md);background:var(--accent-bg);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.feature-text strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.feature-text p{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}.about-section{max-width:800px;margin:0 auto}.about-section h2{letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1rem;font-size:1.375rem;font-weight:700}.about-section h2:first-child{margin-top:0}.about-section p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.timeline-dot{background:var(--bg-surface);border:2px solid var(--accent);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:.35rem;left:-2rem;transform:translate(-5px)}.timeline-date{color:var(--accent);margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast);background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base);padding:2rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.modal-body{flex-direction:column;gap:1rem;display:flex}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem .875rem;font-family:inherit;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{cursor:pointer}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero{padding:3rem 0 2rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.card-grid{grid-template-columns:1fr}.category-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.container{padding:0 1rem}}@media (width<=480px){.category-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-label[data-v-4d808a77]{display:inline}@media (width<=768px){.nav-label[data-v-4d808a77]{display:none}}.page-enter-active,.page-leave-active{transition:opacity .2s,transform .2s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}