:root{--primary-color: #646cff;--primary-hover: #535bf2;--secondary-color: #e0e7ff;--text-color: #333333;--text-secondary: #666666;--text-light: #999999;--background-color: #f8fafc;--card-background: #ffffff;--border-color: #f0f0f0;--success-color: #42b883;--warning-color: #f7ba1e;--error-color: #f56c6c;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: .95rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.3;color:var(--text-color)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin:0;line-height:1.6}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;outline:none;transition:all var(--transition-normal)}button:focus{outline:2px solid var(--primary-color);outline-offset:2px}ul,ol{list-style:none}img{max-width:100%;height:auto;vertical-align:middle}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}#app{width:100%;min-height:100vh}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}@media (max-width: 768px){:root{--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.375rem}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}.app[data-v-e9674592]{min-height:100vh}.blog-header[data-v-bc63bc79]{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.header-container[data-v-bc63bc79]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem}.logo[data-v-bc63bc79]{display:flex;align-items:center}.logo-link[data-v-bc63bc79]{display:flex;align-items:center;text-decoration:none;color:#333;transition:color .3s}.logo-link[data-v-bc63bc79]:hover{color:#646cff}.logo-icon[data-v-bc63bc79]{font-size:1.8rem;margin-right:.5rem}.logo-text[data-v-bc63bc79]{font-size:1.2rem;font-weight:700}.main-nav[data-v-bc63bc79]{flex:1;margin-left:4rem}.nav-list[data-v-bc63bc79]{display:flex;list-style:none;padding:0;margin:0}.nav-item[data-v-bc63bc79]{margin-right:1.5rem}.nav-link[data-v-bc63bc79]{text-decoration:none;color:#666;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s}.nav-link[data-v-bc63bc79]:hover,.nav-link.active[data-v-bc63bc79]{color:#646cff}.nav-link.active[data-v-bc63bc79]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#646cff}.mobile-menu-btn[data-v-bc63bc79]{background:none;border:none;color:#333;cursor:pointer;display:none;padding:.5rem;transition:color .3s}.mobile-menu-btn[data-v-bc63bc79]:hover{color:#646cff}.mobile-nav[data-v-bc63bc79]{background-color:#fff;border-top:1px solid #eee;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 8px #0000001a}.mobile-nav .nav-list[data-v-bc63bc79]{flex-direction:column;padding:1rem 2rem}.mobile-nav .nav-item[data-v-bc63bc79]{margin-right:0;margin-bottom:1rem}.mobile-nav .nav-item[data-v-bc63bc79]:last-child{margin-bottom:0}@media (max-width: 768px){.header-container[data-v-bc63bc79]{padding:.75rem 1rem}.logo-text[data-v-bc63bc79]{font-size:1rem}.main-nav.desktop-nav[data-v-bc63bc79]{display:none}.mobile-menu-btn[data-v-bc63bc79]{display:block}}.blog-list[data-v-886693e5]{width:100%}.empty-state[data-v-886693e5]{text-align:center;padding:4rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.empty-icon[data-v-886693e5]{font-size:3rem;margin-bottom:1rem}.empty-title[data-v-886693e5]{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:.5rem}.empty-desc[data-v-886693e5]{color:#666;font-size:.95rem}.post-grid[data-v-886693e5]{display:grid;gap:1.5rem}.blog-post[data-v-886693e5]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:transform .3s,box-shadow .3s;cursor:pointer}.blog-post[data-v-886693e5]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.post-header[data-v-886693e5]{margin-bottom:1rem}.post-meta[data-v-886693e5]{display:flex;align-items:center;margin-bottom:.75rem;font-size:.85rem}.post-category[data-v-886693e5]{background-color:#f0f4ff;color:#646cff;padding:.25rem .75rem;border-radius:16px;margin-right:.75rem;font-weight:500}.post-date[data-v-886693e5]{color:#999}.post-title[data-v-886693e5]{font-size:1.25rem;font-weight:700;margin:0;line-height:1.4}.post-link[data-v-886693e5]{color:#333;text-decoration:none;transition:color .3s}.post-link[data-v-886693e5]:hover{color:#646cff}.post-excerpt[data-v-886693e5]{color:#666;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.post-tags[data-v-886693e5]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.post-tag[data-v-886693e5]{background-color:#f9f9f9;color:#666;padding:.25rem .75rem;border-radius:16px;font-size:.8rem;transition:background-color .3s,color .3s}.post-tag[data-v-886693e5]:hover{background-color:#e0e7ff;color:#646cff}.post-footer[data-v-886693e5]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f0f0f0}.post-author[data-v-886693e5]{display:flex;align-items:center;color:#666;font-size:.9rem}.author-icon[data-v-886693e5]{margin-right:.5rem}.post-stats[data-v-886693e5]{color:#999;font-size:.85rem}.post-views[data-v-886693e5]{display:flex;align-items:center}.views-icon[data-v-886693e5]{margin-right:.25rem}@media (min-width: 768px){.post-grid[data-v-886693e5]{gap:2rem}.blog-post[data-v-886693e5]{padding:2rem}.post-title[data-v-886693e5]{font-size:1.45rem}}.sidebar[data-v-990b380e]{width:100%}.sidebar-section[data-v-990b380e]{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.section-title[data-v-990b380e]{font-size:1.1rem;font-weight:700;color:#333;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.author-card[data-v-990b380e]{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:center;box-shadow:0 2px 8px #0000000d}.author-avatar[data-v-990b380e]{width:80px;height:80px;border-radius:50%;background-color:#f0f4ff;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.avatar-icon[data-v-990b380e]{font-size:2.5rem}.author-name[data-v-990b380e]{font-size:1.1rem;font-weight:700;color:#333;margin:0 0 .5rem}.author-bio[data-v-990b380e]{color:#666;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.author-social[data-v-990b380e]{display:flex;justify-content:center;gap:1rem}.social-link[data-v-990b380e]{color:#666;transition:color .3s}.social-link[data-v-990b380e]:hover{color:#646cff}.social-icon[data-v-990b380e]{vertical-align:middle}.category-list[data-v-990b380e]{list-style:none;padding:0;margin:0}.category-item[data-v-990b380e]{margin-bottom:.5rem;cursor:pointer;transition:background-color .3s;border-radius:4px;padding:.25rem 0}.category-item[data-v-990b380e]:hover{background-color:#f9f9f9}.category-name[data-v-990b380e]{color:#666;font-size:.95rem;transition:color .3s;display:block;padding:.25rem .5rem}.category-name.active[data-v-990b380e]{color:#646cff;font-weight:600;background-color:#f0f4ff;border-radius:4px}.tag-cloud[data-v-990b380e]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-v-990b380e]{background-color:#f9f9f9;color:#666;padding:.35rem .75rem;border-radius:16px;font-size:.85rem;cursor:pointer;transition:background-color .3s,color .3s,transform .3s}.tag[data-v-990b380e]:hover{background-color:#e0e7ff;color:#646cff;transform:translateY(-2px)}.tag.active[data-v-990b380e]{background-color:#646cff;color:#fff}.hot-posts[data-v-990b380e]{list-style:none;padding:0;margin:0}.hot-post-item[data-v-990b380e]{margin-bottom:.75rem}.hot-post-item[data-v-990b380e]:last-child{margin-bottom:0}.hot-post-link[data-v-990b380e]{display:flex;align-items:flex-start;text-decoration:none;color:#333;transition:color .3s}.hot-post-link[data-v-990b380e]:hover{color:#646cff}.post-number[data-v-990b380e]{font-size:.8rem;color:#999;margin-right:.75rem;font-weight:600;line-height:1.4}.post-title[data-v-990b380e]{font-size:.9rem;line-height:1.4;flex:1}.blog-stats[data-v-990b380e]{display:flex;justify-content:space-between}.stat-item[data-v-990b380e]{text-align:center;flex:1}.stat-number[data-v-990b380e]{display:block;font-size:1.5rem;font-weight:700;color:#646cff;margin-bottom:.25rem}.stat-label[data-v-990b380e]{display:block;font-size:.85rem;color:#666}.blog-footer[data-v-603b3b63]{background-color:#fff;border-top:1px solid #f0f0f0;padding:2rem 0}.footer-container[data-v-603b3b63]{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section[data-v-603b3b63]{flex:1}.footer-title[data-v-603b3b63]{font-size:1.1rem;font-weight:700;color:#333;margin:0 0 1rem}.footer-description[data-v-603b3b63]{color:#666;font-size:.95rem;line-height:1.6;margin:0}.footer-links[data-v-603b3b63]{list-style:none;padding:0;margin:0}.footer-links li[data-v-603b3b63]{margin-bottom:.5rem}.footer-link[data-v-603b3b63]{text-decoration:none;color:#666;font-size:.95rem;transition:color .3s}.footer-link[data-v-603b3b63]:hover{color:#646cff}.footer-contact[data-v-603b3b63]{list-style:none;padding:0;margin:0}.contact-item[data-v-603b3b63]{margin-bottom:.5rem}.contact-item[data-v-603b3b63]:last-child{margin-bottom:0}.contact-link[data-v-603b3b63]{display:flex;align-items:center;text-decoration:none;color:#666;font-size:.95rem;transition:color .3s}.contact-link[data-v-603b3b63]:hover{color:#646cff}.contact-icon[data-v-603b3b63]{margin-right:.5rem;vertical-align:middle}.footer-copyright[data-v-603b3b63]{text-align:center;padding-top:2rem;margin-top:2rem;border-top:1px solid #f0f0f0}.footer-copyright p[data-v-603b3b63]{color:#999;font-size:.9rem;margin:0}@media (max-width: 768px){.footer-container[data-v-603b3b63]{grid-template-columns:1fr;padding:0 1rem;gap:1.5rem}.blog-footer[data-v-603b3b63]{padding:1.5rem 0}}.home[data-v-cfff7327]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-cfff7327]{flex:1;padding:20px}.content-container[data-v-cfff7327]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:3fr 1fr;gap:30px}@media (max-width: 768px){.content-container[data-v-cfff7327]{grid-template-columns:1fr}}.about[data-v-cc868932]{min-height:100vh;display:flex;flex-direction:column}.about-content[data-v-cc868932]{flex:1;padding:40px 20px}.container[data-v-cc868932]{max-width:900px;margin:0 auto}h1[data-v-cc868932]{font-size:2.5rem;margin-bottom:1.5rem;color:#333}.about-section[data-v-cc868932]{margin-bottom:3rem}.about-text p[data-v-cc868932]{font-size:1.1rem;line-height:1.8;margin-bottom:1rem;color:#555}.skills-section[data-v-cc868932]{background-color:#f9f9f9;padding:30px;border-radius:8px}.skills-section h2[data-v-cc868932]{font-size:1.8rem;margin-bottom:1.5rem;color:#333}.skills-grid[data-v-cc868932]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.skill-item h3[data-v-cc868932]{font-size:1.3rem;margin-bottom:1rem;color:#444}.skill-item ul[data-v-cc868932]{list-style-type:none;padding:0}.skill-item li[data-v-cc868932]{padding:8px 0;border-bottom:1px solid #eee;color:#666}.skill-item li[data-v-cc868932]:last-child{border-bottom:none}@media (max-width: 768px){h1[data-v-cc868932]{font-size:2rem}.skills-grid[data-v-cc868932]{grid-template-columns:1fr}}.contact[data-v-6e612d91]{min-height:100vh;display:flex;flex-direction:column}.contact-content[data-v-6e612d91]{flex:1;padding:40px 20px}.container[data-v-6e612d91]{max-width:900px;margin:0 auto}h1[data-v-6e612d91]{font-size:2.5rem;margin-bottom:2rem;color:#333}.contact-section[data-v-6e612d91]{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-info h2[data-v-6e612d91],.contact-form h2[data-v-6e612d91]{font-size:1.5rem;margin-bottom:1.5rem;color:#444}.contact-info p[data-v-6e612d91]{line-height:1.6;margin-bottom:1.5rem;color:#666}.info-items[data-v-6e612d91]{space-y:10px}.info-item[data-v-6e612d91]{display:flex;margin-bottom:12px}.info-label[data-v-6e612d91]{font-weight:700;min-width:80px;color:#555}.info-value[data-v-6e612d91]{color:#333}.info-value a[data-v-6e612d91]{color:#42b983;text-decoration:none}.info-value a[data-v-6e612d91]:hover{text-decoration:underline}.form-group[data-v-6e612d91]{margin-bottom:20px}.form-group label[data-v-6e612d91]{display:block;margin-bottom:8px;font-weight:700;color:#555}.form-group input[data-v-6e612d91],.form-group textarea[data-v-6e612d91]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input[data-v-6e612d91]:focus,.form-group textarea[data-v-6e612d91]:focus{outline:none;border-color:#42b983}.submit-btn[data-v-6e612d91]{background-color:#42b983;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.submit-btn[data-v-6e612d91]:hover{background-color:#35495e}@media (max-width: 768px){h1[data-v-6e612d91]{font-size:2rem}.contact-section[data-v-6e612d91]{grid-template-columns:1fr;gap:30px}}