[data-v-4577ba80]{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-4577ba80]:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#1a1e2b;--text-secondary:#4a5568;--card-bg:#fff;--border-color:#e2e8f0;--shadow-sm:0 4px 6px -1px rgba(0,0,0,0.05);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.08);--accent:#667eea;--accent-hover:#5a67d8}.dark[data-v-4577ba80]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--card-bg:#1e293b;--border-color:#334155;--shadow-sm:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.4)}body[data-v-4577ba80]{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}.blog-app[data-v-4577ba80]{background:var(--bg-primary);color:var(--text-primary);-webkit-transition:background .3s ease,color .2s ease;transition:background .3s ease,color .2s ease;min-height:100vh}.navbar[data-v-4577ba80]{position:fixed;top:0;width:100%;background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--bg-primary-rgb),.8);z-index:100;-webkit-transition:all .3s ease;transition:all .3s ease;border-bottom:1px solid var(--border-color)}.navbar.scrolled[data-v-4577ba80]{-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.nav-container[data-v-4577ba80]{max-width:1280px;margin:0 auto;padding:1rem 2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.logo[data-v-4577ba80],.nav-container[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo[data-v-4577ba80]{gap:.5rem;font-weight:700;font-size:1.5rem;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s}.logo-icon[data-v-4577ba80]{font-size:1.8rem;color:var(--accent)}.logo-text[data-v-4577ba80]{background:linear-gradient(135deg,var(--accent),#c084fc);background-clip:text;-webkit-background-clip:text;color:transparent}.nav-links[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}.nav-link[data-v-4577ba80]{text-decoration:none;color:var(--text-secondary);font-weight:500;-webkit-transition:color .2s;transition:color .2s}.nav-link.active[data-v-4577ba80],.nav-link[data-v-4577ba80]:hover{color:var(--accent)}.nav-actions[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.search-btn[data-v-4577ba80],.theme-btn[data-v-4577ba80]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-primary);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.search-btn[data-v-4577ba80]:hover,.theme-btn[data-v-4577ba80]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.search-bar[data-v-4577ba80]{padding:.8rem 2rem 1.2rem;max-width:600px;margin:0 auto;position:relative}.search-input[data-v-4577ba80]{width:100%;padding:.8rem 2rem;border-radius:60px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;outline:none;-webkit-transition:all .2s;transition:all .2s}.search-input[data-v-4577ba80]:focus{border-color:var(--accent);-webkit-box-shadow:0 0 0 3px rgba(102,126,234,.2);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.search-clear[data-v-4577ba80]{position:absolute;right:2.5rem;top:1.2rem;background:none;border:none;cursor:pointer;color:var(--text-secondary)}.slide-enter-active[data-v-4577ba80],.slide-leave-active[data-v-4577ba80]{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-enter[data-v-4577ba80],.slide-leave-to[data-v-4577ba80]{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.hero[data-v-4577ba80]{min-height:90vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));text-align:center;padding:6rem 2rem}.hero-content[data-v-4577ba80]{max-width:800px;z-index:2}.hero-title[data-v-4577ba80]{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent),#c084fc);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:1rem}.hero-subtitle[data-v-4577ba80]{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.hero-tags[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.8rem;margin-bottom:2rem}.tag[data-v-4577ba80]{background:var(--bg-secondary);padding:.4rem 1rem;border-radius:40px;font-size:.9rem;color:var(--accent);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border:1px solid var(--border-color)}.tag[data-v-4577ba80]:hover{background:var(--accent);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-btn[data-v-4577ba80]{background:var(--accent);color:#fff;border:none;padding:.8rem 2rem;border-radius:40px;font-weight:600;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.hero-btn[data-v-4577ba80]:hover{background:var(--accent-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-decoration[data-v-4577ba80]{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.circle[data-v-4577ba80]{position:absolute;border-radius:50%;opacity:.4;background:var(--accent)}.c1[data-v-4577ba80]{width:300px;height:300px;top:-100px;left:-100px;-webkit-filter:blur(60px);filter:blur(60px)}.c2[data-v-4577ba80]{width:400px;height:400px;bottom:-150px;right:-100px;-webkit-filter:blur(80px);filter:blur(80px);background:#c084fc}.c3[data-v-4577ba80]{width:200px;height:200px;top:40%;left:70%;-webkit-filter:blur(50px);filter:blur(50px);background:#f093fb}.articles-section[data-v-4577ba80]{padding:5rem 2rem}.section-container[data-v-4577ba80]{max-width:1280px;margin:0 auto}.section-header[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:3rem}.section-title[data-v-4577ba80]{font-size:2rem;font-weight:700;border-left:5px solid var(--accent);padding-left:1rem}.filter-tabs[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.8rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-btn[data-v-4577ba80]{background:var(--bg-secondary);border:none;padding:.5rem 1.2rem;border-radius:40px;cursor:pointer;color:var(--text-secondary);-webkit-transition:all .2s;transition:all .2s}.filter-btn.active[data-v-4577ba80],.filter-btn[data-v-4577ba80]:hover{background:var(--accent);color:#fff}.articles-layout[data-v-4577ba80]{display:grid;grid-template-columns:1fr 320px;gap:2rem}.articles-grid[data-v-4577ba80]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem}.article-card[data-v-4577ba80]{background:var(--card-bg);border-radius:1.2rem;overflow:hidden;border:1px solid var(--border-color);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.article-card[data-v-4577ba80]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.article-cover[data-v-4577ba80]{height:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:4rem}.article-body[data-v-4577ba80]{padding:1.2rem}.article-meta[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.8rem}.article-category[data-v-4577ba80]{background:var(--bg-secondary);padding:.2rem .8rem;border-radius:20px}.article-title[data-v-4577ba80]{font-size:1.25rem;margin:.5rem 0;line-height:1.4}.article-excerpt[data-v-4577ba80]{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.article-footer[data-v-4577ba80]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-author[data-v-4577ba80],.article-footer[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-author[data-v-4577ba80]{gap:.5rem}.author-avatar[data-v-4577ba80]{width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-weight:700}.article-stats[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.stat-like[data-v-4577ba80]{cursor:pointer;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.stat-like[data-v-4577ba80]:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.8rem}.sidebar-card[data-v-4577ba80]{background:var(--card-bg);border-radius:1.2rem;padding:1.5rem;border:1px solid var(--border-color)}.author-card[data-v-4577ba80]{text-align:center}.author-card-avatar[data-v-4577ba80]{width:80px;height:80px;background:linear-gradient(135deg,var(--accent),#c084fc);border-radius:50%;margin:0 auto 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.author-card-stats[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:1.2rem}.stat-item[data-v-4577ba80]{text-align:center}.stat-number[data-v-4577ba80]{display:block;font-weight:700;font-size:1.4rem}.stat-label[data-v-4577ba80]{font-size:.75rem;color:var(--text-secondary)}.tags-cloud[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.6rem}.cloud-tag[data-v-4577ba80]{cursor:pointer;color:var(--accent);-webkit-transition:all .2s;transition:all .2s}.cloud-tag[data-v-4577ba80]:hover{color:var(--accent-hover);-webkit-transform:scale(1.05);transform:scale(1.05)}.recommend-list[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.recommend-item[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;cursor:pointer;padding:.5rem;border-radius:.8rem;-webkit-transition:background .2s;transition:background .2s}.recommend-item[data-v-4577ba80]:hover{background:var(--bg-secondary)}.recommend-rank[data-v-4577ba80]{font-weight:700;font-size:1.2rem;color:var(--accent);width:32px}.recommend-info[data-v-4577ba80]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.recommend-title[data-v-4577ba80]{font-weight:500}.recommend-views[data-v-4577ba80]{font-size:.7rem;color:var(--text-secondary)}.about-section[data-v-4577ba80]{padding:5rem 2rem;background:var(--bg-secondary)}.about-grid[data-v-4577ba80]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}.about-card[data-v-4577ba80]{background:var(--card-bg);padding:2rem;border-radius:1.5rem;text-align:center;border:1px solid var(--border-color);-webkit-transition:all .2s;transition:all .2s}.about-icon[data-v-4577ba80]{font-size:2.5rem;margin-bottom:1rem}.about-card h3[data-v-4577ba80]{margin-bottom:.5rem}.footer[data-v-4577ba80]{border-top:1px solid var(--border-color);padding:2rem;text-align:center;color:var(--text-secondary)}.footer-brand[data-v-4577ba80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;font-weight:700;margin-bottom:1rem}.highlight[data-v-4577ba80]{background:rgba(102,126,234,.3);color:inherit;border-radius:4px;padding:0 2px}.no-results[data-v-4577ba80]{grid-column:1/-1;text-align:center;padding:3rem;background:var(--bg-secondary);border-radius:2rem;color:var(--text-secondary)}@media (max-width:960px){.articles-layout[data-v-4577ba80]{grid-template-columns:1fr}.nav-links[data-v-4577ba80]{gap:1rem}.hero-title[data-v-4577ba80]{font-size:2.5rem}}@media (max-width:640px){.nav-container[data-v-4577ba80]{padding:.8rem 1rem}.logo-text[data-v-4577ba80]{display:none}.articles-grid[data-v-4577ba80]{grid-template-columns:1fr}}