.article-list-page[data-v-044702ba]{background-color:#f5f7fa;min-height:100vh}.content-section[data-v-044702ba]{padding:6rem 10rem}.content-section .content-container[data-v-044702ba]{margin:0 auto;max-width:96rem}.content-section .main-content[data-v-044702ba]{display:flex;flex-direction:column;gap:2rem}@media (min-width:1024px){.content-section .main-content[data-v-044702ba]{flex-direction:row}}.articles-section[data-v-044702ba]{flex:2}@media (min-width:1024px){.articles-section[data-v-044702ba]{flex:2}}.category-tags[data-v-044702ba]{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.category-tags .tag-button[data-v-044702ba]{background-color:#fff;border:1px solid #e5e6eb;border-radius:9999px;color:#1d2129;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.category-tags .tag-button[data-v-044702ba]:hover{border-color:#165dff}.category-tags .tag-button.tag-active[data-v-044702ba]{background-color:#165dff;border-color:#165dff;color:#fff}.article-header[data-v-044702ba]{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.article-header .section-title[data-v-044702ba]{color:#1d2129;font-size:1.5rem;font-weight:700}.article-header .sort-section[data-v-044702ba]{align-items:center;display:flex}.article-header .sort-section .sort-label[data-v-044702ba]{color:#909399;font-size:.875rem;white-space:nowrap}.article-header .sort-section .sort-select[data-v-044702ba]{width:7rem}.articles-list[data-v-044702ba]{display:flex;flex-direction:column;gap:1.5rem}.empty-state[data-v-044702ba],.loading-state[data-v-044702ba]{color:#909399;font-size:1rem;padding:3rem 1rem;text-align:center}.empty-state p[data-v-044702ba],.loading-state p[data-v-044702ba]{margin:0}.loading-state p[data-v-044702ba]{position:relative}.loading-state p[data-v-044702ba]:after{animation:spin-044702ba 1s linear infinite;border:2px solid #165dff;border-radius:50%;border-top-color:transparent;content:"";display:inline-block;height:1rem;margin-left:.5rem;width:1rem}@keyframes spin-044702ba{to{transform:rotate(1turn)}}.article-card[data-v-044702ba]{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #00000014;cursor:pointer;display:block;overflow:hidden;transition:all .3s ease}.article-card[data-v-044702ba],.article-card[data-v-044702ba]:hover{color:inherit;text-decoration:none}.article-card[data-v-044702ba]:hover{box-shadow:0 10px 20px #0000001f;transform:translateY(-4px)}.article-card .article-content[data-v-044702ba]{display:flex;flex-direction:column}@media (min-width:768px){.article-card .article-content[data-v-044702ba]{flex-direction:row}.article-card .article-image[data-v-044702ba]{width:33.333333%}}.article-card .article-image img[data-v-044702ba]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-card .article-info[data-v-044702ba]{padding:1.5rem}@media (min-width:768px){.article-card .article-info[data-v-044702ba]{width:66.666667%}}.article-card .article-meta[data-v-044702ba]{align-items:center;display:flex;margin-bottom:.75rem}.article-card .article-meta .article-tag[data-v-044702ba]{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.article-card .article-meta .article-tag.tag-writing[data-v-044702ba]{background-color:#165dff1a;color:#165dff}.article-card .article-meta .article-tag.tag-interview[data-v-044702ba]{background-color:#10b9811a;color:#10b981}.article-card .article-meta .article-tag.tag-template[data-v-044702ba]{background-color:#3b82f61a;color:#3b82f6}.article-card .article-meta .article-tag.tag-industry[data-v-044702ba]{background-color:#8b5cf61a;color:#8b5cf6}.article-card .article-meta .article-tag.tag-salary[data-v-044702ba]{background-color:#f59e0b1a;color:#f59e0b}.article-card .article-meta .article-tag.tag-career[data-v-044702ba]{background-color:#ef44441a;color:#ef4444}.article-card .article-meta .article-date[data-v-044702ba]{color:#909399;font-size:.75rem;margin-left:.75rem}.article-card .article-title[data-v-044702ba]{color:#1d2129;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.article-card .article-excerpt[data-v-044702ba]{color:#909399;display:-webkit-box;line-height:1.6;margin-bottom:1rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.article-card .article-stats[data-v-044702ba]{align-items:center;display:flex;justify-content:space-between}.article-card .article-stats .stats-info[data-v-044702ba]{align-items:center;color:#909399;display:flex;font-size:.875rem}.article-card .article-stats .stats-info .stat-item[data-v-044702ba]{align-items:center;display:flex;margin-right:1rem}.article-card .article-stats .stats-info .stat-item .stat-icon[data-v-044702ba]{height:1rem;margin-right:.25rem;width:1rem}.pagination[data-v-044702ba]{display:flex;justify-content:center;margin-top:2.5rem}.sidebar[data-v-044702ba]{animation-delay:.2s;flex:1}@media (min-width:1024px){.sidebar[data-v-044702ba]{flex:1}}.search-section[data-v-044702ba]{margin-bottom:2rem}.search-section .search-input-wrapper[data-v-044702ba]{align-items:center;display:flex;position:relative}.search-section .search-input-wrapper .search-input[data-v-044702ba]{background-color:#fff;border:1px solid #e5e6eb;border-radius:.75rem 0 0 .75rem;border-right:none;flex:1;font-size:.875rem;padding:.75rem 1rem}.search-section .search-input-wrapper .search-input[data-v-044702ba]:focus{border-color:#165dff;box-shadow:0 0 0 1px #165dff4d;outline:none}.search-section .search-input-wrapper .search-input[data-v-044702ba]::-moz-placeholder{color:#909399}.search-section .search-input-wrapper .search-input[data-v-044702ba]::placeholder{color:#909399}.search-section .search-input-wrapper .search-button[data-v-044702ba]{align-items:center;background-color:#165dff;border:1px solid #165dff;border-radius:0 .75rem .75rem 0;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.68rem 1rem;transition:all .3s ease}.search-section .search-input-wrapper .search-button[data-v-044702ba]:hover:not(:disabled){background-color:#165dffe6;border-color:#165dffe6}.search-section .search-input-wrapper .search-button[data-v-044702ba]:disabled{background-color:#909399;border-color:#909399;cursor:not-allowed;opacity:.6}.search-section .search-input-wrapper .search-button .search-icon[data-v-044702ba]{color:inherit;height:1.25rem;width:1.25rem}.sidebar-card[data-v-044702ba]{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:1.5rem}.sidebar-card .sidebar-title[data-v-044702ba]{color:#1d2129;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.popular-articles[data-v-044702ba]{display:flex;flex-direction:column;gap:1rem}.popular-articles .popular-article[data-v-044702ba]{color:inherit;cursor:pointer;display:flex;gap:.75rem;text-decoration:none;transition:all .3s ease}.popular-articles .popular-article:hover .popular-title[data-v-044702ba]{color:#165dff}.popular-articles .popular-article .popular-image[data-v-044702ba]{border-radius:.5rem;flex-shrink:0;height:5rem;-o-object-fit:cover;object-fit:cover;width:5rem}.popular-articles .popular-article .popular-info[data-v-044702ba]{flex:1}.popular-articles .popular-article .popular-info .popular-title[data-v-044702ba]{color:#1d2129;font-weight:500;line-height:1.4;margin-bottom:.25rem;transition:all .3s ease}.popular-articles .popular-article .popular-info .popular-meta[data-v-044702ba]{color:#909399;font-size:.75rem}.hot-tags[data-v-044702ba]{display:flex;flex-wrap:wrap;gap:.5rem}.hot-tags .hot-tag[data-v-044702ba]{background-color:#f5f7fa;border-radius:9999px;color:#1d2129;font-size:.75rem;padding:.375rem .75rem;text-decoration:none;transition:all .3s ease}.hot-tags .hot-tag[data-v-044702ba]:first-child,.hot-tags .hot-tag[data-v-044702ba]:hover{background-color:#165dff1a;color:#165dff}@keyframes fadeUp-044702ba{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-044702ba{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.content-section[data-v-044702ba]{padding:6rem 1rem}.article-header[data-v-044702ba]{align-items:flex-start;flex-direction:column}.article-header .sort-section[data-v-044702ba]{justify-content:flex-end;width:100%}.article-header .sort-section .sort-select[data-v-044702ba]{width:8rem}.article-header .sort-section .sort-select[data-v-044702ba] .el-select__placeholder{font-size:1rem}.article-header .sort-section .sort-label[data-v-044702ba]{font-size:1.1rem}.category-tags[data-v-044702ba]{gap:.6rem 1rem;margin-bottom:1rem}.category-tags .tag-button[data-v-044702ba]{font-size:1.05rem;padding:.475rem .85rem}.sidebar[data-v-044702ba]{margin-top:2rem}.pagination-nav[data-v-044702ba]{flex-wrap:wrap}}[data-v-044702ba]::-webkit-scrollbar{height:8px;width:8px}[data-v-044702ba]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}[data-v-044702ba]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-v-044702ba]::-webkit-scrollbar-thumb:hover{background:#94a3b8}