:root{--yst-blue:#1967e8;--yst-blue-dark:#0f4fbf;--yst-blue-soft:#eef5ff;--yst-ink:#17243a;--yst-line:#e4ebf5}
.top-news{display:none!important}
body{background:#f5f7fa;color:var(--yst-ink)}
.header{background:#fff!important;border-bottom:1px solid #edf1f7!important;box-shadow:0 3px 14px rgba(24,61,108,.04)}
.header .navbar-action{display:flex!important;align-items:center!important;gap:20px;height:40px;white-space:nowrap}
.header .navbar-search-icon,.header .navbar-action>a.publish{display:none!important}
.header .navbar-action .navbar-search.yst-header-search{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;inset:auto!important;width:286px!important;height:40px!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.header .navbar-action .yst-header-search .navbar-search-inner{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;height:40px!important;margin:0!important;padding:0!important;border:1px solid #dce5f1!important;border-radius:7px!important;background:#f7f9fc!important;overflow:hidden!important}
.header .navbar-action .yst-header-search .navbar-search-close{display:none!important}
.header .navbar-action .yst-header-search .navbar-search-input{position:static!important;display:block!important;flex:1!important;width:auto!important;height:38px!important;margin:0!important;padding:0 13px!important;border:0!important;background:transparent!important;color:#26364e!important;font-size:14px!important;line-height:38px!important;outline:0!important}
.header .navbar-action .yst-header-search .navbar-search-btn{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:40px!important;margin:-1px!important;padding:0!important;border:0!important;border-radius:0 7px 7px 0!important;background:var(--yst-blue)!important;color:#fff!important;cursor:pointer!important}
.header .navbar-action .yst-header-search .navbar-search-btn:hover{background:var(--yst-blue-dark)!important}
.header .navbar-action .yst-header-search svg{width:19px;height:19px;fill:currentColor!important}
.header #j-user-wrap{display:flex!important;align-items:center!important;align-self:center!important;height:40px!important;margin:0!important}.header #j-user-wrap>a.login{display:inline-flex!important;align-items:center;height:40px;padding:0 6px!important;color:#344054!important;font-size:14px!important}.header #j-user-wrap>a.login.register:before{margin-right:9px;color:#aeb7c4;content:"/"}.header #j-user-wrap .profile{display:flex!important;align-items:center!important;height:40px!important;margin:0!important;padding:0!important;line-height:1!important;list-style:none!important}.header #j-user-wrap .profile>li{display:flex!important;align-items:center!important;height:40px!important;margin:0!important;padding:0!important}.header #j-user-wrap .menu-item-user{display:flex!important;align-items:center!important;gap:9px;height:40px!important;margin:0!important;padding:0 8px 0 0!important;line-height:1.2!important}.header #j-user-wrap .menu-item-avatar{display:flex!important;flex:0 0 34px!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;margin:0!important}.header #j-user-wrap .menu-item-avatar img.avatar,.header #j-user-wrap img.avatar{display:block!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;border-radius:50%!important;object-fit:cover!important}.header #j-user-wrap .menu-item-name{display:flex!important;align-items:center!important;height:34px!important;color:#333b47!important;font-size:14px!important;line-height:1.2!important}.yst-user-avatar-fallback{position:relative;display:block;flex:0 0 34px;width:34px;height:34px;margin:0;border-radius:50%;background:#cfd5dd}.yst-user-avatar-fallback:before{position:absolute;top:6px;left:12px;width:10px;height:10px;border-radius:50%;background:#fff;content:""}.yst-user-avatar-fallback:after{position:absolute;right:6px;bottom:5px;left:6px;height:11px;border-radius:10px 10px 7px 7px;background:#fff;content:""}.header #j-user-wrap .profile .profile-menu,.header #j-user-wrap .user-menu{min-width:144px!important}.header #j-user-wrap .profile .profile-menu a,.header #j-user-wrap .user-menu a{padding:10px 16px!important;color:#3e4856!important}.header #j-user-wrap .profile .profile-menu a:hover,.header #j-user-wrap .user-menu a:hover{background:#f3f7fd!important;color:#1769e9!important}
/* Unified signed-in account control. */
.header #j-user-wrap .profile>li.dropdown{position:relative!important}
.header #j-user-wrap .menu-item-user{min-width:0;padding:3px 7px 3px 4px!important;border:1px solid transparent!important;border-radius:22px!important;color:#344054!important;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.header #j-user-wrap .menu-item-user:hover,.header #j-user-wrap .menu-item-user:focus{border-color:#e3eaf4!important;background:#f5f7fb!important;box-shadow:0 5px 15px rgba(28,55,92,.06)!important;outline:0!important}
.header #j-user-wrap .menu-item-user:before,.header #j-user-wrap .menu-item-user:after{display:none!important;content:none!important}
.header #j-user-wrap .profile>li.dropdown:before,.header #j-user-wrap .profile>li.dropdown:after{display:none!important;content:none!important}
.header #j-user-wrap .menu-item-name{max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.header #j-user-wrap .yst-user-menu-chevron{display:grid;flex:0 0 23px;width:23px;height:23px;margin-left:1px;border-radius:50%;place-items:center;background:#edf2f8;color:#667085;transition:background-color .18s ease,color .18s ease}
.header #j-user-wrap .yst-user-menu-chevron:before{display:block;width:7px;height:7px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";transform:rotate(45deg);transition:transform .18s ease,margin .18s ease}
.header #j-user-wrap .profile>li.dropdown:hover .yst-user-menu-chevron,.header #j-user-wrap .menu-item-user:focus .yst-user-menu-chevron{background:#e1ebfa;color:var(--yst-blue)}
.header #j-user-wrap .profile>li.dropdown:hover .yst-user-menu-chevron:before{margin-top:3px;transform:rotate(225deg)}
.header #j-user-wrap .profile>li.dropdown>.dropdown-menu{right:0!important;left:auto!important;min-width:168px!important;margin-top:8px!important;padding:7px!important;border:1px solid #e5ebf4!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 38px rgba(24,50,88,.14)!important}
.header #j-user-wrap .profile>li.dropdown>.dropdown-menu>li>a{padding:9px 12px!important;border-radius:8px!important;color:#3e4856!important}
.header #j-user-wrap .profile>li.dropdown>.dropdown-menu>li>a:hover{background:#f0f5fd!important;color:var(--yst-blue)!important}
.primary-menu .nav>li>a:hover,.primary-menu .nav>li.active>a{color:var(--yst-blue)!important}

/* Homepage carousel and content cleanup. */
body.home .slider-wrap{display:block!important;height:auto!important;overflow:visible!important}
body.home .slider-wrap .feature-post,body.home .topic-recommend{display:none!important}
body.home .slider-wrap .main-slider{float:none!important;width:100%!important;height:386px!important;border-radius:12px!important;overflow:hidden!important;background:#06111f;box-shadow:0 18px 45px rgba(6,24,43,.16)}
body.home .slider-wrap .main-slider .swiper-wrapper,body.home .slider-wrap .main-slider .swiper-slide,body.home .slider-wrap .main-slider .swiper-slide>a{height:100%!important}
body.home .slider-wrap .main-slider .swiper-slide>a{display:block;position:relative}
body.home .slider-wrap .main-slider .swiper-slide>a:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.82) 30%,rgba(255,255,255,.28) 54%,rgba(255,255,255,0) 74%);pointer-events:none}
body.home .slider-wrap .main-slider img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.home .slider-wrap .main-slider .slide-title{left:46px!important;right:auto!important;bottom:42px!important;z-index:4!important;width:auto!important;height:auto!important;min-height:0!important;max-width:48%!important;max-height:none!important;margin:0!important;padding:4px 0 8px 18px!important;border-left:4px solid var(--yst-blue)!important;background:none!important;color:#172b4d!important;font-size:29px!important;font-weight:650!important;line-height:1.35!important;letter-spacing:.01em!important;white-space:normal!important;overflow:visible!important;text-shadow:none!important}
body.home .slider-wrap .main-slider .slide-title a{display:block!important;color:#172b4d!important;line-height:inherit!important;overflow:visible!important}
body.home .slider-wrap .main-slider .swiper-pagination{bottom:19px!important;text-align:left;padding-left:46px}
body.home .slider-wrap .main-slider .swiper-pagination-bullet{width:23px;height:4px;border-radius:4px;background:#9aa9bc;opacity:.56}
body.home .slider-wrap .main-slider .swiper-pagination-bullet-active{opacity:1;background:var(--yst-blue)}
body.home .slider-wrap .main-slider .swiper-button-prev,body.home .slider-wrap .main-slider .swiper-button-next{width:42px;height:42px;margin-top:-21px;border:1px solid rgba(211,222,236,.85);border-radius:50%;background:rgba(255,255,255,.78);color:#2f67aa;box-shadow:0 8px 22px rgba(45,82,126,.11);backdrop-filter:blur(8px)}
body.home .main-list .j-newslist .tab:not(:first-child){display:none!important}
body.home .main-list .item-meta>.author,body.home .main-list .item-meta>a.item-meta-li{display:none!important}
body.home .main-list .j-newslist .tab:first-child a{color:var(--yst-blue)!important;font-weight:600}
body.home .main-list .tab-underscore{background:var(--yst-blue)!important}
body.home .main-list{border-radius:10px;box-shadow:0 8px 24px rgba(20,66,130,.04)}

/* Course center. */
body.yst-course-center-page{background:#f3f6fa}
body.yst-course-center-page #wrap>.wrap.container{width:min(1500px,calc(100% - 48px))!important;max-width:1500px!important;padding:0!important}
body.yst-course-center-page #wrap .breadcrumb,body.yst-course-center-page #wrap>.wrap>.sidebar,body.yst-course-center-page .entry-head{display:none!important}
body.yst-course-center-page #wrap .main{float:none!important;width:100%!important;margin:0!important}
body.yst-course-center-page article.entry,body.yst-course-center-page .entry-main,body.yst-course-center-page .entry-content{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.yst-course-center-page article.entry{overflow:visible!important}
.yst-course-center{display:grid;grid-template-columns:182px minmax(0,1fr);gap:26px;padding:35px 0 54px;color:#20252b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.yst-course-categories{align-self:start;overflow:hidden;border:1px solid var(--yst-blue);border-radius:12px;background:#fff}
.yst-course-categories button{display:block;width:100%;height:51px;padding:0 12px;border:0;border-bottom:1px solid #e9ecee;background:#fff;color:#20252b;font-size:17px;line-height:51px;text-align:center;cursor:pointer;transition:.18s ease}
.yst-course-categories button:last-child{border-bottom:0}.yst-course-categories button:hover,.yst-course-categories button.is-active{color:var(--yst-blue);background:var(--yst-blue-soft)}
.yst-course-main{min-width:0}.yst-course-toolbar{display:flex;align-items:center;justify-content:space-between;height:50px;margin-bottom:22px;padding:0 14px;border-radius:6px;background:#fff}
.yst-course-sort{display:flex;align-items:center;gap:5px;color:#7a8086;font-size:16px}.yst-course-sort button{padding:0;border:0;background:none;color:#30353a;cursor:pointer}.yst-course-sort button.is-active{color:var(--yst-blue)}
.yst-course-toolbar select{min-width:124px;height:38px;padding:0 34px 0 12px;border:0;background:#fff;color:var(--yst-blue);font-size:15px;outline:0;cursor:pointer}
.yst-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}.yst-course-card{min-width:0;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.02);transition:transform .2s ease,box-shadow .2s ease}.yst-course-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(20,61,112,.13)}.yst-course-card[hidden]{display:none!important}
.yst-course-cover{position:relative;display:block;overflow:hidden;aspect-ratio:1.6;background:#0b1a35}.yst-course-cover:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(4,12,30,.3),rgba(4,12,30,.02) 55%,rgba(4,12,30,.18))}.yst-course-cover img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .35s ease}.yst-course-card:hover .yst-course-cover img{transform:scale(1.035)}
.yst-course-cover-copy{position:absolute;z-index:2;left:28px;right:24px;top:50%;transform:translateY(-50%);color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.5)}.yst-course-cover-copy b,.yst-course-cover-copy small{display:block}.yst-course-cover-copy b{font-size:34px;font-weight:750;letter-spacing:.02em}.yst-course-cover-copy small{margin-top:9px;font-size:17px;color:rgba(255,255,255,.88)}
.yst-course-card-body{padding:20px 11px 15px}.yst-course-card h2{height:48px;margin:0 0 14px;font-size:19px;font-weight:400;line-height:1.35;overflow:hidden}.yst-course-card h2 a{color:#25292e}.yst-course-card h2 a:hover{color:var(--yst-blue)}.yst-course-teacher{height:24px;margin:0 0 12px;color:#626970;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yst-course-teacher strong{color:#2d3338;font-weight:500}.yst-course-teacher span{margin-left:5px;color:#9aa0a5}.yst-course-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#92999f;font-size:13px}.yst-course-price{color:#171b1f}.yst-course-price em{color:#ff3f35;font-style:normal}.yst-course-empty{padding:70px 20px;border-radius:12px;background:#fff;color:#8a9298;text-align:center;font-size:16px}

/* Course detail generated from course introduction and curriculum. */
body.yst-course-detail-page .entry-content{font-size:16px;line-height:1.85}.yst-course-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0;padding:18px;border-radius:12px;background:var(--yst-blue-soft)}.yst-course-detail-summary div{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.yst-course-detail-summary span{color:#71829a;font-size:13px}.yst-course-detail-summary strong{color:#18345f;font-size:17px}.yst-course-curriculum{margin-top:28px}.yst-course-curriculum>h2{margin-bottom:16px}.yst-course-chapter{margin-bottom:12px;padding:16px 18px;border:1px solid var(--yst-line);border-radius:10px;background:#fff}.yst-course-chapter h3{display:flex;align-items:center;gap:10px;margin:0;font-size:17px}.yst-course-chapter h3 span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--yst-blue);color:#fff;font-size:12px}.yst-course-chapter ul{margin:12px 0 0 42px;padding:0;color:#5d6c80}.yst-course-chapter li{margin:7px 0}

@media(max-width:1239px){.header .navbar-action .navbar-search.yst-header-search{width:230px!important}body.home .slider-wrap .main-slider{height:340px!important}.yst-course-center{grid-template-columns:165px minmax(0,1fr);gap:20px}.yst-course-grid{gap:18px}.yst-course-cover-copy b{font-size:27px}.yst-course-cover-copy small{font-size:15px}}
@media(max-width:991px){.header .navbar-action{flex-wrap:wrap}.header .navbar-action .navbar-search.yst-header-search{order:5;width:100%!important;margin-top:8px!important}body.home .slider-wrap .main-slider{height:320px!important}.yst-course-center{grid-template-columns:1fr;padding-top:24px}.yst-course-categories{display:flex;overflow-x:auto;border:0;border-radius:8px}.yst-course-categories button{min-width:120px;height:46px;border-right:1px solid #e9ecee;border-bottom:0;line-height:46px}.yst-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body.home .slider-wrap .main-slider{height:230px!important;border-radius:8px!important}body.home .slider-wrap .main-slider .slide-title{left:22px!important;bottom:32px!important;max-width:80%;font-size:20px!important}body.home .slider-wrap .main-slider .swiper-pagination{bottom:12px!important;padding-left:22px}.yst-course-center{padding:18px 0 36px}.yst-course-toolbar{margin-bottom:14px}.yst-course-grid{grid-template-columns:1fr;gap:14px}.yst-course-cover{aspect-ratio:1.7}.yst-course-cover-copy{left:24px}.yst-course-cover-copy b{font-size:30px}body.yst-course-center-page #wrap>.wrap.container{width:calc(100% - 24px)!important}.yst-course-detail-summary{grid-template-columns:1fr}}
