.articles-page[data-v-2824d72b]{max-width:1200px;width:100%;box-sizing:border-box;margin:0 auto;padding:var(--tkx-space-xl, 24px) var(--tkx-space-base, 16px)}.page-header[data-v-2824d72b]{text-align:center;margin-bottom:28px}.page-title[data-v-2824d72b]{font-size:var(--tkx-font-size-4xl, 28px);font-weight:700;color:var(--tkx-gray-800, #222638);margin:0 0 var(--tkx-space-sm, 8px)}.page-subtitle[data-v-2824d72b]{font-size:var(--tkx-font-size-sm, 14px);color:var(--tkx-gray-400, #6F7585);margin:0}.search-bar[data-v-2824d72b]{display:flex;gap:var(--tkx-space-10, 10px);margin-bottom:var(--tkx-space-lg, 20px)}.search-input-wrap[data-v-2824d72b]{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:var(--tkx-radius-md, 10px);padding:0 var(--tkx-space-14, 14px);transition:border-color .2s}.search-input-wrap[data-v-2824d72b]:focus-within{border-color:var(--tkx-primary)}.search-icon[data-v-2824d72b]{font-size:var(--tkx-font-size-base, 16px);margin-right:var(--tkx-space-sm, 8px)}.search-input[data-v-2824d72b]{flex:1;border:none;outline:none;padding:var(--tkx-space-md, 12px) 0;font-size:var(--tkx-font-size-sm, 14px);background:transparent}.search-clear[data-v-2824d72b]{background:none;border:none;color:var(--tkx-gray-400, #ccc);cursor:pointer;font-size:var(--tkx-font-size-sm, 14px);padding:var(--tkx-space-xs, 4px)}.btn[data-v-2824d72b]{padding:var(--tkx-space-md, 12px) var(--tkx-space-xl, 24px);border:none;border-radius:var(--tkx-radius-md, 10px);font-size:var(--tkx-font-size-sm, 14px);font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary[data-v-2824d72b]{background:var(--tkx-primary);color:#fff}.btn-primary[data-v-2824d72b]:hover{background:var(--tkx-primary-dark, #e55c00)}.categories[data-v-2824d72b]{display:flex;flex-wrap:wrap;gap:var(--tkx-space-sm, 8px);margin-bottom:var(--tkx-space-xl, 24px)}.categories button[data-v-2824d72b]{padding:7px var(--tkx-space-18, 18px);border:1px solid #e0e0e0;background:#fff;border-radius:var(--tkx-radius-20, 20px);font-size:var(--tkx-font-size-xs, 13px);cursor:pointer;transition:all .2s;color:var(--tkx-gray-500, #6B707E)}.categories button[data-v-2824d72b]:hover{border-color:var(--tkx-primary);color:var(--tkx-primary)}.categories button.active[data-v-2824d72b]{background:var(--tkx-primary);color:#fff;border-color:var(--tkx-primary)}.loading-container[data-v-2824d72b]{display:flex;flex-direction:column;align-items:center;padding:60px var(--tkx-space-lg, 20px);color:var(--tkx-gray-400, #6F7585)}.loading-spinner[data-v-2824d72b]{width:32px;height:32px;border:3px solid #f0f0f0;border-top-color:var(--tkx-primary);border-radius:50%;animation:spin-2824d72b .8s linear infinite;margin-bottom:var(--tkx-space-10, 10px)}@keyframes spin-2824d72b{to{transform:rotate(360deg)}}.error-container[data-v-2824d72b]{text-align:center;padding:60px var(--tkx-space-lg, 20px)}.error-text[data-v-2824d72b]{font-size:var(--tkx-font-size-md, 15px);color:var(--tkx-gray-500, #6B707E);margin-bottom:var(--tkx-space-base, 16px)}.article-list[data-v-2824d72b]{display:flex;flex-direction:column;gap:var(--tkx-space-base, 16px)}.article-card[data-v-2824d72b]{display:flex;gap:var(--tkx-space-lg, 20px);background:#fff;border-radius:var(--tkx-radius-12, 12px);padding:var(--tkx-space-lg, 20px);cursor:pointer;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s,transform .2s}.article-card[data-v-2824d72b]:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.article-cover[data-v-2824d72b]{width:200px;height:130px;object-fit:cover;border-radius:var(--tkx-radius-sm, 8px);flex-shrink:0}.article-cover--ph[data-v-2824d72b]{display:flex;align-items:center;justify-content:center;font-size:var(--tkx-font-size-4xl, 28px);background:var(--tkx-primary-lighter, #FFF0E5);color:var(--tkx-primary, #FF6600)}.article-body[data-v-2824d72b]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.article-title[data-v-2824d72b]{margin:0 0 var(--tkx-space-10, 10px);font-size:var(--tkx-font-size-18, 18px);font-weight:600;color:var(--tkx-gray-800, #222638);line-height:1.5}.article-title[data-v-2824d72b]:hover{color:var(--tkx-primary)}.article-summary[data-v-2824d72b]{margin:0 0 var(--tkx-space-md, 12px);font-size:var(--tkx-font-size-sm, 14px);color:var(--tkx-gray-400, #6F7585);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-2824d72b]{font-size:var(--tkx-font-size-12, 12px);color:var(--tkx-gray-400, #aaa);display:flex;align-items:center;flex-wrap:wrap;gap:0}.meta-category[data-v-2824d72b]{color:var(--tkx-primary);font-weight:500}.meta-dot[data-v-2824d72b]{margin:0 var(--tkx-space-6, 6px)}.empty-state[data-v-2824d72b]{text-align:center;padding:80px var(--tkx-space-lg, 20px)}.empty-icon[data-v-2824d72b]{font-size:56px;margin-bottom:var(--tkx-space-md, 12px)}.empty-text[data-v-2824d72b]{font-size:var(--tkx-font-size-base, 16px);color:var(--tkx-gray-500, #6B707E);margin-bottom:var(--tkx-space-6, 6px)}.empty-hint[data-v-2824d72b]{font-size:var(--tkx-font-size-xs, 13px);color:var(--tkx-gray-400, #bbb)}.pagination[data-v-2824d72b]{display:flex;justify-content:center;align-items:center;gap:var(--tkx-space-base, 16px);margin-top:var(--tkx-space-2xl, 32px);padding:var(--tkx-space-base, 16px) 0}.page-btn[data-v-2824d72b]{padding:var(--tkx-space-sm, 8px) var(--tkx-space-lg, 20px);border:1px solid #e0e0e0;background:#fff;border-radius:var(--tkx-radius-sm, 8px);cursor:pointer;font-size:var(--tkx-font-size-xs, 13px);color:var(--tkx-gray-700, #363B4A);transition:all .2s}.page-btn[data-v-2824d72b]:hover:not(:disabled){border-color:var(--tkx-primary);color:var(--tkx-primary)}.page-btn[data-v-2824d72b]:disabled{color:#a8a8a8;cursor:not-allowed;background:#f9f9f9}.page-info[data-v-2824d72b]{font-size:var(--tkx-font-size-sm, 14px);color:var(--tkx-gray-500, #6B707E)}@media (max-width: 768px){.article-card[data-v-2824d72b]{flex-direction:column;padding:var(--tkx-space-14, 14px)}.article-cover[data-v-2824d72b]{width:100%;height:180px}.page-title[data-v-2824d72b]{font-size:var(--tkx-font-size-22, 22px)}.search-bar[data-v-2824d72b]{flex-direction:column}.categories[data-v-2824d72b]{gap:var(--tkx-space-6, 6px)}.categories button[data-v-2824d72b]{font-size:var(--tkx-font-size-12, 12px);padding:var(--tkx-space-6, 6px) var(--tkx-space-14, 14px)}}