/* TOALDO Client V1.4.7 — Case Public Library / Reward / Image FINAL */
#page-cases .case-view-tabs{
  display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px;padding-bottom:14px;
  border-bottom:1px solid #27323b
}
#page-cases .case-view-tabs button{
  appearance:none;border:1px solid #2b3843;background:#0d1419;color:#8e9aa5;
  border-radius:9px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer
}
#page-cases .case-view-tabs button.active{
  color:#e8edf1;background:#182129;border-color:#52616d
}
#page-cases .case-view-tabs b{
  display:inline-flex;min-width:18px;justify-content:center;margin-left:7px;font-size:10px;
  color:#aebbc5;font-weight:560
}
#page-cases #caseGrid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px
}
#page-cases .case-final-card{
  min-width:0;border:1px solid #293640;border-radius:14px;overflow:hidden;background:#0e151b
}
#page-cases .case-final-cover{
  position:relative;aspect-ratio:16/10;background:#091015;overflow:hidden
}
#page-cases .case-final-cover>img{
  position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover
}
#page-cases .case-final-source{
  position:absolute;z-index:4;right:10px;top:10px;padding:5px 8px;border-radius:999px;
  background:rgba(7,12,16,.8);border:1px solid rgba(166,181,193,.25);
  color:#c0cbd3;font-size:9px;backdrop-filter:blur(8px)
}
#page-cases .case-final-fallback{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#667887;letter-spacing:.12em;background:
  radial-gradient(circle at 50% 28%,#172532 0,#0a1116 70%)
}
#page-cases .case-final-fallback span{font-size:10px}
#page-cases .case-final-fallback b{font-size:28px;font-weight:540;line-height:1.05;color:#8294a3}
#page-cases .case-final-fallback small{font-size:9px;margin-top:3px}
#page-cases .case-final-body{padding:16px}
#page-cases .case-final-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
#page-cases .case-final-top span{font-size:10px;letter-spacing:.08em;color:#8ea1b1}
#page-cases .case-final-top i{
  font-style:normal;padding:4px 7px;border-radius:999px;border:1px solid #33414c;color:#bdc7cf;font-size:10px
}
#page-cases .case-final-body h3{margin:0 0 8px;font-size:16px;line-height:1.4;font-weight:560}
#page-cases .case-final-body p{margin:0 0 12px;color:#8996a1;font-size:12px;line-height:1.65}
#page-cases .case-final-meta{display:flex;flex-wrap:wrap;gap:7px}
#page-cases .case-final-meta span{
  border:1px solid #293640;border-radius:6px;background:#0a1116;color:#81909c;font-size:10px;padding:5px 7px
}
#page-cases .case-final-reward{
  margin-top:12px;padding:10px 11px;border:1px solid #3a4635;border-radius:8px;
  background:#101711;color:#bec7a8;font-size:11px
}
#page-cases .case-final-actions{display:flex;gap:8px;margin-top:14px}
#page-cases .case-final-actions button{flex:1}
#page-cases .case-final-empty{
  grid-column:1/-1;display:flex;flex-direction:column;gap:7px;padding:26px;border:1px solid #293640;
  border-radius:12px;background:#0e151b
}
#page-cases .case-final-empty b{font-size:14px;font-weight:560}
#page-cases .case-final-empty span{font-size:12px;color:#84919d;line-height:1.6}
@media(max-width:1100px){
  #page-cases #caseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  #page-cases #caseGrid{grid-template-columns:1fr}
}


/* TOALDO_CASE_STABILITY_IMAGE_NAV_PARITY_FINAL_V2 */
#page-cases #caseModuleFilters{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center
}
#page-cases #caseModuleFilters .case-filter-btn{
  white-space:nowrap
}
body.case-sync-refreshing #caseSyncMeta::after{
  content:" · 后台同步中";
  opacity:.65
}
#page-cases .case-final-cover>img{
  transition:opacity .16s ease;
  background:#091015;
}
#page-cases .case-final-cover[data-cover-ok="1"] .case-final-fallback{
  opacity:0;
  pointer-events:none
}