.navbar[data-v-ccd3c7cd]{position:sticky;top:0;z-index:100;background:var(--card-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-content[data-v-ccd3c7cd]{display:flex;align-items:center;justify-content:space-between;height:64px}.logo[data-v-ccd3c7cd]{font-size:24px;font-weight:700;color:var(--primary-color)}.nav-menu[data-v-ccd3c7cd]{display:flex;list-style:none;gap:32px}.nav-menu a[data-v-ccd3c7cd]{color:var(--text-secondary);font-weight:500;padding:8px 0;border-bottom:2px solid transparent;transition:all .3s}.nav-menu a[data-v-ccd3c7cd]:hover,.nav-menu a.router-link-active[data-v-ccd3c7cd]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.nav-actions[data-v-ccd3c7cd]{display:flex;align-items:center;gap:16px}.search-box[data-v-ccd3c7cd]{display:flex;align-items:center;background:var(--bg-secondary);border-radius:20px;padding:6px 16px;border:1px solid var(--border-color);transition:all .3s}.search-box[data-v-ccd3c7cd]:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.search-box input[data-v-ccd3c7cd]{background:transparent;border:none;outline:none;color:var(--text-color);width:160px;font-size:14px}.search-box button[data-v-ccd3c7cd]{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;align-items:center}.theme-toggle[data-v-ccd3c7cd]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);transition:all .3s}.theme-toggle[data-v-ccd3c7cd]:hover{background:var(--primary-light);color:var(--primary-color)}@media (max-width: 768px){.nav-menu[data-v-ccd3c7cd]{display:none}.search-box input[data-v-ccd3c7cd]{width:120px}}.footer[data-v-55c4cfcb]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:24px 0;margin-top:auto}.footer-content[data-v-55c4cfcb]{text-align:center;color:var(--text-muted);font-size:14px}.powered[data-v-55c4cfcb]{margin-top:8px}.blog-layout[data-v-5cfe8a2d]{min-height:100vh;display:flex;flex-direction:column}.main-container[data-v-5cfe8a2d]{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-top:24px;margin-bottom:40px;flex:1}.content-area[data-v-5cfe8a2d]{min-width:0}.sidebar[data-v-5cfe8a2d]{position:sticky;top:80px;height:fit-content}.widget-card[data-v-5cfe8a2d]{margin-bottom:20px}.widget-title[data-v-5cfe8a2d]{font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary-color)}.category-list[data-v-5cfe8a2d]{list-style:none}.category-list li[data-v-5cfe8a2d]{padding:8px 0;border-bottom:1px dashed var(--border-color)}.category-list li[data-v-5cfe8a2d]:last-child{border-bottom:none}.category-list a[data-v-5cfe8a2d]{display:flex;justify-content:space-between;color:var(--text-secondary)}.category-list a[data-v-5cfe8a2d]:hover{color:var(--primary-color)}.count[data-v-5cfe8a2d]{color:var(--text-muted);font-size:14px}.tag-cloud[data-v-5cfe8a2d]{display:flex;flex-wrap:wrap;gap:8px}.tag-item[data-v-5cfe8a2d]{display:inline-block;padding:4px 12px;background:var(--primary-light);color:var(--primary-color);border-radius:16px;font-size:13px;transition:all .3s}.tag-item[data-v-5cfe8a2d]:hover{background:var(--primary-color);color:#fff}@media (max-width: 768px){.main-container[data-v-5cfe8a2d]{grid-template-columns:1fr}.sidebar[data-v-5cfe8a2d]{position:static}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}:root{--primary-color: #409EFF;--primary-light: #ecf5ff;--bg-color: #ffffff;--bg-secondary: #f5f7fa;--text-color: #303133;--text-secondary: #606266;--text-muted: #909399;--border-color: #e4e7ed;--card-bg: #ffffff;--shadow: 0 2px 12px rgba(0, 0, 0, .1);--radius: 8px;--max-width: 1200px}[data-theme=dark]{--primary-color: #409EFF;--primary-light: rgba(64, 158, 255, .1);--bg-color: #1a1a1a;--bg-secondary: #262727;--text-color: #e5eaf3;--text-secondary: #c0c4cc;--text-muted: #909399;--border-color: #414243;--card-bg: #262727;--shadow: 0 2px 12px rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--primary-color);text-decoration:none}a:hover{opacity:.8}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:all .3s}.article-content{line-height:1.8;font-size:16px}.article-content h1,.article-content h2,.article-content h3{margin-top:24px;margin-bottom:16px;font-weight:600}.article-content p{margin-bottom:16px}.article-content code{background:var(--primary-light);padding:2px 6px;border-radius:4px;font-size:14px}.article-content pre{background:#282c34;color:#abb2bf;padding:16px;border-radius:var(--radius);overflow-x:auto;margin:16px 0}.article-content pre code{background:none;padding:0;color:inherit}.article-content blockquote{border-left:4px solid var(--primary-color);padding-left:16px;margin:16px 0;color:var(--text-muted)}.article-content img{max-width:100%;border-radius:var(--radius)}