/* codex-phase8-grand-modern-admissions start */
.brand-home{
  --phase8-a:#0f766e;
  --phase8-b:#07111f;
  --phase8-c:#f4c75f;
  --phase8-img:url('/static/grand/hero-campus.png');
  background:linear-gradient(180deg,#eef4f7 0%,#fff 42%,#f2f6f9 100%)!important;
}
.brand-yuyue{--phase8-a:#0f766e;--phase8-b:#062a2a;--phase8-c:#f4c75f;--phase8-img:url('/static/grand/hero-campus.png')}
.brand-tibaodian{--phase8-a:#b91c1c;--phase8-b:#1e1b4b;--phase8-c:#f59e0b;--phase8-img:url('/static/grand/hero-atlas.png')}
.brand-tihai{--phase8-a:#2563eb;--phase8-b:#312e81;--phase8-c:#fb7185;--phase8-img:url('/static/grand/hero-institute.png')}
.brand-sktiku{--phase8-a:#16a34a;--phase8-b:#052e2b;--phase8-c:#84cc16;--phase8-img:url('/static/grand/hero-archive.png')}
.brand-yuyue-exam{--phase8-a:#ea580c;--phase8-b:#0f172a;--phase8-c:#38bdf8;--phase8-img:url('/static/grand/hero-workshop.png')}
@media(min-width:981px){
  #body>.container:has(.brand-home){max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
  .brand-home .brand-wrap{width:min(1280px,calc(100vw - 72px))!important;max-width:calc(100vw - 72px)!important}
  .brand-home .edu-hero{
    position:relative!important;
    isolation:isolate!important;
    min-height:clamp(560px,70vh,790px)!important;
    display:flex!important;
    align-items:center!important;
    padding:88px 0 92px!important;
    overflow:hidden!important;
    color:#fff!important;
    background-image:
      linear-gradient(104deg,rgba(3,7,18,.99) 0%,rgba(7,17,31,.93) 42%,color-mix(in srgb,var(--phase8-a) 58%,transparent) 70%,rgba(244,199,95,.16) 100%),
      var(--phase8-img)!important;
    background-size:auto,clamp(520px,43vw,860px) auto!important;
    background-position:center,right 4vw center!important;
    background-repeat:no-repeat!important;
    border-bottom:1px solid rgba(244,199,95,.54)!important;
    box-shadow:inset 0 -120px 120px rgba(0,0,0,.30),0 44px 120px rgba(15,23,42,.22)!important;
  }
  .brand-home .edu-hero:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.08) 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(--phase8-c) 32%,transparent),transparent 26%),
      linear-gradient(180deg,transparent 0%,rgba(0,0,0,.36) 100%)!important;
    background-size:68px 68px,68px 68px,auto,auto!important;
    opacity:.50!important;
    pointer-events:none!important;
  }
  .brand-home .edu-hero:after{
    content:""!important;
    position:absolute!important;
    right:max(34px,calc((100vw - 1280px)/2))!important;
    top:74px!important;
    width:clamp(260px,27vw,430px)!important;
    height:clamp(360px,48vh,560px)!important;
    z-index:1!important;
    border-radius:8px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04)),
      var(--phase8-img)!important;
    background-size:cover!important;
    background-position:center!important;
    border:1px solid rgba(255,255,255,.34)!important;
    box-shadow:0 36px 96px rgba(0,0,0,.34)!important;
    opacity:.88!important;
    transform:perspective(1100px) rotateY(-8deg)!important;
  }
  .brand-home .edu-hero-grid{position:relative!important;z-index:2!important;grid-template-columns:minmax(0,.96fr) minmax(310px,390px)!important;gap:clamp(42px,6vw,92px)!important}
  .brand-home .eyebrow{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;backdrop-filter:blur(14px)!important}
  .brand-home h1{font-size:clamp(42px,5vw,70px)!important;line-height:1.04!important;max-width:840px!important;letter-spacing:0!important;text-shadow:0 24px 70px rgba(0,0,0,.36)!important}
  .brand-home .edu-hero p{font-size:19px!important;line-height:1.86!important;max-width:820px!important;color:rgba(255,255,255,.88)!important}
  .brand-home .brand-btn{min-height:52px!important;padding:13px 22px!important;border-radius:8px!important;font-weight:950!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important}
  .brand-home .brand-btn.primary{background:linear-gradient(135deg,var(--phase8-c),#fff2b5)!important;color:#1f1600!important}
  .brand-home .brand-btn.secondary{background:rgba(255,255,255,.96)!important;color:var(--phase8-a)!important}
  .brand-home .hero-panel{
    position:relative!important;
    z-index:3!important;
    max-width:390px!important;
    padding:26px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.07))!important;
    border:1px solid rgba(255,255,255,.34)!important;
    box-shadow:0 30px 82px rgba(0,0,0,.30)!important;
    backdrop-filter:blur(18px)!important;
  }
  .brand-home .hero-panel div{min-height:58px!important;border-bottom-color:rgba(255,255,255,.22)!important}
  .brand-home .hero-panel strong{color:var(--phase8-c)!important}
  .brand-home .admission-proof{margin-top:-46px!important;padding-bottom:34px!important;position:relative!important;z-index:5!important}
  .brand-home .admission-proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .brand-home .admission-proof-grid>div{
    min-height:124px!important;
    padding:22px!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,255,.96))!important;
    border:1px solid rgba(255,255,255,.84)!important;
    box-shadow:0 26px 70px rgba(15,23,42,.14)!important;
  }
  .brand-home .section{padding:82px 0!important}
  .brand-home .section h2{font-size:clamp(34px,3.4vw,52px)!important;line-height:1.12!important;font-weight:950!important;color:var(--phase8-b)!important}
  .brand-home .service-card,.brand-home .path-card,.brand-home .topic-card,.brand-home .resource-card{
    border-radius:8px!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:0 22px 58px rgba(15,23,42,.09)!important;
  }
  .brand-home .service-card:hover,.brand-home .path-card:hover,.brand-home .topic-card:hover,.brand-home .resource-card:hover{
    transform:translateY(-5px)!important;
    box-shadow:0 34px 90px rgba(15,23,42,.15)!important;
    border-color:color-mix(in srgb,var(--phase8-a) 54%,#fff)!important;
  }
}
@media(max-width:980px){
  .brand-home .edu-hero:after{display:none!important}
  .brand-home .edu-hero-grid{grid-template-columns:1fr!important}
  .brand-home .hero-panel{display:none!important}
}
@media(max-width:620px){
  html,body{overflow-x:hidden!important}
  body{padding-bottom:58px!important}
  #body>.container:has(.brand-home){width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
  .brand-home .brand-wrap,.brand-home .edu-hero-grid,.brand-home .admission-proof-grid,.brand-home .content-grid,.brand-home .read-layout{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  .brand-home .edu-hero{
    min-height:auto!important;
    padding:28px 0 24px!important;
    border-radius:0 0 8px 8px!important;
    background-image:linear-gradient(135deg,var(--phase8-b),var(--phase8-a))!important;
    background-size:auto!important;
  }
  .brand-home .eyebrow{font-size:11px!important;line-height:1.3!important;padding:6px 9px!important}
  .brand-home h1{font-size:25.5px!important;line-height:1.17!important;max-width:100%!important;word-break:normal!important;overflow-wrap:anywhere!important}
  .brand-home .edu-hero p{font-size:14px!important;line-height:1.58!important;margin:10px 0 14px!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .brand-home .actions{gap:8px!important}
  .brand-home .brand-btn{min-height:42px!important;padding:10px 12px!important;font-size:12px!important}
  .brand-home .admission-proof{margin:10px 0 4px!important;padding-bottom:8px!important}
  .brand-home .admission-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .brand-home .admission-proof-grid>div{min-height:76px!important;padding:12px!important}
  .brand-home .admission-proof-grid strong{font-size:13px!important;line-height:1.22!important}
  .brand-home .admission-proof-grid p,.brand-home .admission-proof-grid span{font-size:11.5px!important;line-height:1.35!important}
  .brand-home .section{padding:32px 0!important}
  .brand-home .section h2{font-size:23px!important;line-height:1.18!important}
  .admission-dock{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .admission-dock a{min-height:42px!important;padding:7px 4px!important;font-size:11px!important;line-height:1.18!important}
}
/* codex-phase8-grand-modern-admissions end */