.home-page[data-v-26383c17]{width:100%;min-height:100vh;display:flex;flex-direction:column}.background-container[data-v-26383c17]{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.background-image[data-v-26383c17]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.background-image[data-v-26383c17]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:2}.hero-content[data-v-26383c17]{position:relative;z-index:3;text-align:center;color:#fff}.hero-title[data-v-26383c17]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.4;padding:0 20px;text-align:center;font-family:Microsoft YaHei,微软雅黑,sans-serif}.hero-subtitle[data-v-26383c17]{font-size:1.2rem;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.scroll-indicator[data-v-26383c17]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;color:#fff;animation:bounce-26383c17 2s infinite}.scroll-arrow[data-v-26383c17]{font-size:2rem}@keyframes bounce-26383c17{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.main-content[data-v-26383c17]{padding:60px 20px;max-width:1440px;margin:0 auto;flex:1 0 auto}.layout-container[data-v-26383c17]{display:flex;gap:20px;align-items:flex-start;padding-left:8px;padding-right:8px}.left-sidebar[data-v-26383c17]{flex:1.1;position:sticky;top:90px;align-self:flex-start;height:max-content}.center-content[data-v-26383c17]{flex:3}.right-sidebar[data-v-26383c17]{flex:1.1;position:sticky;top:90px;align-self:flex-start;height:max-content}.sidebar-card[data-v-26383c17]{background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;transition:all .3s ease}.sidebar-card[data-v-26383c17]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.card-header[data-v-26383c17]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.search-card[data-v-26383c17]{margin-bottom:20px}.categories-list[data-v-26383c17]{display:flex;flex-wrap:wrap;gap:10px}.category-item[data-v-26383c17]{cursor:pointer;padding:8px 12px;border:1px solid #dcdfe6;border-radius:15px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.category-item[data-v-26383c17]:hover{background:#409eff;color:#fff;border-color:#409eff}.category-name[data-v-26383c17]{margin-right:5px}.category-badge[data-v-26383c17]{background-color:#f0f0f0;border-color:#dcdfe6;border-radius:10px;padding:0 5px}.tags-cloud[data-v-26383c17]{display:flex;flex-wrap:wrap;gap:10px}.tag-item[data-v-26383c17]{cursor:pointer;transition:all .3s ease}.tag-item[data-v-26383c17]:hover{transform:scale(1.05)}.recent-articles[data-v-26383c17]{margin-top:10px}.recent-item[data-v-26383c17]{cursor:pointer;padding:12px;border-bottom:1px solid #f0f0f0;transition:all .3s ease;border-radius:8px;margin-bottom:5px}.recent-item[data-v-26383c17]:hover{background:#f8f9fa;transform:translate(5px)}.recent-title[data-v-26383c17]{font-weight:500;color:#2c3e50;line-height:1.4;margin-bottom:5px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-date[data-v-26383c17]{color:#999;font-size:12px}.section-header[data-v-26383c17]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.filter-info[data-v-26383c17]{display:flex;gap:10px}.stats-grid[data-v-26383c17]{display:grid;grid-template-columns:1fr;gap:15px}.stat-item[data-v-26383c17]{text-align:center;padding:15px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.stat-value[data-v-26383c17]{font-size:1.8rem;font-weight:700;color:#409eff;margin-bottom:5px}.stat-label[data-v-26383c17]{color:#666;font-size:.9rem}.popular-item[data-v-26383c17]{cursor:pointer;padding:10px;border-bottom:1px solid #f0f0f0;transition:all .3s ease;border-radius:8px;margin-bottom:5px;display:flex;align-items:center;gap:10px}.popular-item[data-v-26383c17]:hover{background:#f8f9fa;transform:translate(3px)}.popular-rank[data-v-26383c17]{font-weight:700;color:#409eff;background:#e3f2fd;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.popular-content[data-v-26383c17]{flex:1}.popular-title[data-v-26383c17]{font-weight:500;color:#2c3e50;line-height:1.4;margin-bottom:3px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-views[data-v-26383c17]{color:#999;font-size:12px}.runtime-value[data-v-26383c17]{font-weight:700;color:#409eff;margin-top:5px}.articles-section[data-v-26383c17]{margin-bottom:50px}.articles-section h2[data-v-26383c17]{color:#2c3e50;margin-bottom:30px;font-size:2rem;text-align:center}.articles-grid[data-v-26383c17]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:40px}.article-card[data-v-26383c17]{cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.article-card[data-v-26383c17]:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.article-card.featured[data-v-26383c17]{grid-column:span 2}.article-image-container[data-v-26383c17]{width:100%;height:200px;overflow:hidden;border-radius:8px 8px 0 0;margin-bottom:15px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative}.article-image[data-v-26383c17]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;background:#f5f5f5}.article-card:hover .article-image[data-v-26383c17]{transform:scale(1.05)}.article-card.featured .article-image-container[data-v-26383c17]{height:300px}.article-image-container[data-v-26383c17]:empty:before{content:"📷";font-size:2rem;color:#ccc}.article-header[data-v-26383c17]{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.article-title[data-v-26383c17]{font-weight:700;color:#2c3e50;line-height:1.4;flex:1}.article-card.featured .article-title[data-v-26383c17]{font-size:1.15rem}.article-content[data-v-26383c17]{padding:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.article-excerpt[data-v-26383c17]{color:#666;line-height:1.6;margin-bottom:15px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-footer[data-v-26383c17]{border-top:1px solid #f0f0f0;padding-top:15px;margin-top:auto}.article-stats[data-v-26383c17]{display:flex;justify-content:space-between;color:#999;font-size:14px}.article-stats span[data-v-26383c17]{display:flex;align-items:center;gap:5px}.load-more-section[data-v-26383c17]{text-align:center;margin-top:40px}.site-info[data-v-26383c17]{margin-top:60px}.site-stats h3[data-v-26383c17]{color:#2c3e50;margin-bottom:15px}.site-stats p[data-v-26383c17]{margin:8px 0;color:#666}.site-stats[data-v-26383c17]{margin-bottom:20px}.runtime-info[data-v-26383c17],.tech-stack[data-v-26383c17]{margin-bottom:10px}.tech-tags[data-v-26383c17]{display:flex;flex-wrap:wrap;gap:5px}.author-info[data-v-26383c17]{display:flex;align-items:center;gap:20px}.author-avatar[data-v-26383c17]{flex:0 0 auto}.author-desc[data-v-26383c17]{flex:1}.author-desc h4[data-v-26383c17]{margin-bottom:5px}.author-desc p[data-v-26383c17]{margin:0}.social-links[data-v-26383c17]{margin-top:10px;display:flex;gap:10px}.api-card[data-v-26383c17]{cursor:pointer;transition:all .3s ease}.api-card[data-v-26383c17]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.api-card .card-header[data-v-26383c17]{color:inherit}.api-info[data-v-26383c17]{display:flex;align-items:center;gap:15px;padding:10px 0}.api-icon[data-v-26383c17]{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--hover-bg);border-radius:50%}.api-desc[data-v-26383c17]{flex:1}.api-desc h4[data-v-26383c17]{margin-bottom:8px;font-size:1.1rem}.api-desc p[data-v-26383c17]{margin-bottom:12px;font-size:.9rem;line-height:1.4}.api-features[data-v-26383c17]{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.api-link[data-v-26383c17]{display:flex;justify-content:flex-end}.image-overlay[data-v-26383c17]{position:absolute;left:12px;bottom:12px}@media (max-width: 768px){.hero-title[data-v-26383c17]{font-size:2.5rem}.articles-grid[data-v-26383c17]{grid-template-columns:1fr;gap:20px}.main-content[data-v-26383c17]{padding:40px 15px}.layout-container[data-v-26383c17]{flex-direction:column}.left-sidebar[data-v-26383c17],.right-sidebar[data-v-26383c17]{flex:1;position:static;height:auto}.article-image-container[data-v-26383c17]{height:150px}.article-card.featured[data-v-26383c17]{grid-column:auto}}@media (min-width: 1024px){.articles-grid[data-v-26383c17]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.hero-title[data-v-26383c17]{font-size:2rem}.articles-grid[data-v-26383c17]{grid-template-columns:1fr}}.pagination-section[data-v-26383c17]{margin-top:2rem;display:flex;justify-content:center;padding:1rem 0}.site-footer[data-v-26383c17]{border-top:1px solid #ebeef5;background:#fff;color:#606266;padding:20px;height:96px;display:flex;align-items:center;margin-top:auto}.footer-inner[data-v-26383c17]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-left[data-v-26383c17],.footer-right[data-v-26383c17]{font-size:13px}.scroll-progress-fixed[data-v-26383c17]{position:fixed;left:0;right:0;bottom:0;height:3px;background:transparent;overflow:hidden;z-index:900}.scroll-progress-bar-fixed[data-v-26383c17]{height:100%;width:0%;background:linear-gradient(90deg,#409eff,#67c23a);box-shadow:0 0 6px #409eff80;transition:width .1s linear}