.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-row{display:contents}
.section-head{justify-content:flex-start}
.category-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;max-width:none;gap:7px;padding:6px;border:0;border-radius:12px;overflow:visible}
.tab-btn{min-width:0;padding:10px 6px;min-height:42px;border:1px solid var(--ui-line);border-radius:8px;font-size:13px;box-shadow:none}
.card{position:relative;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-areas:"avatar title" "avatar desc" "avatar action";grid-template-rows:20px 30px 28px;align-items:start;align-content:start;gap:5px 12px;min-height:0;height:112px;padding:12px;border-radius:12px;text-align:left;box-shadow:0 3px 14px color-mix(in srgb,var(--ui-primary) 5%,transparent);overflow:hidden}
.card .avatar{grid-area:avatar;position:static;width:60px;height:60px;margin:0;justify-self:start;border-radius:12px}
.card .title{grid-area:title;position:static;min-width:0;width:100%;margin:0;font-size:14px;line-height:20px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .card-desc{grid-area:desc;position:static;width:100%;margin:0;min-height:0;max-height:30px;font-size:11px;line-height:15px;text-align:left;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card .card-action{grid-area:action;position:static;display:block;width:100%;max-width:100%;height:28px;line-height:28px;padding:0 8px;margin:0;border-radius:8px;font-size:12px;font-weight:700;text-align:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.icon-ticker{padding:10px;border-radius:12px}.icon-item{width:52px;height:52px;border-radius:50%}.icon-item img{border-radius:50%}
.carousel-wrap{border-radius:12px}
@media(min-width:1000px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px}.tab-btn{min-height:38px;padding:8px 3px;font-size:11px}
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.card{grid-template-columns:clamp(40px,12vw,52px) minmax(0,1fr);grid-template-rows:18px 28px 26px;gap:4px 7px;padding:9px 7px;height:103px}
.card .avatar{width:clamp(40px,12vw,52px);height:clamp(40px,12vw,52px)}
.card .title{font-size:12px;line-height:18px}.card .card-desc{font-size:10px;line-height:14px;max-height:28px}.card .card-action{height:26px;line-height:26px;font-size:11px}
}
