.topics-page[data-v-bea93e21]{max-width:1200px;margin:0 auto;padding:var(--tkx-space-xl, 24px) var(--tkx-space-base, 16px)}.page-header[data-v-bea93e21]{text-align:center;margin-bottom:28px}.page-title[data-v-bea93e21]{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-bea93e21]{font-size:var(--tkx-font-size-sm, 14px);color:var(--tkx-gray-400, #6F7585);margin:0}.loading-container[data-v-bea93e21]{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-bea93e21]{width:32px;height:32px;border:3px solid #f0f0f0;border-top-color:var(--tkx-primary);border-radius:50%;animation:spin-bea93e21 .8s linear infinite;margin-bottom:var(--tkx-space-10, 10px)}@keyframes spin-bea93e21{to{transform:rotate(360deg)}}.error-container[data-v-bea93e21]{text-align:center;padding:60px var(--tkx-space-lg, 20px)}.error-text[data-v-bea93e21]{font-size:var(--tkx-font-size-md, 15px);color:var(--tkx-gray-500, #6B707E);margin-bottom:var(--tkx-space-base, 16px)}.featured-banner[data-v-bea93e21]{position:relative;border-radius:var(--tkx-radius-lg, 14px);overflow:hidden;margin-bottom:var(--tkx-space-xl, 24px);cursor:pointer;max-height:320px}.featured-banner img[data-v-bea93e21]{width:100%;height:260px;object-fit:cover;display:block;transition:transform .3s}.featured-banner:hover img[data-v-bea93e21]{transform:scale(1.03)}.banner-overlay[data-v-bea93e21]{position:absolute;bottom:0;left:0;right:0;padding:var(--tkx-space-xl, 24px);background:linear-gradient(transparent,#000000bf);color:#fff}.banner-badge[data-v-bea93e21]{display:inline-block;background:var(--tkx-primary);color:#fff;padding:var(--tkx-space-2xs, 2px) var(--tkx-space-md, 12px);border-radius:var(--tkx-radius-20, 20px);font-size:var(--tkx-font-size-12, 12px);font-weight:600;margin-bottom:var(--tkx-space-sm, 8px)}.banner-title[data-v-bea93e21]{margin:0 0 var(--tkx-space-6, 6px);font-size:var(--tkx-font-size-22, 22px);font-weight:700}.banner-desc[data-v-bea93e21]{margin:0 0 var(--tkx-space-sm, 8px);font-size:var(--tkx-font-size-sm, 14px);opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner-meta[data-v-bea93e21]{display:flex;gap:var(--tkx-space-sm, 8px);font-size:var(--tkx-font-size-xs, 13px);opacity:.8}.category-tabs[data-v-bea93e21]{display:flex;flex-wrap:wrap;gap:var(--tkx-space-sm, 8px);margin-bottom:var(--tkx-space-base, 16px)}.category-tabs button[data-v-bea93e21]{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)}.category-tabs button[data-v-bea93e21]:hover{border-color:var(--tkx-primary);color:var(--tkx-primary)}.category-tabs button.active[data-v-bea93e21]{background:var(--tkx-primary);color:#fff;border-color:var(--tkx-primary)}.search-section[data-v-bea93e21]{margin-bottom:var(--tkx-space-lg, 20px)}.search-input-wrap[data-v-bea93e21]{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);max-width:480px;transition:border-color .2s}.search-input-wrap[data-v-bea93e21]:focus-within{border-color:var(--tkx-primary)}.search-icon[data-v-bea93e21]{font-size:var(--tkx-font-size-base, 16px);margin-right:var(--tkx-space-sm, 8px)}.search-input[data-v-bea93e21]{flex:1;border:none;outline:none;padding:11px 0;font-size:var(--tkx-font-size-sm, 14px);background:transparent}.topic-grid[data-v-bea93e21]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tkx-space-18, 18px)}.topic-card[data-v-bea93e21]{background:#fff;border-radius:var(--tkx-radius-12, 12px);overflow:hidden;box-shadow:0 1px 4px #0000000d;cursor:pointer;transition:all .25s}.topic-card[data-v-bea93e21]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.topic-cover[data-v-bea93e21]{position:relative;overflow:hidden}.topic-cover img[data-v-bea93e21]{width:100%;height:150px;object-fit:cover;display:block;transition:transform .3s}.topic-card:hover .topic-cover img[data-v-bea93e21]{transform:scale(1.05)}.topic-tag[data-v-bea93e21]{position:absolute;top:10px;left:10px;background:var(--tkx-primary);color:#fff;padding:var(--tkx-space-2xs, 2px) 10px;border-radius:var(--tkx-radius-4, 4px);font-size:var(--tkx-font-size-2xs, 11px);font-weight:600}.topic-info[data-v-bea93e21]{padding:var(--tkx-space-base, 16px)}.topic-title[data-v-bea93e21]{margin:0 0 var(--tkx-space-sm, 8px);font-size:var(--tkx-font-size-base, 16px);font-weight:600;color:var(--tkx-gray-800, #222638);line-height:1.4}.topic-desc[data-v-bea93e21]{font-size:var(--tkx-font-size-xs, 13px);color:var(--tkx-gray-400, #6F7585);margin:0 0 var(--tkx-space-md, 12px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.topic-meta[data-v-bea93e21]{display:flex;flex-wrap:wrap;gap:var(--tkx-space-10, 10px);margin-bottom:var(--tkx-space-md, 12px)}.meta-item[data-v-bea93e21]{font-size:var(--tkx-font-size-12, 12px);color:var(--tkx-gray-400, #6F7585)}.btn[data-v-bea93e21]{padding:9px var(--tkx-space-xl, 24px);border:none;border-radius:var(--tkx-radius-sm, 8px);font-size:var(--tkx-font-size-sm, 14px);font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-bea93e21]{background:var(--tkx-primary);color:#fff}.btn-primary[data-v-bea93e21]:hover{background:var(--tkx-primary-dark, #e55c00)}.btn-sm[data-v-bea93e21]{padding:6px var(--tkx-space-base, 16px);font-size:var(--tkx-font-size-xs, 13px);border-radius:var(--tkx-radius-xs, 6px)}.topic-action[data-v-bea93e21]{margin-top:0}.topic-ended[data-v-bea93e21]{font-size:var(--tkx-font-size-12, 12px);color:var(--tkx-gray-400, #bbb);font-weight:500}.empty-state[data-v-bea93e21]{text-align:center;padding:80px var(--tkx-space-lg, 20px)}.empty-icon[data-v-bea93e21]{font-size:56px;margin-bottom:var(--tkx-space-md, 12px)}.empty-text[data-v-bea93e21]{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-bea93e21]{font-size:var(--tkx-font-size-xs, 13px);color:var(--tkx-gray-400, #bbb)}.pagination[data-v-bea93e21]{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-bea93e21]{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-bea93e21]:hover:not(:disabled){border-color:var(--tkx-primary);color:var(--tkx-primary)}.page-btn[data-v-bea93e21]:disabled{color:#a8a8a8;cursor:not-allowed;background:#f9f9f9}.page-info[data-v-bea93e21]{font-size:var(--tkx-font-size-sm, 14px);color:var(--tkx-gray-500, #6B707E)}@media (max-width: 1024px){.topic-grid[data-v-bea93e21]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.topic-grid[data-v-bea93e21]{grid-template-columns:1fr}.page-title[data-v-bea93e21]{font-size:var(--tkx-font-size-22, 22px)}.featured-banner img[data-v-bea93e21]{height:180px}.banner-overlay[data-v-bea93e21]{padding:var(--tkx-space-base, 16px)}}