:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--primary-bg:#6366f114;--secondary:#ec4899;--secondary-light:#f9a8d4;--accent:#06b6d4;--accent-light:#67e8f9;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg-body:#f1f5f9;--bg-surface:#fff;--bg-elevated:#fff;--bg-muted:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--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:#0b1120;--bg-surface:#1e293b;--bg-elevated:#1e293b;--bg-muted:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--border-light:#1e293b;--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:#6366f126}*,: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:#0f172ad9}.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:linear-gradient(135deg, var(--primary), var(--secondary));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(--primary);background:var(--primary-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(--primary);color:var(--primary);background:var(--primary-bg)}.hero{text-align:center;padding:5rem 0 3rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--primary-bg) 0%, transparent 70%);pointer-events:none;width:800px;height:800px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-badge{background:var(--primary-bg);color:var(--primary);border:1px solid #6366f126;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;margin-bottom:1rem;font-size:3.25rem;font-weight:800;line-height:1.2;position:relative}.hero-title .gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.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:"";height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:first-child:before{background:var(--primary)}.stat-card:nth-child(2):before{background:var(--secondary)}.stat-card:nth-child(3):before{background:var(--accent)}.stat-card:nth-child(4):before{background:var(--success)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{margin-bottom:.75rem;font-size:1.5rem}.stat-card:first-child .stat-icon{color:var(--primary)}.stat-card:nth-child(2) .stat-icon{color:var(--secondary)}.stat-card:nth-child(3) .stat-icon{color:var(--accent)}.stat-card:nth-child(4) .stat-icon{color:var(--success)}.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(--primary);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;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);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:#ec4899;background:#ec48991a}.card-badge.study{color:#16a34a;background:#22c55e1a}.card-badge.other{color:#64748b;background:#94a3b81a}.dark .card-badge.work{color:#60a5fa;background:#3b82f633}.dark .card-badge.personal{color:#f472b6;background:#ec489933}.dark .card-badge.study{color:#4ade80;background:#22c55e33}.dark .card-badge.other{color:#cbd5e1;background:#94a3b833}.card-body{color:var(--text-secondary);-webkit-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:#ef44441a}.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 #6366f14d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.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(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.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;position:relative;overflow:hidden}.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:#ec4899;background:#ec48991a}.category-card-icon.study{color:#16a34a;background:#22c55e1a}.category-card-icon.other{color:#64748b;background:#94a3b81a}.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);border-radius:1px;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-dot{background:var(--bg-surface);border:2px solid var(--primary);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:.35rem;left:-2rem;transform:translate(-5px)}.timeline-date{color:var(--primary);margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.timeline-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-base);padding:1.25rem}.timeline-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:500;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);width:100%;max-width:520px;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base);border:1px solid var(--border);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);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(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{cursor:pointer}.empty-state{text-align:center;padding:4rem 1rem}.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}.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}.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(--primary-bg);width:40px;height:40px;color:var(--primary);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}.footer{background:var(--bg-surface);border-top:1px solid var(--border);text-align:center;margin-top:4rem;padding:2rem 0}.footer-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.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(--primary);transition:color var(--transition-fast)}.footer-text a:hover{color:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fade-in{animation:fadeIn var(--transition-base)}@media (width<=768px){.hero{padding:3rem 0 2rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.card-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.nav-links{gap:0}.nav-link{padding:.5rem .625rem;font-size:.8125rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.modal{border-radius:var(--radius-xl);padding:1.5rem}}@media (width<=480px){.nav-inner{height:56px}.nav-brand{font-size:1rem}.nav-brand-icon{width:28px;height:28px;font-size:.75rem}.hero-title{font-size:1.75rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.container{padding:0 1rem}.section{padding:1.5rem 0}.section-title{font-size:1.125rem}}.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)}