html,body{overscroll-behavior-y:none;}
body.college-body{
  margin:0;
  padding-top:70px;
  background:#f6f8fb;
  color:#333;
  font-family:"Helvetica Neue","Microsoft Yahei",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
a{color:#0086c7;text-decoration:none;}
.college-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:999;
  background:#fff;
  box-shadow:0 5px 15px rgba(0,0,0,.2);
}
.college-header-inner{
  width:1700px;
  max-width:100%;
  height:70px;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
}
.college-brand{
  flex-shrink:0;
  line-height:0;
}
.college-brand img{display:block;width:135px;height:30px;}
.college-slogen{
  flex-shrink:0;
  padding:0 10px;
  display:flex;
  align-items:center;
}
.college-wework-bar{
  display:flex;
  align-items:center;
  box-sizing:content-box;
  width:128px;
  height:30px;
  padding-left:8px;
  border-radius:4px;
  background:rgba(84,101,126,.1);
}
.college-wework-bar img{width:18px;height:18px;}
.college-wework-bar span{
  display:block;
  width:120px;
  margin-left:8px;
  font-size:12px;
  font-weight:300;
  line-height:2;
  color:#54657e;
  font-family:"PingFang SC","Microsoft Yahei",sans-serif;
}
.college-nav{
  display:flex;
  align-items:center;
  flex:1;
  min-width:0;
  height:70px;
  margin:0;
  padding:0 12px;
  list-style:none;
  overflow:auto;
}
.college-nav li{flex-shrink:0;height:70px;line-height:70px;}
.college-nav-item{
  display:block;
  padding:0 19px;
  font-size:16px;
  color:#333;
  white-space:nowrap;
  transition:color .3s ease;
}
.college-nav-item:hover,
.college-nav-item.is-active{color:#0086c7;}
.college-search{
  flex-shrink:0;
  margin-left:8px;
}
.college-search input{
  width:140px;
  height:34px;
  padding:0 12px;
  border:1px solid #e5e6eb;
  border-radius:5px;
  outline:none;
  font-size:13px;
  color:#333;
  background:#fff;
}
.college-head-btn{flex-shrink:0;margin-left:12px;}
.college-head-btn a{
  display:inline-block;
  font-size:16px;
  color:#0086c7;
  padding:0 24px;
  line-height:34px;
  border-radius:5px;
  transition:all .3s ease;
}
.college-head-btn a:hover{background:#0086c7;color:#fff;}
.college-burger{
  display:none;
  margin-left:auto;
  border:1px solid #e5e6eb;
  background:#fff;
  color:#333;
  padding:6px 10px;
}
.college-drawer{
  display:none;
  flex-direction:column;
  padding:0 20px 16px;
  background:#fff;
  border-top:1px solid #eee;
}
.college-drawer.is-open{display:flex;}
.college-drawer a{
  padding:10px 0;
  border-top:1px solid #eee;
  font-size:15px;
  color:#333;
  line-height:40px;
}
.college-main{
  width:1200px;
  max-width:100%;
  margin:0 auto;
  padding:24px 20px 64px;
  box-sizing:border-box;
}
.college-crumb{font-size:13px;color:#86909c;margin-bottom:16px;}
.college-h1{font-size:32px;line-height:1.35;margin:0 0 12px;color:#333;font-weight:600;}
.college-intro{font-size:16px;line-height:1.7;color:#666;max-width:800px;margin:0 0 28px;}
.college-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;}
.college-card{display:block;background:#fff;border-radius:12px;padding:16px;min-height:120px;box-shadow:0 6px 20px rgba(0,134,199,.06);}
.college-card h3{margin:0 0 8px;font-size:18px;color:#333;}
.college-card p{margin:0;color:#86909c;font-size:13px;line-height:1.6;}
.college-card img{width:100%;height:88px;object-fit:cover;border-radius:8px;margin-bottom:10px;}
.college-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;}
.college-panel{background:#fff;border-radius:12px;padding:20px 22px;}
.college-panel h2{margin:0 0 16px;font-size:20px;color:#333;font-weight:600;}
.college-article{display:flex;gap:16px;padding:16px 0;border-top:1px solid #f2f3f5;}
.college-article:first-of-type{border-top:0;}
.college-article img{width:160px;height:100px;object-fit:cover;border-radius:8px;background:#f2f3f5;flex:0 0 160px;}
.college-article h3{margin:0 0 8px;font-size:18px;font-weight:600;}
.college-article h3 a{color:#333;}
.college-article h3 a:hover{color:#0086c7;}
.college-article .summary{margin:0 0 8px;color:#666;font-size:14px;line-height:1.6;}
.college-meta{font-size:12px;color:#86909c;}
.college-meta a{color:#86909c;}
.college-empty{color:#86909c;padding:24px 0;}
.college-pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center;}
.college-pager a,.college-pager span{padding:6px 10px;border-radius:6px;border:1px solid #e5e6eb;color:#666;}
.college-pager .is-current{background:#0086c7;color:#fff;border-color:#0086c7;}
.college-pager .is-disabled{opacity:.45;}
.college-aside .college-panel + .college-panel{margin-top:16px;}
.college-rank-tip,.college-aside p{color:#86909c;font-size:14px;line-height:1.6;}
.college-tags{display:flex;flex-wrap:wrap;gap:8px;}
.college-tags a{background:#f2f3f5;color:#666;border-radius:14px;padding:4px 10px;font-size:13px;}
.college-ask-list{margin:0;padding:0;list-style:none;}
.college-ask-list li{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-top:1px solid #f2f3f5;}
.college-ask-list li:first-child{border-top:0;padding-top:0;}
.college-ask-list .n{flex:0 0 18px;font-size:13px;color:#86909c;line-height:22px;}
.college-ask-list a{color:#333;font-size:14px;line-height:22px;white-space:normal;}
.college-ask-list a:hover{color:#0086c7;}
.college-faq{margin-top:32px;}
.college-faq details{background:#fff;border-radius:10px;padding:14px 18px;margin-bottom:10px;}
.college-faq summary{cursor:pointer;font-weight:600;color:#333;}
.college-faq p{margin:10px 0 0;color:#666;line-height:1.7;}
.college-detail-meta{font-size:13px;color:#86909c;margin:0 0 16px;}
.college-detail-meta a{color:#86909c;}
.college-detail-tags{margin-bottom:20px;}
.college-detail-body{font-size:16px;line-height:1.85;color:#333;word-break:break-word;}
.college-detail-body p{margin:0 0 16px;}
.college-detail-body img{max-width:100%;height:auto;}
.college-detail-body h2,.college-detail-body h3{margin:28px 0 12px;color:#333;font-weight:600;}
.college-detail-body ul,.college-detail-body ol{margin:0 0 16px;padding-left:22px;}
.college-detail-pager{margin-top:32px;padding-top:16px;border-top:1px solid #f2f3f5;font-size:14px;color:#666;display:flex;flex-direction:column;gap:8px;}
.college-detail-pager a{color:#333;}
.college-detail-pager a:hover{color:#0086c7;}
.college-related{margin-top:28px;}
.college-related h2{margin:0 0 12px;font-size:18px;color:#333;font-weight:600;}
.college-related-item{display:block;padding:8px 0;color:#333;border-top:1px solid #f2f3f5;}
.college-related-item:hover{color:#0086c7;}
.college-hl,
.college-article mark{
  background:#fff3bf;
  color:inherit;
  padding:0 2px;
  border-radius:2px;
}
.college-same-tag-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.college-same-tag-head h2{margin:0;}
.college-same-tag-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.college-same-tag-label{font-size:13px;color:#86909c;}
.college-footer{text-align:center;padding:28px 16px 40px;color:#86909c;font-size:13px;}
.college-footer a{color:#666;}
@media (max-width: 900px){
  .college-nav,.college-search,.college-head-btn,.college-slogen{display:none;}
  .college-burger{display:inline-block;}
  .college-shortcuts{grid-template-columns:1fr 1fr;}
  .college-layout{grid-template-columns:1fr;}
  .college-article{flex-direction:column;}
  .college-article img{width:100%;height:160px;}
  .college-h1{font-size:24px;}
}