.articles-page[data-v-fe7f0e04]{min-height:100vh;background:#f8f9fa}.container[data-v-fe7f0e04]{max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-fe7f0e04]{background:#000;color:#fff;padding:30px 0}.header-content[data-v-fe7f0e04]{display:flex;justify-content:space-between;align-items:center;text-align:left}.header-left[data-v-fe7f0e04]{flex:1}.header-right[data-v-fe7f0e04]{flex-shrink:0}.page-title[data-v-fe7f0e04]{font-size:2.2rem;font-weight:700;margin:0 0 10px 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.page-subtitle[data-v-fe7f0e04]{font-size:1.1rem;margin:0;opacity:.9;font-weight:300}.filters-section[data-v-fe7f0e04]{background:#fff;padding:30px 0;border-bottom:1px solid #f0f0f0;margin-bottom:0}.search-section[data-v-fe7f0e04]{max-width:600px;margin:0 auto 25px auto;width:100%;height:40px;display:flex;align-items:center}.filter-bar[data-v-fe7f0e04]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;min-height:48px}.category-filters[data-v-fe7f0e04]{display:flex;flex-wrap:wrap;gap:12px;align-items:center;height:40px}.category-tag[data-v-fe7f0e04]{cursor:pointer;transition:all .3s ease;border-radius:20px;padding:0 16px;font-size:14px;font-weight:500;border:1px solid #e1e5e9;background-color:#f8f9fa;color:#666;height:36px;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;vertical-align:middle}.category-tag[data-v-fe7f0e04]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#fff;border-color:#e03426;color:#e03426}.category-tag.el-tag--primary[data-v-fe7f0e04]{background-color:#e03426;border-color:#e03426;color:#fff}.category-tag.el-tag--primary[data-v-fe7f0e04]:hover{background-color:#c02a1f;border-color:#c02a1f;color:#fff}.category-tag .count[data-v-fe7f0e04]{font-size:.85em;opacity:.8;margin-left:4px}.more-categories-btn[data-v-fe7f0e04]{height:36px;margin-left:8px;color:#666!important;border:1px solid #e1e5e9;border-radius:20px;padding:0 12px;font-size:14px;transition:all .3s ease}.more-categories-btn[data-v-fe7f0e04]:hover{color:#e03426!important;border-color:#e03426;background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.more-categories-btn i[data-v-fe7f0e04]{margin-left:4px;font-size:12px}.sort-controls[data-v-fe7f0e04]{height:40px;display:flex;align-items:center}.sort-controls .el-select[data-v-fe7f0e04]{width:120px;height:36px}.sort-controls[data-v-fe7f0e04] .el-input__inner{background-color:#fff;border:1px solid #dcdfe6;border-radius:8px;color:#333;font-size:14px;padding:8px 12px;transition:border-color .2s ease;height:36px;line-height:20px;box-sizing:border-box}.sort-controls[data-v-fe7f0e04] .el-input__inner:focus{border-color:#e03426;outline:none;box-shadow:0 0 0 2px rgba(224,52,38,.1)}.sort-controls[data-v-fe7f0e04] .el-input__suffix,.sort-controls[data-v-fe7f0e04] .el-select__caret{color:#999}.search-input[data-v-fe7f0e04]{width:100%;height:36px}.search-input[data-v-fe7f0e04] .el-input__inner{border:2px solid #e03426;color:#333;background-color:#fff;font-size:14px;line-height:1.5;padding:8px 16px;transition:border-color .2s ease;height:36px;box-sizing:border-box;border-radius:4px 0 0 4px}.search-input[data-v-fe7f0e04] .el-input__inner:focus{border-color:#b8251a;outline:none;box-shadow:0 0 0 2px rgba(224,52,38,.2)}.search-input[data-v-fe7f0e04] .el-input__inner::-moz-placeholder{color:#999}.search-input[data-v-fe7f0e04] .el-input__inner::placeholder{color:#999}.search-input[data-v-fe7f0e04] .el-input-group__append{border:2px solid #e03426;border-left:none;background-color:#e03426;border-radius:0 4px 4px 0}.search-input[data-v-fe7f0e04] .el-input-group__append .el-button{color:#fff;border:none;background:transparent}.search-input[data-v-fe7f0e04] .el-input-group__append .el-button:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.featured-section[data-v-fe7f0e04]{background:#fff;padding:25px 0 40px 0}.section-title[data-v-fe7f0e04]{font-size:1.8rem;font-weight:600;margin-bottom:30px;color:#2c3e50}.featured-articles[data-v-fe7f0e04]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.featured-article[data-v-fe7f0e04]{display:flex;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(0,0,0,.04)}.featured-article[data-v-fe7f0e04]:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.12);border-color:rgba(224,52,38,.1)}.featured-image[data-v-fe7f0e04]{width:150px;height:120px;position:relative;overflow:hidden}.featured-image img[data-v-fe7f0e04]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-overlay[data-v-fe7f0e04]{position:absolute;top:10px;left:10px}.featured-badge[data-v-fe7f0e04]{background:#e03426;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.featured-content[data-v-fe7f0e04]{flex:1;padding:15px}.featured-category[data-v-fe7f0e04]{color:#e03426;font-size:.8rem;font-weight:600;text-transform:uppercase}.featured-title[data-v-fe7f0e04]{font-size:1.1rem;font-weight:600;margin:8px 0;color:#2c3e50;line-height:1.4}.featured-summary[data-v-fe7f0e04]{font-size:.85rem;color:#666;line-height:1.5;margin:8px 0}.featured-meta[data-v-fe7f0e04]{display:flex;align-items:center;gap:15px;font-size:.75rem;color:#999;margin-top:10px}.articles-section[data-v-fe7f0e04]{padding:40px 0}.articles-grid[data-v-fe7f0e04]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.article-card[data-v-fe7f0e04]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(0,0,0,.04)}.article-card[data-v-fe7f0e04]:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,.12);border-color:rgba(224,52,38,.1)}.article-image[data-v-fe7f0e04]{width:100%;height:200px;position:relative;overflow:hidden}.article-image img[data-v-fe7f0e04]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-image img[data-v-fe7f0e04]{transform:scale(1.05)}.article-category[data-v-fe7f0e04]{position:absolute;top:15px;left:15px;background:rgba(224,52,38,.9);color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.article-content[data-v-fe7f0e04]{padding:24px}.article-title[data-v-fe7f0e04]{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0 0 8px 0;line-height:1.4}.article-subtitle[data-v-fe7f0e04]{font-size:.9rem;color:#666;margin:0 0 10px 0;line-height:1.4}.article-summary[data-v-fe7f0e04]{font-size:.85rem;color:#666;line-height:1.6;margin:10px 0 15px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-fe7f0e04]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.author-info[data-v-fe7f0e04]{display:flex;align-items:center;gap:8px}.author-name[data-v-fe7f0e04]{font-size:.85rem;color:#666;font-weight:500}.article-stats[data-v-fe7f0e04]{display:flex;gap:15px}.stat-item[data-v-fe7f0e04]{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#999}.stat-item i[data-v-fe7f0e04]{font-size:.9rem}.article-footer[data-v-fe7f0e04]{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#999;padding-top:15px;border-top:1px solid #f0f0f0}.pagination-section[data-v-fe7f0e04]{display:flex;justify-content:center;margin-top:40px}.empty-state[data-v-fe7f0e04]{text-align:center;padding:60px 20px;color:#666}.empty-state i[data-v-fe7f0e04]{font-size:4rem;color:#ddd;margin-bottom:20px}.empty-state h3[data-v-fe7f0e04]{font-size:1.2rem;margin:0 0 10px 0}.empty-state p[data-v-fe7f0e04]{margin:0;opacity:.8}.error-state[data-v-fe7f0e04]{text-align:center;padding:60px 20px;color:#666}.error-state i[data-v-fe7f0e04]{font-size:4rem;color:#f56c6c;margin-bottom:20px}.error-state h3[data-v-fe7f0e04]{font-size:1.2rem;margin:0 0 10px 0;color:#f56c6c}.error-state p[data-v-fe7f0e04]{margin:0 0 20px 0;opacity:.8}.write-article-fab[data-v-fe7f0e04]{position:fixed;bottom:30px;right:30px;z-index:1000;box-shadow:0 4px 16px rgba(224,52,38,.3);font-size:16px;padding:12px 24px;height:auto}.write-article-fab[data-v-fe7f0e04]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(224,52,38,.4)}@media (max-width:768px){.container[data-v-fe7f0e04]{padding:0 15px}.page-header[data-v-fe7f0e04]{padding:20px 0}.page-title[data-v-fe7f0e04]{font-size:1.8rem}.page-subtitle[data-v-fe7f0e04]{font-size:1rem}.filters-section[data-v-fe7f0e04]{padding:20px 0}.search-section[data-v-fe7f0e04]{max-width:100%;margin:0 auto 20px auto;height:auto}.filter-bar[data-v-fe7f0e04]{flex-direction:column;align-items:stretch;gap:15px;min-height:auto}.category-filters[data-v-fe7f0e04]{justify-content:center;gap:8px;height:auto;min-height:40px}.category-tag[data-v-fe7f0e04]{font-size:12px;padding:6px 12px;height:32px;line-height:18px}.sort-controls[data-v-fe7f0e04]{align-self:center;height:auto}.sort-controls .el-select[data-v-fe7f0e04]{width:140px;height:32px}.sort-controls[data-v-fe7f0e04] .el-input__inner{height:32px;line-height:18px;padding:6px 10px}.search-input[data-v-fe7f0e04]{height:32px}.search-input[data-v-fe7f0e04] .el-input__inner{font-size:14px;padding:6px 12px;height:32px}.featured-articles[data-v-fe7f0e04]{grid-template-columns:1fr;gap:20px}.featured-section[data-v-fe7f0e04]{padding:20px 0 30px 0}.featured-article[data-v-fe7f0e04]{flex-direction:column}.featured-image[data-v-fe7f0e04]{width:100%;height:200px}.articles-grid[data-v-fe7f0e04]{grid-template-columns:1fr;gap:20px}.article-card[data-v-fe7f0e04]{margin-bottom:0}.write-article-fab[data-v-fe7f0e04]{bottom:20px;right:20px;padding:10px 20px;font-size:14px}}