.topics-page{padding-bottom:3rem;padding-top:1.5rem}.topics-header{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.topics-header-main{flex:1 1 22rem;min-width:0}.topics-header h1{align-items:center;color:rgb(var(--gray-10));display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0}.topics-header h1 .title-icon{color:rgb(var(--red-6));display:flex;font-size:2rem}.topics-header .topics-desc{color:rgb(var(--gray-7));font-size:.875rem;margin:.5rem 0 0}.topics-kpis{display:flex;flex:none;flex-wrap:wrap;gap:.625rem}.topics-kpi{padding:.6875rem 1.125rem;text-align:center}.topics-kpi b{display:block;font-size:1.375rem;font-weight:700;letter-spacing:-.5px;line-height:1.25}.topics-kpi b.is-blue{color:rgb(var(--arcoblue-6))}.topics-kpi b.is-orange{color:rgb(var(--orange-6))}.topics-kpi span{color:rgb(var(--gray-7));font-size:.75rem}@media(max-width:767px){.topics-kpis{width:100%}.topics-kpi{flex:1;min-width:0;padding:.5625rem .75rem}.topics-kpi b{font-size:1.1875rem}}.topics-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}@media(min-width:768px){.topics-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.topics-grid{grid-template-columns:repeat(3,1fr)}}.topics-filter-bar{background:var(--app-bg);margin-bottom:1.25rem;padding-top:4px;position:sticky;top:var(--sticky-top,var(--header-height));transform:translateZ(0);z-index:40}.topics-filter-bar.is-stuck{margin-bottom:0;padding-bottom:12px;padding-top:12px}.topics-filter-bar.is-stuck:after{box-shadow:0 4px 12px #00000014;clip-path:inset(100% 0 -20px);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.topics-page .topics-filter-bar .topics-toolbar{margin-bottom:0}.sticky-sentinel{height:0}@media(max-width:767px){.topics-filter-bar.is-stuck{padding-bottom:4px;padding-top:4px}}.tt-count{color:rgb(var(--gray-7));font-size:.8125rem}.tt-count b{color:rgb(var(--gray-10));font-variant-numeric:tabular-nums}.tt-sort{width:11rem}@media(max-width:767px){.tt-sort{flex:1 1 auto;min-width:0;width:auto}}.topics-searching{align-items:center;color:rgb(var(--gray-7));display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:3rem 0}.topics-page .load-more-sentinel{margin-top:0;padding:0 0 .5rem}.topics-grid--more{margin-top:0}.load-more-hint{background:rgb(var(--gray-2));border-radius:999px;color:rgb(var(--gray-7));display:block;font-size:.8125rem;margin:0 auto;padding:.5rem 1.25rem;width:-moz-fit-content;width:fit-content}.topic-card{background:#fff;border:1px solid rgb(var(--gray-3));border-radius:6px;overflow:hidden;position:relative}.topic-card .sk-topic-banner{animation:sk-shimmer 1.4s ease infinite;background:linear-gradient(90deg,rgb(var(--gray-2)) 25%,rgb(var(--gray-3)) 37%,rgb(var(--gray-2)) 63%);background-size:400% 100%;border-radius:0}.topic-card .sk-topic-body{display:flex;flex-direction:column;gap:.625rem}.topic-card .sk-topic-btn{border-radius:.5rem;height:2.25rem;margin-top:.625rem}.topic-card-banner{background:rgb(var(--gray-10));height:10rem;overflow:hidden;position:relative}.topic-card-img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:.6;transition:transform .7s;width:100%}.topic-card:hover .topic-card-img{transform:scale(1.05)}.topic-card-overlay{background:linear-gradient(to top,rgb(var(--gray-10)),transparent);top:0;right:0;bottom:0;left:0;position:absolute}.topic-card-graph{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(var(--orange-6));border:1px solid hsla(0,0%,100%,.28);border-radius:999px;color:#fff;display:inline-flex;font-size:.6875rem;font-weight:600;gap:.25rem;left:1.25rem;line-height:1.5;padding:.1875rem .5rem;position:absolute;text-decoration:none;top:.75rem;transition:background .15s;z-index:2}.topic-card-graph-dot{background:#fff;border-radius:50%;height:.3125rem;width:.3125rem}.topic-card-banner-content{bottom:1rem;left:1.25rem;position:absolute}.topic-card-badge{margin-bottom:.5rem}.topic-card-banner-title{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.topic-card-title-link{color:inherit;text-decoration:none}.topic-card.is-read .topic-card-banner-title{color:#ffffff8c}.topic-card-body{padding:1.25rem}.topic-card-desc{color:rgb(var(--gray-8));font-size:.875rem;height:2.5rem;line-height:1.5;margin:0 0 1rem}.topic-card-news{margin-bottom:1.25rem}.topic-card-news-head{align-items:center;color:rgb(var(--gray-10));display:flex;font-size:.8125rem;font-weight:700;gap:.375rem;margin-bottom:.5rem}.topic-card-news-head .topic-card-news-icon{color:rgb(var(--arcoblue-6));font-size:1rem}.topic-card-news-head .topic-card-news-count{color:rgb(var(--gray-6));font-size:.75rem;font-weight:500;margin-left:auto}.topic-card-news-list{background:rgb(var(--gray-1));border-radius:.25rem;display:flex;flex-direction:column;list-style:none;margin:0;padding:.25rem .5rem}.topic-card-news-item{align-items:center;border-bottom:1px dashed rgb(var(--gray-3));cursor:pointer;display:flex;gap:.5rem;padding:.5rem .25rem}.topic-card-news-item:last-child{border-bottom:none}.topic-card-news-dot{background:rgb(var(--arcoblue-6));border-radius:50%;flex-shrink:0;height:.375rem;width:.375rem}.topic-card-news-title{color:rgb(var(--gray-9));flex:1;font-size:.8125rem;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.topic-card-news-item:hover .topic-card-news-title{color:rgb(var(--arcoblue-6))}.topic-card-news-time{color:rgb(var(--gray-6));flex-shrink:0;font-size:.6875rem}.topic-card-btn{align-items:center;background:rgb(var(--arcoblue-1));border:none;border-radius:4px;color:rgb(var(--arcoblue-7));cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:.375rem;justify-content:center;padding:.5rem;transition:background .15s;width:100%}.topic-card-btn:hover{background:rgb(var(--arcoblue-2))}