*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f8f9fa;color:#2c3e50;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.nav-content{max-width:1200px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{color:#1e88e5;font-size:20px;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:30px}.nav-link{color:#2c3e50;text-decoration:none;font-size:16px;transition:color .3s}.nav-link.router-link-active,.nav-link:hover{color:#1e88e5}.footer{margin-top:auto;background-color:#fff;padding:20px 0;box-shadow:0 -2px 12px rgba(0,0,0,.1)}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center;color:#666}@media (max-width:768px){.nav-content{flex-direction:column;height:auto;padding:15px 20px}.nav-links{margin-top:15px;gap:15px}}.home[data-v-051565a4]{max-width:1200px;margin:0 auto;padding:40px;display:grid;grid-template-columns:320px 1fr;gap:60px;background-color:#f8f9fa}.profile-card[data-v-051565a4]{background:#fff;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);position:sticky;top:20px}.avatar-container[data-v-051565a4]{width:140px;height:140px;margin:0 auto 25px;border-radius:50%;overflow:hidden;border:4px solid #1e88e5;box-shadow:0 4px 12px rgba(30,136,229,.2)}.avatar[data-v-051565a4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.name[data-v-051565a4]{color:#2c3e50;font-size:26px;margin:0 0 15px;font-weight:600}.signature[data-v-051565a4]{color:#666;font-size:16px;margin:0 0 30px;font-style:italic;line-height:1.6}.social-stats[data-v-051565a4]{display:flex;justify-content:space-around;padding-top:25px;border-top:1px solid #eee}.stat-item[data-v-051565a4]{display:flex;flex-direction:column}.number[data-v-051565a4]{color:#1e88e5;font-size:24px;font-weight:700;margin-bottom:5px}.label[data-v-051565a4]{color:#666;font-size:14px}.article-list[data-v-051565a4]{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.section-title[data-v-051565a4]{color:#2c3e50;font-size:26px;margin:0 0 40px;padding-bottom:20px;border-bottom:2px solid #1e88e5;font-weight:600}.article-item[data-v-051565a4]{display:grid;grid-template-columns:1fr 280px;gap:30px;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease;padding:25px;text-decoration:none;color:inherit}.article-item[data-v-051565a4]:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.article-content[data-v-051565a4]{display:flex;flex-direction:column;justify-content:space-between;flex:1}.article-title[data-v-051565a4]{color:#2c3e50;font-size:22px;margin:0 0 15px;font-weight:600;line-height:1.4}.article-excerpt[data-v-051565a4]{color:#666;font-size:15px;line-height:1.8;margin:0 0 20px}.article-meta[data-v-051565a4]{display:flex;align-items:center;gap:30px;color:#666;font-size:14px}.meta-item[data-v-051565a4]{display:flex;align-items:center;gap:8px;white-space:nowrap}.meta-item i[data-v-051565a4]{color:#1e88e5;font-size:16px;width:16px;text-align:center}.article-cover[data-v-051565a4]{width:280px;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:1024px){.home[data-v-051565a4]{padding:30px;gap:40px}.article-item[data-v-051565a4]{grid-template-columns:1fr 200px;padding:20px}.article-cover[data-v-051565a4]{width:200px;height:140px}}@media (max-width:768px){.home[data-v-051565a4]{grid-template-columns:1fr;padding:20px}.article-item[data-v-051565a4]{grid-template-columns:1fr;gap:20px}.article-cover[data-v-051565a4]{width:100%;height:200px}.profile-card[data-v-051565a4]{position:static;margin-bottom:30px}}.about[data-v-7f4ea8e2]{max-width:1200px;margin:0 auto;padding:40px 20px}.about-header[data-v-7f4ea8e2]{margin-bottom:40px}.profile-card[data-v-7f4ea8e2]{background:linear-gradient(135deg,#1e88e5,#42a5f5);border-radius:16px;padding:40px;text-align:center;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1)}.avatar-container[data-v-7f4ea8e2]{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;padding:5px;background:hsla(0,0%,100%,.2)}.avatar[data-v-7f4ea8e2]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.name[data-v-7f4ea8e2]{font-size:2em;margin-bottom:10px;font-weight:600}.motto[data-v-7f4ea8e2]{font-size:1.2em;margin-bottom:20px;opacity:.9}.social-links[data-v-7f4ea8e2]{display:flex;justify-content:center;gap:20px}.social-link[data-v-7f4ea8e2]{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-link[data-v-7f4ea8e2]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-3px)}.about-content[data-v-7f4ea8e2]{display:grid;gap:40px}.about-section[data-v-7f4ea8e2]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1)}.section-title[data-v-7f4ea8e2]{background:#f8f9fa;color:#2c3e50;padding:20px;margin:0;font-size:1.5em;display:flex;align-items:center;gap:10px}.section-title i[data-v-7f4ea8e2]{color:#1e88e5}.section-content[data-v-7f4ea8e2]{padding:30px}.section-content p[data-v-7f4ea8e2]{color:#666;line-height:1.8;margin-bottom:15px}.skills-container[data-v-7f4ea8e2]{display:grid;gap:30px}.skill-category h3[data-v-7f4ea8e2]{color:#2c3e50;margin-bottom:20px;font-size:1.2em;display:flex;align-items:center;gap:10px}.skill-category h3 i[data-v-7f4ea8e2]{color:#1e88e5}.tech-tags[data-v-7f4ea8e2]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.tech-tag[data-v-7f4ea8e2]{background:linear-gradient(135deg,#1e88e5,#42a5f5);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9em;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tech-tag[data-v-7f4ea8e2]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.skill-list[data-v-7f4ea8e2]{margin-bottom:20px}.skill-item[data-v-7f4ea8e2]{display:grid;gap:8px}.skill-name[data-v-7f4ea8e2]{color:#666;font-size:.9em}.skill-bar[data-v-7f4ea8e2]{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.skill-progress[data-v-7f4ea8e2]{height:100%;background:linear-gradient(90deg,#1e88e5,#42a5f5);border-radius:4px;position:relative;transition:width 1s ease-in-out}.skill-percentage[data-v-7f4ea8e2]{position:absolute;right:0;top:-25px;font-size:.8em;color:#666}.certifications[data-v-7f4ea8e2]{display:grid;gap:20px}.cert-item[data-v-7f4ea8e2]{display:flex;align-items:center;gap:15px;color:#666;padding:15px;background:#f8f9fa;border-radius:8px;transition:transform .3s ease}.cert-item[data-v-7f4ea8e2]:hover{transform:translateX(10px)}.cert-item i[data-v-7f4ea8e2]{color:#1e88e5;font-size:1.2em}.zhihu-link[data-v-7f4ea8e2]{font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;font-size:1.2em}@media (max-width:768px){.about[data-v-7f4ea8e2]{padding:20px}.profile-card[data-v-7f4ea8e2]{padding:30px 20px}.avatar-container[data-v-7f4ea8e2]{width:120px;height:120px}.name[data-v-7f4ea8e2]{font-size:1.5em}.motto[data-v-7f4ea8e2]{font-size:1em}.section-content[data-v-7f4ea8e2]{padding:20px}}.archive-container[data-v-4c487993]{max-width:800px;margin:0 auto;padding:40px 20px}.page-title[data-v-4c487993]{text-align:center;color:#2c3e50;margin-bottom:60px;font-size:2em;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.page-title i[data-v-4c487993]{color:#1e88e5}.article-count[data-v-4c487993]{font-size:.5em;color:#666;font-weight:400;margin-left:10px}.timeline[data-v-4c487993]{position:relative;padding:20px 0}.timeline[data-v-4c487993]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#1e88e5 0,#90caf9)}.year-section[data-v-4c487993]{margin-bottom:40px;position:relative}.year-header[data-v-4c487993]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;background:#fff;padding:10px 20px;border-radius:30px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.year-title[data-v-4c487993]{color:#2c3e50;font-size:1.5em;margin:0;display:flex;align-items:center;gap:10px}.year-title i[data-v-4c487993]{color:#1e88e5}.year-count[data-v-4c487993]{color:#666;font-size:.9em;background:#f0f7ff;padding:4px 12px;border-radius:15px}.month-section[data-v-4c487993]{margin-left:30px;margin-bottom:30px;position:relative}.month-title[data-v-4c487993]{color:#1e88e5;font-size:1.2em;margin-bottom:15px;display:flex;align-items:center;gap:10px}.month-dot[data-v-4c487993]{width:12px;height:12px;background:#1e88e5;border-radius:50%;display:inline-block;margin-left:-36px;border:2px solid #fff;box-shadow:0 0 0 2px #1e88e5}.article-list[data-v-4c487993]{list-style:none;padding:0;margin:0}.article-item[data-v-4c487993]{margin-bottom:15px;transition:all .3s ease}.article-link[data-v-4c487993]{display:block;background:#fff;padding:15px 20px;border-radius:8px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.article-link[data-v-4c487993]:hover{transform:translateX(10px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.article-meta[data-v-4c487993]{display:flex;gap:15px;margin-bottom:8px}.article-date[data-v-4c487993]{color:#666;font-size:.9em}.article-category[data-v-4c487993]{color:#1e88e5;font-size:.9em;background:#f0f7ff;padding:2px 8px;border-radius:4px}.article-main[data-v-4c487993]{display:flex;justify-content:space-between;align-items:center}.article-title[data-v-4c487993]{color:#2c3e50;margin:0;font-size:1.1em;font-weight:500}.article-stats[data-v-4c487993]{color:#666;font-size:.9em;display:flex;align-items:center;gap:5px}@media (max-width:768px){.archive-container[data-v-4c487993]{padding:20px}.page-title[data-v-4c487993]{font-size:1.5em;margin-bottom:40px}.year-header[data-v-4c487993]{padding:8px 15px}.year-title[data-v-4c487993]{font-size:1.2em}.month-section[data-v-4c487993]{margin-left:20px}.article-link[data-v-4c487993]:hover{transform:none}}.projects-container[data-v-2dc63add]{max-width:1200px;margin:0 auto;padding:20px}.page-title[data-v-2dc63add]{text-align:center;color:#2c3e50;margin-bottom:40px}.projects-grid[data-v-2dc63add]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px}.project-card[data-v-2dc63add]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:transform .3s ease}.project-card[data-v-2dc63add]:hover{transform:translateY(-5px)}.project-image[data-v-2dc63add]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.project-content[data-v-2dc63add]{padding:20px}.project-title[data-v-2dc63add]{color:#2c3e50;margin-bottom:10px;font-size:1.5em}.project-description[data-v-2dc63add]{color:#666;margin-bottom:15px;line-height:1.6}.project-tech-stack[data-v-2dc63add]{margin-bottom:15px}.tech-tag[data-v-2dc63add]{display:inline-block;padding:4px 8px;background:#e9ecef;color:#495057;border-radius:4px;margin:0 4px 4px 0;font-size:.9em}.project-links[data-v-2dc63add]{display:flex;gap:10px}.project-link[data-v-2dc63add]{display:inline-flex;align-items:center;padding:8px 16px;border-radius:4px;text-decoration:none;color:#fff;font-size:.9em;transition:background-color .3s ease}.project-link i[data-v-2dc63add]{margin-right:5px}.github[data-v-2dc63add]{background-color:#24292e}.github[data-v-2dc63add]:hover{background-color:#1b1f23}.demo[data-v-2dc63add]{background-color:#42b983}.demo[data-v-2dc63add]:hover{background-color:#3aa876}@media (max-width:768px){.projects-grid[data-v-2dc63add]{grid-template-columns:1fr}}.article-container[data-v-083c41da]{max-width:900px;margin:0 auto;padding:40px 20px}.article[data-v-083c41da]{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:30px}.article-header[data-v-083c41da]{margin-bottom:30px;text-align:center}.article-title[data-v-083c41da]{color:#2c3e50;font-size:2em;margin-bottom:20px}.article-meta[data-v-083c41da]{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.meta-item[data-v-083c41da]{color:#666;display:flex;align-items:center;gap:5px}.article-tags[data-v-083c41da]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tag[data-v-083c41da]{background:#f0f7ff;color:#1e88e5;padding:4px 12px;border-radius:15px;font-size:.9em;display:flex;align-items:center;gap:5px}.article-content[data-v-083c41da]{line-height:1.8;color:#2c3e50}.article-section[data-v-083c41da]{margin-bottom:30px}.article-image[data-v-083c41da]{width:100%;max-height:400px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:20px}.code-block[data-v-083c41da]{background:#f8f9fa;padding:15px;border-radius:6px;font-family:Courier New,Courier,monospace;overflow-x:auto;margin:15px 0}h2[data-v-083c41da]{color:#1e88e5;margin:30px 0 15px;font-size:1.5em}ul[data-v-083c41da]{padding-left:20px;margin:15px 0}li[data-v-083c41da]{margin-bottom:8px}@media (max-width:768px){.article-container[data-v-083c41da],.article[data-v-083c41da]{padding:20px}.article-title[data-v-083c41da]{font-size:1.5em}.article-meta[data-v-083c41da]{flex-direction:column;align-items:center;gap:10px}}