/**
 * 奖章墙卡片（网页学生端奖章页 + 教师端奖章弹窗共用，勿引入完整 student_portal.css 以免覆盖教师页全局样式）
 */
.sp-my-medals-wrap{margin-top:8px}
.sp-my-medals-subtitle{font-size:15px;color:#475569;line-height:1.55;margin:0 0 16px}
.medal-wall-case{margin-top:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.sp-medals-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;align-items:start;width:100%}
@media (max-width:900px){.sp-medals-layout{grid-template-columns:1fr}}
.sp-medals-col{min-width:0}
.sp-medals-col__title{font-size:1.1rem;font-weight:700;color:#1e5a8e;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid #ffcb05}
.sp-medal-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px;align-items:stretch}
@media (max-width:480px){.sp-medal-cards{grid-template-columns:1fr}}
.sp-medal-col-empty{font-size:14px;color:#64748b;margin:0;line-height:1.6}
.sp-medal-card{background:#fff;border-radius:14px;overflow:hidden;border:2px solid #e2e8f0;box-shadow:0 4px 14px rgba(15,23,42,.08);display:flex;flex-direction:column;min-height:340px;box-sizing:border-box}
.sp-medal-card--earned{border-color:#f59e0b;box-shadow:0 6px 18px rgba(245,158,11,.18)}
.sp-medal-card--earned.sp-medal-card--rarity-gold{border-color:#ca8a04;box-shadow:0 6px 22px rgba(234,179,8,.45),0 0 0 1px rgba(250,204,21,.35) inset}
.sp-medal-card--earned.sp-medal-card--rarity-purple{border-color:#9333ea;box-shadow:0 6px 22px rgba(168,85,247,.38),0 0 0 1px rgba(196,181,253,.25) inset}
.sp-medal-card--earned.sp-medal-card--rarity-blue{border-color:#2563eb;box-shadow:0 6px 22px rgba(59,130,246,.38),0 0 0 1px rgba(147,197,253,.3) inset}
.sp-medal-card--locked{border-color:#cbd5e1;background:#f8fafc}
.sp-medal-card--locked.sp-medal-card--rarity-gold{border-color:#ca8a04;background:#fff;box-shadow:0 4px 16px rgba(234,179,8,.22)}
.sp-medal-card--locked.sp-medal-card--rarity-purple{border-color:#9333ea;background:#fff;box-shadow:0 4px 16px rgba(168,85,247,.2)}
.sp-medal-card--locked.sp-medal-card--rarity-blue{border-color:#2563eb;background:#fff;box-shadow:0 4px 16px rgba(59,130,246,.2)}
.sp-medal-card--future{border-style:dashed;border-color:#94a3b8;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}
.sp-medal-card__visual{height:118px;background:#e2e8f0 center/cover no-repeat;position:relative;flex-shrink:0;box-sizing:border-box}
.sp-medal-card__visual--muted{filter:saturate(.65) brightness(.92);opacity:.92}
.sp-medal-card__visual--muted::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,23,42,.25));pointer-events:none;z-index:1}
.sp-medal-card__visual--muted.sp-medal-card__visual--not-earned::after{opacity:.12}
.sp-medal-card__visual--not-earned{border:3px solid #dc2626}
.sp-medal-card__not-earned-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#dc2626;letter-spacing:.08em;text-shadow:0 0 2px #fff,0 0 8px rgba(255,255,255,.95),0 1px 2px rgba(0,0,0,.15);pointer-events:none;z-index:2}
.sp-medal-card__img{display:block;width:100%;height:100%;object-fit:cover}
.sp-medal-card__ph{width:100%;height:100%;background:linear-gradient(145deg,#cbd5e1,#94a3b8)}
.sp-medal-card__visual--challenge{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1e5a8e,#0f172a)}
.sp-medal-card__visual--challenge.sp-medal-card__visual--trophy-tier{background:linear-gradient(180deg,#fafafa 0%,#e8edf3 100%)}
.sp-medal-card__img--trophy{object-fit:contain;padding:4px 8px;box-sizing:border-box}
.sp-medal-card__visual--trophy-locked .sp-medal-card__img--trophy{filter:saturate(.72) brightness(.92)}
.sp-medal-card__visual--trophy-locked::after{content:'';position:absolute;inset:0;background:rgba(15,23,42,.2);pointer-events:none;z-index:1}
.sp-medal-card__visual--rarity-border-gold{border:3px solid #ca8a04}
.sp-medal-card__visual--rarity-border-purple{border:3px solid #9333ea}
.sp-medal-card__visual--rarity-border-blue{border:3px solid #2563eb}
.sp-medal-card__visual--trophy-locked .sp-medal-card__not-earned-label--rarity{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.65),0 0 10px rgba(0,0,0,.35);z-index:2}
.sp-medal-card__visual--challenge.sp-medal-card__visual--grassland{background-color:#7cb342;background-image:url('../images/medals/grassland_badge.svg');background-size:cover;background-position:center bottom;background-repeat:no-repeat}
.sp-medal-card__visual--grassland-locked{filter:saturate(.72) brightness(.94);opacity:.95}
.sp-medal-card__visual--earn{background:linear-gradient(160deg,#fbbf24,#d97706)}
.sp-medal-card__visual--locked{background:linear-gradient(160deg,#64748b,#334155)}
.sp-medal-card__visual--future{background:linear-gradient(160deg,#94a3b8,#475569)}
.sp-medal-card__emoji{font-size:52px;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.sp-medal-card__visual--earn .sp-medal-card__emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.sp-medal-card__body{padding:12px 12px 14px;flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;justify-content:flex-start}
.sp-medal-card__name{font-size:13px;font-weight:700;color:#0f172a;line-height:1.35}
.sp-medal-card--locked .sp-medal-card__name{color:#334155}
.sp-medal-card__msg{margin:0;font-size:13px;color:#1e5a8e;line-height:1.55;font-weight:600}
.sp-medal-card__hint{margin:0;font-size:12px;color:#475569;line-height:1.55}
.sp-medal-card__hint--muted{color:#64748b;font-style:italic;text-align:center}

/* 教师端深色弹窗内：分区标题对比度 */
#student-medals-wall-modal .sp-medals-col__title{color:#e2e8f0;border-bottom-color:#ffcb05}
.medal-wall-load-err{color:#fca5a5;font-size:14px;margin:8px 0;line-height:1.5}