/* Homepage news section under the banner */
.index-news-card .text-container{padding:4px 8px 6px}
#newsContainer{row-gap:22px;transition:opacity .2s}
#newsContainer.is-loading{opacity:.5}
.news-item{display:flex}
.nc{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid #e3ecf5;border-radius:18px;overflow:hidden;text-decoration:none;color:#2d4a60;box-shadow:0 6px 18px rgba(37,78,119,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.nc:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(37,78,119,.16);border-color:#bcd6f1;color:#2d4a60}
.nc:focus-visible{outline:3px solid #3A7CCD;outline-offset:3px}
.nc-cover{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden;background:linear-gradient(135deg,#dcecff,#f2f8ff);display:flex;align-items:center;justify-content:center}
.nc-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.nc:hover .nc-cover img{transform:scale(1.05)}
.nc-cover__label{font-family:Prompt,sans-serif;font-size:20px;font-weight:500;color:#3A7CCD;opacity:.75}
.nc-cover.cat-events,.nc-cover.cat-hotweek{background:linear-gradient(135deg,#ffdbe7,#fff1f5)}.nc-cover.cat-events .nc-cover__label,.nc-cover.cat-hotweek .nc-cover__label{color:#c2457a}
.nc-cover.cat-promotion{background:linear-gradient(135deg,#ffeab8,#fff8e6)}.nc-cover.cat-promotion .nc-cover__label{color:#a06c00}
.nc-cover.cat-system,.nc-cover.cat-announcement{background:linear-gradient(135deg,#dff3ea,#f3fbf7)}.nc-cover.cat-system .nc-cover__label,.nc-cover.cat-announcement .nc-cover__label{color:#24875a}
.nc-pin{position:absolute;top:10px;left:10px;font-family:Prompt,sans-serif;font-size:11px;font-weight:500;background:#ffb21e;color:#4a3100;border-radius:999px;padding:3px 10px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.nc-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.nc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:Prompt,sans-serif;font-size:11.5px;color:#8a9caa}
.nc-cat{padding:3px 10px;border-radius:999px;background:#e7f1fc;color:#2f6db6;font-weight:500}
.nc-cat.cat-events,.nc-cat.cat-hotweek{background:#fde6ee;color:#b23d6b}.nc-cat.cat-promotion{background:#fff1d1;color:#8a5d00}.nc-cat.cat-system,.nc-cat.cat-announcement{background:#e0f4ea;color:#1f7a4a}
.nc-title{font-family:Prompt,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1.45!important;color:#24425b!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.nc:hover .nc-title{color:#2f6db6!important}
.nc-desc{font-family:Prompt,sans-serif;font-size:13px;line-height:1.6;color:#6b8193;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:Prompt,sans-serif;font-size:13px;font-weight:500;color:#3A7CCD}
.nc-more svg{transition:transform .2s}.nc:hover .nc-more svg{transform:translateX(4px)}
.nc-empty{font-family:Prompt,sans-serif;color:#8a9caa;text-align:center;padding:36px 0;margin:0}
.nc-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:22px 0 6px}
.nc-page{width:38px;height:38px;border-radius:50%;border:1px solid #cfe0f1;background:#fff;color:#3A7CCD;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
.nc-page:hover:not(:disabled){background:#3A7CCD;color:#fff;border-color:#3A7CCD}
.nc-page:disabled{opacity:.35;cursor:default}
.nc-page-info{font-family:Prompt,sans-serif;font-size:13px;color:#6b8193;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.nc,.nc-cover img,.nc-more svg{transition:none}.nc:hover{transform:none}}
.index-news-card .btn-container{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 6px}
.index-news-card .btn-container .btn-royal{width:calc((100% - 30px)/6);max-width:132px;min-width:92px;margin:0!important}
.index-news-card .btn-container .btn-royal:focus-visible{outline:3px solid #3A7CCD;outline-offset:2px;border-radius:12px}
@media(max-width:575px){.index-news-card .btn-container .btn-royal{width:calc((100% - 12px)/3);min-width:0}}