/* Homepage learning overview v6: one primary action card plus two distinct secondary cards. */
.home-learning-overview{display:grid;gap:24px;margin:26px 0 34px}
@media(min-width:1024px){
.home-learning-overview{display:block;position:relative}.home-service-desktop{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:292px 238px!important;gap:24px!important}.home-service-mobile{display:none!important}
.desktop-service-banner{position:relative;overflow:hidden;border:1px solid #dbe4ea;border-radius:20px;cursor:pointer;box-shadow:0 18px 45px -34px rgba(9,35,59,.42);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.desktop-service-banner:hover,.about-home-banner:hover{transform:translateY(-2px);border-color:#b9c8d2;box-shadow:0 22px 50px -34px rgba(9,35,59,.52)}
.home-learning-overview .home-service-desktop .desktop-service-banner-tasks{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(340px,42%) minmax(0,1fr) auto!important;min-height:292px!important;height:292px!important;align-items:center!important;color:#fff;background:#0c2946!important}
.desktop-service-banner-tasks:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,36,.08) 0 37%,rgba(8,29,50,.74) 56%,#0c2946 78%);pointer-events:none}
.desktop-service-banner-tasks .desktop-service-banner-art{position:absolute;inset:0;width:62%;height:100%!important;background-position:center!important;background-size:cover!important}.desktop-service-banner-art>span{display:none}
.desktop-service-banner-copy{position:relative;z-index:1;grid-column:2;align-self:center!important;padding:44px 36px!important}.desktop-service-kicker{color:#d4af67!important;font-size:11px!important;letter-spacing:.18em!important}.desktop-service-banner-copy h3{max-width:510px;margin:12px 0 10px!important;color:#fff!important;font-size:30px!important;line-height:1.22!important}.desktop-service-banner-copy p{max-width:520px;margin:0!important;color:rgba(233,242,248,.76)!important;font-size:14px!important;line-height:1.75!important}
.desktop-service-banner-status{position:relative;z-index:1;grid-column:3;display:flex!important;min-width:190px;height:100%;padding:44px 34px 44px 4px!important;flex-direction:column;align-items:stretch!important;justify-content:flex-end!important;gap:18px}.service-live{justify-content:flex-start!important;color:#dbe8ee!important;font-size:12px!important}.service-primary{min-height:48px!important;padding:0 20px!important;border-radius:10px!important}
.home-learning-overview .home-service-desktop .desktop-service-banner-growth{grid-column:1!important;display:flex!important;min-height:238px!important;height:238px!important;padding:30px 32px!important;flex-direction:column;align-items:stretch!important;background:#fff!important}.desktop-service-banner-growth .desktop-service-banner-art{display:none!important}.desktop-growth-head{display:flex!important;padding:0!important;align-items:center!important;justify-content:space-between!important}.desktop-growth-head .service-icon{width:42px!important;height:42px!important}.desktop-growth-head>div{flex:1;margin-left:13px}.desktop-growth-head small{color:#a47b39!important;font-size:9px!important;letter-spacing:.16em}.desktop-growth-head h3{margin:4px 0 0!important;color:#173650!important;font-size:22px!important}.desktop-growth-metric{display:flex!important;margin-top:22px;align-items:baseline!important;gap:8px!important}.desktop-growth-metric strong{color:#153650!important;font-size:46px!important;line-height:1!important}.desktop-growth-metric span{color:#6f8190!important;font-size:13px!important}.desktop-growth-metric b{margin-left:auto;color:#a9782c!important;font-size:22px!important}.desktop-growth-progress{display:block!important;height:8px!important;margin-top:18px!important;overflow:hidden;border-radius:999px;background:#e8edf0}.desktop-growth-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b98b42,#d4ad67)}.desktop-service-banner-growth>p{display:block!important;margin:14px 0 0!important;overflow:hidden;color:#748491!important;font-size:11px!important;line-height:1.5!important;text-overflow:ellipsis;white-space:nowrap}.desktop-service-banner-growth>.service-link{display:flex!important;min-height:44px;margin-top:auto!important;padding:0!important;align-items:flex-end!important;justify-content:flex-start!important;color:#193f5d!important;font-size:12px!important}
.about-home-banner{position:absolute!important;right:0!important;bottom:0!important;width:calc(50% - 12px)!important;grid-column:auto!important;display:grid!important;grid-template-columns:42% minmax(0,1fr)!important;min-height:238px!important;height:238px!important;margin:0!important;overflow:hidden;border:1px solid #dbe4ea!important;border-radius:20px!important;background:#fff!important;box-shadow:0 18px 45px -34px rgba(9,35,59,.42)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.about-home-banner-art{min-height:238px!important;height:238px!important}.about-home-banner-art img{object-position:center!important}.about-home-banner-copy{display:flex;padding:30px 28px!important;flex-direction:column;justify-content:center}.about-home-banner-copy .eyebrow{color:#a47b39!important;font-size:9px!important;letter-spacing:.16em}.about-home-banner-copy h2{margin:10px 0 10px!important;color:#173650!important;font-size:22px!important;line-height:1.3!important}.about-home-banner-copy p{margin:0!important;color:#748491!important;font-size:12px!important;line-height:1.65!important}.about-home-banner-arrow{position:absolute!important;right:24px!important;bottom:24px!important;display:flex!important;width:auto!important;min-width:112px!important;height:44px!important;margin:0!important;padding:0 14px!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#eef3f6!important;color:#1d4865!important;font-size:0!important}.about-home-banner-arrow:before{content:"了解我们";font-size:12px}.about-home-banner-arrow:after{content:" →";margin-left:7px;font-size:14px}
}
@media(max-width:1023px){
.home-learning-overview{display:grid;gap:12px;margin:16px 0 24px}.home-service-desktop{display:none!important}.home-service-mobile{display:grid!important;gap:12px!important}.mobile-service-banner{position:relative!important;display:grid!important;height:auto!important;min-height:0!important;overflow:hidden;border:1px solid #d9e3e9!important;border-radius:16px!important;background:#fff!important;grid-template-columns:minmax(0,1fr)!important;box-shadow:0 14px 30px -26px rgba(9,35,59,.45)}.mobile-service-banner-art{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:19/10;background-position:center 36%!important;background-size:cover!important}.mobile-service-banner-art>span{display:none}.mobile-service-banner-copy{padding:17px 18px 18px!important}.mobile-service-banner-copy small{color:#9b7235!important;font-size:9px!important;letter-spacing:.12em}.mobile-service-banner-copy h3{margin:6px 0 6px!important;color:#173650!important;font-size:18px!important;line-height:1.35!important}.mobile-service-banner-copy p{margin:0!important;color:#718391!important;font-size:11px!important}.mobile-service-banner-arrow{position:absolute!important;right:16px!important;bottom:18px!important;display:grid!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#edf3f6!important;color:#173f5d!important;place-items:center}.mobile-service-banner-tasks{background:#0c2946!important}.mobile-service-banner-tasks:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 45%,rgba(8,27,47,.95) 72%,#0c2946 100%)}.mobile-service-banner-tasks .mobile-service-banner-copy,.mobile-service-banner-tasks .mobile-service-banner-arrow{z-index:1}.mobile-service-banner-tasks .mobile-service-banner-copy small{color:#d8b56f!important}.mobile-service-banner-tasks .mobile-service-banner-copy h3{color:#fff!important}.mobile-service-banner-tasks .mobile-service-banner-copy p{color:#cbdce7!important}.mobile-service-banner-tasks .mobile-service-banner-arrow{background:#fff!important}.mobile-service-banner-growth .mobile-service-banner-art{display:none!important}.mobile-service-banner-growth{min-height:154px!important}.mobile-service-banner-growth .mobile-service-banner-copy{padding:22px 58px 22px 20px!important}.mobile-service-banner-growth .mobile-service-banner-copy h3{font-size:20px!important}.mobile-service-banner-growth .mobile-service-banner-copy p{margin-top:14px!important;font-size:12px!important}.about-home-banner{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;display:grid!important;grid-template-columns:42% minmax(0,1fr)!important;min-height:164px!important;height:164px!important;margin:0!important;border-radius:16px!important}.about-home-banner-art{min-height:164px!important;height:164px!important}.about-home-banner-copy{padding:18px 14px!important}.about-home-banner-copy .eyebrow{font-size:8px!important}.about-home-banner-copy h2{margin:7px 0!important;font-size:16px!important;line-height:1.35!important}.about-home-banner-copy p{display:-webkit-box;overflow:hidden;font-size:10px!important;line-height:1.55!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}.about-home-banner-arrow{position:absolute!important;right:14px!important;bottom:14px!important;display:grid!important;width:36px!important;height:36px!important;margin:0!important;border-radius:50%!important;background:#edf3f6!important;color:#173f5d!important;font-size:0!important;place-items:center}.about-home-banner-arrow:after{content:'›';font-size:18px}
}