/* 列表页：专业设置列表样式抽取 */
.major-list{list-style:none;margin:0;padding:0}
.major-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:18px 22px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.95))}
.major-item:last-child{border-bottom:none}
.major-item .icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#1e40af;background:linear-gradient(135deg,#e0ecff,#f0f7ff);box-shadow:inset 0 0 0 1px rgba(30,64,175,.15)}
.major-item a{color:#111827;text-decoration:none;font-weight:600;flex:1}
.major-item .date{font-size:12px;color:#ef4444;background:rgba(239,68,68,.08);padding:4px 10px;border-radius:999px;border:1px solid rgba(239,68,68,.15)}
.major-item::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,transparent,#60a5fa,transparent);opacity:0;transform:translateY(4px);transition:all .35s ease}
.major-item:hover{background:linear-gradient(180deg,#ffffff,rgba(248,250,252,.9))}
.major-item:hover::after{opacity:1;transform:translateY(0)}
.major-item .shine{position:absolute;inset:-1px;pointer-events:none;border-radius:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.6) 40%,transparent 50%);transform:translateX(-120%);transition:transform 1.6s ease}
.major-item:hover .shine{transform:translateX(120%)}

/* 详情页通用正文样式（轻量：仅排版） */
.article{color:#1f2937;line-height:1.8}
.article h1,.article h2,.article h3{font-weight:800;color:#111827;margin:0 0 .5rem}
.article p{margin:.75rem 0}
.article ul{padding-left:1.25rem;margin:.5rem 0}
.article li{list-style:disc}

/* 手机端专业选择浮层，限制在视窗内 */
.major-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);display:none;z-index:1000}
.major-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92vw;max-width:680px;background:#fff;border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.2);overflow:hidden}
.major-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #eef2f7}
.major-title{font-weight:700;color:#111827}
.major-close{border:none;background:transparent;font-size:18px;line-height:1;cursor:pointer;color:#6b7280}
.major-body{max-height:70vh;overflow-y:auto}
.major-item-btn{width:100%;text-align:left;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;background:#fff;font-weight:600;color:#111827}
.major-item-btn:hover{background:#f8fafc}
.major-trigger{display:none}
@media (max-width:768px){.major-trigger{display:block}}

/* 手机端侧边栏避免与固定导航重叠，略向下偏移 */
@media (max-width:768px){
  .sidebar-mobile-offset{margin-top:2rem}
}

/* 学校简介 */
/* 渐变描边卡片（先进但克制） */
        .gradient-frame {
            position: relative;
        }
        .gradient-frame::before {
            content: "";
            position: absolute; inset: -1px;
            border-radius: 16px;
            padding: 1px; /* 外发光边 */
            background: linear-gradient(135deg,#60a5fa,#22d3ee,#f97316);
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            -webkit-mask-composite: xor; mask-composite: exclude;
            pointer-events: none;
        }
        /* 背景浮动色块 */
        .fx-blob { position:absolute; border-radius:50%; filter: blur(40px); opacity:.25; animation: float 12s ease-in-out infinite; }
        .fx-blob.b1 { width:280px; height:280px; background:#60a5fa; top:-60px; right:-60px; animation-delay:0s; }
        .fx-blob.b2 { width:220px; height:220px; background:#f97316; bottom:-50px; left:-40px; animation-delay:1.2s; }
        @keyframes float { 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-16px)} }
        /* 特色要素卡片 3D 微倾斜 */
        .fx-tilt { transition: transform .25s ease, box-shadow .25s ease; will-change: transform; }
        .fx-tilt:hover { transform: translateY(-4px) rotateX(2deg) rotateY(-2deg); box-shadow: 0 12px 30px rgba(0,0,0,.12); }
        /* 统计数字动效 */
        .stat-number { font-variation-settings: 'wght' 700; }
        
         .text-neutral-800 {
          overflow: hidden;      /* 隐藏超出部分 */
          text-overflow: ellipsis; /* 超出部分显示为... */
          
      }
        
/*学校文化*/