/* Dedicated to the BJD Shanghai Jiao Tong, Zhejiang and Fudan school pages. */
.bjd-school{--bjd-accent:#a82932;--bjd-ink:#25333c;--bjd-muted:#64727a;--bjd-line:#dfe5e7;--bjd-paper:#f3f6f6;margin:0;color:var(--bjd-ink);background:#fff;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:16px;line-height:1.75;-webkit-text-size-adjust:100%;overflow-wrap:break-word}
.bjd-school[data-school="zhejiang"]{--bjd-accent:#095787}
.bjd-school[data-school="fudan"]{--bjd-accent:#173f7c}
.bjd-school *{box-sizing:border-box}
.bjd-school a{color:inherit;text-decoration:none}
.bjd-school a:focus-visible,.bjd-school button:focus-visible,.bjd-school input:focus-visible,.bjd-school textarea:focus-visible{outline:3px solid var(--bjd-accent);outline-offset:4px}
.bjd-school .bjd-shell{width:calc(100% - 64px);max-width:1120px;margin:0 auto}
.bjd-school .bjd-header{border-top:4px solid var(--bjd-accent);background:#fff}
.bjd-school .bjd-header-inner{min-height:116px;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:14px 0}
.bjd-school .bjd-brand{display:block;min-width:0;max-width:520px}
.bjd-school .bjd-brand img{display:block;width:440px;max-width:100%;height:auto;object-fit:contain}
.bjd-school .bjd-brand-text{display:block;font-size:30px;font-weight:700;letter-spacing:.025em;color:var(--bjd-accent)}
.bjd-school .bjd-phone{flex:none;text-align:right;line-height:1.4}
.bjd-school .bjd-phone small{display:block;font-size:13px;color:var(--bjd-muted)}
.bjd-school .bjd-phone a{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}
.bjd-school .bjd-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.98);border-top:1px solid var(--bjd-line);border-bottom:1px solid var(--bjd-line)}
.bjd-school .bjd-nav-inner{display:flex;align-items:center;gap:36px;min-height:60px}
.bjd-school .bjd-nav a{display:flex;align-items:center;min-height:60px;font-weight:600;position:relative;white-space:nowrap}
.bjd-school .bjd-nav a::after{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--bjd-accent);content:"";transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.bjd-school .bjd-nav a:hover::after,.bjd-school .bjd-nav a[aria-current]::after{transform:scaleX(1)}
.bjd-school .bjd-nav .bjd-enroll-link{margin-left:auto;color:var(--bjd-accent)}
.bjd-school .bjd-hero{background:var(--bjd-paper);border-bottom:1px solid var(--bjd-line)}
.bjd-school .bjd-hero-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:50px;padding:46px 0}
.bjd-school .bjd-eyebrow{font-size:13px;letter-spacing:.12em;color:var(--bjd-muted);margin:0 0 12px}
.bjd-school .bjd-hero h1{margin:0 0 18px;font-size:clamp(30px,3.1vw,45px);line-height:1.32;font-weight:700;letter-spacing:.01em;color:var(--bjd-accent)}
.bjd-school .bjd-hero p:not(.bjd-eyebrow){font-size:17px;color:var(--bjd-muted);margin:0 0 26px;max-width:28em}
.bjd-school .bjd-hero figure{margin:0;min-width:0}
.bjd-school .bjd-hero figure img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}
.bjd-school .bjd-hero figcaption{font-size:12px;color:var(--bjd-muted);padding-top:8px}
.bjd-school .bjd-action{display:inline-flex;align-items:center;gap:28px;background:var(--bjd-accent);color:#fff;min-height:48px;padding:10px 22px;font-weight:600;transition:filter .18s,transform .18s}
.bjd-school .bjd-action:hover{filter:brightness(.93);transform:translateY(-2px)}
.bjd-school .bjd-section{padding:52px 0;scroll-margin-top:80px}
.bjd-school .bjd-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:2px solid var(--bjd-accent);margin-bottom:22px}
.bjd-school .bjd-section-head h2{font-size:28px;line-height:1.4;margin:0}
.bjd-school .bjd-section-head>span,.bjd-school .bjd-section-head>a{font-size:14px;color:var(--bjd-muted);white-space:nowrap}
.bjd-school .bjd-directions{display:flex;gap:0 28px;flex-wrap:wrap;padding:0;margin:0 0 20px;list-style:none}
.bjd-school .bjd-directions a{display:block;padding:8px 0;border-bottom:1px solid transparent;color:var(--bjd-muted)}
.bjd-school .bjd-directions a:hover,.bjd-school .bjd-directions a[aria-current]{color:var(--bjd-accent);border-bottom-color:var(--bjd-accent)}
.bjd-school .bjd-course-group{scroll-margin-top:84px;margin-top:28px}
.bjd-school .bjd-course-group h3{font-size:19px;margin:0 0 8px;color:var(--bjd-accent)}
.bjd-school .bjd-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;list-style:none;margin:0;padding:0}
.bjd-school .bjd-courses li{min-width:0;border-bottom:1px solid var(--bjd-line);margin:0;padding:0}
.bjd-school .bjd-courses a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.6;padding:19px 24px 19px 0;position:relative;transition:color .15s,padding-left .15s}
.bjd-school .bjd-courses a::after{content:"\203a";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--bjd-muted);font-size:23px;font-weight:400}
.bjd-school .bjd-courses a:hover{color:var(--bjd-accent);padding-left:4px}
.bjd-school .bjd-news{list-style:none;margin:0;padding:0}
.bjd-school .bjd-news li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-width:0;border-bottom:1px solid var(--bjd-line)}
.bjd-school .bjd-news a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:17px 0;font-size:17px;transition:color .15s}
.bjd-school .bjd-news a:hover{color:var(--bjd-accent)}
.bjd-school .bjd-news time{font-size:13px;color:var(--bjd-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.bjd-school .bjd-breadcrumb{font-size:13px;color:var(--bjd-muted);margin:24px 0;overflow-wrap:anywhere}
.bjd-school .bjd-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:42px;padding-bottom:40px}
.bjd-school .bjd-article{min-width:0}
.bjd-school .bjd-article-header{padding:10px 0 28px;border-bottom:1px solid var(--bjd-line)}
.bjd-school .bjd-article-title{font-size:30px;line-height:1.5;text-align:center;margin:0 0 18px;font-weight:700;color:var(--bjd-ink);overflow-wrap:anywhere}
.bjd-school .bjd-article-date{text-align:center;color:var(--bjd-muted);font-size:13px;margin:0}
.bjd-school .bjd-course-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;color:var(--bjd-muted);font-size:14px;margin-top:16px}
.bjd-school .bjd-course-facts .content-info>span{display:inline-block;margin-left:4px;margin-right:14px}
.bjd-school .bjd-body{font-size:17px;line-height:1.9;padding:28px 0;min-width:0;max-width:100%;overflow-wrap:anywhere}
.bjd-school .bjd-body>*{max-width:100%}
.bjd-school .bjd-body h1{text-align:center!important;line-height:1.5!important;overflow-wrap:anywhere}
.bjd-school .bjd-body img{display:block;max-width:100%!important;height:auto!important;margin-left:auto;margin-right:auto}
.bjd-school .bjd-body img[data-bjd-view]{cursor:zoom-in}
.bjd-school .bjd-body p:has(img){text-indent:0!important}
.bjd-school .bjd-body table{max-width:100%!important}
.bjd-school .bjd-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bjd-school .bjd-original-title{text-align:center!important;line-height:1.5!important}
.bjd-school .bjd-aside{padding-top:14px;min-width:0}
.bjd-school .bjd-aside h2{font-size:19px;margin:0;padding-bottom:12px;border-bottom:2px solid var(--bjd-accent)}
.bjd-school .bjd-aside ul{list-style:none;padding:0;margin:0}
.bjd-school .bjd-aside li{border-bottom:1px solid var(--bjd-line);min-width:0}
.bjd-school .bjd-aside li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:14px 0;font-size:14px;line-height:1.6}
.bjd-school .bjd-pagination,.bjd-school #fenye{padding:26px 0;line-height:2.4;overflow-wrap:anywhere;color:var(--bjd-muted)}
.bjd-school .bjd-pagination a,.bjd-school #fenye a{display:inline-block;padding:0 6px;color:var(--bjd-ink)}
.bjd-school #fenye{float:none!important;width:auto!important;max-width:100%;height:auto!important;white-space:normal;clear:both}
.bjd-school #fenye select{max-width:100%}
.bjd-school .bjd-enroll{scroll-margin-top:80px;margin:34px 0 54px;border:1px solid var(--bjd-line)}
.bjd-school .bjd-enroll-head{background:var(--bjd-accent);color:#fff;padding:24px 30px}
.bjd-school .bjd-enroll-head h2{margin:0 0 4px;font-size:26px;line-height:1.4}
.bjd-school .bjd-enroll-head p{margin:0;font-size:14px;opacity:.9}
.bjd-school .bjd-enroll form{padding:28px 30px}
.bjd-school .bjd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.bjd-school .bjd-field{margin-bottom:19px;min-width:0}
.bjd-school .bjd-field label{display:block;font-size:15px;font-weight:600;margin-bottom:7px}
.bjd-school .bjd-required{color:#ab2435;margin-left:5px}
.bjd-school .bjd-optional{font-size:13px;color:var(--bjd-muted);font-weight:400;margin-left:5px}
.bjd-school .bjd-enroll input:not([type=hidden]),.bjd-school .bjd-enroll textarea{width:100%;min-width:0;max-width:100%;border:1px solid #bfc9ce;background:#fff;border-radius:2px;font:inherit;font-size:16px;line-height:1.5;padding:12px 14px;color:var(--bjd-ink)}
.bjd-school .bjd-enroll textarea{display:block!important;min-height:164px;resize:vertical}
.bjd-school .bjd-enroll button[type=submit]{border:0;border-radius:0;min-height:49px;min-width:160px;background:var(--bjd-accent);color:#fff;font:inherit;font-size:17px;font-weight:600;padding:11px 26px;cursor:pointer}
.bjd-school .bjd-form-note{font-size:12px;color:var(--bjd-muted);margin:12px 0 0}
.bjd-school .bjd-footer{background:var(--bjd-paper);border-top:1px solid var(--bjd-line);color:var(--bjd-muted);padding:26px 0;font-size:12px}
.bjd-school .bjd-mobile-dock{display:none}
.bjd-school .bjd-image-dialog{border:0;padding:16px;background:#fff;max-width:94vw;max-height:92vh}
.bjd-school .bjd-image-dialog::backdrop{background:rgba(15,25,32,.82)}
.bjd-school .bjd-image-dialog img{display:block;max-width:88vw;max-height:80vh;width:auto;height:auto;margin:auto}
.bjd-school .bjd-image-dialog button{display:block;margin:0 0 10px auto;border:1px solid #bfc9ce;background:#fff;padding:6px 14px;font:inherit;cursor:pointer}
.bjd-school .bjd-hero-copy{animation:bjd-enter .36s ease-out both}
@keyframes bjd-enter{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.bjd-school .bjd-hero-inner{gap:32px}.bjd-school .bjd-content-layout{grid-template-columns:minmax(0,1fr) 220px;gap:28px}.bjd-school .bjd-shell{width:calc(100% - 48px)}}
@media(min-width:1001px) and (max-width:1400px){.bjd-school .bjd-shell{width:calc(100% - 190px);margin-left:32px;margin-right:158px}}
@media(min-width:641px) and (max-width:1000px){.bjd-school .bjd-shell{width:calc(100% - 166px);margin-left:24px;margin-right:142px}.bjd-school .bjd-content-layout{display:block}.bjd-school .bjd-aside{margin-top:24px}.bjd-school .bjd-hero-inner{grid-template-columns:1fr;padding:26px 0;gap:24px}.bjd-school .bjd-hero figure img{max-height:300px}.bjd-school .bjd-courses{grid-template-columns:1fr}}
@media(max-width:640px){
 .bjd-school{font-size:15px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .bjd-school .bjd-shell{width:calc(100% - 36px);margin-left:auto;margin-right:auto}
 .bjd-school .bjd-header-inner{min-height:90px;padding:12px 0;gap:12px}
 .bjd-school .bjd-brand{max-width:100%}.bjd-school .bjd-brand img{max-width:100%;width:320px;height:auto}
 .bjd-school .bjd-brand-text{font-size:24px}.bjd-school .bjd-phone{display:none}
 .bjd-school .bjd-nav-inner{min-height:50px;gap:20px;justify-content:space-between;font-size:14px}
 .bjd-school .bjd-nav a{min-height:50px}.bjd-school .bjd-nav .bjd-enroll-link{margin-left:0}
 .bjd-school .bjd-hero-inner{grid-template-columns:1fr;gap:22px;padding:26px 0}
 .bjd-school .bjd-hero h1{font-size:30px;line-height:1.35;margin-bottom:12px}
 .bjd-school .bjd-eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:8px}
 .bjd-school .bjd-hero p:not(.bjd-eyebrow){font-size:15px;margin-bottom:18px}
 .bjd-school .bjd-action{min-height:44px;padding:8px 18px;font-size:14px}
 .bjd-school .bjd-hero figure img{max-height:240px}.bjd-school .bjd-hero figcaption{font-size:11px}
 .bjd-school .bjd-section{padding:32px 0;scroll-margin-top:64px}
 .bjd-school .bjd-section-head{gap:12px;padding-bottom:12px;margin-bottom:14px}
 .bjd-school .bjd-section-head h2{font-size:23px}.bjd-school .bjd-section-head>span,.bjd-school .bjd-section-head>a{font-size:12px}
 .bjd-school .bjd-directions{gap:0 18px;font-size:13px;margin-bottom:10px}
 .bjd-school .bjd-course-group{margin-top:23px;scroll-margin-top:68px}.bjd-school .bjd-course-group h3{font-size:17px}
 .bjd-school .bjd-courses{grid-template-columns:1fr}.bjd-school .bjd-courses a{font-size:15px;padding:16px 22px 16px 0;font-weight:500}
 .bjd-school .bjd-news li{gap:12px}.bjd-school .bjd-news a{font-size:15px;padding:16px 0}.bjd-school .bjd-news time{font-size:11px}
 .bjd-school .bjd-content-layout{display:block;padding-bottom:20px}.bjd-school .bjd-breadcrumb{font-size:12px;margin:18px 0}
 .bjd-school .bjd-article-title{font-size:23px;line-height:1.55;margin-bottom:14px}.bjd-school .bjd-article-header{padding:8px 0 21px}
 .bjd-school .bjd-course-facts{justify-content:flex-start;gap:8px 16px;font-size:13px}
 .bjd-school .bjd-body{font-size:16px;line-height:1.85;padding:22px 0}.bjd-school .bjd-aside{margin-top:24px;padding-top:0}
 .bjd-school .bjd-enroll{margin:22px 0 34px;scroll-margin-top:64px}.bjd-school .bjd-enroll-head{padding:20px}
 .bjd-school .bjd-enroll-head h2{font-size:24px}.bjd-school .bjd-enroll-head p{font-size:13px}
 .bjd-school .bjd-enroll form{padding:20px}.bjd-school .bjd-form-grid{grid-template-columns:1fr;gap:0}
 .bjd-school .bjd-enroll textarea{min-height:108px}.bjd-school .bjd-enroll button[type=submit]{width:100%;min-height:50px}
 .bjd-school .bjd-footer{padding:24px 0;font-size:11px}
 .bjd-school .bjd-mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:100;bottom:0;left:0;right:0;border-top:1px solid #d3dbdf;background:#fff;padding-bottom:env(safe-area-inset-bottom)}
 .bjd-school .bjd-mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;padding:8px 2px;font-size:11px;line-height:1.5;border-right:1px solid var(--bjd-line)}
 .bjd-school .bjd-mobile-dock .bjd-dock-icon{font-size:20px;line-height:1.2;margin-bottom:3px}
 .bjd-school .bjd-mobile-dock a:last-child{border-right:0;background:var(--bjd-accent);color:#fff}
 .bjd-school .embed-icon,.bjd-school #newBridge,.bjd-school #nb_invite_wrap,.bjd-school #nb_icon_wrap,.bjd-school #qiao-wrap,.bjd-school .nb-invite-wrap-base,.bjd-school .nb-icon-wrap-base{display:none!important}
}
@media(max-width:359px){.bjd-school .bjd-shell{width:calc(100% - 28px)}.bjd-school .bjd-nav-inner{gap:12px;font-size:13px}.bjd-school .bjd-hero h1{font-size:27px}.bjd-school .bjd-enroll form,.bjd-school .bjd-enroll-head{padding:16px}}
@media(prefers-reduced-motion:reduce){.bjd-school *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
