.cat-list,.cat-pagination,.cat-empty,.load-more-wrap{--cl-accent:var(--title-color, #0182d6);--cl-accent-soft:#eaf4fc;--cl-text:#1a1a1a;--cl-sub:#555;--cl-weak:#888;--cl-line:#e9ecef;--cl-line-soft:#f1f3f5;--cl-surface:#fff;--cl-surface-soft:#fafafa;--cl-thumb-bg:#f1f3f5}.cat-list,.cat-list *,.cat-list *::before,.cat-list *::after{box-sizing:border-box}.cat-list{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:24px;row-gap:20px}.cat-list>li{margin:0;padding:0;list-style:none}.cat-list>li::before,.cat-list>li::marker{content:none}.cat-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;min-width:0;padding:0 0 18px;border-bottom:1px solid var(--cl-line)}.cat-card:last-child{border-bottom:0;padding-bottom:0}.cat-card__thumb{position:relative;display:block;overflow:hidden;border-radius:3px;aspect-ratio:4 / 3;background:var(--cl-thumb-bg)}.cat-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.cat-card:hover .cat-card__thumb img{transform:scale(1.04)}.cat-card__badge{position:absolute;left:5px;top:5px;padding:2px 7px;background:rgb(0 0 0 / .72);color:#fff;font-size:10px;font-weight:600;line-height:1.6;border-radius:999px}.cat-card__body{display:flex;flex-direction:column;min-width:0}.cat-card__title{font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 6px;overflow-wrap:anywhere;word-break:break-word}.cat-card__title a{color:var(--cl-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-card__title a:hover{color:var(--cl-accent)}.cat-card__excerpt{display:none;font-size:.9rem;line-height:1.6;color:var(--cl-sub);margin:0 0 12px;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.cat-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;font-size:11px;color:var(--cl-weak)}.cat-card__meta span{display:inline-flex;align-items:center;gap:4px}.cat-card__meta i{color:var(--cl-weak)}.cat-pagination{display:none;margin-top:16px;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.cat-pagination .page-numbers{min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;background:var(--cl-surface);color:var(--cl-sub);border:1px solid var(--cl-line);border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;transition:background .18s ease,border-color .18s ease,color .18s ease}.cat-pagination .page-numbers:hover{background:var(--cl-accent-soft);border-color:var(--cl-accent);color:var(--cl-accent)}.cat-pagination .page-numbers.current{background:var(--cl-accent);color:#fff;border-color:var(--cl-accent)}.cat-pagination .page-numbers.dots{border:none;background:#fff0}.load-more-wrap{display:block;margin-top:20px;text-align:center}.load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--cl-surface);color:var(--cl-text);border:1px solid var(--cl-line);border-radius:999px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}.load-more-btn:hover{background:var(--cl-accent-soft);border-color:var(--cl-accent)}.load-more-btn:disabled,.load-more-btn.is-loading{opacity:.6;cursor:wait}.cat-empty{padding:48px 20px;text-align:center;background:var(--cl-surface-soft);border-radius:14px}.cat-empty__icon{font-size:40px;color:#ccc;margin-bottom:12px;display:block}.cat-empty__text{font-size:1.05rem;color:var(--cl-sub);margin:0 0 16px}.cat-empty__home{display:inline-block;padding:10px 24px;background:var(--cl-accent);color:#fff;text-decoration:none;border-radius:999px;font-size:.9rem;font-weight:600}@media (min-width:480px){.cat-card{grid-template-columns:140px minmax(0,1fr);gap:16px;padding:0 0 24px}.cat-card__thumb{aspect-ratio:16 / 10;border-radius:4px}.cat-card__badge{left:8px;top:8px;padding:3px 9px;font-size:11px}.cat-card__title{font-size:1.125rem;margin:0 0 8px}.cat-card__excerpt{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.cat-card__meta{gap:12px;font-size:12px}.cat-list{row-gap:28px}}@media (min-width:769px){.cat-pagination{display:flex}.load-more-wrap{display:none}}@media (min-width:1025px){.cat-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:36px}.cat-card{grid-template-columns:200px minmax(0,1fr);gap:20px;padding:0;border-bottom:0}.cat-card__title{font-size:1.25rem;margin:0 0 10px}.cat-card__excerpt{font-size:.95rem;margin:0 0 14px}.cat-card__meta{gap:14px}}