@charset "utf-8";

.kj_best_latest{width:100%}
.kj_best_latest .kj_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:26px}
.kj_best_latest .kj_card_link{display:block;height:100%;color:inherit;text-decoration:none}
.kj_best_latest .kj_card_link:hover,
.kj_best_latest .kj_card_link:focus-visible{color:#c70947}
.kj_best_latest .kj_card{height:100%;min-height:400px;padding:24px 20px;border:1px solid #e7e7e7;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.04);transition:transform .15s ease,box-shadow .15s ease}
.kj_best_latest .kj_card_link:hover .kj_card,
.kj_best_latest .kj_card_link:focus-visible .kj_card{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.08)}
.kj_best_latest .kj_card_tit{margin:0 0 20px;font-size:22px;font-weight:900}
.kj_best_latest .kj_case_meta{margin:0}
.kj_best_latest .kj_case_meta > div{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.kj_best_latest .kj_case_meta dt{min-width:60px;color:#000;font-size:16px;font-weight:700}
.kj_best_latest .kj_case_meta dd{margin:0;color:#9aa0a6;font-size:16px;font-weight:700}
.kj_best_latest .kj_gauge_block{margin-top:17px;text-align:center}
.kj_best_latest .kj_rate_label{color:#000;font-size:16px;font-weight:700}
.kj_best_latest .kj_gauge{--kj-rate:0%;position:relative;display:flex;align-items:center;justify-content:center;width:190px;height:190px;margin:-10px auto 0;border-radius:50%;background:conic-gradient(#ea3284 var(--kj-rate),#f1f1f1 0)}
.kj_best_latest .kj_gauge::before{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}
.kj_best_latest .kj_gauge_fallback{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);color:#c70947;font-size:32px;font-weight:900}
.kj_best_latest .kj_gauge.is-rendered{background:none}
.kj_best_latest .kj_gauge.is-rendered::before,
.kj_best_latest .kj_gauge.is-rendered .kj_gauge_fallback{display:none}
.kj_best_latest .kj_gauge .apexcharts-canvas{pointer-events:none}
.kj_best_latest .kj_rate_sub{position:relative;margin-top:-29px;color:#9aa0a6;font-size:16px;font-weight:700}
.kj_best_latest .kj_more_wrap{margin-top:50px;text-align:center}
.kj_best_latest .kj_more_btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:260px;padding:16px 18px;border-radius:10px;background:#0f2439;color:#fff;font-size:16px;font-weight:800;text-decoration:none;transition:filter .15s ease,transform .15s ease}
.kj_best_latest .kj_more_btn i{font-size:18px;line-height:1;transition:transform .2s ease}
.kj_best_latest .kj_more_btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.kj_best_latest .kj_more_btn:hover i{transform:translateX(4px)}
.kj_best_latest .kj_empty{grid-column:1/-1;padding:40px 0;color:#777;font-weight:700;text-align:center}
@media(max-width:1200px){.kj_best_latest .kj_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kj_best_latest .kj_grid{grid-template-columns:1fr;gap:14px}.kj_best_latest .kj_card{min-height:0;padding:18px 24px}}