/* ZZBS portal, 2026-10-29. Scoped presentation; source content remains readable without JS. */
:root{--ink:#213744;--brand:#23576b;--brand-dark:#183e4d;--muted:#657783;--line:#dce5e9;--soft:#f2f6f8;--paper:#fff}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body.es-page{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 'Microsoft YaHei','PingFang SC',Arial,sans-serif;-webkit-text-size-adjust:100%}
.es-page *,.es-page *::before,.es-page *::after{box-sizing:border-box}
.es-page [hidden]{display:none!important}
.es-page a{color:inherit;text-decoration:none}
.es-page a:hover{color:var(--brand)}
.es-page a:focus-visible,.es-page button:focus-visible,.es-page input:focus-visible,.es-page select:focus-visible,.es-page textarea:focus-visible{outline:3px solid #78a5b9;outline-offset:4px}
.es-page img{max-width:100%}
.es-page button,.es-page input,.es-page select,.es-page textarea{font:inherit}
.es-wrap{width:min(1200px,calc(100% - 56px));margin-inline:auto;min-width:0}
.es-utility{background:var(--soft);color:var(--muted);font-size:12px;border-bottom:1px solid #e9eff2}
.es-utility>.es-wrap{display:flex;justify-content:space-between;gap:20px;padding-block:6px}
.es-header{display:flex;align-items:center;gap:30px;padding-block:20px;min-height:118px}
.es-brand{display:flex;align-items:center;gap:20px;flex:0 0 auto;min-width:0}
.es-brand img{display:block;width:235px;height:auto}
.es-brand strong{padding-left:20px;border-left:1px solid var(--line);font-size:27px;font-weight:700;line-height:1.4;white-space:nowrap;letter-spacing:.03em}
.es-nav{display:flex;align-items:center;gap:25px;margin-left:auto;flex-shrink:0}
.es-nav a{font-size:16px;font-weight:700;line-height:1.6;white-space:nowrap;padding:18px 0 12px;border-bottom:3px solid transparent;transition:color .18s,border-color .18s}
.es-nav a[aria-current]{border-color:var(--brand);color:var(--brand)}
.es-phone{color:var(--brand)!important;white-space:nowrap;font-size:21px;font-weight:700;line-height:1.5}
.es-phone small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.es-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:450px;background:var(--soft)}
.es-hero-image{position:absolute;z-index:-2;inset:0 0 0 27%;width:73%;height:100%;object-fit:cover;object-position:58% 50%}
.es-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f2f6f8 0%,#f2f6f8 25%,#f2f6f8f0 36%,#f2f6f8a8 47%,#f2f6f814 68%,transparent 84%)}
.es-hero-inner{position:relative;display:flex;align-items:center;min-height:450px;padding-block:42px}
.es-hero-copy{max-width:530px;animation:zb-entrance .65s ease-out both}
.es-kicker{display:block;margin-bottom:17px;color:var(--brand);font-size:12px;letter-spacing:.15em;font-weight:700;line-height:1.8}
.es-hero h1{margin:0 0 22px;font-size:46px;line-height:1.4;font-weight:700;letter-spacing:-.025em}
.es-hero p{max-width:455px;margin:0 0 28px;color:#526977;font-size:17px;line-height:1.9}
.es-button,.es-registration button,.zb-search button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;padding:12px 25px;border:1px solid var(--brand);background:var(--brand);color:#fff!important;cursor:pointer;font-size:16px;font-weight:700;line-height:1.6;transition:background .18s,transform .18s}
.es-button:hover,.es-registration button:hover,.zb-search button[type=submit]:hover{background:var(--brand-dark);transform:translateY(-2px)}
.es-section{padding-top:56px;scroll-margin-top:28px}
.es-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:21px}
.es-section-head h2{margin:0;padding-left:15px;border-left:4px solid var(--brand);font-size:29px;line-height:1.4}
.es-section-head>a{flex-shrink:0;color:var(--brand);font-size:14px;font-weight:700}
.es-note{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.9}
.es-crumb{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;white-space:nowrap;padding-block:23px;color:var(--muted);font-size:13px;line-height:1.8}
.es-crumb>a{flex:0 0 auto;color:var(--brand)}
.es-crumb>[aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis}
.es-directory{padding-top:17px}
.es-directory>h1{margin:0 0 25px;font-size:34px;line-height:1.5}
.es-directory>.es-note{margin-top:22px}
.es-filters{display:flex;flex-wrap:wrap;gap:10px 27px;margin:25px 0 33px;padding-block:17px;border-block:1px solid var(--line)}
.es-filters a{padding-block:3px;color:var(--brand);font-size:15px;line-height:1.8;transition:color .16s,box-shadow .16s}
.es-filters a:hover,.es-filters a[aria-current]{box-shadow:inset 0 -1px var(--brand)}
.zb-filterbar{position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-block:18px}
.zb-filterbar .es-filters{margin:0;border:0;padding-block:0}
.zb-search{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:0;min-width:0}
.zb-search>label{display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:14px;font-weight:700;min-width:0;flex:1 1 340px}
.zb-search>label:has(select){flex:0 1 220px}
.zb-search input,.zb-search select{height:50px;min-width:0;width:100%;padding:10px 14px;border:1px solid #aebfc8;border-radius:0;background:#fff;color:var(--ink);font-size:16px;font-weight:400;line-height:1.8}
.zb-search input::placeholder{color:#7b8d97;opacity:1}
.zb-search select{padding-right:30px}
.zb-search>input{flex:1 1 340px}
.zb-search>select{flex:0 1 220px}
.zb-search button{height:50px;flex:0 0 auto}
#zb-clear,.zb-clear{border:1px solid #bdcbd2;background:#fff;color:var(--brand);padding:10px 20px;cursor:pointer;font-size:15px;transition:background .18s}
#zb-clear:hover,.zb-clear:hover{background:var(--soft)}
#zb-status{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.9}
.zb-empty{margin:24px 0;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.zb-schools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line)}
.zb-schools [data-zb-schoollink]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0;border-bottom:1px solid var(--line);font-size:17px;font-weight:700;line-height:1.65;min-width:0}
.zb-schools [data-zb-schoollink]::after{content:'\2197';flex-shrink:0;color:var(--brand);transition:transform .18s}
.zb-schools [data-zb-schoollink]:hover::after{transform:translate(2px,-2px)}
.es-course-group,[data-zb-group]{min-width:0;scroll-margin-top:110px;margin-top:38px}
.es-course-group .es-section-head h2{font-size:23px;border:0;padding:0}
.es-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;margin:0;padding:0;list-style:none}
.es-catalog>dd,.es-catalog>li,.es-catalog>[data-zb-course]{margin:0;min-width:0;border-bottom:1px solid var(--line);padding:0 0 25px;list-style:none}
.es-catalog .row-data{display:flex;flex-direction:column;height:100%;gap:4px;min-width:0}
.es-catalog h3{margin:0 0 12px;font-size:18px;line-height:1.75;font-weight:700;overflow-wrap:anywhere}
.es-catalog h3 a{display:inline}
.es-catalog .row-img,.es-catalog .clearfix{display:none}
.es-catalog .row-time,.es-catalog .row-place,.es-catalog .row-fee,.es-catalog .row-system,.es-catalog .zb-meta{color:var(--muted);font-size:14px;line-height:1.9}
.es-catalog .row-system{margin-bottom:12px}
.es-catalog .jz-info{display:flex;gap:23px;margin-top:auto;padding-top:11px;font-size:14px}
.es-catalog .jz-info a{color:var(--brand);font-weight:700;border-bottom:1px solid #b4c7d0}
.es-catalog .jz-info a[href='']{display:none}
.es-news>ul{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin:0;padding:0;list-style:none}
.es-news>ul>li{border-top:1px solid var(--line);padding:18px 0;min-width:0}
.es-news li a{display:block;line-height:1.85}
.es-news time{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.es-news-output ul{list-style:none;margin:0;padding:0}
.es-news-output li{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}
.es-news-output li a{line-height:1.9}
.es-news-output li span{flex-shrink:0;white-space:nowrap;color:var(--muted);font-size:13px}
.es-news-output select,.es-news-output input{max-width:100%}
.es-news-output a:hover{text-decoration:underline}
.es-original-list{width:auto!important;max-width:100%;float:none!important;min-width:0;margin:0!important;padding:0!important;overflow-wrap:anywhere}
.es-original-list .content,.es-original-list .content-left,.es-original-list .contentbox,.es-original-list .college_intro,.es-original-list .coll_list,.es-original-list .news_list,.es-original-list .inner{width:auto!important;max-width:100%!important;float:none!important;height:auto!important;min-height:0!important;margin-inline:0!important;padding-inline:0!important;background:transparent!important;overflow:visible!important}
.es-original-list .content-right,.es-original-list .current-place,.es-original-list #place-phone,.es-original-list .course-classify{display:none!important}
.es-original-list .coll_intro{margin:0 0 28px!important;padding:0!important;font-size:16px;line-height:1.9;color:var(--muted)}
.es-original-list .coll-tit{font-size:23px!important;font-weight:700;color:var(--ink);margin:0 0 16px!important}
.es-original-list .coll_list{margin:32px 0!important}
.es-original-list .coll_list>h1,.es-original-list .coll_list>h2{font-size:23px;line-height:1.65;margin:0 0 18px;color:var(--ink)}
.es-original-list .coll_list ul{margin:0;padding:0;list-style:none;font-size:16px;font-weight:400}
.es-original-list .coll_list li{padding:18px 0;border-bottom:1px solid var(--line);line-height:1.9}
.es-original-list .coll_list li img{width:auto!important;max-width:180px!important;height:auto!important;max-height:120px;object-fit:cover;margin-bottom:10px}
.es-original-list .news_list>h3,.es-original-list .content-left>h3{display:none}
.es-original-list .content-left-list1,.es-original-list .content-left-list2{margin:0!important;padding:0!important;list-style:none}
.es-original-list .content-left-list1>li,.es-original-list .content-left-list2>li{margin:0!important;padding:18px 0!important;border-bottom:1px solid var(--line);font-size:16px;line-height:1.9;background:none!important;list-style:none;min-width:0;float:none!important;width:auto!important;height:auto!important}
.es-original-list .content-left-list1 a,.es-original-list .content-left-list2 a{max-width:100%;white-space:normal!important;line-height:1.9!important;height:auto!important;overflow:visible!important;text-overflow:clip!important}
.es-original-list .content-left-list1 span,.es-original-list .content-left-list2 span{color:var(--muted);font-size:13px}
.es-original-list .lib_Contentbox,.es-original-list .lib_Contentbox>div,.es-original-list .menu_list>ul{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}
.es-original-list table{max-width:100%;border-collapse:collapse}
.es-original-list th,.es-original-list td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:15px;line-height:1.8}
.es-original-list th{font-weight:700;background:var(--soft)}
.es-original-list #fenye,.es-original-list #pagelist,.es-original-list .showpage,.es-original-list .pages,.es-news-output #pagelist{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;float:none!important;width:100%!important;height:auto!important;margin:25px 0!important;padding:0!important;white-space:normal!important;color:var(--muted);font-size:14px;line-height:1.8}
.es-original-list #fenye a,.es-original-list #pagelist a,.es-original-list .showpage a,.es-original-list .pages a{padding:5px 8px;min-width:30px;min-height:36px;border:1px solid var(--line);color:var(--brand)}
.es-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:42px;align-items:start}
.es-article,.es-original-detail{width:auto!important;max-width:100%;float:none!important;min-width:0}
.es-article>h1,.es-article-title{font-size:32px;line-height:1.65;font-weight:700;margin:12px 0 24px;overflow-wrap:anywhere}
.content-info{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:26px;font-size:13px;line-height:1.9;color:var(--muted)}
.es-body{min-width:0;max-width:100%;overflow-x:auto;overflow-wrap:anywhere;font-size:17px;line-height:1.95}
.es-body *{max-width:100%!important}
.es-body #MyContent{width:100%!important;max-width:100%!important;float:none!important;min-width:0}
.es-body img{max-width:100%!important;height:auto!important}
.es-body table{max-width:100%;display:block;overflow-x:auto}
.es-body iframe,.es-body video{max-width:100%;height:auto}
.es-sidebar{min-width:0;border-top:3px solid var(--brand);padding-top:20px;margin-top:12px}
.es-sidebar h2{font-size:19px;line-height:1.7;margin:0 0 14px}
.es-sidebar ul{list-style:none;padding:0;margin:0 0 20px}
.es-sidebar li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.es-contact{margin-top:28px;padding:24px;background:var(--soft)}
.es-contact small{display:block;color:var(--muted)}
.es-contact a{font-size:20px;font-weight:700;color:var(--brand)}
.es-article-end{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-block:1px solid var(--line);margin:35px 0;font-size:14px;line-height:1.8;color:var(--brand)}
.es-article-end a{min-width:0;overflow-wrap:anywhere}
.es-registration{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;background:var(--soft);padding:42px;margin:60px 0}
.es-registration h2{margin:0 0 15px;font-size:26px;line-height:1.5}
.es-registration p{color:var(--muted);font-size:14px;line-height:1.9}
.es-registration>div>a{color:var(--brand);font-size:22px;font-weight:700}
.es-registration form{display:grid;grid-template-columns:1fr 1fr;gap:17px;min-width:0}
.es-registration label{display:block;min-width:0;font-size:14px;line-height:1.8;font-weight:700}
.es-registration label em{font-style:normal;color:var(--brand)}
.es-registration label small{font-weight:400;color:var(--muted)}
.es-registration input,.es-registration textarea{display:block;width:100%;min-width:0;border:1px solid #bacbd3;border-radius:0;background:#fff;padding:10px 12px;margin-top:7px;font-size:16px;line-height:1.8;color:var(--ink)}
.es-registration textarea{min-height:104px;resize:vertical}
.es-full{grid-column:1/-1}
.es-registration .es-form-note{margin:0;font-size:12px}
.es-article .es-registration{display:block;padding:28px;margin-top:38px}
.es-article .es-registration>div{margin-bottom:23px}
.es-footer{padding:28px 0 40px;border-top:1px solid var(--line);text-align:center;font-size:12px;line-height:1.9;color:var(--muted)}
.es-footer p{margin:4px 0}
.es-footer .footer{width:auto!important;min-width:0!important;background:transparent!important;float:none!important;margin:0!important;padding:0!important}
.es-mobilebar{display:none}
.es-empty{padding:30px 0;color:var(--muted)}
.zb-reveal-ready{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}
.zb-reveal-ready.zb-in-view{opacity:1;transform:translateY(0)}
@keyframes zb-entrance{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){
 .es-header{gap:20px;min-height:104px}.es-brand{gap:15px}.es-brand img{width:190px}.es-brand strong{font-size:25px;padding-left:15px}.es-nav{gap:21px}.es-phone{display:none}
 .es-article-grid{grid-template-columns:minmax(0,1fr) 235px;gap:28px}.zb-schools{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 html{scroll-padding-top:20px}.es-wrap{width:calc(100% - 36px)}.es-utility span{display:none}.es-utility>.es-wrap{padding-block:5px}
 .es-header{flex-wrap:wrap;gap:10px;padding-block:13px;min-height:0}.es-brand{width:100%;justify-content:space-between;gap:12px}.es-brand img{width:190px}.es-brand strong{font-size:24px;padding-left:12px}
 .es-nav{width:100%;justify-content:space-between;gap:10px;margin:0}.es-nav a{font-size:15px;padding:7px 0 9px}.es-phone{display:none}
 .es-hero,.es-hero-inner{min-height:380px}.es-hero-image{inset:0;width:100%;object-position:65% 50%;opacity:.4}.es-hero-shade{background:linear-gradient(90deg,#f2f6f8f5,#f2f6f8b0 56%,#f2f6f83d)}.es-hero-inner{padding-block:30px}.es-hero-copy{max-width:100%}.es-hero h1{font-size:34px;line-height:1.5;margin-bottom:20px}.es-hero p{font-size:15px;max-width:300px;margin-bottom:24px}.es-kicker{font-size:11px;margin-bottom:13px}
 .es-section{padding-top:38px}.es-section-head{gap:15px;margin-bottom:18px}.es-section-head h2{font-size:25px;padding-left:12px}.es-section-head>a{font-size:12px}.es-note{font-size:13px}
 .es-directory{padding-top:12px}.es-directory>h1{font-size:27px;line-height:1.5}.es-crumb{font-size:12px;gap:7px;padding-block:17px}.es-filters{gap:10px 22px;padding-block:14px;margin:22px 0 28px}.es-filters a{font-size:14px}
 .zb-filterbar{position:static;padding-block:15px;backdrop-filter:none}.zb-search{gap:10px}.zb-search>label,.zb-search>label:has(select){flex:1 1 100%}.zb-search>input,.zb-search>select{flex:1 1 100%}.zb-search input,.zb-search select{font-size:16px;height:48px}.zb-search button{height:48px}.zb-search button[type=submit]{flex:1 1 auto}.zb-search #zb-clear{flex:0 0 auto}#zb-status{font-size:13px}
 .zb-schools{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.zb-schools [data-zb-schoollink]{font-size:15px;padding-block:18px;gap:8px}
 .es-course-group,[data-zb-group]{margin-top:30px;scroll-margin-top:22px}.es-course-group .es-section-head h2{font-size:22px}.es-catalog{grid-template-columns:1fr;gap:23px}.es-catalog h3{font-size:18px;line-height:1.8}.es-catalog>dd,.es-catalog>li,.es-catalog>[data-zb-course]{padding-bottom:23px}
 .es-news>ul{grid-template-columns:1fr;gap:0}.es-news>ul>li{padding-block:16px}.es-news li a{font-size:16px}.es-news-output li{display:block;padding-block:16px}.es-news-output li span{display:block;margin-top:7px}
 .es-original-list .coll_intro{font-size:15px!important;line-height:1.9!important}.es-original-list .coll-tit{font-size:21px!important}.es-original-list .coll_list{margin-block:26px!important}.es-original-list .coll_list>h1,.es-original-list .coll_list>h2{font-size:22px}.es-original-list .coll_list li{padding-block:16px;font-size:16px}.es-original-list table{display:block;overflow-x:auto}.es-original-list .content-left-list1>li,.es-original-list .content-left-list2>li{padding-block:16px!important}.es-original-list .content-left-list1 span,.es-original-list .content-left-list2 span{display:block;margin-top:7px;float:none!important;text-align:left}
 .es-article-grid{display:block}.es-sidebar{display:none}.es-article>h1,.es-article-title{font-size:25px;line-height:1.65;margin-block:8px 22px}.es-body{font-size:16px;line-height:1.95}.es-article-end{font-size:13px;gap:15px}
 .es-registration{display:block;padding:26px 20px;margin:38px 0}.es-registration>div{margin-bottom:24px}.es-registration h2{font-size:23px}.es-registration form{grid-template-columns:1fr;gap:16px}.es-full{grid-column:auto}.es-registration button{width:100%;justify-content:center}.es-article .es-registration{padding:25px 20px}
 .es-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.es-mobilebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:10000;min-height:62px;padding:6px 0 calc(6px + env(safe-area-inset-bottom));border-top:1px solid #cfdee5;background:#fff}.es-mobilebar>a{display:block;text-align:center;font-size:11px;line-height:1.6;min-width:0;padding-block:1px}.es-mobilebar>a>span{display:block;color:var(--brand);font-size:19px;line-height:1.6}
 body.es-page #embed-icon,body.es-page .embed-icon,body.es-page #newBridge,body.es-page #nb_icon_wrap,body.es-page #nb_invite_wrap,body.es-page .nb-invite-wrap-base,body.es-page #showpic{display:none!important}
}
@media(max-width:350px){.es-wrap{width:calc(100% - 30px)}.es-brand img{width:160px}.es-brand strong{font-size:21px;padding-left:10px}.es-hero h1{font-size:30px}.es-hero,.es-hero-inner{min-height:370px}.zb-schools{gap:0 17px}.zb-schools [data-zb-schoollink]{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.es-page *,.es-page *::before,.es-page *::after{animation:none!important;transition:none!important}.zb-reveal-ready{opacity:1;transform:none}}

.es-original-detail .coll_intro>img,.es-original-detail .coll_intro>.coll-tit{display:none}.es-original-detail .coll_intro{margin:0 0 30px;padding:0;max-width:100%;width:auto;float:none;}

.zb-schools a::after{display:none!important}
