@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}.chat-float-btn[data-v-4175e6e1]{color:#fff;cursor:pointer;z-index:999;background:#409eff;border:none;border-radius:50%;width:48px;height:48px;font-size:20px;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 12px #0003}.chat-dialog[data-v-4175e6e1]{z-index:999;background:#fff;border-radius:12px;flex-direction:column;width:360px;height:500px;display:flex;position:fixed;bottom:84px;right:24px;box-shadow:0 4px 20px #00000026}.chat-header[data-v-4175e6e1]{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;display:flex}.chat-body[data-v-4175e6e1]{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.user[data-v-4175e6e1],.assistant[data-v-4175e6e1]{word-break:break-word;border-radius:8px;max-width:80%;padding:8px 12px;line-height:1.5}.user[data-v-4175e6e1]{color:#fff;background:#409eff;align-self:flex-end}.assistant[data-v-4175e6e1]{color:#333;background:#f0f2f5;align-self:flex-start}.chat-footer[data-v-4175e6e1]{border-top:1px solid #eee;gap:8px;padding:12px 16px;display:flex}.chat-footer input[data-v-4175e6e1]{border:1px solid #ddd;border-radius:6px;outline:none;flex:1;padding:8px 12px}.chat-footer button[data-v-4175e6e1]{color:#fff;cursor:pointer;background:#409eff;border:none;border-radius:6px;padding:8px 16px}.typing[data-v-4175e6e1]{color:#999;background:#f0f2f5;border-radius:8px;align-self:flex-start;padding:8px 12px;font-size:13px}.typing[data-v-4175e6e1]:after{content:"...";animation:1.5s steps(3,end) infinite dots-4175e6e1}@keyframes dots-4175e6e1{0%{content:"."}33%{content:".."}66%{content:"..."}}@media (width<=480px){.chat-dialog[data-v-4175e6e1]{width:calc(100% - 16px);height:60vh;right:8px}}.blog-layout[data-v-8d791358]{flex-direction:column;min-height:100vh;display:flex}.blog-main[data-v-8d791358]{flex:1;width:100%;max-width:1200px;min-height:calc(100vh - 160px);margin:0 auto;padding:20px;position:relative}.blog-main>div[data-v-8d791358]{position:relative}@media (width>=1024px){.container{max-width:960px;margin:0 auto}}