@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}html,body{height:100%;font-family:Noto Serif SC,Source Han Serif SC,serif}html{scroll-behavior:smooth}#app{height:100%}::-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}html.dark,html.dark body{color:#e5e7eb;background-color:#141414}html.dark ::-webkit-scrollbar-track{background:#2a2a2a}html.dark ::-webkit-scrollbar-thumb{background:#555}html.dark ::-webkit-scrollbar-thumb:hover{background:#777}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}button:active{transform:scale(.97)}.el-button--primary{--el-button-bg-color:#e86f83;--el-button-border-color:#e86f83;--el-button-hover-bg-color:#d95d72;--el-button-hover-border-color:#d95d72;letter-spacing:.5px;border-radius:20px}.blog-header[data-v-abc6ac89]{z-index:999;box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}.header-left[data-v-abc6ac89]{align-items:center;display:flex}.logo[data-v-abc6ac89]{color:#370c61;letter-spacing:1px;margin-left:12px;font-size:22px;font-weight:700}.menu-button[data-v-abc6ac89]{border-radius:8px;margin-left:16px;padding:6px 12px}.el-button[data-v-abc6ac89]{margin-left:10px}.header-middle[data-v-abc6ac89]{flex:1;justify-content:center;display:flex}.nav-capsule[data-v-abc6ac89]{background:#f3f4f6;border-radius:12px;gap:50px;margin-left:97px;padding:6px;display:flex}.nav-item[data-v-abc6ac89]{color:#6b7280;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-item[data-v-abc6ac89]:hover{color:#374151}.nav-item.active[data-v-abc6ac89]{color:#e86f83;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.header-right[data-v-abc6ac89]{align-items:center;display:flex}.search-box[data-v-abc6ac89]{position:relative}.search-input[data-v-abc6ac89]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:136px;height:36px;font-size:14px;transition:all .2s}.search-input[data-v-abc6ac89]:hover{border-color:#d1d5db}.search-input[data-v-abc6ac89]:focus{border-color:#e86f83;outline:none;box-shadow:0 0 0 2px #e86f8333}.search-input[data-v-abc6ac89] .el-input__icon{color:#9ca3af}.search-input[data-v-abc6ac89]:focus .el-input__icon{color:#e86f83}.theme-toggle[data-v-abc6ac89]{margin-left:12px;font-size:18px}.login-button[data-v-abc6ac89]{color:#fff;background:#7b99d6}@media (width<=768px){.header-middle[data-v-abc6ac89],.search-box[data-v-abc6ac89]{display:none}.header-right[data-v-abc6ac89]{flex-shrink:0;margin-left:auto}.logo[data-v-abc6ac89]{font-size:18px}.menu-button[data-v-abc6ac89]{flex-shrink:0;margin-left:8px}.blog-header[data-v-abc6ac89]{min-width:0;padding:10px 12px}.header-left[data-v-abc6ac89]{flex-shrink:0}}@media (width>=769px){.menu-button[data-v-abc6ac89]{display:none}}html.dark .blog-header[data-v-abc6ac89]{background:#1a1a1a;border-bottom-color:#333}html.dark .logo[data-v-abc6ac89]{color:#e5e7eb}.search-input[data-v-abc6ac89]{background:#fff}html.dark .search-input[data-v-abc6ac89]{background:#333}html.dark .nav-capsule[data-v-abc6ac89]{background:#2a2a2a}html.dark .nav-item[data-v-abc6ac89]{color:#9ca3af}html.dark .nav-item.active[data-v-abc6ac89]{color:#e86f83;background:#3a3a3a}.blog-footer[data-v-301d9e54]{color:#9ca3af;background-color:#1f2937;margin-top:auto;padding:40px 20px}.footer-content[data-v-301d9e54]{flex-wrap:wrap;justify-content:center;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footer-section[data-v-301d9e54]{flex:1;min-width:200px;max-width:300px}.about-section[data-v-301d9e54]{text-align:center}.avatar-wrapper[data-v-301d9e54]{margin-bottom:12px}.about-section h3[data-v-301d9e54]{color:#fff;margin:0 0 8px;font-size:18px}.bio[data-v-301d9e54]{margin:0 0 16px;font-size:14px}.contact-links[data-v-301d9e54]{justify-content:center;gap:16px;display:flex}.contact-link[data-v-301d9e54]{color:#9ca3af;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.contact-link[data-v-301d9e54]:hover{color:#3b82f6}.tech-section h4[data-v-301d9e54],.links-section h4[data-v-301d9e54]{color:#fff;margin:0 0 16px;font-size:16px}.tech-tags[data-v-301d9e54]{flex-wrap:wrap;gap:8px;display:flex}.tech-tag[data-v-301d9e54]{padding:4px 10px;font-size:13px}.quick-links[data-v-301d9e54]{margin:0;padding:0;list-style:none}.quick-links li[data-v-301d9e54]{margin-bottom:8px}.quick-links a[data-v-301d9e54]{color:#9ca3af;font-size:14px;text-decoration:none;transition:color .2s}.quick-links a[data-v-301d9e54]:hover{color:#3b82f6}.footer-bottom[data-v-301d9e54]{text-align:center;border-top:1px solid #374151;max-width:1200px;margin:0 auto;padding-top:20px;font-size:13px}.back-to-top[data-v-d4254e9b]{z-index:999;color:#fff;background:linear-gradient(135deg,#ff6b9d,#ff8fab);border:none;height:50px;position:fixed;bottom:160px;right:40px;box-shadow:0 4px 12px #00000026;width:50px!important}.back-to-top[data-v-d4254e9b]:hover{background:linear-gradient(135deg,#ff5a8a,#ff7da3)}.fade-enter-active[data-v-d4254e9b],.fade-leave-active[data-v-d4254e9b]{transition:opacity .3s}.fade-enter-from[data-v-d4254e9b],.fade-leave-to[data-v-d4254e9b]{opacity:0}.blog-layout[data-v-486acb03]{flex-direction:column;min-height:100vh;display:flex}.blog-main[data-v-486acb03]{flex:1;width:100%;max-width:1200px;min-height:calc(100vh - 160px);margin:0 auto;padding:20px;position:relative}.blog-main>div[data-v-486acb03]{position:relative}@media (width>=1024px){.container{max-width:960px;margin:0 auto}}