@charset "UTF-8";
.enhance-page .enhance-category-art { width: 100%; min-width: 0; }
.enhance-page .enhance-category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; gap: 10px; width: 100%; padding-block: 20px; }
.enhance-page .enhance-category-grid > a { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 12px 4px; border: 1px solid transparent; border-bottom-color: #7eabc439; transition: border-color .2s,background .2s; }
.enhance-page .enhance-category-grid > a:hover,.enhance-page .enhance-category-grid > a[aria-current="true"] { border-color: #a1d9e977; background: #19304466; }
.enhance-page .enhance-category-grid img { display: block; width: 100%; height: 205px; min-width: 0; object-fit: contain; margin-bottom: 15px; }
.enhance-page .enhance-category-grid strong { color: #c5e7f0; font-size: 17px; font-weight: 500; }
.enhance-page .enhance-category-grid a > span { color: #90aabd; font-size: 10px; margin-top: 5px; text-align: center; }
.enhance-page .enhance-rate-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 22px; }
.enhance-page .enhance-rate-grid > section { min-width: 0; }
.enhance-page .enhance-anchor { display: block; scroll-margin-top: 120px; }
.enhance-page .enhance-category-grid > a:focus-visible { outline: 2px solid #b2e6f5; outline-offset: 4px; }
@media(max-width:1100px) { .enhance-page .enhance-category-grid { gap: 6px; } .enhance-page .enhance-category-grid img { height: 165px; } .enhance-page .enhance-rate-grid { grid-template-columns: 1fr; } }
@media(max-width:640px) { .enhance-page .enhance-category-art { width: 100%; margin-inline: auto; } .enhance-page .enhance-category-grid { max-width: 390px; gap: 8px; margin-inline: auto; padding-block: 5px 15px; } .enhance-page .enhance-category-grid img { height: 140px; margin-bottom: 10px; } .enhance-page .enhance-category-grid strong { font-size: 15px; } .enhance-page .enhance-category-grid a > span { font-size: 9px; } .enhance-page .enhance-rate-grid { grid-template-columns: 1fr; gap: 15px; } }
@media(prefers-reduced-motion:reduce) { .enhance-page .enhance-category-grid > a { transition: none; } }