/* codex-phase22-yuyue-edu-desktop-layout start */
@media(min-width:981px){
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero-grid{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:56px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero-grid>div:first-child{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:830px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .hero-panel{
    flex:0 0 430px!important;
    width:430px!important;
    max-width:430px!important;
    margin-top:0!important;
    align-self:center!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-grid,
  body.codex-well-site.codex-yuyue-body .content-page .read-layout{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:30px!important;
    max-width:1220px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .article-list{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:870px!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .read-article{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:900px!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-aside{
    flex:0 0 320px!important;
    width:320px!important;
    max-width:320px!important;
    min-width:0!important;
    display:grid!important;
    gap:16px!important;
    position:sticky!important;
    top:92px!important;
    align-self:flex-start!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .side-panel{
    width:100%!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .read-action-path{
    margin-top:28px!important;
  }
}
@media(min-width:981px) and (max-width:1180px){
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero-grid{
    gap:32px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .hero-panel{
    flex-basis:360px!important;
    width:360px!important;
    max-width:360px!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-grid,
  body.codex-well-site.codex-yuyue-body .content-page .read-layout{
    gap:22px!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-aside{
    flex-basis:286px!important;
    width:286px!important;
    max-width:286px!important;
  }
}
/* codex-phase22-yuyue-edu-desktop-layout end */