.topic-grid[data-v-638387d3]{display:grid;gap:16px}@media (max-width:1200px){.topic-grid[data-v-638387d3]{gap:12px}}@media (max-width:768px){.topic-grid[data-v-638387d3]{grid-template-columns:repeat(2,1fr)!important}}.topic-grid .topic-card[data-v-638387d3]{cursor:pointer;transition:transform .25s ease}.topic-grid .topic-card[data-v-638387d3]:hover{transform:translateY(-4px)}.topic-grid .topic-card:hover .card-img[data-v-638387d3]{transform:scale(1.05)}.topic-grid .topic-card .card-image-wrap[data-v-638387d3]{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:12px}.topic-grid .topic-card .card-image-wrap .card-img[data-v-638387d3]{width:100%;height:100%;transition:transform .35s ease}.topic-grid .topic-card .card-image-wrap .card-overlay[data-v-638387d3]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent 50%)}.topic-grid .topic-card .card-name[data-v-638387d3]{font-size:16px;font-weight:600;color:#354052;text-align:left;transition:color .15s ease;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.topic-grid .topic-card .card-name[data-v-638387d3]:hover{color:#3469b0}.topic-list-page[data-v-46c4ce00]{min-height:100vh;background:#f8faff}.banner-section[data-v-46c4ce00]{position:relative;width:100%;height:230px;overflow:hidden}.banner-section .banner-image[data-v-46c4ce00]{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.banner-section[data-v-46c4ce00]{height:140px}}.banner-section .banner-content[data-v-46c4ce00]{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:1300px;margin:0 auto;color:#fff;text-align:left;padding:0 12px}.banner-section .banner-content span[data-v-46c4ce00]{display:block;font-size:15px;margin-bottom:4px;opacity:.85}.banner-section .banner-content h2[data-v-46c4ce00]{font-size:24px;font-weight:700;margin:0;color:#fff}.topic-section[data-v-46c4ce00]{padding:40px 0}.topic-section .pagination-wrapper[data-v-46c4ce00]{display:flex;justify-content:center;margin-top:40px}