.articles-page[data-v-258920e0]{min-height:100vh;background:#f8f9fa}.container[data-v-258920e0]{max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-258920e0]{background:#000;color:#fff;padding:30px 0}.header-content[data-v-258920e0]{display:flex;justify-content:space-between;align-items:center;text-align:left}.header-left[data-v-258920e0]{flex:1}.header-right[data-v-258920e0]{flex-shrink:0}.page-title[data-v-258920e0]{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-258920e0]{font-size:1.1rem;margin:0;opacity:.9;font-weight:300}.filters-section[data-v-258920e0]{background:#fff;padding:30px 0;border-bottom:1px solid #f0f0f0;margin-bottom:0}.search-section[data-v-258920e0]{max-width:600px;margin:0 auto 25px auto;width:100%;height:40px;display:flex;align-items:center}.filter-bar[data-v-258920e0]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;min-height:48px}.category-filters[data-v-258920e0]{display:flex;flex-wrap:wrap;gap:12px;align-items:center;height:40px}.category-tag[data-v-258920e0]{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-258920e0]: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-258920e0]{background-color:#e03426;border-color:#e03426;color:#fff}.category-tag.el-tag--primary[data-v-258920e0]:hover{background-color:#c02a1f;border-color:#c02a1f;color:#fff}.category-tag .count[data-v-258920e0]{font-size:.85em;opacity:.8;margin-left:4px}.more-categories-btn[data-v-258920e0]{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-258920e0]: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-258920e0]{margin-left:4px;font-size:12px}.sort-controls[data-v-258920e0]{height:40px;display:flex;align-items:center}.sort-controls .el-select[data-v-258920e0]{width:120px;height:36px}.sort-controls[data-v-258920e0] .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-258920e0] .el-input__inner:focus{border-color:#e03426;outline:none;box-shadow:0 0 0 2px rgba(224,52,38,.1)}.sort-controls[data-v-258920e0] .el-input__suffix,.sort-controls[data-v-258920e0] .el-select__caret{color:#999}.search-input[data-v-258920e0]{width:100%;height:36px}.search-input[data-v-258920e0] .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-258920e0] .el-input__inner:focus{border-color:#b8251a;outline:none;box-shadow:0 0 0 2px rgba(224,52,38,.2)}.search-input[data-v-258920e0] .el-input__inner::-moz-placeholder{color:#999}.search-input[data-v-258920e0] .el-input__inner::placeholder{color:#999}.search-input[data-v-258920e0] .el-input-group__append{border:2px solid #e03426;background-color:#e03426;border-radius:0 4px 4px 0}.search-input[data-v-258920e0] .el-input-group__append .el-button{color:#fff;border:none;background:transparent}.search-input[data-v-258920e0] .el-input-group__append .el-button:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.featured-section[data-v-258920e0]{background:#fff;padding:25px 0 40px 0}.section-title[data-v-258920e0]{font-size:1.8rem;font-weight:600;margin-bottom:30px;color:#2c3e50}.featured-articles[data-v-258920e0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.featured-article[data-v-258920e0]{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)}.article-card-link[data-v-258920e0],.featured-article-link[data-v-258920e0]{text-decoration:none;color:inherit}.featured-article[data-v-258920e0]: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-258920e0]{width:150px;height:120px;position:relative;overflow:hidden}.featured-image img[data-v-258920e0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-overlay[data-v-258920e0]{position:absolute;top:10px;left:10px}.featured-badge[data-v-258920e0]{background:#e03426;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.featured-content[data-v-258920e0]{flex:1;padding:15px}.featured-category[data-v-258920e0]{font-size:.8rem;font-weight:600;text-transform:uppercase}.featured-title[data-v-258920e0]{font-size:1.1rem;font-weight:600;margin:8px 0;color:#2c3e50;line-height:1.4}.featured-summary[data-v-258920e0]{font-size:.85rem;color:#666;line-height:1.5;margin:8px 0}.featured-meta[data-v-258920e0]{display:flex;align-items:center;gap:15px;font-size:.75rem;color:#999;margin-top:10px}.articles-section[data-v-258920e0]{padding:40px 0}.articles-grid[data-v-258920e0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.article-card[data-v-258920e0]{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);display:block}.article-card[data-v-258920e0]: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-258920e0]{width:100%;height:200px;position:relative;overflow:hidden}.article-image img[data-v-258920e0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-image img[data-v-258920e0]{transform:scale(1.05)}.article-category[data-v-258920e0]{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-258920e0]{padding:24px}.article-title[data-v-258920e0]{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0 0 8px 0;line-height:1.4}.article-subtitle[data-v-258920e0]{font-size:.9rem;color:#666;margin:0 0 10px 0;line-height:1.4}.article-summary[data-v-258920e0]{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-258920e0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.author-info[data-v-258920e0]{display:flex;align-items:center;gap:8px}.author-name[data-v-258920e0]{font-size:.85rem;color:#666;font-weight:500}.article-stats[data-v-258920e0]{display:flex;gap:15px}.stat-item[data-v-258920e0]{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#999}.stat-item i[data-v-258920e0]{font-size:.9rem}.article-footer[data-v-258920e0]{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-258920e0]{display:flex;justify-content:center;margin-top:40px}.empty-state[data-v-258920e0]{text-align:center;padding:60px 20px;color:#666}.empty-state i[data-v-258920e0]{font-size:4rem;color:#ddd;margin-bottom:20px}.empty-state h3[data-v-258920e0]{font-size:1.2rem;margin:0 0 10px 0}.empty-state p[data-v-258920e0]{margin:0;opacity:.8}.error-state[data-v-258920e0]{text-align:center;padding:60px 20px;color:#666}.error-state i[data-v-258920e0]{font-size:4rem;color:#f56c6c;margin-bottom:20px}.error-state h3[data-v-258920e0]{font-size:1.2rem;margin:0 0 10px 0;color:#f56c6c}.error-state p[data-v-258920e0]{margin:0 0 20px 0;opacity:.8}.write-article-fab[data-v-258920e0]{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-258920e0]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(224,52,38,.4)}@media (max-width:768px){.container[data-v-258920e0]{padding:0 15px}.page-header[data-v-258920e0]{padding:20px 0}.page-title[data-v-258920e0]{font-size:1.8rem}.page-subtitle[data-v-258920e0]{font-size:1rem}.filters-section[data-v-258920e0]{padding:20px 0}.search-section[data-v-258920e0]{max-width:100%;margin:0 auto 20px auto;height:auto}.filter-bar[data-v-258920e0]{flex-direction:column;align-items:stretch;gap:15px;min-height:auto}.category-filters[data-v-258920e0]{justify-content:center;gap:8px;height:auto;min-height:40px}.category-tag[data-v-258920e0]{font-size:12px;padding:6px 12px;height:32px;line-height:18px}.sort-controls[data-v-258920e0]{align-self:center;height:auto}.sort-controls .el-select[data-v-258920e0]{width:140px;height:32px}.sort-controls[data-v-258920e0] .el-input__inner{height:32px;line-height:18px;padding:6px 10px}.search-input[data-v-258920e0]{height:32px}.search-input[data-v-258920e0] .el-input__inner{font-size:14px;padding:6px 12px;height:32px}.featured-articles[data-v-258920e0]{grid-template-columns:1fr;gap:20px}.featured-section[data-v-258920e0]{padding:20px 0 30px 0}.featured-article[data-v-258920e0]{flex-direction:column}.featured-image[data-v-258920e0]{width:100%;height:200px}.articles-grid[data-v-258920e0]{grid-template-columns:1fr;gap:20px}.article-card[data-v-258920e0]{margin-bottom:0}.write-article-fab[data-v-258920e0]{bottom:20px;right:20px;padding:10px 20px;font-size:14px}}.articles-page[data-v-258920e0]{min-height:calc(100vh - 60px);padding:28px 0 48px;color:#171511;background:linear-gradient(90deg,rgba(224,52,38,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(224,52,38,.035) 1px,transparent 1px),#f6f4ee;background-size:56px 56px}.container[data-v-258920e0]{max-width:1280px}.articles-section[data-v-258920e0],.featured-section[data-v-258920e0],.filters-section[data-v-258920e0],.page-header[data-v-258920e0]{padding:0;margin:0 0 24px;color:#171511;background:transparent;border:none}.articles-section .container[data-v-258920e0],.featured-section .container[data-v-258920e0],.filters-section .container[data-v-258920e0],.page-header .container[data-v-258920e0]{padding:26px 30px;background:rgba(255,253,248,.92);border:1px solid #d9d3c6;border-radius:0;box-shadow:none}.page-header .container[data-v-258920e0]{border-color:#29251f}.header-content[data-v-258920e0]{gap:20px}.page-title[data-v-258920e0]{margin:0 0 8px;color:#171511;font-size:clamp(32px,4vw,52px);font-weight:900;line-height:1;letter-spacing:-.06em;text-shadow:none}.page-subtitle[data-v-258920e0]{color:#70695e;font-size:15px;font-weight:500;opacity:1}.filters-section .container[data-v-258920e0]{padding:22px 24px}.search-section[data-v-258920e0]{max-width:none;height:auto;margin:0 0 18px}.search-input[data-v-258920e0]{height:40px}.search-input[data-v-258920e0] .el-input__inner{height:40px;color:#171511;background:#fffdf8;border:1px solid #29251f;border-radius:0;box-shadow:none}.search-input[data-v-258920e0] .el-input__inner:focus{border-color:#29251f;box-shadow:3px 3px 0 rgba(224,52,38,.2)}.search-input[data-v-258920e0] .el-input-group__append{background:#29251f;border:1px solid #29251f;border-left:none;border-radius:0}.category-filters[data-v-258920e0],.filter-bar[data-v-258920e0]{height:auto;min-height:0}.category-tag[data-v-258920e0],.more-categories-btn[data-v-258920e0]{height:34px;color:#3d3932!important;background:#fffdf8;border:1px solid #d9d3c6;border-radius:0;box-shadow:none;transform:none}.category-tag[data-v-258920e0]:hover,.more-categories-btn[data-v-258920e0]:hover{color:#e03426!important;background:#eeece3;border-color:#e03426;box-shadow:none;transform:none}.category-tag.el-tag--primary[data-v-258920e0],.category-tag.el-tag--primary[data-v-258920e0]:hover{color:#fff!important;background:#e03426;border-color:#e03426}.sort-controls[data-v-258920e0] .el-input__inner{height:34px;color:#171511;background:#fffdf8;border:1px solid #d9d3c6;border-radius:0;box-shadow:none}.section-title[data-v-258920e0]{margin:0 0 18px;padding-bottom:14px;color:#15130f;font-size:28px;font-weight:900;letter-spacing:-.04em;border-bottom:1px solid #29251f}.articles-section .container[data-v-258920e0],.featured-section .container[data-v-258920e0]{padding:28px 30px 32px}.articles-grid[data-v-258920e0],.featured-articles[data-v-258920e0]{gap:22px}.article-card[data-v-258920e0],.featured-article[data-v-258920e0]{overflow:hidden;color:inherit;background:#fffdf8;border:1px solid #d9d3c6;border-radius:0;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.article-card[data-v-258920e0]:hover,.featured-article[data-v-258920e0]:hover{border-color:#e03426;box-shadow:0 16px 34px rgba(39,35,29,.14);transform:translateY(-2px)}.featured-image[data-v-258920e0]{width:190px;height:140px}.article-image[data-v-258920e0]{height:210px}.article-image img[data-v-258920e0],.featured-image img[data-v-258920e0]{-o-object-fit:cover;object-fit:cover;transform:none!important}.article-category[data-v-258920e0],.featured-badge[data-v-258920e0]{color:#fff;background:rgba(224,52,38,.92);border-radius:0}.article-content[data-v-258920e0],.featured-content[data-v-258920e0]{padding:20px}.featured-category[data-v-258920e0]{color:#e03426;letter-spacing:.08em}.article-title[data-v-258920e0],.featured-title[data-v-258920e0]{color:#171511;font-weight:800}.article-footer[data-v-258920e0],.article-subtitle[data-v-258920e0],.article-summary[data-v-258920e0],.author-name[data-v-258920e0],.featured-meta[data-v-258920e0],.featured-summary[data-v-258920e0],.stat-item[data-v-258920e0]{color:#70695e}.article-footer[data-v-258920e0]{border-top:1px solid #e5ded0}.pagination-section[data-v-258920e0]{margin-top:28px}.empty-state[data-v-258920e0],.error-state[data-v-258920e0]{color:#70695e;background:#fffdf8;border:1px solid #d9d3c6}.write-article-fab[data-v-258920e0]{border-radius:0!important;box-shadow:4px 4px 0 #29251f}@media (max-width:768px){.articles-page[data-v-258920e0]{padding:18px 0 34px}.articles-section .container[data-v-258920e0],.featured-section .container[data-v-258920e0],.filters-section .container[data-v-258920e0],.page-header .container[data-v-258920e0]{padding:20px 16px}.featured-article[data-v-258920e0]{flex-direction:column}.featured-image[data-v-258920e0]{width:100%;height:190px}}