/* =========================
      变量 & Reset（无圆角）
    ========================= */
    :root{
        --c-top:#0058c4;
        --c-nav:#004bc8;
        --c-navhover:#1061d4;
        --c-midbg:#eaf7ff;
        --c-text:#343434;
        --c-accent:#3c74d1;
  
        --w:1400px;
        --gap:24px;
        --shadow:0 8px 24px rgba(0,0,0,.08);
      }
      *{box-sizing:border-box;}
      html,body{margin:0;padding:0;}
      body{
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
        color:#111;background:#fff;
      }
      a{text-decoration:none;color:inherit;}
      img{display:block;max-width:100%;}
      ul,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
      .wrap{position: relative;width:min(var(--w), calc(100% - 32px));margin:0 auto;}
      .clearfix::after{content:"";display:block;clear:both;}
  
      /* 全局去圆角 */
      *,*::before,*::after{border-radius:0 !important;}
  
      /* =========================
        第一部分：顶部（160px）
      ========================= */
      .hd-top{background:var(--c-top);height:160px;display:flex;align-items:center;position: relative;z-index: 0;}
      .hd-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--gap); }
     
      
      .hd-top::after{
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 430px;
        height: 140px;
        margin-left: 40px;
        background: url("img/top.svg");
        background-repeat: no-repeat;
        background-position: 0 0px;
        background-size: cover;
        z-index: 0;              /* 伪元素在内容下，但不会跑到父背景后面 */
        pointer-events: none;
      }

      .hd-brand{display:flex;align-items:center;gap:18px;min-width:360px;}
      .hd-logo{height:78px;width:auto;object-fit:contain;}
  
      .hd-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1;}
      .hd-quick{display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:flex-end;align-items:center;}
      .hd-quick a{color:#fff;font-size:16px;opacity:1;display:inline-flex;align-items:center;gap:8px;}
      .hd-quick a:hover{opacity:1;text-decoration:underline;}
  
      /* 书记信箱/院长信箱/学校主页 后面加搜索图标（仅图标） */
      .hd-quick .q-with-icon::after{
        content:"";
        width: 28px;
        height: 28px;
        display:inline-block;
        background-repeat:no-repeat;
        background-position:center;
        background-size: 24px 24px;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
        opacity:.95;
      }
  
    


      /* =========================
        第二部分：导航（PC+下拉、手机汉堡 details）
      ========================= */
      .nav-bar{background:var(--c-nav);position:sticky;top:0;z-index:50;}
      .nav-bar .wrap{display:flex;align-items:center;justify-content:space-between;position:relative;}
  
      .nav-menu{display:flex;gap: 25px;align-items:center;height:64px;}
      .nav-menu > li{position:relative;}
      .nav-menu > li > a{
        display:flex;align-items:center;height:64px;padding:0 6px;
        color:#fff;font-size:20px;
        transition:background .18s ease;
      }
      .nav-menu > li > a:hover{background:var(--c-navhover);}
  
      .nav-sub{
        position:absolute;
        left:0;
        top:64px;
        min-width: 180px;
        background:#fff;
        box-shadow:var(--shadow);
        padding:10px;
        display:none;
      }
      .nav-sub a{display:block;padding:10px 12px;color:#111;font-size:14px;}
      .nav-sub a:hover{background:rgba(60,116,209,.12);color:var(--c-accent);}
      .nav-menu > li:hover .nav-sub{display:block;}
  
      /* Mobile */
      .nav-hamburger{display:none;align-items:center;gap:10px;color:#fff;height:56px;cursor:pointer;padding:0 6px;}
      .nav-hamburger .btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);}
      .nav-mobile{display:none;background:var(--c-nav);border-top:1px solid rgba(255,255,255,.12);overflow:hidden;}
      .nav-mobile.show{display:block;}
      .nav-mobile .wrap{padding:10px 0 14px;}
  
      /* 稳定移动菜单：details */
      .mnav{display:flex;flex-direction:column;gap:10px;padding:10px 0 14px;}
      .mnav-link{
        display:block;color:#fff;background:rgba(255,255,255,.10);
        padding:12px 14px;font-size:16px;font-weight:700;
      }
      .mnav-item{background:rgba(255,255,255,.10);}
      .mnav-item summary{
        list-style:none;
        cursor:pointer;
        padding:12px 14px;
        color:#fff;font-size:16px;font-weight:700;
        display:flex;align-items:center;justify-content:space-between;
      }
      .mnav-item summary::-webkit-details-marker{display:none;}
      .mnav-item summary::after{content:"+";font-weight:900;}
      .mnav-item[open] summary::after{content:"-";}
      .mnav-sub{padding:8px 10px 12px;background:rgba(255,255,255,.06);}
      .mnav-sub a{
        display:block;color:#fff;opacity:.95;
        padding:10px 12px;font-size:14px;
      }
      .mnav-sub a:hover{background:rgba(255,255,255,.10);}
  
      /* =========================
        第三部分：主视觉(626*410)+新闻(720*410)
        新闻标题背景：724*42
      ========================= */
      .sec-hero{padding: 60px 0 60px;}
      .grid-2{display:flex;gap:var(--gap);align-items:stretch;justify-content: space-between;}
  
      .hero-left{width:626px;height:410px;position:relative;overflow:hidden;box-shadow:var(--shadow);}
      .hero-track{height:100%;display:flex;transition:transform .45s ease;}
      .hero-slide{min-width:100%;height:100%;position:relative;background:#0b3a7a;}
      .hero-slide img{width:100%;height:100%;object-fit:cover;}
      .hero-cap{
        position:absolute;left:14px;right:14px;bottom:14px;
        background:rgba(0,0,0,.45);color:#fff;padding:10px 12px;font-size:14px;
        backdrop-filter: blur(4px);
      }
      .hero-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px;}
      .hero-dot{width:10px;height:10px;background:rgba(255,255,255,.55);cursor:pointer;border:1px solid rgba(0,0,0,.12);}
      .hero-dot.active{background:#fff;}
  
      .hero-right{width:724px;height:410px;display:flex;flex-direction:column;}
      .hero-right .news-list a{line-height: 1.98;}
      .hero-right .news-list li{padding: 0 6px 6.5px;}
      .news-box{height:410px;display:flex;flex-direction:column;}
  
      .news-hd{

height:42px;

display:flex;

align-items:center;

justify-content:space-between;

padding: 0 24px;

background:url("img/title_news01.png") no-repeat left top;

background-size:724px 42px;

}
      .news-hd h2{margin:0;font-size:22px;color:#fff;}
      .news-hd a{font-size:14px;color:#fff;opacity:.9;}
      .news-hd a:hover{opacity:1;text-decoration:underline;}
  
      .news-list{padding:14px 0 0 0;display:flex;flex-direction:column;gap:14px;flex:1;}
      .news-list li{
        display:flex;align-items:center;justify-content:space-between;gap:16px;
        border-bottom:1px dashed #d6d6d6;padding:0 6px 10px;
      }
      .news-list a{
        font-size: 20px;
        color:var(--c-text);
        line-height:1.35;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
        transition:color .15s ease;
      }
      .news-list a:hover{color:var(--c-accent);}
      .news-list time{font-size: 16px;color:#9a9a9a;white-space:nowrap;}
  
      /* =========================
        第四部分：淡蓝背景
      ========================= */
      .sec-mid{background: url(img/title_bg.png) no-repeat  0 400% var(--c-midbg);padding: 60px 0 60px;}
      .mid-left{width:626px;/* height:410px; */display:flex;flex-direction:column;}
      .mid-right{width:720px;height:410px;display:flex;flex-direction:column;}
      .mid-right a:hover{color:var(--c-accent);font-weight: bold;}
  
      .blk-hd{display:flex;align-items:flex-end;justify-content:space-between;padding:0 0 10px 0;}
      .blk-hd h2{color: #1457c8;margin:0;font-size:32px;letter-spacing:.5px;}
      .blk-hd a{font-size:16px;color:#666;transition:color .15s ease;}
      .blk-hd a:hover{color:var(--c-accent);}
  
      .blk-list{margin-top:10px;display:flex;flex-direction:column;gap:12px;flex:1;}
      .blk-list li{
        padding: 15px 0px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap: 14px;
        transition:background .15s ease;
        border-bottom: 1px dotted #bac2cd;
      }
      .mid-left .blk-list li:hover{background:var(--c-accent);}
      .mid-left .blk-list li:hover a{color:#fff;}
      .mid-left .blk-list li:hover time{color:rgba(255,255,255,.85);}
  
      .blk-list a{
        font-size: 20px;
        color:var(--c-text);
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
        line-height:1.35;
      }
      .blk-list time{font-size: 16px;color:#9a9a9a;white-space:nowrap;}
  
      /* =========================
        第五部分：专题横幅
      ========================= */
      .sec-topic{padding: 60px 0 60px;}
      .topic-shell{height:260px;display:flex;align-items:center;gap:14px;}
      .topic-btn{
        z-index: 1;
        position: absolute;
        width:48px;
        height:48px;
        border:1px solid #e6e6e6;
        background:#fff;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        box-shadow:0 8px 20px rgba(0,0,0,.08);
      }
      #topicPrev{left: 0;}
      #topicNext{right: 0;}
      .topic-btn svg{width:20px;height:20px;}
      .topic-view{overflow:hidden;flex:1;}
      .topic-track{display:flex;gap:16px;transition:transform .35s ease;will-change:transform;}
      .topic-item{width:338px;height:125px;overflow:hidden;flex:0 0 auto;background:#eee;box-shadow:0 6px 14px rgba(0,0,0,.10);}
      .topic-item img{width:100%;height:100%;object-fit: fill;}
  
      /* =========================
        底部：按截图 1:1 风格（系统入口条 + 大蓝底 + ICP条）
      ========================= */
      .ftbar{background:#eef5fb;}
      .ftbar-inner{display:flex;align-items:center;gap:22px;min-height:78px;}
      .ftbar-icon{
        width:90px;
        height:78px;
        background: #155ca6;
        display:flex;
        align-items:center;
        justify-content:center;
      }
      .ftbar-icon img{width:26px;height:26px;object-fit:contain;}
      .ftbar-links{display:flex;flex-wrap:wrap;gap:18px 32px;}
      .ftbar-links a{color:#2e2e2e;font-size:16px;line-height:1;}
      .ftbar-links a:hover{color:var(--c-accent);text-decoration:underline;}
  
      .ftmain{
        position: relative;
        background:linear-gradient(180deg,#165da8 0%, #0f4f98 55%, #0b458e 100%);
        padding:54px 0 46px;
      }
      .ftmain::before {
        content: "";
        position: absolute;
        top: 0px; left: 0;
        width: 100%; height: 100%;
        background-image: url("img/ft_bg.jpg");
        opacity: 0.1; /* 只影响背景图 */
        z-index: 1;
      }


      .ftmain-inner{display:flex;gap:28px;align-items:stretch;justify-content: space-evenly;}
  
      .ftcols{flex:1;display:flex;gap: 4px;flex-wrap:wrap;}
      .ftcol{min-width:140px;}
      .ftcol-wide{min-width:340px;max-width:460px;}
      .ftcol dt{color:#fff;font-size:22px;font-weight:800;margin-bottom:18px;}
      .ftcol dd{margin:0 0 12px 0;}
      .ftcol dd a{color:rgba(255,255,255,.85);font-size:16px;}
      .ftcol dd a:hover{color:#fff;text-decoration:underline;}
  
      .ftside{
        width: 320px;
        border-left:1px solid rgba(255,255,255,.20);
        padding-left:28px;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
      }
      .ftside-icons{display:flex;gap:14px;margin-bottom:22px;}
      .ftside-ico{
        width:64px;height:56px;
       
        display:flex;align-items:center;justify-content:center;
        border-radius: 5px;
      }
      .ftside-ico img{width:50px;height:50px;object-fit:contain;opacity:.95;}
      .ftside-text p{margin:0;color:rgba(255,255,255,.75);font-size:16px;line-height:34px;}
      .ftside-title{color:#fff !important;font-weight:800;margin-bottom:10px !important;}
  
      .ftcopy{
        background:#0a3b77;
        height:76px;
        display:flex;
        align-items:center;
        color:#fff;
        font-size:16px;
        text-align:center;
      }
  
      /* =========================
        响应式
      ========================= */
      @media (max-width: 1200px){
        .grid-2{flex-direction:column;}
        .hero-left,.hero-right,.mid-left,.mid-right{width:100%;height:auto;}
        .hero-left{aspect-ratio:626/410;height:auto;}
        .news-box{height:auto;}
      }
      @media (max-width: 900px){
        .hd-top{height:auto;padding:16px 0;}
        .hd-top .wrap{flex-direction:column;align-items:stretch;}
        .hd-actions{justify-content:flex-start;}
        .hd-quick{justify-content:flex-start;}
  
        .nav-menu{display:none;}
        .nav-hamburger{display:flex;}
  
        .ftbar-inner{flex-direction:column;align-items:flex-start;padding:14px 0;}
        .ftbar-icon{width:90px;height:60px;}
        .ftmain-inner{flex-direction:column;}
        .ftside{width:100%;border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.20);padding-top:18px;}
        .ftcopy{height:auto;padding:16px 0;line-height:24px;}
      }
      @media (max-width: 760px){
        .topic-item{width:min(338px, 80vw);}
        .blk-hd h2{font-size:26px;}
        .news-hd{background-size:100% 42px;}
        .ftbar-links{gap:12px 16px;}
        .ftbar-links a{font-size:14px;}
        .ftcol dt{font-size:20px;}
        .ftcol dd a{font-size:14px;}
      }



/* =========================
  内页（列表/简介/内容）补充样式
  追加到 style.css 末尾
========================= */
.sec-inner{
  padding: 0px 0 72px;
  background: #fff;
}
.inner-topbar{
  margin: 8px 0 12px;
  padding: 10px 0;
}
.breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  font-size: 14px;
  color: rgba(10,20,40,.72);
}
.breadcrumb .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background:
    radial-gradient(120px 40px at 20% 20%, rgba(255,255,255,.9), rgba(255,255,255,.55) 60%, rgba(235,244,255,.75)),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,248,255,.86));
  border: 1px solid rgba(70,110,170,.22);
  box-shadow:
    0 18px 26px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(10,30,60,.10);
}
.breadcrumb a{
  color:#1457c8;
  font-weight: 900;
}
.breadcrumb a:hover{ text-decoration: underline; }
.breadcrumb .sep{
  width: 12px; height: 12px;
  border-right: 2px solid rgba(95,125,175,.65);
  border-bottom: 2px solid rgba(95,125,175,.65);
  transform: rotate(-45deg);
  opacity: .9;
}
.breadcrumb .current{
  color:#0e2b55;
  font-weight: 1000;
}

 

.inner-shell{display:flex;gap:var(--gap);align-items:flex-start;}
.side{
  width:320px;
  box-shadow:var(--shadow);
  border:1px solid #e7eef7;
  background:#fff;
}
.side-hd{
  background:linear-gradient(90deg,#0f4f98 0%, #165da8 70%, #1f74cf 100%);
  color:#fff;
  padding:18px 18px;
  font-size:22px;
  font-weight:900;
  letter-spacing:.5px;
}
.side-menu{padding:10px;}
.side-menu a{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 14px;
  font-size:18px;
  color:#1b1b1b;
  border-bottom:1px dashed #d6d6d6;
  transition:background .15s ease, color .15s ease;
}
.side-menu a:hover{background:rgba(60,116,209,.10);color:var(--c-accent);}
.side-menu a.active{
  background:rgba(60,116,209,.14);
  color:var(--c-accent);
  font-weight:900;
}
.side-menu a.active::after{
  content:"›";
  font-size:22px;
  opacity:.9;
}

.main{
  flex:1;
  min-width:0;
  box-shadow:var(--shadow);
  border:1px solid #e7eef7;
  background:#fff;
  padding:22px 26px 28px;
}
.main-hd{
  display:flex;align-items:flex-end;justify-content:space-between;
  padding-bottom:14px;
  border-bottom:1px solid #e7eef7;
  margin-bottom:18px;
}
.main-hd h1{
  margin:0;
  font-size:28px;
  color:#1457c8;
  letter-spacing:.5px;
}
.main-hd .hint{color:#888;font-size:14px;}

.list-ul{display:flex;flex-direction:column;gap:0;}
.list-ul li{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 4px;
  border-bottom:1px dotted #bac2cd;
}
.list-ul a{
  font-size:20px;color:var(--c-text);
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.list-ul a:hover{color:var(--c-accent);font-weight:900;}
.list-ul time{font-size:16px;color:#9a9a9a;white-space:nowrap;}

.pager{
  margin-top:22px;
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
}
.pgbtn{
  border:1px solid #d8e2f1;
  background:#fff;
  padding:10px 14px;
  font-size:16px;
  color:#1b1b1b;
  cursor:pointer;
}
.pgbtn:hover{border-color:#98b6e8;color:#1457c8;}
.pgbtn.active{background:#1457c8;color:#fff;border-color:#1457c8;}

.content{
  font-size:18px;
  line-height:1.9;
  color:#222;
}
.content p{margin:0 0 14px 0;}
.content img{margin:12px 0;box-shadow:var(--shadow);}

.article-title{
  margin:0;
  font-size:32px;
  color:#111;
  font-weight:900;
  letter-spacing:.5px;
}
.article-tools{
  margin-top:14px;
  padding:12px 14px;
  background:#f5fbff;
  border:1px solid #e6eef8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.meta{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  font-size:16px;
  color:#666;
}
.tool-right{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.toolbtn{
  border:1px solid #d8e2f1;
  background:#fff;
  padding:8px 12px;
  font-size:15px;
  cursor:pointer;
  color:#1b1b1b;
}
.toolbtn:hover{border-color:#98b6e8;color:#1457c8;}
.fs-group{display:flex;gap:8px;align-items:center;}
.fs-label{font-size:15px;color:#666;}

.article-nav{
  margin-top:26px;
  border-top:1px solid #e7eef7;
  padding-top:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:16px;
}
.article-nav a{color:#1457c8;}
.article-nav a:hover{text-decoration:underline;}

@media (max-width: 1200px){
  .inner-shell{flex-direction:column;}
  .side{width:100%;}
}