.eg-cat{--cat-900: #034f3d;--cat-700: #087d66;--cat-ground: #f6ede1;scroll-margin-top:16px;padding:64px 0;background:#f9fafb}.eg-cat__in{max-width:1280px;margin:0 auto;padding:0 16px}.eg-cat__head{max-width:42rem;margin:0 auto;text-align:center}.eg-cat__title{margin:0 0 16px;color:#111827;font-size:30px;font-weight:700;line-height:1.2}.eg-cat__sub{margin:0;color:#4b5563;font-size:18px;line-height:1.6}.eg-cat__note{margin:8px 0 0;color:#6b7280;font-size:14px;line-height:1.5}.eg-cat__cta{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:14px 28px;border:2px solid var(--cat-700);border-radius:999px;color:var(--cat-700);font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease}.eg-cat__cta:hover{background:var(--cat-700);color:#fff}.eg-cat__tabs{display:flex;gap:8px;margin:32px -16px 0;padding:2px 16px 6px;overflow-x:auto;scrollbar-width:none}.eg-cat__tabs::-webkit-scrollbar{display:none}.eg-cat__tabs button{display:inline-flex;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#1f2937;font:inherit;font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.eg-cat__tabs button:hover{border-color:var(--cat-700)}.eg-cat__tabs button span{color:#6b7280;font-size:13px;font-variant-numeric:tabular-nums}.eg-cat__tabs button[aria-pressed=true]{border-color:var(--cat-900);background:var(--cat-900);color:#fff}.eg-cat__tabs button[aria-pressed=true] span{color:#ffffffb8}.eg-cat__tabs button:focus-visible,.eg-cat__card:focus-visible,.eg-cat__more:focus-visible{outline:2px solid var(--cat-700);outline-offset:3px}.eg-cat__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none}.eg-cat__grid li[hidden]{display:none}.eg-cat__card{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 1px 2px #021e170f,0 10px 24px -14px #021e1738;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.eg-cat__card:hover{box-shadow:0 1px 2px #021e170f,0 18px 36px -16px #021e1752;transform:translateY(-3px)}.eg-cat__img{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--cat-ground)}.eg-cat__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.eg-cat__card:hover .eg-cat__img img{transform:scale(1.04)}.eg-cat__3d{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;background:#034f3de0;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}.eg-cat__body{display:flex;flex-direction:column;gap:2px;padding:10px 12px 14px}.eg-cat__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px}.eg-cat__top b{color:var(--cat-900);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.eg-cat__top span{overflow:hidden;color:#6b7280;text-align:right;text-overflow:ellipsis;white-space:nowrap}.eg-cat__area{margin-top:4px;color:#111827;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.eg-cat__meta{color:#4b5563;font-size:12.5px;line-height:1.45}.eg-cat__foot{margin:28px 0 0;text-align:center}.eg-cat__more{min-height:48px;padding:0 28px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#1f2937;font:inherit;font-weight:600;cursor:pointer;transition:border-color .2s ease}.eg-cat__more:hover{border-color:var(--cat-700)}.eg-cat__more[hidden]{display:none}@media (min-width: 640px){.eg-cat__in{padding:0 24px}.eg-cat__tabs{flex-wrap:wrap;justify-content:center;margin:36px 0 0;padding:0;overflow:visible}.eg-cat__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.eg-cat__body{padding:14px 16px 18px}.eg-cat__top{font-size:13px}.eg-cat__top b{font-size:15px}.eg-cat__area{font-size:20px}.eg-cat__meta{font-size:13.5px}}@media (min-width: 768px){.eg-cat__title{font-size:36px}}@media (min-width: 1024px){.eg-cat{padding:80px 0}.eg-cat__in{padding:0 32px}.eg-cat__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}@media (prefers-reduced-motion: reduce){.eg-cat__card,.eg-cat__img img{transition:none}.eg-cat__card:hover,.eg-cat__card:hover .eg-cat__img img{transform:none}}
