/* Shared shell for the app's standalone course-player pages. */
body.learning-player-page{
  --player-navy:#142a45;
  --player-blue:#315f86;
  --player-gold:#c59a45;
  --player-line:#d4deea;
  font-family:"Microsoft YaHei UI","PingFang SC","Segoe UI",sans-serif!important;
  color:#23374e!important;
  background:
    radial-gradient(ellipse at 76% 0%,rgba(255,255,255,.8),transparent 38%),
    linear-gradient(145deg,#edf2f7 0%,#e5edf5 58%,#edf2f7 100%)!important;
}
body.learning-player-page #sidebar{
  position:relative;
  background:linear-gradient(180deg,#f8fbfd 0%,#e8eff6 100%)!important;
  color:#23374e!important;
  border-right:1px solid #cdd9e4!important;
  box-shadow:inset -1px 0 #fff,7px 0 22px rgba(24,48,75,.08);
}
body.learning-player-page #sidebar h2{
  position:sticky;top:0;z-index:3;
  padding:17px 18px 15px!important;
  color:#17365d!important;
  background:linear-gradient(145deg,#fff 0%,#eef4f8 100%)!important;
  border-bottom:2px solid var(--player-gold);
  box-shadow:0 5px 12px rgba(24,48,75,.08);
  font-size:15px!important;letter-spacing:.2px;
}
body.learning-player-page .learning-player-home-link{
  position:fixed;top:12px;right:14px;z-index:10000;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:0 14px;
  border:1px solid rgba(228,195,125,.72);border-radius:9px;
  color:#f6f8fb!important;text-decoration:none!important;
  background:linear-gradient(145deg,#315f86,#17324e);
  box-shadow:0 3px 0 #10263b,0 6px 14px rgba(13,32,52,.22),inset 0 1px rgba(255,255,255,.14);
  font-size:13px;font-weight:700;letter-spacing:.2px;
  transition:transform .16s,box-shadow .16s,background .16s;
}
body.learning-player-page .learning-player-home-link:hover{
  transform:translateY(-2px);background:linear-gradient(145deg,#c59a45,#a87924);
  box-shadow:0 5px 0 #785a24,0 9px 16px rgba(13,32,52,.24),inset 0 1px rgba(255,255,255,.2);
}
body.learning-player-page .learning-player-home-link:focus-visible{
  outline:3px solid #c59a45;outline-offset:3px;
}
body.learning-player-page #sidebar .up{color:#718096!important}
body.learning-player-page .unit-title,
body.learning-player-page .section-title{
  margin:5px 8px!important;padding:10px 11px!important;
  color:#315f86!important;
  border:1px solid #d6e1eb;border-radius:9px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(240,246,250,.82));
  box-shadow:0 3px 0 #dfe7ee,0 5px 10px rgba(28,51,74,.045);
  transition:transform .16s,box-shadow .16s,background .16s;
}
body.learning-player-page .unit-title:hover,
body.learning-player-page .section-title:hover{
  transform:translateY(-2px);background:linear-gradient(145deg,#fff,#eaf2f8)!important;
  box-shadow:0 5px 0 #d7e2eb,0 9px 14px rgba(28,51,74,.09);
}
body.learning-player-page .ep-item{
  margin:2px 8px!important;padding:8px 10px 8px 17px!important;
  width:calc(100% - 16px)!important;
  border:1px solid transparent!important;border-radius:8px!important;
  color:#5b6e83!important;background:transparent!important;
  transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;
}
body.learning-player-page .ep-item:hover{
  transform:translateX(2px);border-color:#d6e1eb!important;
  background:linear-gradient(145deg,#fff,#edf4f9)!important;color:#214562!important;
  box-shadow:0 3px 0 #e1e9f0,0 5px 9px rgba(28,51,74,.05);
}
body.learning-player-page .ep-item.active{
  border-color:#315f86!important;
  background:linear-gradient(145deg,#3d729a,#214562)!important;color:#fff!important;
  box-shadow:0 4px 0 #183a57,0 7px 12px rgba(24,48,75,.2),inset 0 1px rgba(255,255,255,.2);
}
body.learning-player-page #main{background:radial-gradient(ellipse at 55% 0%,rgba(255,255,255,.65),transparent 48%)}
body.learning-player-page #player-wrap{
  margin:12px 12px 8px!important;padding:8px!important;
  border:1px solid #b7c8d8;border-radius:15px!important;
  background:linear-gradient(145deg,#17324e,#0d1c2c)!important;
  box-shadow:0 8px 0 #d3dee8,0 15px 26px rgba(13,32,52,.18),inset 0 1px rgba(255,255,255,.14);
  overflow:hidden;
}
body.learning-player-page #player-wrap iframe{
  border:1px solid rgba(230,195,119,.42)!important;border-radius:9px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
body.learning-player-page #info-bar{
  gap:12px;margin:3px 12px 12px!important;padding:10px 14px!important;
  border:1px solid #304c68!important;border-top:2px solid var(--player-gold)!important;
  border-radius:11px!important;
  background:linear-gradient(112deg,#142a45,#214562)!important;color:#e8eff5!important;
  box-shadow:0 5px 0 #d8e2eb,0 9px 17px rgba(24,48,75,.12),inset 0 1px rgba(255,255,255,.09);
}
body.learning-player-page #info-bar .cur{color:#f3f6f9!important}
body.learning-player-page #info-bar button{
  min-height:34px;padding:7px 13px!important;
  border:1px solid rgba(225,237,247,.32)!important;border-radius:8px!important;
  background:linear-gradient(145deg,#365f82,#244663)!important;color:#f3f7fa!important;
  box-shadow:0 3px 0 #10263b,0 5px 10px rgba(4,16,29,.16),inset 0 1px rgba(255,255,255,.14);
  transition:transform .16s,box-shadow .16s,background .16s;
}
body.learning-player-page #info-bar button:hover{
  transform:translateY(-2px);background:linear-gradient(145deg,#4a779c,#315f86)!important;
  box-shadow:0 5px 0 #10263b,0 8px 14px rgba(4,16,29,.2),inset 0 1px rgba(255,255,255,.16);
}
body.learning-player-page > iframe{
  width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;
  margin:12px!important;border:1px solid rgba(229,194,116,.58)!important;border-radius:14px;
  background:#101f35;box-shadow:0 8px 0 #d3dee8,0 16px 28px rgba(13,32,52,.2);
}
body.learning-player-page::-webkit-scrollbar,body.learning-player-page #sidebar::-webkit-scrollbar{width:9px}
body.learning-player-page::-webkit-scrollbar-thumb,body.learning-player-page #sidebar::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:9px;background:#bac9d7;background-clip:padding-box}
@media(max-width:768px){
  body.learning-player-page .learning-player-home-link{top:8px;right:9px;min-height:34px;padding:0 10px;font-size:12px}
  body.learning-player-page #sidebar{max-height:38vh!important}
  body.learning-player-page #player-wrap{margin:8px 8px 5px!important;padding:5px!important;border-radius:12px!important}
  body.learning-player-page #info-bar{margin:3px 8px 8px!important;padding:8px 9px!important;flex-wrap:wrap}
  body.learning-player-page #info-bar .ctrl{gap:6px}
  body.learning-player-page #info-bar button{min-height:32px;padding:6px 10px!important;font-size:11px!important}
  body.learning-player-page > iframe{width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;margin:8px!important}
}
@media(prefers-reduced-motion:reduce){
  body.learning-player-page *,body.learning-player-page *::before,body.learning-player-page *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}