/* codex-phase9-inner-admission-ui start */
:root{--phase9-a:#0f766e;--phase9-b:#07111f;--phase9-c:#f4c75f;--phase9-img:url('/static/grand/hero-campus.png')}
body{background:linear-gradient(180deg,#eef4f8 0%,#fff 40%,#f2f6f9 100%)!important}
#body>.container:has(.content-page){max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.content-page{background:transparent!important;overflow:hidden}
.content-page .content-hero,
.brand-skin-zikao .static-page .site-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  color:#fff!important;
  margin:0!important;
  padding:clamp(58px,7vw,96px) 0!important;
  background-image:
    linear-gradient(105deg,rgba(3,7,18,.98) 0%,rgba(15,23,42,.92) 48%,color-mix(in srgb,var(--phase9-a) 54%,transparent) 78%,rgba(244,199,95,.14) 100%),
    var(--phase9-img)!important;
  background-size:auto,clamp(380px,34vw,680px) auto!important;
  background-position:center,right max(30px,calc((100vw - 1260px)/2)) center!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid color-mix(in srgb,var(--phase9-c) 54%,transparent)!important;
  box-shadow:inset 0 -90px 110px rgba(0,0,0,.25),0 28px 90px rgba(15,23,42,.18)!important;
}
.content-page .content-hero:before,
.brand-skin-zikao .static-page .site-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.055) 1px,transparent 1px),
    radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--phase9-c) 30%,transparent),transparent 28%)!important;
  background-size:62px 62px,62px 62px,auto!important;
  opacity:.46!important;
}
.content-page .content-hero>.brand-wrap,
.brand-skin-zikao .static-page .site-hero>.brand-wrap{position:relative!important;z-index:1!important}
.content-page .content-hero h1,
.brand-skin-zikao .static-page .site-hero h1{
  max-width:920px!important;
  margin:14px 0 12px!important;
  color:#fff!important;
  font-size:clamp(36px,4.6vw,66px)!important;
  line-height:1.06!important;
  font-weight:950!important;
  letter-spacing:0!important;
  text-shadow:0 22px 64px rgba(0,0,0,.34)!important;
}
.content-page .content-hero p,
.brand-skin-zikao .static-page .site-hero p{max-width:820px!important;color:rgba(255,255,255,.86)!important;font-size:18px!important;line-height:1.82!important}
.crumbs,.breadcrumb{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;color:rgba(255,255,255,.76)!important;font-size:13px!important}
.crumbs a,.breadcrumb a{color:#fff!important;text-decoration:none!important;font-weight:850!important}
.hero-meta{color:rgba(255,255,255,.78)!important}
.content-page .section{padding:clamp(38px,5vw,72px) 0!important}
.read-layout,.content-grid{width:min(1260px,calc(100vw - 72px))!important;max-width:calc(100vw - 72px)!important;gap:28px!important;align-items:start!important}
.read-layout{grid-template-columns:minmax(0,1fr) 320px!important}
.read-article,.article-list,.static-page .notice,.timeline-item,.url-guide-card,.province-card,.resource-card,.topic-card,.article-card{
  border-radius:8px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 24px 66px rgba(15,23,42,.09)!important;
}
.read-article{padding:clamp(24px,4vw,46px)!important}
.read-article .message{font-size:17px!important;line-height:1.96!important;color:#243244!important}
.read-article .message p{margin:0 0 18px!important}
.read-article .message h2{margin:32px 0 14px!important;padding-left:16px!important;border-left:5px solid var(--phase9-a)!important;color:var(--phase9-b)!important;font-size:clamp(24px,2.6vw,34px)!important;line-height:1.2!important;font-weight:950!important}
.read-article .message h3{margin:26px 0 12px!important;color:var(--phase9-a)!important;font-size:22px!important;font-weight:950!important}
.read-article .message ul,.read-article .message ol{padding:18px 22px!important;background:#f8fafc!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:8px!important}
.read-action-path,.article-public-reminder{
  margin-top:28px!important;
  border-radius:8px!important;
  border:1px solid color-mix(in srgb,var(--phase9-a) 28%,#dbe3ef)!important;
  background:linear-gradient(135deg,#07111f 0%,var(--phase9-a) 68%,var(--phase9-c) 140%)!important;
  color:#fff!important;
  box-shadow:0 26px 70px rgba(15,23,42,.16)!important;
}
.read-action-copy,.read-action-path p,.article-public-reminder{color:rgba(255,255,255,.88)!important}
.read-action-grid a,.read-tags a,.tag-row a{border-radius:8px!important;font-weight:900!important}
.content-aside{position:sticky!important;top:96px!important;display:grid!important;gap:16px!important}
.side-panel{
  overflow:hidden!important;
  border-top:4px solid var(--phase9-a)!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 22px 62px rgba(15,23,42,.10)!important;
}
.side-panel h3{font-size:20px!important;color:var(--phase9-b)!important;font-weight:950!important}
.side-panel .brand-btn{width:100%!important;justify-content:center!important;background:linear-gradient(135deg,var(--phase9-c),#fff2b5)!important;color:#1f1600!important}
.modern-admission-bridge{box-shadow:0 34px 96px rgba(15,23,42,.18)!important}
.static-page{width:100%!important;max-width:none!important}
.brand-skin-zikao .static-page>.section{padding:clamp(42px,5vw,74px) 0!important}
.brand-skin-zikao .static-page>.section>h2,
.brand-skin-zikao .static-page .section h2{font-size:clamp(30px,3vw,46px)!important;line-height:1.12!important;font-weight:950!important;color:var(--phase9-b)!important}
.timeline-grid,.column-grid{gap:18px!important}
.timeline-item,.url-guide-card{padding:22px!important}
.timeline-item b,.url-guide-card strong{font-size:19px!important;color:var(--phase9-b)!important;font-weight:950!important}
@media(max-width:980px){
  .content-page .content-hero,.brand-skin-zikao .static-page .site-hero{background-size:auto,0 0!important;padding:42px 0!important}
  .read-layout,.content-grid{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;grid-template-columns:1fr!important}
  .content-aside{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body{padding-bottom:58px!important}
  .content-page .content-hero,.brand-skin-zikao .static-page .site-hero{padding:28px 0 24px!important;background-image:linear-gradient(135deg,var(--phase9-b),var(--phase9-a))!important}
  .content-page .content-hero h1,.brand-skin-zikao .static-page .site-hero h1{font-size:25px!important;line-height:1.16!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .content-page .content-hero p,.brand-skin-zikao .static-page .site-hero p{font-size:14px!important;line-height:1.58!important}
  .content-page .section{padding:28px 0!important}
  .read-layout,.content-grid{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
  .read-article{padding:18px 15px!important}
  .read-article .message{font-size:15.5px!important;line-height:1.82!important}
  .read-article .message h2{font-size:21px!important;margin-top:24px!important}
  .content-aside{grid-template-columns:1fr!important}
  .timeline-grid,.column-grid{grid-template-columns:1fr!important}
}
/* codex-phase9-inner-admission-ui end */
