/* codex-phase13-mobile-visual-polish start */
body:has(.brand-tihai){--p13-a:#2563eb;--p13-b:#111827;--p13-c:#fb7185;--p13-line:rgba(148,163,184,.20)}
body:has(.brand-tihai) #header.navbar{margin-bottom:0!important}
body:has(.brand-tihai) #body{margin-top:0!important}
body:has(.brand-tihai) #body>.container{padding-top:0!important}
.brand-tihai.brand-home{margin-top:0!important}
.brand-tihai .edu-hero-grid{box-sizing:border-box!important}
.brand-tihai .hero-panel{box-sizing:border-box!important;min-width:0!important}
.brand-tihai .hero-panel div{box-sizing:border-box!important;min-width:0!important}
.brand-tihai .hero-panel span{overflow-wrap:anywhere!important;word-break:normal!important}
.brand-tihai .admission-proof-grid{box-sizing:border-box!important;min-width:0!important}
.brand-tihai .service-card,
.brand-tihai .topic-card,
.brand-tihai .resource-card,
.brand-tihai .path-card,
.brand-tihai .faq-card,
.brand-tihai .province-card,
.brand-tihai .url-guide-card,
.brand-tihai .article-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.brand-tihai .service-card:hover,
.brand-tihai .topic-card:hover,
.brand-tihai .resource-card:hover,
.brand-tihai .path-card:hover,
.brand-tihai .faq-card:hover,
.brand-tihai .province-card:hover,
.brand-tihai .url-guide-card:hover,
.brand-tihai .article-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--p13-a) 32%,var(--p13-line))!important;box-shadow:0 30px 76px rgba(15,23,42,.16)!important}
@media(min-width:981px){
  body:has(.brand-tihai) #header .container{min-height:74px!important}
  .brand-tihai .edu-hero-grid{gap:clamp(28px,4vw,58px)!important}
  .brand-tihai .hero-panel{max-width:430px!important;justify-self:end!important}
}
@media(max-width:980px){
  body:has(.brand-tihai){padding-bottom:88px!important}
  body:has(.brand-tihai) #header.navbar{position:sticky!important;top:0!important;z-index:1040!important;padding-top:0!important;padding-bottom:0!important}
  body:has(.brand-tihai) #header .container{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:10px!important;min-height:74px!important;padding-top:10px!important;padding-bottom:10px!important}
  body:has(.brand-tihai) #header .navbar-brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100vw - 94px)!important;padding:0!important;margin:0!important;line-height:1.18!important;white-space:normal!important}
  body:has(.brand-tihai) #header .navbar-brand img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  body:has(.brand-tihai) #header .navbar-brand span{font-size:clamp(16px,4.9vw,20px)!important;line-height:1.18!important;overflow-wrap:anywhere!important}
  body:has(.brand-tihai) #header .navbar-toggler{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:8px!important;border:1px solid rgba(15,23,42,.18)!important;background:linear-gradient(135deg,#07111f,var(--p13-a))!important}
  body:has(.brand-tihai) #header .navbar-toggler-icon{width:20px!important;height:20px!important;filter:brightness(0) invert(1)!important}
  body:has(.brand-tihai) #header .navbar-collapse{position:absolute!important;left:12px!important;right:12px!important;top:calc(100% + 8px)!important;margin-top:0!important;max-height:calc(100vh - 108px)!important;overflow-y:auto!important;box-shadow:0 22px 58px rgba(15,23,42,.20)!important}
  .brand-tihai .edu-hero{padding:30px 0 24px!important;min-height:auto!important}
  .brand-tihai .edu-hero .brand-wrap,
  .brand-tihai .edu-hero-grid{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;margin-left:auto!important;margin-right:auto!important}
  .brand-tihai .edu-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .brand-tihai .eyebrow{max-width:100%!important;min-height:34px!important;padding:7px 13px!important;font-size:13px!important;line-height:1.25!important;white-space:normal!important}
  .brand-tihai .edu-hero h1{font-size:clamp(28px,7.4vw,38px)!important;line-height:1.14!important;max-width:100%!important}
  .brand-tihai .edu-hero p{font-size:15px!important;line-height:1.66!important;max-width:100%!important}
  .brand-tihai .actions{margin-top:18px!important}
  .brand-tihai .actions .brand-btn{min-height:42px!important}
  .brand-tihai .hero-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;margin:2px 0 0!important;justify-self:stretch!important;padding:10px!important;gap:8px!important;overflow:hidden!important}
  .brand-tihai .hero-panel:before{font-size:14px!important;margin:0 0 2px!important}
  .brand-tihai .hero-panel div{min-height:56px!important;padding:9px 10px!important}
  .brand-tihai .hero-panel span{font-size:13px!important;line-height:1.22!important}
  .brand-tihai .hero-panel strong{font-size:18px!important;line-height:1!important}
  .brand-tihai .admission-proof{margin-top:10px!important;margin-bottom:18px!important}
  .brand-tihai .admission-proof-grid{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .brand-tihai .admission-proof-grid>div{min-height:68px!important;padding:12px!important}
  .brand-tihai .section{padding:34px 0!important}
  .brand-tihai .section h2,
  .brand-tihai .campus-address-card h2,
  .brand-tihai .modern-admission-bridge h2{font-size:clamp(22px,6.3vw,27px)!important;line-height:1.22!important}
  .admission-dock{left:10px!important;right:10px!important;bottom:8px!important;max-width:calc(100vw - 20px)!important;padding:7px!important;gap:7px!important;box-sizing:border-box!important}
  .admission-dock a{min-width:0!important;min-height:48px!important;padding:8px 8px!important;border-radius:8px!important}
}
@media(max-width:420px){
  body:has(.brand-tihai) #header .container{min-height:68px!important;padding-top:8px!important;padding-bottom:8px!important}
  body:has(.brand-tihai) #header .navbar-brand img{width:38px!important;height:38px!important;flex-basis:38px!important}
  body:has(.brand-tihai) #header .navbar-brand span{font-size:clamp(15px,4.7vw,18px)!important}
  .brand-tihai .hero-panel{grid-template-columns:1fr!important}
  .brand-tihai .admission-proof-grid{grid-template-columns:1fr!important}
}
/* codex-phase13-mobile-visual-polish end */
