:root{--navy:#061a3a;--deep:#082b62;--blue:#0b63ce;--azure:#1a8cff;--cyan:#31c7f5;--ice:#eef7ff;--ink:#10213a;--muted:#66758d;--line:#dce8f5;--white:#fff;--shadow:0 22px 60px rgba(5,39,89,.13);--glow:0 0 40px rgba(39,162,255,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1240px,calc(100% - 48px));margin:auto}.topbar{height:112px;background:var(--blue);color:#fff;font-size:14.5px;padding:0 20px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar-left{display:flex;align-items:center;gap:42px}.topbar-logo img{height:112px;width:auto;margin-right:36px;filter:brightness(0) invert(1)}.topbar-links{display:flex;align-items:center;gap:0}.topbar-links a{padding:0 18px;color:#ffffff;font-size:15px;font-weight:500;white-space:nowrap}.topbar-links a:hover{color:#ccdefc}.separator{color:#ffffff7a;margin:0 12px}.header-search{width:175px;height:44px;border:1.5px solid rgba(255,255,255,.25);display:flex;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.12);transition:.25s}.header-search input{border:0;outline:0;flex:1;padding:0 12px;font:inherit;font-size:13px;background:transparent;color:#ffffff}.header-search input::placeholder{color:#ffffffcc}.header-search button{width:46px;border:0;background:rgba(255,255,255,.2);color:#ffffff;font-size:20px;cursor:pointer}.header-search button:hover{background:rgba(255,255,255,.3)}.brand{min-height:86px;display:flex;align-items:center;justify-content:center;gap:18px}.brand-main{display:none;visibility:hidden}.brand-divider{height:58px;width:1px;background:#cedbea}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:34px;letter-spacing:7px;color:var(--deep);font-weight:900}.brand-copy span{margin-top:12px;font-size:12px;letter-spacing:3px;color:#6b7f9c}.menu-toggle{display:none}.main-nav{background:linear-gradient(90deg,#06265a,#0b4c9c 55%,#0878cf);color:#fff;position:relative;z-index:20;box-shadow:0 8px 24px rgba(2,31,77,.18)}.nav-inner{height:62px;display:flex;align-items:stretch}.nav-inner>a,.nav-item>a{padding:0 18px;display:flex;align-items:center;justify-content:center;height:62px;font-size:15px;position:relative}.nav-inner>a:after,.nav-item>a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:#55d9ff;transform:translateX(-50%);transition:.25s}.nav-inner>a:hover:after,.nav-inner>a.active:after,.nav-item:hover>a:after{width:46%}.nav-inner>a:hover,.nav-inner>a.active,.nav-item:hover>a{background:rgba(255,255,255,.06)}.nav-item{position:relative}.dropdown{position:absolute;left:0;top:62px;min-width:190px;background:rgba(255,255,255,.98);color:#21324a;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;padding:10px 0;border-top:3px solid var(--azure);backdrop-filter:blur(14px)}.dropdown a{display:block;padding:12px 19px;font-size:14px;white-space:nowrap}.dropdown a:hover{background:#edf7ff;color:var(--blue)}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.hero{height:450px;position:relative;overflow:hidden;background:#dff3ff}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-nav-prev,.hero-nav-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(6,26,58,0.6);border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:32px;width:48px;height:48px;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:2}.hero:hover .hero-nav-prev{opacity:1;visibility:visible;left:24px}.hero:hover .hero-nav-next{opacity:1;visibility:visible;right:24px}.hero-nav-prev:hover,.hero-nav-next:hover{background:#0b63ce;border-color:#62ddff;transform:translateY(-50%) scale(1.1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,26,67,.72) 0%,rgba(5,52,112,.38) 40%,rgba(8,89,153,.05) 72%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(62,192,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(62,192,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.hero-content{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);color:#fff;z-index:2}.eyebrow{font-size:13px;letter-spacing:4px;color:#8fe7ff;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow span{width:42px;height:2px;background:#56dfff;box-shadow:var(--glow)}.hero-content h1{font-size:58px;line-height:1.16;margin:22px 0 20px;font-weight:900;letter-spacing:4px;text-shadow:0 5px 28px rgba(1,26,63,.35)}.hero-content h1 span{background:linear-gradient(90deg,#fff,#8be7ff);-webkit-background-clip:text;color:transparent}.hero-content>p{max-width:610px;line-height:1.9;color:rgba(255,255,255,.82);font-size:15px}.hero-actions{display:flex;gap:14px;margin-top:30px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 24px;font-size:14px;border-radius:3px;transition:.25s}.hero-btn.primary{background:linear-gradient(135deg,var(--blue),var(--azure));box-shadow:0 12px 30px rgba(0,111,230,.34)}.hero-btn.primary:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,111,230,.46)}.hero-btn.ghost{border:1px solid rgba(255,255,255,.55);background:rgba(5,31,72,.16);backdrop-filter:blur(7px)}.hero-metrics{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:94px;background:linear-gradient(90deg, rgba(6, 26, 58, 0.75), rgba(11, 99, 206, 0.65));backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr);z-index:3;border-top:1px solid rgba(103,216,255,.35)}.hero-metrics div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid rgba(255,255,255,.12);color:#fff}.hero-metrics b{font-size:26px;color:#68ddff}.hero-metrics span{font-size:13px;color:rgba(255,255,255,.72)}.hero-dots{position:absolute;right:calc((100% - min(1240px,calc(100% - 48px)))/2);bottom:116px;display:flex;gap:8px;z-index:3}.hero-dots button{width:24px;height:3px;border:0;background:rgba(255,255,255,.45);padding:0}.hero-dots .active{width:54px;background:#62ddff;box-shadow:var(--glow)}
.section{padding:88px 0}.soft-bg{background:linear-gradient(180deg,#f5faff,#edf6ff)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-heading span{font-size:12px;letter-spacing:3px;color:var(--blue);font-weight:800}.section-heading h2{margin:7px 0 4px;font-size:35px;letter-spacing:4px}.section-heading h2:after{content:"";display:inline-block;width:48px;height:3px;margin-left:16px;background:linear-gradient(90deg,var(--blue),var(--cyan));vertical-align:middle}.section-heading p{margin:8px 0 0;font-size:13px;color:#8591a3}.section-heading>a{font-size:13px;color:#59708e}.centered{justify-content:center;text-align:center}.centered h2:after{display:block;margin:16px auto 0}.news-layout{display:grid;grid-template-columns:1.14fr .86fr;gap:48px}.lead-story{display:grid;grid-template-columns:1.06fr .94fr;background:#fff;box-shadow:var(--shadow);min-height:370px;border:1px solid #e4eef8}.lead-image{position:relative;overflow:hidden}.lead-image:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(2,28,67,.52))}.lead-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.lead-story:hover .lead-image img{transform:scale(1.055)}.lead-image span{position:absolute;left:18px;top:18px;background:linear-gradient(135deg,var(--blue),var(--azure));color:#fff;padding:9px 17px;font-size:12px;z-index:2;box-shadow:0 8px 18px rgba(0,104,218,.3)}.lead-copy{padding:41px 35px}.lead-copy time{font-size:12px;color:var(--blue);font-weight:700}.lead-copy h3{font-size:24px;line-height:1.55;margin:17px 0}.lead-copy p{color:var(--muted);line-height:1.9;font-size:14px}.lead-copy a{display:inline-block;color:var(--blue);font-size:13px;margin-top:15px}.news-list{display:flex;flex-direction:column}.news-list article{display:grid;grid-template-columns:82px 1fr;gap:22px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.news-list time{border-right:1px solid var(--line);display:flex;flex-direction:column}.news-list time b{font-size:34px;color:var(--blue);line-height:1}.news-list time span{font-size:12px;color:#98a6b8;margin-top:8px}.news-list em{font-style:normal;color:#10a9d6;font-size:12px}.news-list h3{font-size:17px;line-height:1.6;margin:5px 0 7px}.news-list p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.notice-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:62px}.compact{margin-bottom:24px}.combined-section{background:#f5faff}.combined-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px}.notice-column{border-right:1px solid #dceaf7;padding-right:30px}.notice-item{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #d9e7f4;transition:.25s;min-height:60px}.notice-item div{flex:1;color:#10213a;font-size:14px;line-height:1.5;padding-right:10px}.notice-item div b{display:block;font-size:15px;margin-bottom:6px;color:#06265a}.notice-item div small{font-size:12px;color:#8b9aaf;display:block}.notice-item i{font-style:normal;color:#8ea0b7;transition:.25s;font-size:18px}.notice-item:hover{padding-left:10px}.notice-item:hover i{color:var(--blue);transform:translateX(4px)}.quick-column{padding-top:10px}.style-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}.research-card{position:relative;min-height:448px;padding:62px 54px;color:#fff;background:linear-gradient(145deg,#051c43,#073b81 58%,#0879c9);overflow:hidden;box-shadow:0 24px 55px rgba(3,45,105,.25)}.research-card:before{content:"";position:absolute;right:-120px;top:-90px;width:340px;height:340px;border:1px solid rgba(95,222,255,.22);border-radius:50%}.research-card:after{content:"";position:absolute;right:-40px;top:-10px;width:180px;height:180px;border:1px solid rgba(95,222,255,.2);border-radius:50%}.research-glow{position:absolute;width:240px;height:240px;background:#1bbcff;filter:blur(95px);opacity:.24;right:-30px;bottom:-60px}.research-card>span{font-size:11px;letter-spacing:3px;color:#75e0ff}.research-card h2{font-size:35px;line-height:1.45;margin:18px 0}.research-card p{font-size:14px;line-height:1.9;color:rgba(255,255,255,.73);position:relative;z-index:2}.research-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 28px;position:relative;z-index:2}.research-tags b{font-size:12px;font-weight:500;border:1px solid rgba(120,224,255,.35);padding:7px 12px;background:rgba(33,152,220,.1)}.research-card>a{font-size:13px;color:#78e1ff;position:relative;z-index:2}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-section {
    position: relative;
    background: url('assets/chatu2.png') center/cover no-repeat;
}
.feature-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.9); /* 添加半透明白色遮罩，确保内容可读 */
    z-index: 0;
}
.feature-section .container {
    position: relative;
    z-index: 1;
}
.research-card{position:relative;min-height:448px;padding:62px 54px;color:#fff;background:linear-gradient(145deg,#051c43,#073b81 58%,#0879c9);overflow:hidden;box-shadow:0 24px 55px rgba(3,45,105,.25)}.research-card:before{content:"";position:absolute;right:-120px;top:-90px;width:340px;height:340px;border:1px solid rgba(95,222,255,.22);border-radius:50%}.research-card:after{content:"";position:absolute;right:-40px;top:-10px;width:180px;height:180px;border:1px solid rgba(95,222,255,.2);border-radius:50%}.research-glow{position:absolute;width:240px;height:240px;background:#1bbcff;filter:blur(95px);opacity:.24;right:-30px;bottom:-60px}.research-card>span{font-size:11px;letter-spacing:3px;color:#75e0ff}.research-card h2{font-size:35px;line-height:1.45;margin:18px 0}.research-card p{font-size:14px;line-height:1.9;color:rgba(255,255,255,.73);position:relative;z-index:2}.research-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 28px;position:relative;z-index:2}.research-tags b{font-size:12px;font-weight:500;border:1px solid rgba(120,224,255,.35);padding:7px 12px;background:rgba(33,152,220,.1)}.research-card>a{font-size:13px;color:#78e1ff;position:relative;z-index:2}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-section {
     position: relative;
     background: url('assets/chatu2.png') center/cover no-repeat;
 }
