/* ========== 自定义字体 ========== */
/* @font-face{ */
/*     font-family:'PingFang'; */
/*     src:url('./PingFang.ttf') format('truetype'); */
/*     font-weight:normal; */
/*     font-style:normal; */
/*     font-display:swap; */
/* } */

/* ========== 全局重置 ========== */
:root{--rem:calc(16 * 100vw / 1920);}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei","PingFang SC",sans-serif;}
html{scroll-behavior:smooth;}
body{background:#fafafa;overflow-x:hidden;}
ul{list-style:none;}
a{text-decoration:none;color:#333;}

/* ========== 动画关键帧 ========== */
@keyframes fadeInUp {
    from{opacity:0;transform:translateY(40px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes slideInUp {
    from{opacity:0;transform:translateY(100px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes fadeInDown {
    from{opacity:0;transform:translateY(-40px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes fadeInLeft {
    from{opacity:0;transform:translateX(-40px);}
    to{opacity:1;transform:translateX(0);}
}
@keyframes slideInLeft {
    from{opacity:0;transform:translateX(-100vw);}
    to{opacity:1;transform:translateX(0);}
}
@keyframes fadeInRight {
    from{opacity:0;transform:translateX(40px);}
    to{opacity:1;transform:translateX(0);}
}
@keyframes slideInRight {
    from{opacity:0;transform:translateX(100vw);}
    to{opacity:1;transform:translateX(0);}
}
@keyframes scaleIn {
    from{opacity:0;transform:scale(0.8);}
    to{opacity:1;transform:scale(1);}
}
@keyframes quickMenuIn {
    from{opacity:0;transform:translate(-50%, -120px) scale(0.92);}
    to{opacity:1;transform:translate(-50%, 0) scale(1);}
}
@keyframes navSlideDown {
    from{opacity:0;transform:translateY(-100%);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes textReveal {
    from{opacity:0;transform:translateY(30px);letter-spacing:10px;filter:blur(4px);}
    to{opacity:1;transform:translateY(0);letter-spacing:2px;filter:blur(0);}
}
@keyframes textRevealSub {
    from{opacity:0;transform:translateY(20px);filter:blur(2px);}
    to{opacity:1;transform:translateY(0);filter:blur(0);}
}

/* ---- 新增华丽关键帧 ---- */
/* 弹簧弹入 */
@keyframes springIn {
    0%{opacity:0;transform:scale(0.3);}
    50%{opacity:0.8;transform:scale(1.08);}
    70%{transform:scale(0.94);}
    100%{opacity:1;transform:scale(1);}
}
/* 持续上下浮动 */
@keyframes float {
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
}
@keyframes floatSlow {
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-8px);}
}
/* 光晕呼吸脉冲 */
@keyframes glowPulse {
    0%,100%{box-shadow:0 0 8px rgba(194,12,30,0.3), 0 0 20px rgba(194,12,30,0.1);}
    50%{box-shadow:0 0 20px rgba(194,12,30,0.6), 0 0 40px rgba(194,12,30,0.25), 0 0 60px rgba(194,12,30,0.1);}
}
/* 流光扫过 */
@keyframes shimmer {
    from{background-position:-100% center;}
    to{background-position:100% center;}
}
/* 缓慢肯·伯恩斯缩放 */
@keyframes kenBurns {
    from{transform:scale(1);}
    to{transform:scale(1.12);}
}
/* 渐变边框旋转 */
@keyframes borderGlow {
    0%{border-image:linear-gradient(0deg, #c20c1e, #ff6b6b, #c20c1e) 1;}
    50%{border-image:linear-gradient(180deg, #ff6b6b, #c20c1e, #ff6b6b) 1;}
    100%{border-image:linear-gradient(360deg, #c20c1e, #ff6b6b, #c20c1e) 1;}
}
/* 渐变背景流动 */
@keyframes gradientShift {
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}
/* 波纹扩散 */
@keyframes ripple {
    to{transform:scale(4);opacity:0;}
}
/* 3D倾斜进入 */
@keyframes tiltIn {
    from{opacity:0;transform:perspective(800px) rotateX(15deg) rotateY(-10deg) translateY(30px);}
    to{opacity:1;transform:perspective(800px) rotateX(0) rotateY(0) translateY(0);}
}
/* 旋转弹入 */
@keyframes rotateIn {
    from{opacity:0;transform:rotate(-8deg) scale(0.85);}
    to{opacity:1;transform:rotate(0) scale(1);}
}
/* 弹性上弹 */
@keyframes bounceUp {
    0%{opacity:0;transform:translateY(60px);}
    60%{opacity:1;transform:translateY(-12px);}
    80%{transform:translateY(4px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 变形弹跳入场 - 缩放+位移组合弹簧 */
@keyframes bounceSpringIn {
    0%{opacity:0;transform:translateY(80px) scale(0.4) rotate(-5deg);}
    50%{opacity:1;transform:translateY(-16px) scale(1.06) rotate(1deg);}
    70%{transform:translateY(6px) scale(0.96) rotate(-0.5deg);}
    85%{transform:translateY(-4px) scale(1.02) rotate(0.2deg);}
    100%{opacity:1;transform:translateY(0) scale(1) rotate(0);}
}
/* 光点粒子飘浮 */
@keyframes particleDrift {
    0%{transform:translate(0, 0) scale(1);opacity:0;}
    20%{opacity:1;}
    80%{opacity:1;}
    100%{transform:translate(var(--dx), var(--dy)) scale(0);opacity:0;}
}
/* 文字发光扫描 */
@keyframes textGlowScan {
    0%,100%{text-shadow:0 0 4px rgba(255,255,255,0.3);}
    50%{text-shadow:0 0 20px rgba(255,255,255,0.8), 0 0 40px rgba(255,200,100,0.5), 0 0 60px rgba(255,150,50,0.3);}
}
/* 卡片悬浮3D */
@keyframes cardFloat3D {
    0%,100%{transform:translateY(0) rotateX(0) rotateY(0);}
    25%{transform:translateY(-6px) rotateX(1deg) rotateY(-1deg);}
    75%{transform:translateY(-10px) rotateX(-0.5deg) rotateY(1deg);}
}
/* 描边绘制 */
@keyframes strokeDraw {
    to{stroke-dashoffset:0;}
}
/* 缩放闪烁 */
@keyframes popFlash {
    0%{transform:scale(1);}
    30%{transform:scale(1.15);}
    60%{transform:scale(0.95);}
    100%{transform:scale(1);}
}

/* 动画应用类 */
.fadeInUp{animation:fadeInUp .9s cubic-bezier(.22,.61,.36,1) both;}
.slideInUp{animation:slideInUp .9s cubic-bezier(.22,.61,.36,1) both;}
.fadeInDown{animation:fadeInDown .9s cubic-bezier(.22,.61,.36,1) both;}
.fadeInLeft{animation:fadeInLeft .9s cubic-bezier(.22,.61,.36,1) both;}
.slideInLeft{animation:slideInLeft 1s cubic-bezier(.22,.61,.36,1) both;}
.fadeInRight{animation:fadeInRight .9s cubic-bezier(.22,.61,.36,1) both;}
.slideInRight{animation:slideInRight 1s cubic-bezier(.22,.61,.36,1) both;}
.scaleIn{animation:scaleIn .8s cubic-bezier(.34,1.56,.64,1) both;}
.springIn{animation:springIn .8s cubic-bezier(.34,1.56,.64,1) both;}
.bounceUp{animation:bounceUp .8s cubic-bezier(.22,.61,.36,1) both;}
.bounceSpringIn{animation:bounceSpringIn .85s cubic-bezier(.34,1.56,.64,1) both;}
.tiltIn{animation:tiltIn .8s cubic-bezier(.22,.61,.36,1) both;}
.rotateIn{animation:rotateIn .7s cubic-bezier(.34,1.56,.64,1) both;}

/* 持续浮动动画 - 通过类名触发 */
.float-anim{animation:float 3s ease-in-out infinite;}
.float-anim-slow{animation:floatSlow 4s ease-in-out infinite;}
.glow-pulse{animation:glowPulse 2.5s ease-in-out infinite;}
.pop-flash{animation:popFlash .5s ease-in-out both;}

/* ========== 顶部导航 ========== */
.top-nav{
    position:fixed;top:0;left:0;z-index:100;
    width:100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0));
    display:flex;align-items:center;justify-content:space-between;
    padding:calc(1.75 * var(--rem)) calc(4.375 * var(--rem));color:#fff;
    transition: all .35s ease;
    opacity:0;
}
.top-nav.nav-visible{
    animation:navSlideDown .6s cubic-bezier(.22,.61,.36,1) forwards;
}
.top-nav.nav-scrolled{
    height:72px;padding:0 70px;
    background: rgba(194,12,30,0.97);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 2px 20px rgba(0,0,0,0.15);
}
.nav-left{display:flex;align-items:center;gap:calc(1.5 * var(--rem));}
.nav-left a:first-of-type{height:calc(6.4375 * var(--rem));width:auto;}
.nav-left a:first-of-type img{height:100%;width:auto;}
.nav-scrolled .nav-left img:first-of-type{height:44px;}
.nav-left img:last-of-type{height:calc(1.5 * var(--rem));order:2;transition:height .35s ease;}
.nav-scrolled .nav-left img:last-of-type{height:20px;}
.nav-left::before{
    content:'';
    display:block;
    width:1px;height:calc(1.375 * var(--rem));
    opacity:0.5;
    background:#fff;
    order:1;
}
.nav-right{display:flex;align-items:center;gap:calc(0.625 * var(--rem));font-size:calc(1.125 * var(--rem));}
.nav-right a{color:#fff;transition:all .3s ease;padding:calc(0.3125 * var(--rem)) calc(1.875 * var(--rem));border:2px solid transparent;border-radius:18px;}
.nav-right a:hover{border-color:#fff;}
.nav-active{border-color:#fff!important;}
.nav-right .drop-box{position:relative;}
.nav-right .drop-menu{
    position:absolute;top:42px;left:50%;
    transform:translateX(-50%) translateY(-10px);
    background:#fff;
    border-radius:10px;
    box-shadow:0 8px 32px rgba(0,0,0,0.14);
    padding:15px 0 8px 0;width:auto;white-space:nowrap;
    display:none;z-index:99;
    opacity:0;
    transition:opacity .25s ease, transform .25s cubic-bezier(.34,1.56,.64,1);
}
.nav-right .drop-menu.show{
    display:block;
    opacity:1;
    transform:translateX(-50%) translateY(0);
}
.nav-right .drop-menu::before{
    content:'';
    position:absolute;top:-9px;left:50%;
    transform:translateX(-50%) rotate(45deg);
    width:18px;height:18px;
    background:#fff;
    border-radius:4px 0 0 0;
}
.nav-right .drop-menu a{
    display:block;
    padding:10px 20px;color:#333;font-size:18px;
    cursor:pointer;transition:all .2s;
    text-align:left;
    white-space:nowrap;
    border:none;border-radius:0;
}
.nav-right .drop-menu a:hover{background:#c20c1e;color:#fff;}
.nav-right .drop-menu a::after{display:none;}

/* ========== Banner轮播 ========== */
.banner{
    width:100%;height:100vh;min-height:600px;
    overflow:hidden;position:relative;
}
.banner-bg{
    position:absolute;inset:0;z-index:0;
}
@keyframes bannerZoom {
    from{transform:scale(1.18);filter:brightness(0.7);}
    to{transform:scale(1);filter:brightness(1);}
}
.banner-bg-img{
    position:absolute;inset:0;
    width:100%;height:100%;object-fit:cover;
    opacity:0;transition:opacity 1s ease;
    will-change:transform;
}
.banner-bg-img.active{
    opacity:1;
    animation:bannerZoom 9s ease-out forwards;
}
/* Banner 光晕叠加层 */
.banner::before{
    content:'';
    position:absolute;inset:0;z-index:1;
    background:radial-gradient(ellipse at center, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 100%);
    pointer-events:none;
}
/* Banner 粒子装饰 */
.banner-particles{
    position:absolute;inset:0;z-index:2;
    pointer-events:none;overflow:hidden;
}
.banner-particle{
    position:absolute;
    width:4px;height:4px;
    background:rgba(255,255,255,0.7);
    border-radius:50%;
    animation:particleDrift 6s ease-in infinite;
}
.banner-overlay{
    position:absolute;inset:0;z-index:1;
    background: linear-gradient(to bottom, rgba(180,10,30,0.55) 0%, rgba(180,10,30,0) 100%);
}
.banner-wrap{
    position:relative;z-index:3;
    width:300%;height:100%;display:flex;
}
.banner-item{
    width:calc(100% / 3);height:100%;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    color:#fff;text-align:center;padding:0 10%;
}
.banner-item h2{
    font-size:clamp(36px,5vw,64px);
    margin-bottom:28px;margin-top:-80px;font-weight:400;
    opacity:0;
}
.banner-item h2.text-visible{
    animation:textReveal .9s cubic-bezier(.22,.61,.36,1) .15s forwards;
}
.banner-item p{
    font-size:clamp(18px,2vw,26px);
    opacity:0;
}
.banner-item p.text-visible{
    animation:textRevealSub .8s cubic-bezier(.22,.61,.36,1) .5s forwards;
}
/* 文字展示后持续发光 */
.banner-item h2.text-visible{
    animation:textReveal .9s cubic-bezier(.22,.61,.36,1) .15s forwards, textGlowScan 3s ease-in-out 1.5s infinite;
}
.banner-pre,.banner-next{
    position:absolute;z-index:4;top:50%;transform:translateY(-50%);
    width:52px;height:52px;border-radius:50%;
    background:rgba(255,255,255,0.12);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.25);
    color:#fff;display:flex;align-items:center;justify-content:center;
    cursor:pointer;transition:all .35s ease;
    overflow:hidden;
}
.banner-pre::before,.banner-next::before{
    content:'';position:absolute;inset:0;border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
    opacity:0;transition:opacity .35s ease;
}
.banner-pre:hover,.banner-next:hover{
    background:rgba(255,255,255,0.25);
    border-color:rgba(255,255,255,0.5);
    box-shadow:0 0 30px rgba(255,255,255,0.2);
}
.banner-pre:hover::before,.banner-next:hover::before{opacity:1;}
.banner-pre img,.banner-next img{height:22px;width:auto;position:relative;z-index:1;transition:transform .3s ease;}
.banner-pre:hover img{transform:translateX(-3px);}
.banner-next:hover img{transform:translateX(3px);}
.banner-pre{left:40px;}.banner-next{right:40px;}
.banner-dots{
    position:absolute;z-index:4;bottom:150px;left:50%;
    transform:translateX(-50%);display:flex;gap:12px;
}
.dot{
    width:24px;height:24px;border-radius:50%;
    background:rgba(216,216,216,0.44);
    cursor:pointer;transition:all .3s ease;
}
.dot.active{background:transparent;border:4px solid #fff;transform:scale(1);}
.dot:hover{background:rgba(216,216,216,0.7);}

/* 波浪底部 */
.banner-wave{
    position:absolute;z-index:4;bottom:-1px;left:0;width:100%;
    pointer-events:none;
    animation:floatSlow 5s ease-in-out infinite;
}
.banner-wave img{width:100%;display:block;}

/* ========== Section Header 通用 ========== */
.section-header{
    position:relative;text-align:center;margin-bottom:50px;
    display:flex;align-items:center;justify-content:center;
}
.section-title{
    position:relative;z-index:2;
    font-size:34px;font-weight:700;color:#454545;
}
.section-title-bg{
    position:absolute;z-index:1;top:50%;left:50%;
    transform:translate(-50%,-50%);
    height:44px;width:auto;
    pointer-events:none;
}
/* ========== 招生大区容器 ========== */
.news-section{
    position:relative;
    min-height:calc(1000 / var(--rem) * 1rem);
    max-height:none;
    height:auto;
    background: url('../images/bg_newpath.png') no-repeat center center;
    background-size:cover;
    padding-bottom:40px;
}

/* ========== 快捷按钮区 - 金刚区 ========== */
.quick-menu{
    width:85%;
    background:#fff url('../images/jgbg.png') no-repeat center center;
    background-size:cover;
    border-radius:20px;
    display:flex;justify-content:space-around;
    padding:0 24px;
    box-shadow:0 8px 40px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.06);
    position:absolute;top:-210px;left:50%;
    transform:translateX(-50%);
    z-index:10;
    opacity:0;
    transition:box-shadow .4s ease;
}
.quick-menu.quick-menu-visible{
    animation:quickMenuIn 1.2s cubic-bezier(.22,.61,.36,1) forwards;
}
.quick-menu:hover{
    box-shadow:0 16px 56px rgba(0,0,0,0.14), 0 4px 16px rgba(0,0,0,0.08);
}
.quick-item{
    text-align:center;cursor:pointer;
    border-radius:0;
    width:180px;height:180px;
    padding:20px 0;
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .35s .12s ease;
    text-decoration:none;color:inherit;
}
.quick-item:hover{
    background:#c20c1e;
    transform:scale(1.18);
    box-shadow:0 0 36px rgba(255,255,255,0.55), 0 0 72px rgba(255,255,255,0.25);
}
.quick-item .icon{
    width:80px;height:80px;
    margin:0 auto 14px;
    display:flex;align-items:center;justify-content:center;
    border-radius:20px;
    position:relative;
}
.quick-item:hover .icon{
    transform:scale(1.5);
    margin-bottom:0;
}
.quick-item .icon img{
    width:100%;height:100%;object-fit:contain;
    position:relative;z-index:1;
}
.icon-hover{display:none;}
.quick-item.hover .icon-normal{display:none;}
.quick-item.hover .icon-hover{display:inline;}
.quick-item p{
    font-size:26px;color:#333;font-weight:700;
}
.quick-item:hover p{color:#fff;}

/* ========== 招生动态区域 ========== */
.news-wrap{
    width:85%;margin:0 auto;
    padding:150px 0 40px;
    display:flex;flex-direction:column;
}
.news-tab{display:flex;gap:95px;margin-bottom:44px;justify-content:center;flex-shrink:0;}
.news-tab span{
    cursor:pointer;padding:8px 4px;color:#666;
    transition:all .35s cubic-bezier(.22,.61,.36,1);position:relative;
}
.news-tab span.active{color:#c20c1e;font-weight:700;}
.news-tab span.active::after{
    content:'';
    position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:36px;height:3px;
    background:linear-gradient(90deg, #c20c1e, #ff6b6b, #c20c1e);
    background-size:200% 100%;
    border-radius:3px;
    animation:shimmer 2s linear infinite;
}
.news-tab span:hover{color:#c20c1e;transform:translateY(-2px);}
/* Tab切换过渡 */
.news-tab span::before{
    content:attr(data-text);
    position:absolute;top:0;left:0;
    color:#c20c1e;font-weight:700;
    opacity:0;
    transition:opacity .3s ease;
}
.news-tab span.switching::before{opacity:1;}
.news-content{
    display:none;
}
.news-content.active{
    flex:1;min-height:0;
    display:grid;
    grid-template-columns:2fr 3fr;
    gap:32px;
}
.news-content .more-btn{
    grid-column:1 / -1;
}
.news-left-img{
    min-height:0;
    overflow:hidden;
    border-radius:0;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
    opacity:0;
}
.news-left-img img{
    width:100%;height:100%;object-fit:cover;
    transition:transform 7s cubic-bezier(.13,.57,.25,.94);
}
.news-left-img:hover img{transform:scale(1.1);}
.news-right-list{
    display:flex;flex-direction:column;
    gap:0;
    min-height:0;
    background:#fff;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
    opacity:0;
}
.news-list-item{
    display:flex;align-items:center;gap:24px;
    padding:20px 36px;
    border-bottom:1px solid #eee;
    cursor:pointer;
    transition:all .35s cubic-bezier(.22,.61,.36,1);
    min-height:120px;
    position:relative;overflow:hidden;
    background:transparent;
}
/* 列表项悬浮效果 */
.news-list-item:hover{
    background:#f0f0f0;
}
.news-list-item:last-child{
    border-bottom:none;
}
/* 左侧日期 */
.news-date{
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    flex-shrink:0;
    align-self:stretch;
    text-align:center;
    position:relative;z-index:1;
    background:#e8e8e8;
    padding:20px 36px;
    gap:6px;
    transition:all .35s cubic-bezier(.22,.61,.36,1);
}
.date-day{
    font-size:36px;font-weight:400;color:#c20c1e;
    line-height:1;
    transition:color .35s ease;
}
.date-sep{
    font-size:14px;color:#c20c1e;
    letter-spacing:2px;
    transition:color .35s ease;
}
.date-ym-col{
    display:flex;flex-direction:row;
    align-items:center;
    gap:6px;
    line-height:1;
}
.date-year{
    font-size:13px;color:#c20c1e;
    transition:color .35s ease;
}
.date-month{
    font-size:13px;color:#c20c1e;
    transition:color .35s ease;
}
.news-info{
    flex:1;min-width:0;
    position:relative;z-index:1;
}
.news-info h4{
    color:#222;font-size:22px;font-weight:700;line-height:1.6;
    display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;
    overflow:hidden;
    white-space:normal;
    transition:color .3s ease;
    margin-bottom:6px;
}
.news-desc{
    color:#999;font-size:16px;line-height:1.8;
    display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;
    overflow:hidden;
}
.news-list-item:hover .news-info h4{color:#c20c1e;}
.news-list-item:hover .news-date{background:#c20c1e;}
.news-list-item:hover .news-date .date-day{color:#fff;}
.news-list-item:hover .news-date .date-sep{color:#fff;}
.news-list-item:hover .news-date .date-year{color:#fff;}
.news-list-item:hover .news-date .date-month{color:#fff;}
.more-btn{
    display:flex;align-items:center;justify-content:center;gap:15px;
    margin-top:40px;color:#c20c1e;cursor:pointer;
    font-size:22px;font-weight:500;
    transition:all .35s cubic-bezier(.22,.61,.36,1);
    flex-shrink:0;
    opacity:0;
    position:relative;
}
.more-btn img,.more-link img{
    width:26px;height:26px;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.more-btn:hover{gap:20px;color:#a00a18;transform:translateY(-2px);}
.more-btn:hover img{transform:translateX(6px);}

/* ========== 踏新途模块 ========== */
.new-path{
    width:100%;min-height:100vh;
    background: url('../images/arrow_bg.png') no-repeat center center;
    background-size:cover;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:60px 0;
    position:relative;overflow:visible;
}
@media (min-width:1921px){
    .new-path{min-height:auto;height:calc(1000 / var(--rem) * 1rem);max-height:100vh;}
}
/* 标题图片光晕 */
.path-title-img{
    display:block;margin:0 auto 30px;
    height:166px;width:auto;
    transition:filter .5s ease;
    animation:floatSlow 5s ease-in-out infinite;
}
.path-title-img:hover{filter:drop-shadow(0 0 24px rgba(255,255,255,0.5)) drop-shadow(0 0 48px rgba(255,200,100,0.3));}
.path-box{
    width:85%;
    display:grid;grid-template-columns:3fr 4fr;
    gap:20px;
}
.path-left{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:50px;color:#fff;text-align:center;
    opacity:0;
    border-radius:0;
    position:relative;
    transition:transform .4s ease, box-shadow .4s ease;
}
.path-left-bg{
    position:absolute;bottom:0;left:0;z-index:0;
    width:100%;height:122.6%;object-fit:fill;
}
/* 左侧卡片悬浮 */
.path-left:hover{
    transform:translateY(-6px);
}
/* 左侧卡片光晕叠加 */
.path-left::before{
    content:'';
    position:absolute;inset:0;border-radius:0;
    background:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 50%, rgba(255,255,255,0.05) 100%);
    pointer-events:none;z-index:1;
}
.path-left h2,.path-left .path-divider,.path-left p,.path-left .path-more{
    position:relative;z-index:2;
}
.path-left h2{
    font-size:43px;font-weight:700;line-height:61px;
    margin-bottom:30px;
    transition:text-shadow .4s ease;
}
.path-left:hover h2{text-shadow:0 0 24px rgba(255,255,255,0.4);}
.path-divider{
    width:126px;height:5px;
    background:#FF863D;border-radius:3px;
    margin-bottom:34px;flex-shrink:0;
    transition:width .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;
}
.path-left:hover .path-divider{
    width:160px;
    box-shadow:0 0 16px rgba(255,134,61,0.6);
}
.path-left p{
    font-size:18px;line-height:35px;
    margin-bottom:38px;opacity:0.95;
}
.path-more{
    display:flex;align-items:center;gap:15px;
    font-size:22px;cursor:pointer;
    color:#fff;
    transition:gap .35s ease, transform .35s ease;
}
.path-more:hover{gap:22px;transform:translateX(4px);}
.path-more img{
    width:26px;height:26px;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.path-more:hover img{transform:translateX(6px);}
.path-right{
    display:grid;grid-template-columns:1fr 1fr;
    gap:20px;
}
.path-img-box{
    position:relative;overflow:hidden;
    opacity:0;
    border-radius:0;
    transition:transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s ease;
}
.path-img-box:hover{
    transform:translateY(-8px);
    box-shadow:0 14px 40px rgba(0,0,0,0.25);
}
.path-img-box>img:first-child{
    width:100%;height:100%;object-fit:cover;
    transition:transform 6s cubic-bezier(.13,.57,.25,.94);
    aspect-ratio: 3 / 2;
}
.path-img-box:hover>img:first-child{transform:scale(1.1);}
/* 图片覆盖层 - 从下往上扫入 */
.path-img-box::after{
    content:'';position:absolute;inset:0;z-index:2;
    background:linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 40%);
    opacity:0;transition:opacity .4s ease;
}
.path-img-box:hover::after{opacity:1;}
.path-icon{
    position:absolute;left:16px;bottom:16px;z-index:3;
    width:36px;height:36px;
    transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
.path-img-box:hover .path-icon{
    transform:scale(1.2) rotate(-5deg);
}

/* ========== 校园风采 ========== */
.campus{
    width:100%;height:calc(1000 / var(--rem) * 1rem);
    max-height:100vh;
    margin:0 auto;padding:80px 0;
    display:flex;flex-direction:column;align-items:center;
}
.campus-inner{
    width:85%;height:100%;
    display:flex;flex-direction:column;
}
.campus-list{flex:1;min-height:0;display:flex;gap:20px;overflow:hidden;align-items:center;}
.campus-item{
    flex:1 1 0;cursor:pointer;opacity:0;
    transition:flex-grow .4s ease;
    min-width:0;
}
.campus-item:first-child{flex-grow:2;}
.campus-list:hover .campus-item:first-child:not(:hover){flex-grow:1;}
.campus-item:hover{flex-grow:2;}
.campus-img-box{
    position:relative;
    width:100%;
    height:50rem;
    max-height:calc(100vh - 280px);
    overflow:hidden;
    box-shadow:0 4px 16px rgba(0,0,0,0.06);
}
.campus-img-box::after{
    content:'';position:absolute;inset:0;z-index:1;
    background:rgba(0,0,0,0.65);
    transition:opacity .35s ease;
}
.campus-item:first-child .campus-img-box::after{opacity:0;}
.campus-list:hover .campus-item:first-child:not(:hover) .campus-img-box::after{opacity:1;}
.campus-item:hover .campus-img-box::after{opacity:0;}
.campus-img-box img{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:cover;
    object-position:center;
}
.campus-img-box p{
    position:absolute;bottom:0;left:0;right:0;z-index:2;
    margin:0;
    text-align:center;
    font-size:36px;font-weight:700;line-height:50px;
    color:#fff;
    padding:20px 0;
    background:linear-gradient(to top,rgba(0,0,0,0.5),transparent);
}

/* ========== 页脚 ========== */
footer{
    background:#1a1a1a url('../images/footer_bg.png') no-repeat center center;
    background-size:cover;
    color:#999;
    padding:50px 0;
}
.footer-inner{
    width:85%;margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;gap:0;
}
.foot-divider{
    width:1px;
    margin:0 20px;
    background:rgba(255,255,255,0.15);
    align-self:stretch;
    flex-shrink:0;
    transition:background .4s ease;
}
.foot-left{
    display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;min-width:0;
    transition:transform .4s ease;
}
.foot-left:hover{transform:translateY(-4px);}
.foot-left img{height:66px;width:auto;transition:filter .4s ease;}
.foot-left:hover img{filter:drop-shadow(0 0 12px rgba(194,12,30,0.4));}
.foot-left p{font-size:16px;color:#ccc;font-weight:500;}
.foot-middle{flex:1;text-align:left;align-self:flex-start;min-width:0;}
.foot-middle .foot-label{
    color:#fff;font-size:19px;font-weight:700;
    margin-bottom:32px;
    position:relative;
    display:inline-block;
}
/* 标签底部装饰线 - 已移除 */
.foot-middle .foot-label::after{
    display:none;
}
.foot-middle p{line-height:34px;font-size:18px;color:#e5e5e5;transition:color .3s ease;}
.phone-link{color:#e5e5e5;text-decoration:none;-webkit-text-fill-color:#e5e5e5;}
.phone-link:hover{color:#fff;-webkit-text-fill-color:#fff;}
.foot-middle p:hover{color:#fff;}
.link-columns{column-count:2;column-gap:24px;}
.link-columns a{
    line-height:34px;font-size:18px;color:#e5e5e5;text-decoration:none;
    transition:color .3s ease;
    display:block;
}
.link-columns a:hover{color:#fff;}
.foot-qrcode{flex:1;min-width:0;text-align:center;}
.qrcode-row{display:flex;gap:12px;justify-content:center;margin-bottom:10px;}
.qrcode-box{
    width:80px;text-align:center;
}
.qrcode-box img{
    width:80px;height:80px;object-fit:contain;display:block;
    border-radius:8px;
    transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;
}
.qrcode-box p{
    font-size:12px;color:#ccc;margin-top:6px;line-height:1.4;
}
.qrcode-box:hover img{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,0,0,0.4);
}

/* ========== 汉堡按钮 - 默认隐藏(PC) ========== */
.nav-hamburger{
    display:none;
    flex-direction:column;justify-content:center;align-items:center;
    gap:5px;width:28px;height:28px;
    cursor:pointer;z-index:200;
    position:relative;
}
.nav-hamburger span{
    display:block;width:24px;height:2px;
    background:#fff;border-radius:2px;
    transition:all .35s ease;
    transform-origin:center;
}
/* 汉堡激活 → X */
.nav-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.active span:nth-child(2){opacity:0;}
.nav-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ========== 抽屉遮罩 ========== */
.mobile-drawer-overlay{
    position:fixed;inset:0;z-index:150;
    background:rgba(0,0,0,0.55);
    opacity:0;pointer-events:none;
    transition:opacity .35s ease;
}
.mobile-drawer-overlay.open{
    opacity:1;pointer-events:auto;
}

/* ========== 抽屉面板 ========== */
.mobile-drawer{
    position:fixed;top:0;left:0;z-index:160;
    width:280px;height:100vh;max-height:100vh;
    background:#fff;
    transform:translateX(-100%);
    transition:transform .35s cubic-bezier(.22,.61,.36,1);
    overflow-y:auto;
    box-shadow:2px 0 24px rgba(0,0,0,0.18);
}
.mobile-drawer.open{transform:translateX(0);}

/* 抽屉头部 */
.drawer-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:20px 24px;
    background:#c20c1e;
}
.drawer-head img{height:44px;width:auto;}
.drawer-close{
    font-size:28px;color:rgba(255,255,255,0.85);cursor:pointer;
    width:36px;height:36px;display:flex;align-items:center;justify-content:center;
    border-radius:50%;transition:all .2s;
}
.drawer-close:hover{background:rgba(255,255,255,0.15);color:#fff;}

/* 抽屉导航列表 */
.drawer-nav{padding:12px 0;}
.drawer-nav>a{
    display:block;padding:16px 28px;
    font-size:16px;color:#333;
    border-bottom:1px solid #f5f5f5;
    transition:all .2s;
}
.drawer-nav>a:hover,
.drawer-nav>a.drawer-active{
    color:#c20c1e;background:#fef0f0;
    border-left:3px solid #c20c1e;
}

/* 抽屉手风琴菜单 */
.drawer-accordion{border-bottom:1px solid #f5f5f5;}
.accordion-title{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 28px;
    font-size:16px;color:#333;
    cursor:pointer;transition:all .2s;
}
.accordion-title:hover{color:#c20c1e;background:#fef0f0;}
.accordion-arrow{font-size:12px;transition:transform .3s ease;}
.accordion-title.open .accordion-arrow{transform:rotate(180deg);}
.accordion-title.open{color:#c20c1e;}

.accordion-sub{
    max-height:0;overflow:hidden;
    transition:max-height .35s ease;
    background:#fafafa;
}
.accordion-sub.open{max-height:200px;}
.accordion-sub a{
    display:block;padding:12px 28px 12px 48px;
    font-size:14px;color:#666;
    transition:all .2s;
}
.accordion-sub a:hover{color:#c20c1e;background:#fef0f0;}

/* ========== 响应式 - 小屏笔记本 (≤1366px) ========== */
@media (max-width:1366px){
    .new-path{
        height:auto;max-height:none;min-height:0;
        overflow:visible;
        padding:50px 0;
    }
    .path-title-img{height:120px;margin:0 auto 24px;}
    .path-left{padding:30px 36px;}
    .path-left h2{font-size:30px;line-height:1.4;margin-bottom:18px;}
    .path-divider{margin-bottom:20px;}
    .path-left p{font-size:14px;line-height:26px;margin-bottom:24px;}
    .path-more{font-size:18px;}
}

/* ========== 响应式 - 平板 ========== */
@media (max-width:1024px){
    .top-nav{padding:0 3%;height:72px;padding:0 70px;}
    .nav-scrolled{height:60px;}
    .nav-left img:first-of-type{height:42px;}
    .nav-scrolled .nav-left img:first-of-type{height:34px;}
    .nav-right{gap:20px;font-size:13px;}

    .news-content.active{grid-template-columns:1fr 1fr;}
    .news-content.active{grid-template-columns:1fr;}
    .news-left-img{width:100%;height:300px;}

    .path-box{grid-template-columns:1fr;}
    .path-right{grid-template-columns:1fr 1fr;}
    .path-left{min-height:300px;}

    .campus{height:auto;max-height:none;padding:40px 0;}
    .campus-inner{height:auto;}
    .campus-list{flex-wrap:wrap;}
    .campus-img-box{height:24rem;}
    .campus-item{flex:1 1 calc(50% - 10px);min-width:calc(50% - 10px);}
    .campus-item:hover{flex:1 1 calc(50% - 10px);}

    .banner-pre{left:16px;}.banner-next{right:16px;}
    .banner-pre,.banner-next{width:36px;height:36px;}
}

/* ========== 响应式 - H5手机端 (≤768px) ========== */
@media (max-width:768px){
    /* ---- 导航栏 ---- */
    .top-nav{
        height:56px;padding:0 16px;
        background:rgba(194,12,30,0.97);
    }
    .top-nav.nav-scrolled{height:52px;}
    .nav-left{gap:10px;}
    .nav-left img:first-of-type{height:34px;}
    .nav-scrolled .nav-left img:first-of-type{height:30px;}
    .nav-left img:last-of-type{height:16px;}
    .nav-scrolled .nav-left img:last-of-type{height:14px;}
    .nav-left::before{height:14px;}
    /* 隐藏PC导航，显示汉堡按钮 */
    .nav-right{display:none;}
    .nav-hamburger{display:flex;}

    /* ---- Banner ---- */
    .banner{height:56vw;min-height:280px;max-height:420px;padding-top:56px;}
    .banner-pre,.banner-next{width:32px;height:32px;}
    .banner-pre{left:10px;}.banner-next{right:10px;}
    .banner-pre img,.banner-next img{height:14px;}
    .banner-dots{display:none;}
    .banner-item h2{font-size:24px;margin-bottom:12px;font-weight:400;}
    .banner-item p{font-size:15px;}

    /* ---- 金刚区 ---- */
    .quick-menu{
        width:92%;
        flex-wrap:wrap;gap:6px;
        padding:14px 6px;top:20px;
        border-radius:12px;
    }
    .quick-item{flex:0 0 calc(25% - 6px);width:auto;height:auto;padding:10px 0;}
    .quick-item .icon{width:70px;height:70px;border-radius:12px;margin-bottom:6px;}
    .quick-item .icon img{width:40px;height:40px;}
    .quick-item p{font-size:16px;}

    /* ---- 招生动态 ---- */
    .news-section{height:auto;max-height:none;padding-bottom:30px;}
    .news-wrap{width:92%;padding:280px 0 20px;}
    .news-tab{gap:28px;margin-bottom:24px;flex-wrap:wrap;}
    .news-tab .section-title{font-size:16px;}
    .news-content.active{
        grid-template-columns:1fr;
        gap:10px;
    }
    .news-left-img{height:200px;border-radius:0;}
    .news-right-list{
        gap:0;
    }
    .news-list-item{padding:14px 16px;gap:12px;}
    .news-date{padding:16px 20px;gap:4px;}
    .date-day{font-size:28px;}
    .date-sep{font-size:30px;margin:0 6px;}
    .date-year{font-size:11px;}
    .date-month{font-size:11px;}
    .news-info h4{font-size:18px;-webkit-line-clamp:1;line-clamp:1;}
    .more-btn{font-size:16px;margin-top:24px;}
    .more-btn img{width:20px;height:20px;}

    /* ---- Section Header ---- */
    .section-header{margin-bottom:28px;}
    .section-title{font-size:22px;}
    .section-title-bg{height:28px;max-width:160px;}

    /* ---- 踏新途 ---- */
    .new-path{
        height:auto;max-height:none;
        padding:40px 16px;
    }
    .path-title-img{height:100px;margin-bottom:20px;}
    .path-box{
        width:100%;
        grid-template-columns:1fr;
        gap:12px;
    }
    .path-left{padding:30px 20px;min-height:auto;}
    .path-left h2{font-size:24px;line-height:1.4;margin-bottom:16px;}
    .path-divider{width:80px;height:3px;margin-bottom:18px;}
    .path-left p{font-size:13px;line-height:2;margin-bottom:20px;}
    .path-more{font-size:16px;gap:10px;color:#fff;}
    .path-more img{width:20px;height:20px;}
    .path-right{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
    .path-icon{width:24px;height:24px;left:10px;bottom:10px;}

    /* ---- 校园风采 ---- */
    .campus{
        height:auto;max-height:none;
        padding:40px 0;
    }
    .campus-inner{width:92%;height:auto;}
    .campus-img-box::after{display:none;}
    .campus-list{
        flex-wrap:wrap;
        gap:10px;
    }
    .campus-img-box{height:16rem;}
    .campus-item{flex:1 1 calc(33.33% - 7px);min-width:calc(33.33% - 7px);}
    .campus-item:first-child{flex:1 1 100%;min-width:100%;}
    .campus-item:hover{flex:1 1 calc(33.33% - 7px);}
    .campus-item:first-child:hover{flex:1 1 100%;}
    .campus-img-box p{font-size:18px;line-height:1.4;padding:12px 0;}

    /* ---- 页脚 ---- */
    footer{padding:30px 0;}
    .footer-inner{
        width:95%;
        flex-direction:column;
        flex-wrap:nowrap;
        align-items:center;
        text-align:center;
    }
    .foot-divider{
        display:block;width:100%;height:1px;
        margin:16px 0;
    }
    .foot-left img{height:40px;}
    .foot-left p{font-size:11px;}
    .foot-left{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;}
    .foot-middle{flex:none;width:100%;text-align:center;margin-bottom:8px;}
    .foot-middle .foot-label{font-size:14px;margin-bottom:10px;}
    .foot-middle .foot-label::after{left:50%;transform:translateX(-50%);}
    .foot-middle p{line-height:1.6;font-size:11px;}
    .link-columns{column-count:1;align-items:center;}
    .link-columns a{font-size:11px;line-height:1.8;}
    .foot-qrcode{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;}
    .qrcode-box{width:64px;}
    .qrcode-box img{width:64px;height:64px;}
    .qrcode-box p{font-size:10px;line-height:1.4;}

    /* ---- 版权栏 ---- */
    .copyright-bar{font-size:12px;height:44px;line-height:44px;}
}

/* ========== 响应式 - 小屏手机 (≤640px) ========== */
@media (max-width:640px){
    .top-nav{height:52px;}
    .nav-scrolled{height:48px;}
    .nav-left img:first-of-type{height:30px;}
    .nav-scrolled .nav-left img:first-of-type{height:26px;}
    .nav-left img:last-of-type{height:14px;}
    .nav-left::before{height:12px;}
    .nav-left{gap:8px;}
    .mobile-drawer{width:260px;}

    .banner{height:60vw;min-height:240px;padding-top:52px;}
    .banner-dots{display:none;}
    .banner-pre,.banner-next{width:28px;height:28px;}

    .quick-menu{width:94%;gap:4px;padding:10px 4px;top:16px;}
    .quick-item{flex:0 0 calc(25% - 4px);width:auto;height:auto;padding:8px 0;}
    .quick-item .icon{width:62px;height:62px;border-radius:10px;margin-bottom:4px;}
    .quick-item .icon img{width:34px;height:34px;}
    .quick-item p{font-size:14px;}

    .news-wrap{padding:250px 0 20px;}

    .news-left-img{height:170px;border-radius:0;}
    .news-list-item{padding:12px 12px;gap:10px;}
    .news-date{padding:14px 16px;gap:3px;}
    .date-day{font-size:24px;}
    .date-sep{font-size:26px;margin:0 4px;}
    .date-year{font-size:10px;}
    .date-month{font-size:10px;}
    .news-info h4{font-size:16px;}

    .footer-inner{width:98%;flex-direction:column;align-items:center;text-align:center;}
    .foot-divider{display:block;width:100%;height:1px;margin:12px 0;}
    .foot-left{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;}
    .foot-left img{height:34px;}
    .foot-left p{font-size:10px;}
    .foot-middle{flex:none;width:100%;text-align:center;margin-bottom:6px;}
    .foot-middle .foot-label{font-size:13px;}
    .foot-middle .foot-label::after{left:50%;transform:translateX(-50%);}
    .foot-middle p{font-size:10px;}
    .link-columns{column-count:1;align-items:center;}
    .link-columns a{font-size:10px;}
    .foot-qrcode{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;}
    .qrcode-box{width:50px;}
    .qrcode-box img{width:50px;height:50px;}
    .qrcode-box p{font-size:9px;}

    .path-title-img{height:80px;}
    .path-left{padding:24px 16px;}
    .path-left h2{font-size:20px;}
    .path-left p{font-size:12px;line-height:1.8;}
    .path-right{gap:8px;}

    .campus-list{gap:8px;}
    .campus-img-box{height:14rem;}
    .campus-img-box p{font-size:14px;padding:10px 0;}

    .section-title{font-size:18px;}
    .section-title-bg{height:22px;max-width:130px;}
    .banner-item h2{font-size:20px;font-weight:400;}
    .banner-item p{font-size:14px;}
}

/* ========== 版权栏 ========== */
.copyright-bar {
    min-height: 60px;
    background: #262626;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding: 15px 0;
    font-size: 14px;
    position:relative;
    overflow:hidden;
}
/* 版权栏顶部微光扫描线 */
.copyright-bar::before{
    content:'';
    position:absolute;top:0;left:-100%;
    width:60%;height:1px;
    background:linear-gradient(90deg, transparent, rgba(194,12,30,0.5), transparent);
    animation:shimmer 4s ease-in-out infinite;
}