.academy-page{max-width:1180px}
.academy-hero{align-items:center}
.academy-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.academy-category-row{display:flex;gap:10px;flex-wrap:wrap}
.academy-cat{display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:9px 13px;text-decoration:none;color:#334155;font-weight:800}
.academy-cat b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px}
.academy-cat.active,.academy-cat:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.academy-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.academy-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.academy-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.academy-card-top span,.academy-card-top em{font-size:12px;color:#64748b;font-style:normal}
.academy-card h3{margin:12px 0 8px;font-size:20px}
.academy-card p{color:#64748b;line-height:1.65;min-height:52px}
.academy-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.academy-card-meta span{font-size:12px;border-radius:999px;background:#f1f5f9;color:#475569;padding:5px 8px}
.academy-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr)}
.academy-article-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.academy-article-meta span{font-size:12px;border-radius:999px;background:#eff6ff;color:#2563eb;padding:6px 10px;font-weight:800}
.academy-content p{font-size:16px;line-height:1.9;color:#334155;margin:0 0 15px}
.academy-side{position:sticky;top:16px;align-self:start}
.academy-status-list p{border-bottom:1px solid #e2e8f0;padding:9px 0;margin:0;color:#475569}
.academy-reward-box{margin-top:14px;border:1px solid #fed7aa;background:#fff7ed;border-radius:16px;padding:12px}
.academy-reward-box b{color:#ea580c}
.academy-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.academy-stat-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px}
.academy-stat-grid span{color:#64748b}
.academy-stat-grid b{display:block;font-size:28px;margin-top:6px;color:#0f172a}
.academy-task-list{display:grid;gap:12px}
.academy-task{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff}
.academy-task span{color:#64748b;font-size:12px}
.academy-task h3{margin:5px 0 6px}
.academy-task p{margin:0;color:#64748b;line-height:1.55}
.academy-task-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.academy-question{border:1px solid #e2e8f0;border-radius:18px;padding:15px;margin:14px 0;background:#fff}
.academy-question h3{margin:0 0 12px}
.academy-question label{display:block;margin:8px 0;padding:10px;border-radius:12px;background:#f8fafc;cursor:pointer}
.academy-question label:hover{background:#eff6ff}
.academy-explain{border-left:4px solid #2563eb;background:#eff6ff;padding:10px 12px;border-radius:10px;color:#1e40af}
.academy-result{border-color:#bfdbfe}
.academy-result.passed{border-color:#86efac;background:#f0fdf4}
.academy-result.failed{border-color:#fed7aa;background:#fff7ed}
@media(max-width:980px){
  .academy-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .academy-layout{grid-template-columns:1fr}
  .academy-side{position:static}
}
@media(max-width:760px){
  .academy-page{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important;overflow-x:hidden!important}
  .academy-article-grid,.academy-stat-grid{grid-template-columns:1fr!important}
  .academy-task{display:block}
  .academy-task-actions{justify-content:flex-start;margin-top:12px}
  .academy-card{padding:14px;border-radius:18px}
  .academy-card p{min-height:0}
  .academy-category-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .academy-cat{white-space:nowrap}
}