@media(max-width:1060px){.topbar-inner{justify-content:flex-start !important}.topbar-links,.separator,.header-tools{display:none !important}.menu-toggle{display:block;border:0;background:linear-gradient(135deg,var(--blue),var(--azure));color:#fff;font-size:24px;padding:8px 13px}.main-nav{display:none}.main-nav.open{display:block}.nav-inner{height:auto;display:grid;grid-template-columns:repeat(2,1fr);padding:12px 0}.nav-item .dropdown{display:none}.hero{height:380px}.hero-content h1{font-size:46px}.news-layout,.notice-grid{grid-template-columns:1fr}.feature-grid,.special-grid{grid-template-columns:repeat(2,1fr)}.stats-content{grid-template-columns:repeat(2,1fr);padding:42px 0}.stats-title{grid-column:1/-1}.stat{border-left:0}.quick-grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1fr 1fr}.lead-story{grid-template-columns:1fr}.lead-image{height:320px}}
@media(max-width:680px){.container{width:min(100% - 28px,1240px)}.topbar{display:none}.brand{height:90px}.brand-main img{width:58px;height:58px}.brand-divider{height:44px}.brand-copy strong{font-size:24px;letter-spacing:3px}.brand-copy span{font-size:8px;letter-spacing:1.4px}.hero{height:320px}.hero-content{top:39%}.eyebrow{font-size:10px;letter-spacing:2px}.hero-content h1,.hero-content h1 span{font-size:36px}.hero-content>p{font-size:13px}.hero-metrics{grid-template-columns:repeat(2,1fr);height:126px}.hero-metrics div{border-bottom:1px solid rgba(255,255,255,.1)}.hero-dots{right:20px;bottom:142px}.section{padding:62px 0}.section-heading h2{font-size:28px}.section-heading>a{display:none}.lead-copy{padding:29px 24px}.news-list article{grid-template-columns:68px 1fr}.feature-grid,.special-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr}.footer-bottom span{float:none;display:block;margin-top:8px}.research-card{padding:54px 30px}.nav-inner{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}.stats-content{grid-template-columns:1fr 1fr}.combined-grid{grid-template-columns:1fr}.notice-column{border-right:none;padding-right:0}}/* ============================================================
   导航栏蓝色渐变升级（追加至末尾，覆盖原样式）
   ============================================================ */

/* ---- 顶部栏（深蓝渐变） ---- */
.topbar {
    background: linear-gradient(135deg, rgba(11, 26, 51, 0.6) 0%, rgba(26, 58, 92, 0.3) 100%) !important; /* 调整透明度 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.topbar a {
    color: rgba(255, 255, 255, 0.75) !important;
    transition: color 0.25s ease !important;
}
.topbar a:hover {
    color: #ffffff !important;
}

/* ---- 主导航（明亮蓝渐变，替换原有的深色渐变） ---- */
.main-nav {
    background: linear-gradient(135deg, rgba(26, 82, 118, 0.7) 0%, rgba(52, 152, 219, 0.6) 100%) !important;
    box-shadow: 0 4px 20px rgba(26, 82, 118, 0.25) !important;
}

.main-nav a {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 500 !important;
    padding: 0 1.2rem !important;
    line-height: 56px !important;
    transition: background 0.25s ease, color 0.25s ease !important;
}
.main-nav a:hover,
.main-nav a.active {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* ---- 下拉菜单（跟随主色） ---- */
.main-nav .dropdown {
    background: linear-gradient(180deg, #1a5276, #2e86c1) !important;
    border: none !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 8px 30px rgba(26, 82, 118, 0.3) !important;
    padding: 6px 0 !important;
}
.main-nav .dropdown a {
    line-height: 44px !important;
    padding: 0 1.5rem !important;
    color: rgba(255, 255, 255, 0.88) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.main-nav .dropdown a:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}
.main-nav .dropdown a:last-child {
    border-bottom: none !important;
}

/* ---- 品牌文字颜色（让学院名称更协调） ---- */
.brand-copy strong {
    color: #1a5276 !important;
}
.brand-copy span {
    color: #5b8db8 !important;
}

/* ---- 移动端菜单按钮 ---- */
.menu-toggle {
    color: #1a5276 !important;
}
.menu-toggle:hover {
    color: #3498db !important;
}

/* ---- 搜索框微调 ---- */
.header-search input {
    border: 2px solid rgba(26, 82, 118, 0.2) !important;
    border-radius: 20px !important;
    transition: border-color 0.3s ease !important;
}
.header-search input:focus {
    border-color: #3498db !important;
    outline: none !important;
}
.header-search button {
    background: #1a5276 !important;
    transition: background 0.25s ease !important;
    font-size: 28px !important; /* 增大放大镜图标 */
}
.header-search button:hover {
    background: #3498db !important;
}

/* ---- 校徽品牌区（由白底改为高级渐变过渡） ---- */
.site-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    overflow: visible !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 55%, transparent 100%) !important;
}
.brand {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.035) !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
.brand::before {
    display: none !important;
}
.brand-main img {
    background: transparent !important;
    filter: brightness(0) invert(1) drop-shadow(0 10px 22px rgba(6, 21, 46, 0.24)) !important;
}
.brand-divider {
    width: 2px !important;
    background: linear-gradient(180deg, rgba(210, 229, 240, 0), rgba(210, 229, 240, 0.46), rgba(210, 229, 240, 0)) !important;
    box-shadow: none !important;
}
.brand-copy strong {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(2, 12, 32, 0.16);
}
.brand-copy span {
    color: rgba(223, 235, 243, 0.84) !important;
    letter-spacing: 3.4px !important;
}
.header-search {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(8, 24, 49, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.header-search input {
    color: #ffffff !important;
    border: 0 !important;
}
.header-search input::placeholder {
    color: rgba(223, 235, 243, 0.62) !important;
}
.header-search button {
    background: linear-gradient(180deg, #1b4f86 0%, #163f6d 100%) !important;
    color: #ffffff !important;
}
.menu-toggle {
    color: #ffffff !important;
}
.menu-toggle:hover {
    color: #8ee7ff !important;
}

/* ---- 内容区滚动动画 ---- */
.reveal{
    --reveal-distance:36px;
    --reveal-duration:.82s;
    --reveal-delay:0s;
    opacity:0;
    transition:
        opacity var(--reveal-duration) ease,
        transform var(--reveal-duration) cubic-bezier(.22,1,.36,1),
        filter var(--reveal-duration) ease;
    transition-delay:var(--reveal-delay);
    will-change:transform,opacity;
}
.reveal-up{transform:translateY(var(--reveal-distance))}
.reveal-left{transform:translateX(calc(var(--reveal-distance) * -1))}
.reveal-right{transform:translateX(var(--reveal-distance))}
.reveal-scale{transform:translateY(24px) scale(.965);filter:blur(5px)}
.reveal.is-visible{
    opacity:1;
    transform:none;
    filter:none;
}

.section-heading.reveal{
    --reveal-distance:26px;
}
.news-list article.reveal,
.notice-item.reveal,
.feature-card.reveal,
.special-grid a.reveal,
.quick-grid a.reveal,
.stat.reveal{
    --reveal-distance:28px;
}
.lead-story.reveal,
.research-card.reveal{
    --reveal-distance:34px;
}

@media (prefers-reduced-motion: reduce){
    .reveal,
    .reveal-up,
    .reveal-left,
    .reveal-right,
    .reveal-scale{
        opacity:1 !important;
        transform:none !important;
        filter:none !important;
        transition:none !important;
    }
}

/* ============================================================
   师生风采文字小卡片样式
   ============================================================ */
.style-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.style-item{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #d9e7f4;transition:.25s;min-height:60px}.style-item div{flex:1;color:#10213a;font-size:14px;line-height:1.5;padding-right:10px}.style-item div b{display:block;font-size:15px;margin-bottom:6px;color:#06265a}.style-item div small{font-size:12px;color:#8b9aaf;display:block}.style-item i{font-style:normal;color:#8ea0b7;transition:.25s;font-size:18px}.style-item:hover{padding-left:10px}.style-item:hover i{color:var(--blue);transform:translateX(4px)}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.quick-grid a{height:126px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:0 10px 28px rgba(11,67,130,.06);transition:.3s;border:1px solid #e1edf8}.quick-grid span{font-size:29px;color:var(--blue)}.quick-grid b{font-size:14px}.quick-grid a:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#a9dcff}.site-footer{background:#04152f;color:#fff;position:relative}.footer-line{height:3px;background:linear-gradient(90deg,#0a62c9,#28c7f3,#0a62c9)}.footer-main{padding:41px 0;display:grid;grid-template-columns:1.4fr 1.05fr .7fr .5fr;gap:48px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:68px;height:68px;object-fit:contain}.footer-brand strong{display:block;font-size:22px;letter-spacing:2px}.footer-brand span{display:block;font-size:9px;letter-spacing:1.4px;color:#6edbff;margin-top:9px}.footer-brand p{font-size:12px;color:rgba(255,255,255,.5);margin-top:14px}.footer-main h3{font-size:15px;margin:0 0 16px;color:#68dcff}.footer-main p,.footer-main a{display:block;font-size:12px;color:rgba(255,255,255,.64);line-height:2}.footer-main a:hover{color:#fff}.footer-code{text-align:center}.qr-placeholder{width:88px;height:88px;background:repeating-linear-gradient(45deg,#fff 0 4px,#06214a 4px 8px);display:grid;place-items:center;color:#08295d;font-weight:900;font-size:12px;border:6px solid #fff;margin:auto}.footer-code span{font-size:11px;display:block;margin-top:9px;color:rgba(255,255,255,.6)}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:11px 0;font-size:11px;color:rgba(255,255,255,.45)}.footer-bottom span{float:right}.back-top{position:fixed;right:28px;bottom:28px;width:45px;height:45px;border:0;background:linear-gradient(135deg,var(--blue),var(--azure));color:#fff;font-size:22px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.3s;z-index:40}.back-top.show{opacity:1;visibility:visible}

/* ============================================================
   页脚曲面分割修正：左端从最高点立即下弯，不保留水平切口
   ============================================================ */
.site-footer{
    background:transparent !important;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.footer-curve-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:-1;
    pointer-events:none;
}
.footer-curve-fill{
    fill:url(#footerGradient);
    /* 恢复原本的颜色，不使用透明度 */
}

.footer-curve-glow{
    fill:url(#footerGlow);
    opacity:0.9;
}
.footer-curve-line{
    fill:none;
    stroke:url(#footerCurveLine);
    stroke-width:2.5;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 8px rgba(74, 210, 255, 0.48));
}
.footer-line{
    display:none !important;
}
.footer-main{
    position:relative;
    z-index:1;
    padding-top:127px !important;
}
.footer-bottom{
    position:relative;
    z-index:1;
}
@media(max-width:1060px){
    .footer-main{padding-top:117px !important;}
}
@media(max-width:680px){
    .footer-main{padding-top:97px !important;}
}
.footer-qr {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  padding: 5px;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  position: relative;
  z-index: 5;
}

.footer-code {
  position: relative;
  z-index: 5;
  text-align: center;
}

.footer-code span {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
}
.footer-bottom{
    background:rgba(2, 15, 38, 0.22);
    border-top:1px solid rgba(255,255,255,0.10);
    backdrop-filter:blur(6px);
}

.footer-main h3{
    color:#7ce8ff;
}

.footer-main p,
.footer-main a{
    color:rgba(255,255,255,0.72);
}

.footer-main a:hover{
    color:#ffffff;
    transform:translateX(3px);
}

.footer-brand strong{
    text-shadow:0 4px 18px rgba(0,0,0,0.22);
}

/* ============================================================
   融合校徽与导航栏（同一行显示）
   ============================================================ */
.brand {
    height: auto !important;
    min-height: 90px;
    padding: 0 !important;
    gap: 10px;
}
.brand-main img {
    width: 54px !important;
    height: 54px !important;
}
.brand-divider {
    height: 40px !important;
    margin: 0 10px !important;
}
.brand-copy strong {
    font-size: 22px !important;
    letter-spacing: 4px !important;
}
.brand-copy span {
    font-size: 9px !important;
    letter-spacing: 1.5px !important;
    margin-top: 6px !important;
}
.main-nav {
    background: transparent !important;
    box-shadow: none !important;
    flex: 1;
    display: flex;
    justify-content: center;
}
.nav-inner {
    height: 62px !important;
    width: auto !important;
}
.main-nav a {
    line-height: 62px !important;
    padding: 0 15px !important;
    font-size: 14px !important;
}
.header-search {
    width: 180px !important;
}
.dropdown {
    top: 62px !important;
}
@media(max-width:1060px){
    .main-nav { display: none !important; }
    .main-nav.open { display: block !important; position: absolute; top: 62px; left: 0; width: 100%; background: linear-gradient(135deg, #1a5276 0%, #3498db 100%) !important; }
    .nav-inner { height: auto !important; }
    .main-nav a { line-height: 56px !important; }
}


/* 2026-08 顶部双层导航最终优化：主要最终覆盖位于 HTML 内联样式末尾，确保压过历史 !important。 */
/* 已移除顶部功能导航分隔竖线，并删除第二层重复搜索框。 */

/* ============================================================
   2026-08-29 首页展播图上移：第二层主导航悬浮叠加在展播图顶部
   目标：Logo/快捷入口栏保持独立，首页主导航与 banner 融合
   ============================================================ */
.site-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    z-index: 999 !important;
    overflow: visible !important;
    background: transparent !important;
}

/* Logo + 学校主页/招生就业/... + 搜索框这一层保持独立，不被 banner 覆盖 */
.site-header .topbar {
    position: relative !important;
    z-index: 1002 !important;
    height: 112px !important;
    background: linear-gradient(135deg, rgba(6, 34, 76, .98) 0%, rgba(11, 99, 206, .94) 100%) !important;
    border-bottom: 0 !important;
}

/* “首页/学院概况/师资力量...”这一层脱离文档流，直接覆盖到展播图顶部 */
.site-header .brand.container {
    position: absolute !important;
    top: 112px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 74px !important;
    height: 74px !important;
    margin: 0 !important;
    padding: 0 4% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, rgba(3, 25, 58, .76) 0%, rgba(3, 34, 74, .46) 68%, rgba(3, 34, 74, .24) 100%) !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 30px rgba(2, 23, 55, .14) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 1001 !important;
}

/* 第二层仅保留主导航，隐藏 HTML 中残留的重复搜索框 */
.site-header .brand.container > .header-tools {
    display: none !important;
}

.site-header .brand.container .main-nav {
    width: 100% !important;
    max-width: 100% !important;
    height: 74px !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-header .brand.container .nav-inner {
    width: auto !important;
    max-width: 1400px !important;
    height: 74px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 2px !important;
    white-space: nowrap !important;
}

.site-header .brand.container .nav-inner > a,
.site-header .brand.container .nav-item > a,
.site-header .brand.container .main-nav a {
    height: 74px !important;
    line-height: 74px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,.96) !important;
}

.site-header .brand.container .nav-inner > a:hover,
.site-header .brand.container .nav-inner > a.active,
.site-header .brand.container .nav-item:hover > a {
    background: rgba(255,255,255,.13) !important;
    border-radius: 0 !important;
}

.site-header .brand.container .dropdown,
.site-header .brand.container .main-nav .dropdown {
    top: 74px !important;
}

/* banner 现在从 Logo 栏正下方开始，顶部 74px 被主导航自然叠加 */
main {
    position: relative !important;
    z-index: 1 !important;
}

.hero {
    position: relative !important;
    margin-top: 0 !important;
    height: 560px !important;
    overflow: hidden !important;
}

.hero > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* 让轮播控制点避开悬浮主导航，视觉更稳 */
.hero-dots {
    bottom: 28px !important;
}

@media (min-width: 1600px) {
    .hero {
        height: 640px !important;
    }
}

@media (min-width: 1061px) and (max-width: 1366px) {
    .site-header .brand.container .nav-inner > a,
    .site-header .brand.container .nav-item > a,
    .site-header .brand.container .main-nav a {
        padding-left: 13px !important;
        padding-right: 13px !important;
        font-size: 13px !important;
    }
    .hero {
        height: 520px !important;
    }
}

@media (max-width: 1060px) {
    .site-header .brand.container .main-nav {
        display: none !important;
    }
    .site-header .brand.container {
        min-height: 64px !important;
        height: 64px !important;
        padding: 0 24px !important;
        justify-content: flex-end !important;
    }
    .site-header .brand.container .main-nav {
        height: auto !important;
    }
    .site-header .brand.container .main-nav.open {
        position: absolute !important;
        top: 64px !important;
        left: 0 !important;
        width: 100% !important;
        display: block !important;
        background: rgba(5, 45, 94, .97) !important;
        backdrop-filter: blur(12px) !important;
    }
    .site-header .brand.container .nav-inner {
        height: auto !important;
        max-width: none !important;
    }
    .hero {
        height: 430px !important;
    }
}

@media (max-width: 680px) {
    .site-header .topbar {
        height: 82px !important;
        display: block !important;
    }
    .site-header .topbar-links,
    .site-header .topbar .header-tools {
        display: none !important;
    }
    .site-header .topbar-logo img {
        height: 82px !important;
        margin-right: 0 !important;
    }
    .site-header .brand.container {
        top: 82px !important;
        min-height: 58px !important;
        height: 58px !important;
        padding: 0 14px !important;
    }
    .site-header .brand.container .main-nav.open {
        top: 58px !important;
    }
    .hero {
        height: 360px !important;
    }
}

/* ============================================================
   2026-08 主导航微调：自上而下渐变透明 + 一级栏目等宽分布
   ============================================================ */

/* “首页”这一整栏：顶部保留深蓝承托文字，向下自然融入展播图 */
.site-header .brand.container {
    background: linear-gradient(
        180deg,
        rgba(3, 25, 58, .82) 0%,
        rgba(3, 31, 70, .60) 34%,
        rgba(3, 36, 79, .32) 66%,
        rgba(3, 36, 79, .10) 84%,
        rgba(3, 36, 79, 0) 100%
    ) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 导航内容占满可用宽度，左右边缘一致 */
.site-header .brand.container .main-nav {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.site-header .brand.container .nav-inner {
    width: min(1320px, 92vw) !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    gap: 0 !important;
    justify-content: space-between !important;
}

/* 首页、学院概况、师资力量……全部等宽，文字在各自区域正中 */
.site-header .brand.container .nav-inner > a,
.site-header .brand.container .nav-inner > .nav-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.site-header .brand.container .nav-inner > a,
.site-header .brand.container .nav-item > a {
    width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    justify-content: center !important;
    text-align: center !important;
}

/* 悬停只轻微提亮，避免破坏向下透明的整体感 */
.site-header .brand.container .nav-inner > a:hover,
.site-header .brand.container .nav-inner > a.active,
.site-header .brand.container .nav-item:hover > a {
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.035) 72%, transparent) !important;
}

/* 中等桌面也保持平均分布，不再单独压缩某几个菜单的左右间距 */
@media (min-width: 1061px) and (max-width: 1366px) {
    .site-header .brand.container .nav-inner {
        width: min(1180px, 94vw) !important;
    }

    .site-header .brand.container .nav-inner > a,
    .site-header .brand.container .nav-item > a,
    .site-header .brand.container .main-nav a {
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 13px !important;
    }
}

/* ============================================================
   2026-08-29 最终修正：主导航整屏等分 + 底部完全透明无分割线
   ============================================================ */

/* 导航背景：下半段提前进入完全透明，避免底部出现深色/黑色边缘 */
.site-header .brand.container {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: linear-gradient(
        180deg,
        rgba(3, 25, 58, .82) 0%,
        rgba(3, 31, 70, .54) 26%,
        rgba(3, 36, 79, .28) 50%,
        rgba(3, 36, 79, .08) 68%,
        rgba(3, 36, 79, 0) 80%,
        rgba(3, 36, 79, 0) 100%
    ) !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 清除历史样式里可能残留的横线、遮罩和阴影 */
.site-header .brand.container::before,
.site-header .brand.container::after,
.site-header .brand.container .main-nav::before,
.site-header .brand.container .main-nav::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.site-header .brand.container .main-nav {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 关键：不再使用 1180/1320px 内容宽度，而是铺满整个页面 */
.site-header .brand.container .nav-inner {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: stretch !important;
}

/* 8 个一级栏目各占整屏 1/8，真正从页面左到右均匀分布 */
.site-header .brand.container .nav-inner > a,
.site-header .brand.container .nav-inner > .nav-item {
    flex: 1 1 12.5% !important;
    width: 12.5% !important;
    max-width: 12.5% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .brand.container .nav-inner > a,
.site-header .brand.container .nav-item > a {
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 清除一级导航原有底部活动线，避免看起来像导航栏底边 */
.site-header .brand.container .nav-inner > a::after,
.site-header .brand.container .nav-item > a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 当前项/悬停也在底部完全透明，不形成新的色带 */
.site-header .brand.container .nav-inner > a:hover,
.site-header .brand.container .nav-inner > a.active,
.site-header .brand.container .nav-item:hover > a {
    background: linear-gradient(
        180deg,
        rgba(255,255,255,.11) 0%,
        rgba(255,255,255,.045) 48%,
        rgba(255,255,255,0) 76%,
        rgba(255,255,255,0) 100%
    ) !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 桌面端不再回退到 1180/1320px，因此 1366/1920 等宽度都整屏均分 */
@media (min-width: 1061px) {
    .site-header .brand.container .nav-inner {
        width: 100% !important;
        max-width: none !important;
    }

    .site-header .brand.container .nav-inner > a,
    .site-header .brand.container .nav-item > a,
    .site-header .brand.container .main-nav a {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* 保持平板/手机展开菜单正常，不套用桌面 1/8 等分宽度 */
@media (max-width: 1060px) {
    .site-header .brand.container .nav-inner > a,
    .site-header .brand.container .nav-inner > .nav-item {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .site-header .brand.container .nav-item > a,
    .site-header .brand.container .nav-inner > a {
        width: 100% !important;
    }
}

/* ============================================================
   2026-08-29 下拉栏目统一美化：文字居中、尺寸统一、与主导航融合
   ============================================================ */
@media (min-width: 1061px) {
    /* 所有一级栏目下拉框统一为居中的玻璃蓝面板 */
    .site-header .brand.container .nav-item > .dropdown,
    .site-header .brand.container .main-nav .nav-item > .dropdown {
        left: 50% !important;
        right: auto !important;
        top: 74px !important;
        width: max-content !important;
        min-width: 220px !important;
        max-width: 320px !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        overflow: hidden !important;
        background: linear-gradient(
            180deg,
            rgba(7, 42, 88, .96) 0%,
            rgba(8, 67, 126, .94) 100%
        ) !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        border-top: 0 !important;
        border-radius: 0 0 10px 10px !important;
        box-shadow: 0 16px 34px rgba(1, 22, 52, .24) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        transform: translate(-50%, 8px) !important;
        transform-origin: top center !important;
    }

    /* 展开时保持以父栏目正中为基准，不再向左偏 */
    .site-header .brand.container .nav-item:hover > .dropdown {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translate(-50%, 0) !important;
    }

    /* 所有二级栏目文字水平、垂直居中 */
    .site-header .brand.container .dropdown > a,
    .site-header .brand.container .main-nav .dropdown > a {
        width: 100% !important;
        min-height: 48px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 11px 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.55 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: .2px !important;
        color: rgba(255,255,255,.92) !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .site-header .brand.container .dropdown > a:last-child,
    .site-header .brand.container .main-nav .dropdown > a:last-child {
        border-bottom: 0 !important;
    }

    .site-header .brand.container .dropdown > a:hover,
    .site-header .brand.container .main-nav .dropdown > a:hover {
        color: #ffffff !important;
        background: rgba(255,255,255,.12) !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        transform: none !important;
    }

    /* 最右侧“主题栏目”避免下拉框超出屏幕 */
    .site-header .brand.container .nav-item:last-child > .dropdown {
        left: auto !important;
        right: 0 !important;
        transform: translateY(8px) !important;
        transform-origin: top right !important;
    }

    .site-header .brand.container .nav-item:last-child:hover > .dropdown {
        transform: translateY(0) !important;
    }
}


/* 2026-08-29 FINAL：二级下拉菜单强制居中 + 紧凑化 */
@media (min-width: 1061px) {
    /* 下拉面板整体缩小，并始终以一级栏目中心展开 */
    .site-header .brand.container .main-nav .nav-item > .dropdown {
        top: 74px !important;
        left: 50% !important;
        right: auto !important;
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        margin: 0 !important;
        padding: 5px 0 !important;
        overflow: hidden !important;
        background: linear-gradient(180deg, rgba(16, 60, 101, .94) 0%, rgba(32, 91, 145, .92) 100%) !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        border-top: 0 !important;
        border-radius: 0 0 9px 9px !important;
        box-shadow: 0 12px 28px rgba(2, 22, 50, .20) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        transform: translate(-50%, 7px) !important;
    }

    .site-header .brand.container .main-nav .nav-item:hover > .dropdown {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translate(-50%, 0) !important;
    }

    /* 关键修正：只针对二级菜单链接，彻底覆盖 .main-nav a 的 74px 高度/行高 */
    .site-header .brand.container .main-nav .nav-item > .dropdown > a {
        box-sizing: border-box !important;
        width: 100% !important;
        height: auto !important;
        min-height: 42px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 9px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: normal !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        color: rgba(255,255,255,.94) !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .site-header .brand.container .main-nav .nav-item > .dropdown > a:last-child {
        border-bottom: 0 !important;
    }

    .site-header .brand.container .main-nav .nav-item > .dropdown > a:hover {
        height: auto !important;
        min-height: 42px !important;
        padding: 9px 12px !important;
        justify-content: center !important;
        text-align: center !important;
        line-height: 1.35 !important;
        background: rgba(255,255,255,.12) !important;
        color: #fff !important;
        transform: none !important;
    }

    /* 最右侧主题栏目仍防止面板跑出屏幕，但内部文字同样居中 */
    .site-header .brand.container .main-nav .nav-item:last-child > .dropdown {
        left: auto !important;
        right: 8px !important;
        transform: translateY(7px) !important;
    }

    .site-header .brand.container .main-nav .nav-item:last-child:hover > .dropdown {
        transform: translateY(0) !important;
    }
}

/* ============================================================
   2026-08-29 主导航吸顶：滚动页面时“首页—主题栏目”跟随页面
   顶部状态继续与展播图融合；吸顶后增强可读性
   ============================================================ */
@media (min-width: 1061px) {
    .site-header .brand.container {
        transition:
            background .26s ease,
            box-shadow .26s ease,
            backdrop-filter .26s ease,
            -webkit-backdrop-filter .26s ease !important;
        will-change: top, background, box-shadow;
    }

    /* 滚过 Logo 栏后，只固定第二层主导航 */
    .site-header .brand.container.is-sticky-nav {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        z-index: 3000 !important;
        background: linear-gradient(
            180deg,
            rgba(4, 34, 78, .98) 0%,
            rgba(7, 66, 130, .96) 58%,
            rgba(9, 82, 157, .94) 100%
        ) !important;
        border: 0 !important;
        box-shadow: 0 7px 24px rgba(1, 25, 61, .22) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

    /* 吸顶时仍保持 8 个一级栏目整屏均匀分布 */
    .site-header .brand.container.is-sticky-nav .main-nav,
    .site-header .brand.container.is-sticky-nav .nav-inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .site-header .brand.container.is-sticky-nav .nav-inner > a,
    .site-header .brand.container.is-sticky-nav .nav-inner > .nav-item {
        flex: 1 1 12.5% !important;
        width: 12.5% !important;
        max-width: 12.5% !important;
    }

    /* 固定到白色内容区后，悬停使用干净的半透明高亮 */
    .site-header .brand.container.is-sticky-nav .nav-inner > a:hover,
    .site-header .brand.container.is-sticky-nav .nav-inner > a.active,
    .site-header .brand.container.is-sticky-nav .nav-item:hover > a {
        background: rgba(255, 255, 255, .10) !important;
    }

    /* 下拉菜单继续紧贴吸顶导航下边缘 */
    .site-header .brand.container.is-sticky-nav .main-nav .nav-item > .dropdown {
        top: 74px !important;
    }
}



/* 2026-08-29 FINAL LAYOUT REFINEMENT */
@media (min-width: 1061px) {
    /* True eight-column full-viewport distribution. */
    .site-header .brand.container .nav-inner {
        display: grid !important;
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
    }

    .site-header .brand.container .nav-inner > a,
    .site-header .brand.container .nav-inner > .nav-item,
    .site-header .brand.container.is-sticky-nav .nav-inner > a,
    .site-header .brand.container.is-sticky-nav .nav-inner > .nav-item {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-header .brand.container .nav-inner > a,
    .site-header .brand.container .nav-inner > .nav-item > a {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* Narrower content area and tighter vertical rhythm. */
.news-section > .container,
.combined-section > .container,
.special-section > .container {
    width: min(1020px, calc(100% - 96px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.news-section.section,
.combined-section.section,
.special-section.section {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}

.news-section .section-heading,
.combined-section .section-heading,
.special-section .section-heading {
    margin-bottom: 22px !important;
}

.news-section .news-layout {
    gap: 28px !important;
}

.news-section .lead-story {
    min-height: 310px !important;
}

.news-section .lead-copy {
    padding: 28px 24px !important;
}

.news-section .news-list article {
    gap: 16px !important;
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
}

.combined-section .combined-grid {
    gap: 30px !important;
}

.combined-section .notice-column {
    padding-right: 20px !important;
}

.combined-section .notice-item,
.combined-section .style-item {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    min-height: 48px !important;
}

.special-section .special-grid {
    gap: 16px !important;
}

.special-section .special-grid a {
    padding: 22px 20px !important;
    min-height: 165px !important;
}

/* 主题专栏：2×2 纯图片入口 */
.special-section .special-image-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

.special-section .special-image-grid .special-image-card {
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    background: #eef4fa !important;
    border: 1px solid rgba(7, 59, 129, .09) !important;
    box-shadow: 0 8px 22px rgba(5, 39, 89, .08) !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
}

.special-section .special-image-grid .special-image-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .45s cubic-bezier(.22, 1, .36, 1) !important;
}

.special-section .special-image-grid .special-image-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 30px rgba(5, 39, 89, .14) !important;
}

.special-section .special-image-grid .special-image-card:hover img {
    transform: scale(1.035) !important;
}

@media (max-width: 680px) {
    .special-section .special-image-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

@media (max-width: 680px) {
    .news-section > .container,
    .combined-section > .container,
    .special-section > .container {
        width: calc(100% - 28px) !important;
    }

    .news-section.section,
    .combined-section.section,
    .special-section.section {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    .news-section .section-heading,
    .combined-section .section-heading,
    .special-section .section-heading {
        margin-bottom: 20px !important;
    }
}

/* ============================================================
   2026-08 最终内容区紧凑优化
   - 四个主体板块进一步增加左右留白
   - 上下间距收紧
   - 主题专栏桌面端四图一整排
   ============================================================ */

/* 四个主体区域统一进一步收窄 */
.news-section > .container,
.combined-section > .container,
.special-section > .container {
    width: min(940px, calc(100% - 160px)) !important;
    max-width: 940px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 整体上下更紧凑 */
.news-section.section,
.combined-section.section,
.special-section.section {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

.news-section .section-heading,
.combined-section .section-heading,
.special-section .section-heading {
    margin-bottom: 18px !important;
}

.news-section .section-heading h2,
.combined-section .section-heading h2,
.special-section .section-heading h2 {
    font-size: 27px !important;
    letter-spacing: 2px !important;
}

.news-section .section-heading h2::after,
.combined-section .section-heading h2::after,
.special-section .section-heading h2::after {
    width: 38px !important;
    margin-left: 12px !important;
}

/* 信息新闻整体压缩 */
.news-section .news-layout {
    gap: 22px !important;
    grid-template-columns: 1.1fr .9fr !important;
}

.news-section .lead-story {
    min-height: 270px !important;
}

.news-section .lead-copy {
    padding: 22px 19px !important;
}

.news-section .lead-copy h3 {
    font-size: 18px !important;
    margin: 11px 0 8px !important;
    line-height: 1.48 !important;
}

.news-section .lead-copy p {
    font-size: 12px !important;
    line-height: 1.65 !important;
}

.news-section .lead-copy a {
    margin-top: 9px !important;
}

.news-section .news-list article {
    grid-template-columns: 66px 1fr !important;
    gap: 13px !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

.news-section .news-list time b {
    font-size: 28px !important;
}

.news-section .news-list h3 {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 3px 0 4px !important;
}

.news-section .news-list p {
    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* 通知公告 + 师生风采进一步压缩 */
.combined-section .combined-grid {
    gap: 24px !important;
}

.combined-section .notice-column {
    padding-right: 16px !important;
}

.combined-section .section-heading.compact {
    margin-bottom: 12px !important;
}

.combined-section .notice-item,
.combined-section .style-item {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: 44px !important;
}

.combined-section .notice-item div b,
.combined-section .style-item div b {
    font-size: 13px !important;
    margin-bottom: 4px !important;
    line-height: 1.45 !important;
}

.combined-section .notice-item div small,
.combined-section .style-item div small {
    font-size: 11px !important;
}

/* 主题专栏：桌面端四张图片一整排，尺寸更小 */
.special-section .special-image-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.special-section .special-image-grid .special-image-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 5px 15px rgba(5, 39, 89, .07) !important;
}

.special-section .special-image-grid .special-image-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 9px 20px rgba(5, 39, 89, .11) !important;
}

.special-section .special-image-grid .special-image-card:hover img {
    transform: scale(1.025) !important;
}

/* 中等屏幕：保持足够留白，专题图改为 2×2 避免过窄 */
@media (max-width: 1060px) {
    .news-section > .container,
    .combined-section > .container,
    .special-section > .container {
        width: calc(100% - 72px) !important;
        max-width: 940px !important;
    }

    .news-section.section,
    .combined-section.section,
    .special-section.section {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }

    .special-section .special-image-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

/* 手机端保持单列，边距适中 */
@media (max-width: 680px) {
    .news-section > .container,
    .combined-section > .container,
    .special-section > .container {
        width: calc(100% - 32px) !important;
        max-width: none !important;
    }

    .news-section.section,
    .combined-section.section,
    .special-section.section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .news-section .section-heading,
    .combined-section .section-heading,
    .special-section .section-heading {
        margin-bottom: 15px !important;
    }

    .special-section .special-image-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

/* ============================================================
   2026-08-29 FINAL：主导航真正整屏八等分 + 板块标题蓝线移至标题下方
   ============================================================ */

/* 桌面端：去掉首页左侧被空 brand-main 占用的空间，8 个一级栏目严格整屏等分 */
@media (min-width: 1061px) {
    .site-header .brand.container {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 0 !important;
    }

    /* HTML 中这个节点为空，但历史样式给了 margin-left，会造成“首页”左边留白 */
    .site-header .brand.container > .brand-main {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 0 !important;
    }

    .site-header .brand.container > .header-tools {
        display: none !important;
    }

    .site-header .brand.container .main-nav {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 1 1 100% !important;
        justify-content: stretch !important;
    }

    .site-header .brand.container .nav-inner,
    .site-header .brand.container.is-sticky-nav .nav-inner {
        display: grid !important;
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        justify-content: stretch !important;
        align-items: stretch !important;
    }

    .site-header .brand.container .nav-inner > a,
    .site-header .brand.container .nav-inner > .nav-item,
    .site-header .brand.container.is-sticky-nav .nav-inner > a,
    .site-header .brand.container.is-sticky-nav .nav-inner > .nav-item {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: none !important;
    }

    .site-header .brand.container .nav-inner > a,
    .site-header .brand.container .nav-inner > .nav-item > a,
    .site-header .brand.container.is-sticky-nav .nav-inner > a,
    .site-header .brand.container.is-sticky-nav .nav-inner > .nav-item > a {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* 四个主体板块：原来标题右侧的蓝色短线统一放到标题正下方 */
.news-section .section-heading h2::after,
.combined-section .section-heading h2::after,
.special-section .section-heading h2::after {
    content: "" !important;
    display: block !important;
    width: 40px !important;
    height: 3px !important;
    margin: 8px 0 0 0 !important;
    background: linear-gradient(90deg, var(--blue), var(--cyan)) !important;
    border-radius: 2px !important;
    vertical-align: initial !important;
}

/* 标题与副标题距离稍微收紧，保持紧凑 */
.news-section .section-heading p,
.special-section .section-heading p {
    margin-top: 7px !important;
}


/* ============================================================
   2026-08 页脚 / 师生风采动画 / 标题下划线最终细节
   ============================================================ */
.news-section .section-heading h2,
.combined-section .section-heading h2,
.special-section .section-heading h2 {
    display: inline-block !important;
    width: fit-content !important;
}
.news-section .section-heading h2::after,
.combined-section .section-heading h2::after,
.special-section .section-heading h2::after {
    width: 100% !important;
    max-width: none !important;
    margin: 8px 0 0 0 !important;
}
.combined-section .style-item.reveal { --reveal-distance: 28px; }
.footer-brand .footer-brand-full-logo {
    width: 470px !important; height: 116px !important; max-width: none !important;
    object-fit: contain !important; object-position: left center !important;
}
.footer-bottom .container { text-align: center !important; }
@media (max-width: 1060px) {
    .footer-brand .footer-brand-full-logo { width: 400px !important; height: 104px !important; max-width: 100% !important; }
}
@media (max-width: 680px) {
    .footer-brand .footer-brand-full-logo { width: 320px !important; height: 88px !important; max-width: 100% !important; }
}

/* ============================================================
   2026-08 Notice / Faculty-Student columns strict alignment
   ============================================================ */
@media (min-width: 681px) {
  .combined-section .combined-grid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 36px !important;
    align-items: start !important;
  }

  .combined-section .combined-grid::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 1px !important;
    transform: translateX(-50%) !important;
    background: #dce8f5 !important;
    pointer-events: none !important;
  }

  .combined-section .notice-column,
  .combined-section .quick-column {
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-right: 0 !important;
    display: grid !important;
    grid-template-rows: 54px repeat(5, 64px) !important;
    align-content: start !important;
  }

  .combined-section .quick-column {
    padding-top: 0 !important;
    background-image:
      linear-gradient(#d9e7f4, #d9e7f4),
      linear-gradient(#d9e7f4, #d9e7f4) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 1px, 100% 1px !important;
    background-position:
      0 309px,
      0 373px !important;
  }

  .combined-section .section-heading.compact {
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
  }

  .combined-section .section-heading.compact > a {
    margin-top: 7px !important;
    line-height: 1.2 !important;
  }

  .combined-section .notice-item,
  .combined-section .style-item {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-bottom: 1px solid #d9e7f4 !important;
  }

  .combined-section .notice-item:hover,
  .combined-section .style-item:hover {
    padding-left: 0 !important;
    background: rgba(11, 99, 206, .025) !important;
  }

  .combined-section .notice-item > div,
  .combined-section .style-item > div {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding-right: 8px !important;
    line-height: 1.35 !important;
  }

  .combined-section .notice-item div b,
  .combined-section .style-item div b {
    display: -webkit-box !important;
    min-height: 34px !important;
    margin: 0 0 2px 0 !important;
    font-size: 12.5px !important;
    line-height: 17px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .combined-section .notice-item div small,
  .combined-section .style-item div small {
    display: block !important;
    height: 14px !important;
    margin: 0 !important;
    font-size: 10.5px !important;
    line-height: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .combined-section .notice-item > i,
  .combined-section .style-item > i {
    flex: 0 0 20px !important;
    width: 20px !important;
    margin: 0 !important;
    text-align: right !important;
    line-height: 1 !important;
  }
}

@media (max-width: 680px) {
  .combined-section .notice-column,
  .combined-section .quick-column {
    display: block !important;
    padding: 0 !important;
    background-image: none !important;
  }

  .combined-section .combined-grid::before {
    display: none !important;
  }

  .combined-section .section-heading.compact {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 12px !important;
  }

  .combined-section .notice-item,
  .combined-section .style-item {
    height: auto !important;
    min-height: 52px !important;
  }
}


/* ============================================================
   2026-08 首页栏目联动最终细节
   - 通知公告 / 师生风采标题整体上移 9px
   - 保持标题行原有占位，形成标题与首条内容之间的轻微留白
   ============================================================ */
@media (min-width: 681px) {
  .combined-section .section-heading.compact {
    transform: translateY(-9px) !important;
  }
}
@media (max-width: 680px) {
  .combined-section .section-heading.compact {
    transform: none !important;
  }
}

/* ============================================================
   大屏自适应适配（2026-09-04 追加）
   ------------------------------------------------------------
   问题：页面主体内容（信息新闻 / 通知公告·师生风采 / 主题专栏 /
         页脚）被限制在固定宽度，2K / 4K 大屏上两侧留白较大。
   方案：大屏时 ① 整页等比放大（zoom，保持各模块比例协调）
               ② 主体容器改为按屏幕宽度百分比铺开（90%），
                  显著缩小左右留白
   调整：改各档 zoom 数值可调放大程度；改 90% 可调占屏比例。
   ============================================================ */
/* 2K 级别屏幕（约 2560px 宽） */
@media (min-width: 2560px) and (max-width: 3839px) {
  html { zoom: 1.25; }
  body .news-section > .container,
  body .combined-section > .container,
  body .special-section > .container,
  body .subpage-body > .container.sub-content-area,
  body .footer-main {
    width: calc(100% - 680px) !important;
    max-width: none !important;
  }
  /* 二级页面顶部快捷栏（学校主页 | 招生就业 …）铺满 */
  body .site-header .topbar .topbar-inner.container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* 二级页面详情页正文：放开阅读行宽限制，铺满 90% 容器 */
  body .subpage-body .article-content,
  body .subpage-body .article-title,
  body .subpage-body .article-meta,
  body .subpage-body .article-nav,
  body .subpage-body .intro-page-main,
  body .subpage-body .article-page,
  body .subpage-body .teacher-detail-page,
  body .subpage-body .leader-detail-page,
  body .subpage-body .org-page,
  body .subpage-body .contact-simple,
  body .subpage-body .committee-simple,
  body .subpage-body .faculty-table,
  body .subpage-body .faculty-all-list,
  body .subpage-body .news-detail-list,
  body .subpage-body .research-platform-text,
  body .subpage-body .direction-cards,
  body .subpage-body .direction-table,
  body .subpage-body .content-image {
    max-width: none !important;
  }
}
/* 4K 及以上屏幕（约 3840px 宽） */
@media (min-width: 3840px) {
  html { zoom: 1.55; }
  body .news-section > .container,
  body .combined-section > .container,
  body .special-section > .container,
  body .subpage-body > .container.sub-content-area,
  body .footer-main {
    width: calc(100% - 680px) !important;
    max-width: none !important;
  }
  /* 二级页面顶部快捷栏（学校主页 | 招生就业 …）铺满 */
  body .site-header .topbar .topbar-inner.container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* 二级页面详情页正文：放开阅读行宽限制，铺满 90% 容器 */
  body .subpage-body .article-content,
  body .subpage-body .article-title,
  body .subpage-body .article-meta,
  body .subpage-body .article-nav,
  body .subpage-body .intro-page-main,
  body .subpage-body .article-page,
  body .subpage-body .teacher-detail-page,
  body .subpage-body .leader-detail-page,
  body .subpage-body .org-page,
  body .subpage-body .contact-simple,
  body .subpage-body .committee-simple,
  body .subpage-body .faculty-table,
  body .subpage-body .faculty-all-list,
  body .subpage-body .news-detail-list,
  body .subpage-body .research-platform-text,
  body .subpage-body .direction-cards,
  body .subpage-body .direction-table,
  body .subpage-body .content-image {
    max-width: none !important;
  }
}

/* ============================================================
   2026-09-16 中等大屏字体随屏幕自适应（1366px - 2559px）
   ------------------------------------------------------------
   用户要求：所有页面的字体根据屏幕大小主动放大或缩小，整体协调。
   方案：原有 2K/4K 已有整页等比缩放（zoom），此处补齐
         1366-2559px 中间档位，随视口增大逐步放大（含字体），
         与 2560+ 的 zoom 档位平滑衔接。
   说明：zoom 只随视口宽度分档生效，不影响 ≤1366px 的原布局，
         移动端（≤1060px / ≤680px）仍由原媒体查询控制字号。
   ============================================================ */
@media (min-width: 1366px) and (max-width: 1599px) {
  html { zoom: 1.05; }
}
@media (min-width: 1600px) and (max-width: 1919px) {
  html { zoom: 1.10; }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  html { zoom: 1.18; }
}

/* ============================================================
   2026-09-04 页脚（底部导航栏）上下压缩
   ------------------------------------------------------------
   用户要求：底部导航栏上下长度缩小一点点。
   压缩：页脚主体顶部预留空间 105px→92px、底部 30px→22px，
         版权条内边距 11px→8px。总高度约减少 27px（约 9%）。
   ============================================================ */
body .site-footer .footer-main {
  padding-top: 78px !important;
  padding-bottom: 14px !important;
}
body .site-footer .footer-bottom {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* ============================================================
   2026-09-05 统一子网页顶部快捷栏（校徽图标行）与首页一致
   ------------------------------------------------------------
   问题：子网页顶部快捷栏因各栏目 CSS 不同，校徽图标水平位置
         不一致（有的铺满贴左、有的居中 1580px、有的内边距偏大）。
   方案：桌面端让所有页面的 .topbar-inner 铺满整屏、内边距归零，
         校徽与首页一样贴左（topbar 自带 20px 内边距）。
   1920 及以下 / 各断点原布局仅此一处调整，移动端不受影响。
   ============================================================ */
@media (min-width: 1061px) {
  .site-header .topbar .topbar-inner.container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ============================================================
   2026-09-05 内容板块铺满屏幕（所有桌面宽度）
   ------------------------------------------------------------
   用户要求：每个内容板块铺满左右屏幕，左右留一点点边距。
   方案：所有桌面宽度（≥1061px，含受系统缩放影响的视口）
        统一主体各板块宽度 = 视口 - 160px（左右各留 80px 边距）。
   说明：不限定 1920+，避免 Windows 显示缩放后 CSS 视口不足
         1920 时规则不生效（如 2560@150% 缩放的视口仅 1707px）。
   注：html zoom 仍由 2K/4K 档控制，整体等比放大，
       因此各尺寸视觉留白观感一致（80px）。
   ============================================================ */
@media (min-width: 1061px) {
  body .news-section > .container,
  body .combined-section > .container,
  body .special-section > .container,
  body .subpage-body > .container.sub-content-area,
  body .footer-main {
    width: calc(100% - 160px) !important;
    max-width: none !important;
  }
}

/* ============================================================
   2026-09-05 板块间距加大 + 信息新闻与通知公告/师生风采分割线对齐
   ------------------------------------------------------------
   需求1：四个主体板块上下间隙从 38px 加大到 96px。
   需求3：信息新闻（原 1.1fr .9fr，分割线 55%）与通知公告+师生风采
         （1fr 1fr，分割线 50%）列比例不统一，中间空隙不对齐。
         统一为等宽两列 1fr 1fr、统一 gap 32px，分割线均在 50%。
   用 body 前缀提升特异性，覆盖 index.html 内联 style 与此前紧凑规则。
   ============================================================ */
@media (min-width: 1061px) {
  body .news-section.section,
  body .combined-section.section,
  body .special-section.section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  body .news-section .news-layout {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }

  body .combined-section .combined-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
}

/* ============================================================
   2026-09-05 信息新闻列表强制默认可见
   ------------------------------------------------------------
   新闻 article 带 reveal 滚动淡入动画，首屏外的条目初始
   opacity:0，用户未滚动时看不到。强制全部可见，保证
   5 条新闻始终显示。
   ============================================================ */
body .news-section .news-list article {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}