/* Home page preview — the supplied visual is used as the canvas; live controls remain mapped above it. */
body.home-redesign-active,
body.home-redesign-active uni-page,
body.home-redesign-active uni-page-body,
body.home-redesign-active #app{background:#061c31!important;min-height:100%!important}
html:has(body.home-redesign-active),
body.home-redesign-active{height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important}
body.home-redesign-active #app{position:relative!important;min-height:max(211.1vw,100dvh)!important;height:auto!important}
body.home-redesign-active uni-page-body{display:none!important}
body.home-redesign-active #home-reimagined{position:absolute;z-index:8;top:0;left:50%;width:100%;max-width:620px;min-height:211.1vw;margin:0;transform:translateX(-50%);padding-bottom:72px;background:#061c31 url('/home-ui-final.png?v=3') center top/100% auto no-repeat;box-sizing:border-box}
body.home-redesign-active #home-reimagined:after{content:"";position:absolute;z-index:1;top:89%;right:0;bottom:0;left:0;background:#06182a}
body.home-redesign-active #home-reimagined .hr-action{position:absolute;z-index:2;display:block;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
body.home-redesign-active #home-reimagined .hr-search{display:none!important}
/* Top search/notice, the four capability cards, continuation card, and the three featured cards. */
body.home-redesign-active #home-reimagined .hr-search{top:1.6%;right:2%;width:42%;height:3.7%}
body.home-redesign-active #home-reimagined .hr-notice{top:1.5%;left:50%;width:8%;height:4%}
body.home-redesign-active #home-reimagined .hr-capability{top:34.2%;height:13%;width:24%}
body.home-redesign-active #home-reimagined .hr-capability.one{left:1%}.hr-capability.two{left:26%}.hr-capability.three{left:50%}.hr-capability.four{left:75%}
body.home-redesign-active #home-reimagined .hr-learning{top:49%;left:4%;width:92%;height:17%}
body.home-redesign-active #home-reimagined .hr-feature{top:70.5%;height:18%;width:30%}
body.home-redesign-active #home-reimagined .hr-feature.one{left:3.5%}.hr-feature.two{left:35%}.hr-feature.three{left:66.5%}
body.home-redesign-active uni-tabbar{position:fixed!important;z-index:30!important;bottom:0!important;left:50%!important;width:min(100%,620px)!important;height:70px!important;transform:translateX(-50%)!important;background:#071d31!important;opacity:1!important;box-shadow:0 -8px 24px #03101d55!important}
body.home-redesign-active .uni-tabbar{height:70px!important;background:linear-gradient(90deg,#06182a,#0c2b45,#06182a)!important;border:0!important;box-shadow:inset 0 1px #d7b76d44!important}
body.home-redesign-active .uni-tabbar__item{opacity:1!important;color:#d7c7a4!important;font-family:"Microsoft YaHei","PingFang SC",sans-serif!important}
body.home-redesign-active .uni-tabbar__item .uni-tabbar__label{color:#d7c7a4!important;font-size:11px!important}
body.home-redesign-active .uni-tabbar__item:first-child .uni-tabbar__label{color:#efcb78!important;font-weight:600!important}
body.home-redesign-active .uni-tabbar__item img{filter:grayscale(1) sepia(.4) saturate(.75) brightness(1.4)!important}
body.home-redesign-active .uni-tabbar__item:first-child img{filter:sepia(.6) saturate(1.1) brightness(1.2)!important}
@media(min-width:621px){body.home-redesign-active #home-reimagined{min-height:1308px!important}}

/* Static course banner: the original course typography is preserved as live text. */
body.home-redesign-active #home-reimagined .hr-learning-card{position:absolute;z-index:2;top:49%;left:4%;width:92%;height:17%;overflow:hidden;border-radius:12px;background:#071e33 url('/home-learning-banner.png') center/cover no-repeat;box-shadow:0 5px 14px #020b1455;pointer-events:none}
body.home-redesign-active #home-reimagined .hr-learning-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02152ddd 0%,#071a2a77 48%,transparent 76%)}
body.home-redesign-active #home-reimagined .hr-learning-copy{position:absolute;z-index:1;left:50%;top:17%;width:86%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff8e6;text-shadow:0 2px 7px #020c19;letter-spacing:.04em;font-family:"STKaiti","KaiTi","Microsoft YaHei",serif}
body.home-redesign-active #home-reimagined .hr-learning-copy strong{font-size:clamp(22px,6.25vw,35px);line-height:1.04;font-weight:800;letter-spacing:.1em;-webkit-text-stroke:.35px #fff0c8;text-shadow:0 2px 0 #0a1d2e,0 4px 11px #020813cc}
body.home-redesign-active #home-reimagined .hr-learning-copy span{margin-top:6px;font-size:clamp(12px,3.1vw,18px);font-weight:700;letter-spacing:.08em;color:#fff6df;white-space:nowrap;text-shadow:0 2px 8px #06111ecc}
body.home-redesign-active #home-reimagined .hr-learning-copy small{margin-top:8px;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(9px,2.25vw,13px);font-weight:600;letter-spacing:.06em;color:#f2dca8;white-space:nowrap;text-shadow:0 1px 6px #06111ecc}