/* 课程总览与 OJ 题库的视觉层级调整；不修改课程和题库数据。 */
.course-home-link{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 13px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:900;box-shadow:2px 2px 0 var(--line);text-decoration:none}
.course-home-link:hover{transform:translateY(-2px)}
.stat:has(#stOj),.profile div:has(> #pfOj){display:none}
#view-courses,#view-problems{max-width:1100px;margin:0 auto}
#view-courses .hero,#view-problems .hero{min-height:245px;padding:32px 36px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:22px}
#view-courses .hero h2,#view-problems .hero h2{position:relative;z-index:1;font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-.025em;max-width:750px}
#view-courses .hero p,#view-problems .hero p{position:relative;z-index:1;max-width:700px;line-height:1.75;font-size:15px;margin-top:13px}
#view-courses .hero .chips,#view-problems .hero .chips{position:relative;z-index:1;margin-top:19px;gap:8px}
#view-courses .hero .chip,#view-problems .hero .chip{transform:none;border-radius:999px;font-size:13px;padding:5px 12px;box-shadow:none}
#view-courses .hero .blob,#view-problems .hero .blob{width:230px;height:230px;right:-52px;top:-80px;opacity:.7}
#view-courses .hero .blob2,#view-problems .hero .blob2{right:105px;bottom:-90px;opacity:.55}
#view-courses .hero .burst,#view-problems .hero .burst{right:30px;top:18px;z-index:1}
#view-courses .lead,#view-problems .lead{margin:18px 0 28px;padding:15px 20px;font-size:14px;line-height:1.75;box-shadow:3px 3px 0 var(--line)}
#view-courses .sec-h,#view-problems .sec-h{margin:28px 0 14px;gap:12px}
#view-courses .sec-h h3,#view-problems .sec-h h3{font-size:21px}
#view-courses #volumes{display:grid;gap:18px}
#view-problems #ojFilters{display:flex;align-items:center;gap:9px;padding:17px 18px;margin:0 0 18px;border:var(--bd) solid var(--line);border-radius:18px;background:#fff;box-shadow:4px 4px 0 var(--line)}
#view-problems #ojFilters .tab{transform:none;box-shadow:none;border-width:2px;border-radius:999px;font-size:13px;padding:7px 11px;gap:6px}
#view-problems #ojFilters .tab:hover{transform:translateY(-2px);box-shadow:2px 2px 0 var(--line)}
#view-problems #ojFilters .tab.active{transform:none;outline:2px solid var(--line);outline-offset:2px;box-shadow:2px 2px 0 var(--line)}
#view-problems #ojFilters .cnt{font-size:11px;padding:0 6px;transform:none}
#view-problems #ojTable{margin-bottom:18px}
#view-problems #ojTable .row{grid-template-columns:86px minmax(0,1fr) 110px 88px;gap:12px;padding:14px 20px;font-size:15px;border-bottom:1px solid #e5dfd2}
#view-problems #ojTable .row.head{background:#f5f0e3;font-size:13px}
#view-problems #ojTable .row:not(.head):hover{background:#fffbea}
#view-problems #ojTable .ttl{min-width:0;overflow-wrap:anywhere}
#view-problems #ojTable .ttl small{font-size:12px}
#view-problems #ojPager{display:flex;justify-content:center;padding-bottom:28px}
#view-problems #ojPager .filters.page{justify-content:center}
@media(max-width:760px){
  #view-courses .hero,#view-problems .hero{min-height:0;padding:25px 20px}
  #view-courses .hero h2,#view-problems .hero h2{font-size:28px;padding-right:54px}
  #view-courses .hero p,#view-problems .hero p{font-size:14px}
  #view-courses .hero .burst,#view-problems .hero .burst{right:5px;top:6px;transform:scale(.62)}
  #view-problems #ojFilters{padding:12px;gap:8px}
  #view-problems #ojTable .row{grid-template-columns:65px minmax(0,1fr) 83px;gap:8px;padding:12px;font-size:13px}
  #view-problems #ojTable .row>*:last-child{display:none}
  #view-problems #ojTable .lvtag{font-size:11px;padding:3px 5px}
}
@media(max-width:480px){
  #view-courses .hero h2,#view-problems .hero h2{font-size:25px}
  #view-courses .hero .blob,#view-problems .hero .blob,#view-courses .hero .blob2,#view-problems .hero .blob2{opacity:.22}
  #view-courses .hero .chip,#view-problems .hero .chip{font-size:11px}
  #view-problems #ojTable .row{grid-template-columns:52px minmax(0,1fr) 67px}
  #view-problems #ojTable .pid{font-size:12px}
  #view-problems #ojTable .lvtag{font-size:10px;padding:2px 3px}
}