/* codex-phase18-yuyue-edu-inner-pages start */
body.codex-well-site.codex-yuyue-body .content-page{
  background:linear-gradient(180deg,#edf4f7 0%,#fff 40%,#f4f8fb 100%)!important;
}
body.codex-well-site.codex-yuyue-body .content-page .content-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:72px 0 76px!important;
  border-bottom:1px solid rgba(244,199,95,.52)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(110deg,#050b16 0%,#111827 42%,#0f766e 100%)!important;
  background-size:62px 62px,62px 62px,auto!important;
  color:#fff!important;
  box-shadow:inset 0 -78px 92px rgba(0,0,0,.18),0 20px 54px rgba(15,23,42,.14)!important;
}
body.codex-well-site.codex-yuyue-body .content-page .content-hero:after{
  content:"";
  position:absolute;
  right:8vw;
  top:18%;
  width:min(420px,32vw);
  height:min(420px,32vw);
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  transform:skewX(-10deg);
  pointer-events:none;
}
body.codex-well-site.codex-yuyue-body .content-page .content-hero .brand-wrap{
  position:relative!important;
  z-index:1!important;
}
body.codex-well-site.codex-yuyue-body .content-page .crumbs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:16px!important;
  color:rgba(255,255,255,.82)!important;
  font-weight:850!important;
}
body.codex-well-site.codex-yuyue-body .content-page .crumbs a,
body.codex-well-site.codex-yuyue-body .content-page .crumbs strong,
body.codex-well-site.codex-yuyue-body .content-page .crumbs span{
  color:rgba(255,255,255,.9)!important;
}
body.codex-well-site.codex-yuyue-body .content-page .content-hero h1{
  max-width:980px!important;
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:clamp(40px,4.4vw,64px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-wrap:balance!important;
  text-shadow:0 22px 64px rgba(0,0,0,.34)!important;
}
body.codex-well-site.codex-yuyue-body .content-page .read-hero h1{
  max-width:900px!important;
  font-size:clamp(34px,3.7vw,54px)!important;
  line-height:1.12!important;
}
body.codex-well-site.codex-yuyue-body .content-page .content-hero p{
  max-width:860px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:17.5px!important;
  line-height:1.78!important;
}
body.codex-well-site.codex-yuyue-body .content-page .category-guide,
body.codex-well-site.codex-yuyue-body .content-page .category-warning{
  display:block!important;
  max-width:860px!important;
  margin:14px 0 0!important;
  padding:14px 16px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(8,17,31,.34)!important;
  color:rgba(255,255,255,.88)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
}
body.codex-well-site.codex-yuyue-body .content-page .category-warning{
  border-color:rgba(244,199,95,.36)!important;
  background:rgba(244,199,95,.12)!important;
}
body.codex-well-site.codex-yuyue-body .content-page .hero-meta{
  display:flex!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  color:rgba(255,255,255,.82)!important;
}
body.codex-well-site.codex-yuyue-body .content-page .hero-meta span,
body.codex-well-site.codex-yuyue-body .content-page .hero-meta time{
  color:rgba(255,255,255,.82)!important;
}
@media(min-width:981px){
  body.codex-well-site.codex-yuyue-body .content-page .section{
    padding:48px 0 64px!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-grid,
  body.codex-well-site.codex-yuyue-body .content-page .read-layout{
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:30px!important;
    align-items:start!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .article-card,
  body.codex-well-site.codex-yuyue-body .content-page .read-article,
  body.codex-well-site.codex-yuyue-body .content-page .side-panel{
    border-radius:8px!important;
    border:1px solid rgba(148,163,184,.22)!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
    box-shadow:0 22px 60px rgba(15,23,42,.08)!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .article-card h2{
    font-size:clamp(24px,2.25vw,34px)!important;
    line-height:1.22!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .read-article{
    padding:42px 46px!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .read-article .message{
    font-size:17px!important;
    line-height:1.96!important;
  }
}
@media(max-width:980px){
  body.codex-well-site.codex-yuyue-body .content-page,
  body.codex-well-site.codex-yuyue-body .content-page *{
    box-sizing:border-box!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-hero{
    padding:42px 0 34px!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-hero:after{
    display:none!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-hero .brand-wrap{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-hero h1,
  body.codex-well-site.codex-yuyue-body .content-page .read-hero h1{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:clamp(28px,7.2vw,38px)!important;
    line-height:1.16!important;
    white-space:normal!important;
    word-break:break-all!important;
    overflow-wrap:anywhere!important;
    overflow:visible!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-hero p{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:14.8px!important;
    line-height:1.66!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .category-guide,
  body.codex-well-site.codex-yuyue-body .content-page .category-warning{
    max-width:100%!important;
    padding:12px 13px!important;
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .section{
    padding:16px 0 34px!important;
    overflow:hidden!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .content-grid,
  body.codex-well-site.codex-yuyue-body .content-page .read-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .article-list,
  body.codex-well-site.codex-yuyue-body .content-page .read-article,
  body.codex-well-site.codex-yuyue-body .content-page .content-aside{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:hidden!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .article-card,
  body.codex-well-site.codex-yuyue-body .content-page .read-article,
  body.codex-well-site.codex-yuyue-body .content-page .side-panel{
    padding:16px!important;
    border-radius:8px!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .read-article .message,
  body.codex-well-site.codex-yuyue-body .content-page .read-article .message *,
  body.codex-well-site.codex-yuyue-body .content-page .article-card,
  body.codex-well-site.codex-yuyue-body .content-page .article-card *{
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .read-article .message{
    font-size:15.5px!important;
    line-height:1.82!important;
  }
  body.codex-well-site.codex-yuyue-body .content-page .read-article .message h2,
  body.codex-well-site.codex-yuyue-body .content-page .read-article .message h3{
    font-size:clamp(22px,6.4vw,28px)!important;
    line-height:1.22!important;
  }
}
/* codex-phase18-yuyue-edu-inner-pages end */