/* 人文学部首页 - 扁平化 + 色彩渐变设计语言，主色 #588beb / #e8eaef */
:root {--c-blue: #588beb;--c-blue-dark: #3a6bc7;--c-blue-deep: #23366b;--c-blue-navy: #1c2a52;--c-blue-light: #8fb0f0;--c-blue-pale: #eef2fc;--c-gray: #e8eaef;--c-gray-line: #dde1ea;--c-ink: #263041;--c-sub: #8992a3;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 6px;--shadow-card: 0 6px 24px rgba(35,54,107,.08);--shadow-card-hover: 0 14px 32px rgba(35,54,107,.14);}
* {margin: 0;padding: 0;box-sizing: border-box;}
html,body {font-family: "Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;font-size: 14px;color: var(--c-ink);background: #fff;line-height: 1.6;}
a {color: var(--c-ink);text-decoration: none;}
a:hover {color: var(--c-blue);}
ul,li {list-style: none;}
img {border: 0;vertical-align: middle;max-width: 100%;}
svg {display: block;}
.wrap {width: 1200px;margin: 0 auto;}
.clearfix:after {content: "";display: block;clear: both;height: 0;visibility: hidden;}

/* ===== 头部 ===== */
.header {width: 100%; margin-top: 30px;}
.header-inner {height: 96px;display: flex;align-items: center;justify-content: space-between;}
.header-logo {display: flex;align-items: center;height: 100%;}
.header-logo img {height: 86px;width: auto;filter: drop-shadow(0 2px 6px rgba(35,54,107,.10));}
.header-imgbox {width: 390px;height: 116px; flex-shrink: 0;border-radius: var(--radius-sm);overflow: hidden; padding: 10px 0 10px 0;}
.header-imgbox img {width: 100%;height: 100%;object-fit: cover;display: block;}

/* ===== 导航 ===== */
.nav {width: 100%; margin-bottom: 6px;}
.nav-list {height: 50px;display: flex;align-items: center;justify-content: center;gap: 4px;}
.nav-list > li {position: relative;padding: 0 12px;}
.nav-list > li > a {font-family: "Microsoft YaHei",sans-serif;font-size: 16px;color: #4a5160;display: flex;align-items: center;height: 34px;padding: 0 20px;border-radius: var(--radius-sm);transition: all .25s;}
.nav-list > li > a:hover {color: var(--c-ink);background: rgba(38,48,65,.06);}
.nav-list > li > a.on {color: var(--c-ink);font-weight: 700;background: rgba(38,48,65,.08);}
.nav-list > li.has-sub > a:after {content: "";width: 0;height: 0;margin-left: 6px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid currentColor;opacity: .45;transition: transform .25s,opacity .25s;}
.nav-list > li.has-sub:hover > a:after {opacity: .75;transform: rotate(180deg);}
.nav-sub {position: absolute;left: 50%;top: calc(100% + 6px);min-width: 148px;padding: 8px 0;margin: 0;background: #fff;border: 1px solid var(--c-gray-line);border-radius: var(--radius-md);box-shadow: 0 12px 28px rgba(35,54,107,.14);opacity: 0;visibility: hidden;transform: translateX(-50%) translateY(6px);pointer-events: none;transition: opacity .22s,transform .22s,visibility .22s;z-index: 50;}
.nav-sub:before {content: "";position: absolute;left: 0;right: 0;top: -10px;height: 10px;}
.nav-list > li.has-sub:hover > .nav-sub {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);pointer-events: auto;}
.nav-sub li {padding: 0;}
.nav-sub a {display: block;height: auto;padding: 10px 22px;font-family: "Microsoft YaHei",sans-serif;font-size: 14px;color: #4a5160;line-height: 1.4;border-radius: 0;white-space: nowrap;transition: color .2s,background .2s;}
.nav-sub a:hover {color: var(--c-blue-dark);background: var(--c-blue-pale);}

/* ===== 轮换大图 ===== */
.banner {width: 100%;background: #f4f6fa;padding: 10px 0 10px 0;position: relative;overflow: hidden;}
.banner-deco {position: absolute;border-radius: 50%;filter: blur(30px);pointer-events: none;}
.deco-a {width: 260px;height: 260px;background: radial-gradient(circle,rgba(88,139,235,.28),transparent 70%);top: -80px;left: 6%;}
.deco-b {width: 220px;height: 220px;background: radial-gradient(circle,rgba(35,54,107,.20),transparent 70%);bottom: -70px;right: 8%;}
.banner-box {position: relative;height: 360px;overflow: hidden;border-radius: var(--radius-lg);background: #d0d5de;box-shadow: var(--shadow-card);cursor: grab;user-select: none;-webkit-user-select: none;touch-action: pan-y;}
.banner-box:active {cursor: grabbing;}
.banner-slides {width: 100%;height: 100%;position: relative;}
.banner-slide {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: opacity .5s ease;pointer-events: none;}
.banner-slide.on {opacity: 1;z-index: 1;pointer-events: auto;}
.banner-slide img {width: 100%;height: 100%;object-fit: cover;display: block;pointer-events: none;-webkit-user-drag: none;}
.banner-arrow {position: absolute;top: 50%;margin-top: -22px;width: 40px;height: 44px;background: rgba(20,32,64,.22);color: #fff;font-size: 26px;line-height: 44px;text-align: center;cursor: pointer;border: none;z-index: 2;transition: background .2s;}
.banner-arrow:hover {background: rgba(35,54,107,.55);}
.banner-arrow.prev {left: 0;border-radius: 0 10px 10px 0;}
.banner-arrow.next {right: 0;border-radius: 10px 0 0 10px;}
.banner-dots {position: absolute;left: 0;right: 0;bottom: 18px;text-align: center;z-index: 2;}
.banner-dots i {display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: rgba(255,255,255,.5);margin: 0 5px;cursor: pointer;transition: all .2s;}
.banner-dots i.on {background: #fff;width: 22px;border-radius: 4px;}

/* ===== 主内容 ===== */
.main {width: 100%;padding: 30px 0 40px;background: #fff;}

/* ===== 内容页：浅灰底 + 面包屑 + 白卡片 ===== */
.main-page {background: #f4f6fa;padding: 22px 0 48px;}
.crumb {display: flex;align-items: center;gap: 8px;margin-bottom: 16px;color: #8a92a1;font-size: 13px;line-height: 1.4;}
.crumb-ico {width: 18px;height: 18px;flex-shrink: 0;color: #9aa3b2;}
.crumb-path {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.crumb-path a {color: #8a92a1;}
.crumb-path a:hover {color: var(--c-blue);}
.article-card {background: #fff;border-radius: 20px;padding: 48px 56px 56px;box-shadow: 0 8px 28px rgba(35,54,107,.08);}
.article-title {font-family: "Songti SC","SimSun","STSong",serif;font-size: 28px;font-weight: 700;color: #263041;text-align: center;line-height: 1.55;letter-spacing: 1px;margin: 0 0 18px;}
.article-meta {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px 28px;padding-bottom: 22px;margin-bottom: 28px;border-bottom: 1px solid #e8ebf0;color: #9aa3b2;font-size: 13px;line-height: 1.5;}
.article-meta span {white-space: nowrap;}
.article-body {color: #3a4454;font-size: 16px;line-height: 1.9;text-align: justify;}
.article-body p {margin: 0 0 1.2em;text-indent: 2em;}
.article-body p:last-child {margin-bottom: 0;}

/* ===== 列表页：左列表 + 右检索/栏目 ===== */
.list-layout {display: flex;align-items: flex-start;gap: 20px;}
.list-main {flex: 1;min-width: 0;background: #fff;border-radius: 16px;padding: 28px 32px 30px;box-shadow: 0 8px 28px rgba(35,54,107,.08);}
.list-hd {display: flex;align-items: center;gap: 12px;padding-bottom: 16px;margin-bottom: 6px;border-bottom: 1px solid #e8ebf0;}
.list-hd-ico {width: 36px;height: 36px;flex-shrink: 0;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #fff;background: linear-gradient(150deg,var(--c-blue) 0%,var(--c-blue-dark) 100%);box-shadow: 0 4px 12px rgba(88,139,235,.28);}
.list-hd-ico svg {width: 18px;height: 18px;}
.list-hd h2 {font-family: "Microsoft YaHei",sans-serif;font-size: 20px;font-weight: 700;color: var(--c-ink);letter-spacing: .5px;line-height: 1;}
.list-news li {padding: 16px 0;border-bottom: 1px solid #eef0f4;}
.list-news li:last-child {border-bottom: 0;}
.list-meta {display: flex;align-items: center;gap: 6px;margin-bottom: 8px;color: #9aa3b2;font-size: 13px;line-height: 1;}
.list-meta svg {width: 14px;height: 14px;flex-shrink: 0;}
.list-tit {display: block;font-size: 16px;color: #2d3648;line-height: 1.55;transition: color .2s;}
.list-tit:hover {color: var(--c-blue);}
/* 系统分页 pb_sys：对齐原模板 pager-btn，覆盖 sys.css */
.list-pager,
.class_page {display: block;padding-top: 22px;margin-top: 8px;text-align: center;}
.list-pager.mt-40,
.class_page.mt-40 {margin-top: 40px;}
.pager-btn {display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;margin: 0 4px;padding: 0 10px;border: 1px solid #dde1ea;border-radius: 8px;background: #fff;color: #4a5160;font-size: 14px;line-height: 1;transition: all .2s;}
.pager-btn:hover {border-color: var(--c-blue);color: var(--c-blue);}
.pager-btn.on {background: var(--c-blue);border-color: var(--c-blue);color: #fff;font-weight: 600;}
.pager-btn.on:hover {color: #fff;}
.list-pager .pb_sys_common,
.class_page .pb_sys_common {margin: 0 !important;padding: 0 !important;display: inline-flex !important;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;font-family: "Microsoft YaHei","PingFang SC",sans-serif;font-size: 14px;line-height: 36px;color: #4a5160;text-align: center;vertical-align: middle;}
.list-pager .pb_sys_common > *,
.class_page .pb_sys_common > * {margin: 0 !important;padding: 0 !important;float: none !important;vertical-align: middle;}
.list-pager .pb_sys_common a,
.class_page .pb_sys_common a {text-decoration: none;}
.list-pager .p_t,
.class_page .p_t {display: inline-flex !important;align-items: center;height: 36px;border: 0 !important;background: transparent !important;color: #8992a3 !important;font-size: 13px;line-height: 1;white-space: nowrap;cursor: default;}
.list-pager .p_pages,
.class_page .p_pages {display: inline-flex !important;align-items: center;flex-wrap: wrap;justify-content: center;gap: 8px;height: auto !important;line-height: 1;}
.list-pager .p_pages a,
.list-pager .p_pages span,
.class_page .p_pages a,
.class_page .p_pages span {display: inline-flex !important;align-items: center;justify-content: center;box-sizing: border-box;min-width: 36px;height: 36px !important;margin: 0 !important;padding: 0 10px !important;border: 1px solid #dde1ea !important;border-radius: 8px !important;background: #fff !important;color: #4a5160 !important;font-size: 14px !important;line-height: 1 !important;float: none !important;vertical-align: middle;cursor: pointer;transition: border-color .2s,color .2s,background .2s;}
.list-pager .p_pages a:hover,
.class_page .p_pages a:hover {border-color: var(--c-blue) !important;color: var(--c-blue) !important;background: #fff !important;}
.list-pager .p_pages .p_no_d,
.class_page .p_pages .p_no_d {background: var(--c-blue) !important;border-color: var(--c-blue) !important;color: #fff !important;font-weight: 600;cursor: default;}
.list-pager .p_pages .p_fun_d,
.list-pager .p_pages .p_first_d,
.list-pager .p_pages .p_prev_d,
.list-pager .p_pages .p_next_d,
.list-pager .p_pages .p_last_d,
.class_page .p_pages .p_fun_d,
.class_page .p_pages .p_first_d,
.class_page .p_pages .p_prev_d,
.class_page .p_pages .p_next_d,
.class_page .p_pages .p_last_d {background: #f4f6fa !important;border-color: #e4e8f0 !important;color: #9aa3b2 !important;cursor: default;}
.list-pager .p_pages .p_fun,
.list-pager .p_pages .p_first,
.list-pager .p_pages .p_prev,
.list-pager .p_pages .p_next,
.list-pager .p_pages .p_last,
.class_page .p_pages .p_fun,
.class_page .p_pages .p_first,
.class_page .p_pages .p_prev,
.class_page .p_pages .p_next,
.class_page .p_pages .p_last {min-width: auto;padding: 0 12px !important;}
.list-pager .p_goto,
.class_page .p_goto {display: inline-flex !important;align-items: center;height: 36px;border: 0 !important;background: transparent !important;}
.list-pager .p_goto_input,
.class_page .p_goto_input {box-sizing: border-box;width: 44px !important;height: 36px !important;margin: 0 !important;padding: 0 6px !important;border: 1px solid #dde1ea !important;border-radius: 8px !important;outline: none;background: #fff !important;color: #263041 !important;font-size: 14px !important;font-family: inherit;line-height: 34px !important;text-align: center;vertical-align: middle;transition: border-color .2s;}
.list-pager .p_goto_input:focus,
.class_page .p_goto_input:focus {border-color: var(--c-blue) !important;}
.list-pager .p_goto > a,
.class_page .p_goto > a {display: inline-flex !important;align-items: center;justify-content: center;box-sizing: border-box;min-width: 56px;height: 36px !important;margin: 0 !important;padding: 0 14px !important;border: 1px solid #dde1ea !important;border-radius: 8px !important;background: #f4f6fa !important;color: #4a5160 !important;font-size: 14px !important;font-weight: 500;line-height: 1 !important;transition: background .2s,border-color .2s,color .2s;}
.list-pager .p_goto > a:hover,
.list-pager .p_goto > a:visited,
.list-pager .p_goto > a:active,
.class_page .p_goto > a:hover,
.class_page .p_goto > a:visited,
.class_page .p_goto > a:active {background: #e8eaef !important;border-color: #cfd5e0 !important;color: #263041 !important;}
.list-side {width: 300px;flex-shrink: 0;background: #fff;border-radius: 16px;padding: 22px 20px 24px;box-shadow: 0 8px 28px rgba(35,54,107,.08);}
.list-search {display: flex;align-items: center;gap: 8px;margin-bottom: 22px;padding: 6px;background: #f0f2f5;border-radius: 8px;}
.list-search input {flex: 1;min-width: 0;height: 34px;padding: 0 12px;border: none;border-radius: 6px;outline: none;font-size: 14px;color: var(--c-ink);font-family: inherit;background: transparent;}
.list-search input::placeholder {color: #9aa3b2;}
.list-search button {flex-shrink: 0;height: 34px;padding: 0 16px;border: none;border-radius: 6px;background: var(--c-blue);color: #fff;font-size: 14px;font-weight: 600;letter-spacing: 1px;cursor: pointer;font-family: inherit;transition: background .2s;}
.list-search button:hover {background: var(--c-blue-dark);}
.side-menu h3 {font-family: "Microsoft YaHei",sans-serif;font-size: 17px;font-weight: 700;color: var(--c-ink);padding-bottom: 14px;margin-bottom: 6px;border-bottom: 1px solid #e8ebf0;line-height: 1.3;}
.side-menu a {display: flex;align-items: center;gap: 10px;padding: 12px 2px;color: #4a5160;font-size: 14px;line-height: 1.4;transition: color .2s;}
.side-menu a:before {content: "";flex-shrink: 0;width: 7px;height: 7px;border-top: 1.5px solid #b8bfcb;border-right: 1.5px solid #b8bfcb;border-radius: 1px;transform: rotate(45deg);margin-right: 2px;transition: border-color .2s,transform .2s;}
.side-menu a span {min-width: 0;}
.side-menu a:hover {color: var(--c-blue);}
.side-menu a:hover:before {border-color: var(--c-blue);transform: rotate(45deg) translate(1px,-1px);}

/* 资讯包裹卡片 */
.panel {background: #fff;border: 1px solid var(--c-gray-line);border-radius: var(--radius-lg);padding: 18px 20px 14px;box-shadow: var(--shadow-card);transition: box-shadow .25s,transform .25s;}
.panel:hover {box-shadow: var(--shadow-card-hover);transform: translateY(-2px);}
.panel-soft {background: linear-gradient(180deg,#fff 0%,#fbfcfe 100%);}

/* 标题栏：淡雅图标底色 + 雅黑标题 + 渐变实线分隔 */
.sec-hd {height: 40px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;padding-bottom: 13px;position: relative;}
.sec-hd:after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;border-radius: 2px;background: linear-gradient(90deg,var(--c-blue) 0%,var(--c-blue-light) 38%,#dbe4f7 70%,transparent 100%);}
.hd-title {display: flex;align-items: center;gap: 11px;}
.hd-icon {width: 36px;height: 36px;flex-shrink: 0;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: var(--c-blue-dark);background: linear-gradient(150deg,#eef2fc 0%,#e2e9f8 100%);border: 1px solid rgba(88,139,235,.14);box-shadow: inset 0 1px 1px rgba(255,255,255,.9);}
.hd-icon svg {width: 19px;height: 19px;}
.sec-hd h3 {font-family: "Microsoft YaHei",sans-serif;font-size: 18px;color: var(--c-ink);font-weight: 700;letter-spacing: .5px;}
.sec-hd .more {font-family: "Microsoft YaHei",sans-serif;display: inline-flex;align-items: center;gap: 2px;font-size: 12px;color: var(--c-blue);background: var(--c-blue-pale);padding: 5px 8px 5px 12px;border-radius: 999px;line-height: 1;font-weight: 500;transition: all .2s;}
.sec-hd .more svg {width: 13px;height: 13px;}
.sec-hd .more:hover {background: var(--c-blue);color: #fff;}
/* 资讯列表：固定区域高度（条目不足时不塌陷） */
.col-news .news-list {height: 280px;overflow: hidden;}
.row-mid .news-list {height: 175px;overflow: hidden;}
.news-list li {height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px solid #f0f2f6;}
.news-list li:last-child {border-bottom: 0;}
.news-list li a {display: flex;align-items: center;overflow: hidden;padding-right: 6px;}
.news-list li a:before {content: "";flex-shrink: 0;width: 5px;height: 5px;border-radius: 50%;background: var(--c-blue-light);margin-right: 9px;transition: background .2s;}
.news-list li a:hover:before {background: var(--c-blue);}
.news-list .date {order: -1;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 22px;margin-right: 8px;padding: 0;border-radius: var(--radius-sm);background: #eceef2;color: #8a92a1;font-size: 12px;line-height: 1;font-variant-numeric: tabular-nums;box-sizing: border-box;}
.news-list .tit {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.row-top {display: flex;gap: 21px;margin-bottom: 24px;}
.col-dynamics {width: 793px;flex-shrink: 0;}
.dynamics-body {display: flex;align-items: stretch;gap: 21px;}
.col-thumb {width: 386px;flex-shrink: 0;}
.col-news {flex: 1;min-width: 0;}
.col-nav {width: 386px;flex-shrink: 0;}

/* 资讯缩略图轮换：大图 + 下方磨砂标题条 */
.news-carousel {height: 280px;border-radius: var(--radius-md);box-shadow: none;background: #eceef2;}
.news-carousel.banner-box {background: #eceef2;box-shadow: none;}
.news-carousel .banner-slide {display: flex;flex-direction: column;color: #263041;}
.news-carousel .banner-slide:hover {color: #263041;}
.news-carousel .news-slide-media {flex: 1;min-height: 0;position: relative;overflow: hidden;}
.news-carousel .news-slide-media img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.news-carousel .news-slide-tit {flex-shrink: 0;position: relative;z-index: 2;height: 36px;padding: 0 12px;font-family: "Microsoft YaHei",sans-serif;font-size: 14px;font-weight: 400;line-height: 36px;letter-spacing: .2px;color: #263041;text-align: center;text-shadow: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: transparent;border-top: none;box-shadow: none;}
.news-carousel .banner-arrow {width: 32px;height: 36px;margin-top: -28px;font-size: 22px;line-height: 36px;background: rgba(20,32,64,.28);}
.news-carousel .banner-arrow:hover {background: rgba(35,54,107,.62);}
.news-carousel .banner-dots {bottom: 16px;}
.news-carousel .banner-dots i {width: 7px;height: 7px;margin: 0 4px;background: rgba(255,255,255,.45);}
.news-carousel .banner-dots i.on {width: 18px;background: #fff;}

/* 学院导航：每所学院独立淡雅渐变 + 左侧柔光艺术点缀 + 右下角字符水印 */
.college-nav {padding-top: 2px;display: grid;gap: 9px;}
.college-nav li a {position: relative;overflow: hidden;display: flex;align-items: center;height: 40px;padding: 0 16px;border-radius: var(--radius-md);transition: transform .22s,box-shadow .22s;box-shadow: 0 3px 10px rgba(35,54,107,.05);}
.college-nav li a:hover {transform: translateX(4px);box-shadow: 0 8px 18px rgba(35,54,107,.14);}
.college-nav li a .cn-deco {position: absolute;left: -26px;top: 50%;width: 66px;height: 66px;border-radius: 50%;transform: translateY(-50%);filter: blur(1px);opacity: .6;}
.college-nav li a:after {content: "";position: absolute;left: 9px;top: 50%;width: 15px;height: 15px;border-radius: 50%;border: 1.5px solid currentColor;background: transparent;opacity: .35;transform: translateY(-50%) scale(1);pointer-events: none;transition: background .28s ease,opacity .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease;}
.college-nav li a:hover:after {background: currentColor;opacity: 1;border-color: currentColor;box-shadow: 0 0 0 3px rgba(255,255,255,.45);transform: translateY(-50%) scale(1.06);}
.college-nav li a .cn-mono {position: absolute;right: 8px;bottom: -16px;font-family: "Songti SC","SimSun",serif;font-size: 48px;font-weight: 700;line-height: 1;opacity: .13;pointer-events: none;}
.college-nav li a em {position: relative;z-index: 1;font-style: normal;font-family: "Microsoft YaHei",sans-serif;font-size: 14.5px;font-weight: 600;letter-spacing: .5px;padding-left: 28px;}
.college-nav li:nth-child(1) a {background: linear-gradient(120deg,#fdeef1 0%,#f6dde5 100%);color: #a24a63;}
.college-nav li:nth-child(1) a:hover {background: linear-gradient(120deg,#f9e2e8 0%,#f1cdd8 100%);}
.college-nav li:nth-child(1) a .cn-deco {background: radial-gradient(circle,#eea8bb,transparent 72%);}
.college-nav li:nth-child(1) a .cn-mono {color: #cf6f8c;}
.college-nav li:nth-child(2) a {background: linear-gradient(120deg,#ecf0f8 0%,#dde5f4 100%);color: #45558a;}
.college-nav li:nth-child(2) a:hover {background: linear-gradient(120deg,#e1e7f4 0%,#cdd8ee 100%);}
.college-nav li:nth-child(2) a .cn-deco {background: radial-gradient(circle,#a7b8e2,transparent 72%);}
.college-nav li:nth-child(2) a .cn-mono {color: #7d90c9;}
.college-nav li:nth-child(3) a {background: linear-gradient(120deg,#f8e9e7 0%,#f1d5d1 100%);color: #a4453a;}
.college-nav li:nth-child(3) a:hover {background: linear-gradient(120deg,#f3dbd7 0%,#eac2bc 100%);}
.college-nav li:nth-child(3) a .cn-deco {background: radial-gradient(circle,#e6a89c,transparent 72%);}
.college-nav li:nth-child(3) a .cn-mono {color: #cd8579;}
.college-nav li:nth-child(4) a {background: linear-gradient(120deg,#f9f1e2 0%,#f1e2c1 100%);color: #93701f;}
.college-nav li:nth-child(4) a:hover {background: linear-gradient(120deg,#f4e7cd 0%,#eadaad 100%);}
.college-nav li:nth-child(4) a .cn-deco {background: radial-gradient(circle,#e3c67f,transparent 72%);}
.college-nav li:nth-child(4) a .cn-mono {color: #c9a559;}
.college-nav li:nth-child(5) a {background: linear-gradient(120deg,#e7f3ee 0%,#cfe7dd 100%);color: #2f8a6c;}
.college-nav li:nth-child(5) a:hover {background: linear-gradient(120deg,#d9ece3 0%,#bbdccf 100%);}
.college-nav li:nth-child(5) a .cn-deco {background: radial-gradient(circle,#8ecbb0,transparent 72%);}
.college-nav li:nth-child(5) a .cn-mono {color: #6bad91;}
.college-nav li:nth-child(6) a {background: linear-gradient(120deg,#ede7f6 0%,#dcd2ee 100%);color: #6a4aa8;}
.college-nav li:nth-child(6) a:hover {background: linear-gradient(120deg,#e2d8ef 0%,#cdbde5 100%);}
.college-nav li:nth-child(6) a .cn-deco {background: radial-gradient(circle,#b79fe0,transparent 72%);}
.college-nav li:nth-child(6) a .cn-mono {color: #9a7fcc;}

/* 快捷入口：淡灰底四宫格 · 左图标 / 中标题可换行 / 右箭头 */
.row-quick {display: flex;gap: 14px;margin-bottom: 24px;padding: 12px;background: linear-gradient(180deg,#f5f6f9 0%,#eef0f4 100%);border: 1px solid #e4e7ee;border-radius: var(--radius-lg);box-shadow: inset 0 1px 0 rgba(255,255,255,.85);}
.qk-btn {flex: 1;min-width: 0;display: flex;align-items: center;gap: 12px;min-height: 64px;padding: 12px 14px 12px 12px;background: rgba(255,255,255,.88);border: 1px solid rgba(221,225,234,.9);border-radius: var(--radius-md);box-shadow: 0 2px 8px rgba(35,54,107,.04);transition: transform .22s,box-shadow .22s,background .22s,border-color .22s;}
.qk-btn:hover {transform: translateY(-2px);background: #fff;border-color: rgba(88,139,235,.28);box-shadow: 0 8px 18px rgba(35,54,107,.10);color: var(--c-ink);}
.qk-ico {position: relative;width: 40px;height: 40px;flex-shrink: 0;overflow: hidden;border-radius: 11px;background: linear-gradient(160deg,rgba(255,255,255,.55) 0%,rgba(220,228,242,.4) 100%);border: 1px solid rgba(255,255,255,.72);box-shadow: 0 4px 12px rgba(35,54,107,.10),0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.28);transition: transform .22s,box-shadow .22s;}
.qk-ico img {width: 100%;height: 100%;object-fit: cover;display: block;}
.qk-ico:before {content: "";position: absolute;left: 6%;right: 6%;top: 0;height: 46%;z-index: 2;pointer-events: none;border-radius: 0 0 50% 50%;background: linear-gradient(180deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.08) 100%);}
.qk-ico:after {content: "";position: absolute;inset: 0;z-index: 2;pointer-events: none;border-radius: inherit;background: linear-gradient(145deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.1) 34%,transparent 50%);box-shadow: inset 0 1px 1px rgba(255,255,255,.75),inset 0 -8px 12px rgba(255,255,255,.06);}
.qk-btn:hover .qk-ico {transform: translateY(-1px);box-shadow: 0 8px 16px rgba(35,54,107,.16),0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.4);}
.qk-tit {flex: 1;min-width: 0;font-family: "Microsoft YaHei",sans-serif;font-size: 14px; line-height: 1.45;letter-spacing: .4px;color: var(--c-ink);word-break: break-word;white-space: normal;}
.qk-arrow {width: 22px;height: 22px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #a8b0c0;background: #f0f2f6;box-shadow: inset 0 0 0 1px rgba(168,176,192,.18);transition: transform .25s,color .25s,background .25s,box-shadow .25s;}
.qk-arrow svg {width: 13px;height: 13px;}
.qk-btn:hover .qk-arrow {transform: translateX(3px);color: #fff;background: var(--c-blue);box-shadow: 0 4px 10px rgba(88,139,235,.35);}

.row-mid {display: flex;gap: 21px;margin-bottom: 24px;}
.row-mid .panel {width: 386px;flex-shrink: 0;}

/* 硕士点/博士点 - 蓝色渐变对比家族 */
.row-degree {display: flex;gap: 20px;margin-bottom: 26px;}
.degree-btn {flex: 1;height: 88px;border-radius: var(--radius-lg);overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;color: #fff;font-family: "Microsoft YaHei",sans-serif;font-size: 22px;font-weight: 700;letter-spacing: 3px;box-shadow: var(--shadow-card);transition: transform .2s,box-shadow .2s;}
.degree-btn:hover {transform: translateY(-2px);box-shadow: var(--shadow-card-hover);color: #fff;}
.degree-btn span {position: relative;z-index: 1;text-shadow: 0 2px 10px rgba(10,18,40,.3);}
.degree-master {background: #3a6fd0 url(../images/ssdxk.jpg) center/cover no-repeat;}
.degree-doctor {background: #1c2a52 url(../images/bsdxk.jpg) center/cover no-repeat;}

/* 搜索条：软卡片（淡紫描边 / 薄荷绿·金黄标签 / 确认式按钮） */
.search-wrap {max-width: 680px;margin: 0 auto;padding: 4px 0 2px;}
.search-bar {display: flex;align-items: center;height: 54px;padding: 6px 6px 6px 12px;background: #fff;border: 2px solid #e0e7ff;border-radius: 16px;box-shadow: 0 4px 18px rgba(45,58,85,.05);transition: border-color .25s,box-shadow .25s,transform .25s;}
.search-bar:focus-within {border-color: #c7d2fe;box-shadow: 0 0 0 4px rgba(224,231,255,.55),0 8px 24px rgba(45,58,85,.08);transform: translateY(-1px);}
.search-ico {width: 36px;height: 36px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;border-radius: 10px;background: #fff;border: 1px solid #eceef4;color: #7b89a8;box-shadow: inset 0 1px 0 rgba(255,255,255,.9);}
.search-ico svg {width: 17px;height: 17px;}
.search-bar input {flex: 1;min-width: 0;height: 42px;border: none;padding: 0 14px;font-size: 14px;outline: none;background: transparent;color: #2d3a55;font-family: inherit;}
.search-bar input::placeholder {color: #7b89a8;}
.search-divider {width: 1px;height: 22px;flex-shrink: 0;background: #e8ebf5;margin-right: 8px;}
.search-bar button {flex-shrink: 0;min-width: 88px;height: 40px;padding: 0 20px;border: 1px solid rgba(88,139,235,.18);background: linear-gradient(180deg,#eef2fc 0%,#e4ebf9 100%);color: #2d3a55;font-size: 14px;font-weight: 600;letter-spacing: 2px;cursor: pointer;border-radius: 10px;font-family: inherit;transition: background .2s,box-shadow .2s,color .2s;}
.search-bar button:hover {background: linear-gradient(180deg,#e4ebf9 0%,#d8e3f6 100%);color: #1c2a52;box-shadow: 0 4px 12px rgba(88,139,235,.18);}
.search-bar button:active {transform: translateY(1px);}
.search-tags {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;margin-top: 14px;}
.stag {display: inline-flex;align-items: center;height: 26px;padding: 0 12px;border-radius: 8px;font-size: 12px;font-weight: 500;line-height: 1;letter-spacing: .3px;transition: transform .2s,box-shadow .2s,filter .2s;}
.stag:hover {transform: translateY(-1px);filter: brightness(.97);box-shadow: 0 3px 8px rgba(45,58,85,.08);}
.stag-tip {background: #fff5d7;color: #b58e24;font-weight: 700;cursor: default;pointer-events: none;}
.stag-mint {background: #e8f5e9;color: #2e7d32;}
.stag-gold {background: #fff9eb;color: #855c33;}
.stag-lav {background: #e8ebf5;color: #45558a;}

/* ===== 页脚 ===== */
.footer {width: 100%;background: linear-gradient(180deg,var(--c-gray) 0%,#dfe2ea 100%);padding: 26px 0 30px;}
.footer-inner {display: flex;align-items: center;justify-content: space-between;}
.footer-logo,.footer-side {flex: 0 0 231px;width: 231px;}
.footer-logo img {height: 52px;width: auto;opacity: .82;}
.footer-info {flex: 1;min-width: 0;padding: 0 20px;color: #5b6376;font-size: 13px;line-height: 1.9;text-align: center;}
.footer-info p {margin: 0;}

/* 汉堡按钮：桌面默认隐藏，移动端 @media 内显示 */
.nav-toggle {display: none;align-items: center;justify-content: center;flex-direction: column;gap: 4px;width: 40px;height: 40px;padding: 0;border: none;border-radius: 50%;background: var(--c-blue-pale);box-shadow: inset 0 0 0 1px rgba(88,139,235,.18);cursor: pointer;flex-shrink: 0;transition: background .2s,box-shadow .2s;}
.nav-toggle span {display: block;width: 16px;height: 2px;border-radius: 1px;background: var(--c-blue);transition: transform .25s,opacity .25s,background .2s;}
.nav-drawer-hd {display: none;}
.nav-mask {display: none;position: fixed;inset: 0;z-index: 80;background: rgba(28,42,82,.42);}

@media (max-width: 1240px) {
.wrap {width: 96%;}
.row-top,.row-mid {flex-wrap: wrap;}
.col-dynamics {width: 100%;}
.col-nav,.row-mid .panel {width: calc(50% - 10px);}
.col-nav {width: 100%;}
.header-imgbox {width: 280px;height: 84px;}
.banner-box {height: 300px;}
.news-carousel {height: 280px;}
.row-quick {flex-wrap: wrap;}
.qk-btn {flex: 1 1 calc(50% - 7px);}
.article-card {padding: 36px 32px 40px;}
.article-title {font-size: 24px;}
.list-side {width: 260px;}
.list-main {padding: 24px 24px 26px;}
}
@media (max-width: 900px) {
.header-inner {height: auto;flex-direction: column;padding: 16px 0;gap: 12px;}
.header-logo img {height: 62px;}
.header-imgbox {width: 100%;height: 76px;}
.nav-list {flex-wrap: wrap;height: auto;padding: 8px 0;}
.nav-list > li > a {height: 30px;padding: 0 14px;font-size: 14px;}
.nav-sub {min-width: 132px;padding: 6px 0;}
.nav-sub a {padding: 9px 16px;font-size: 13px;}
.banner-box {height: 200px;}
.news-carousel {height: 240px;}
.dynamics-body {flex-direction: column;gap: 14px;}
.col-thumb,.col-news {width: 100%;}
.col-nav,.row-mid .panel {width: 100%;}
.row-degree {flex-direction: column;}
.degree-btn {font-size: 18px;height: 72px;}
.footer-inner {flex-direction: column;text-align: center;gap: 14px;}
.footer-logo,.footer-side {flex: 0 0 auto;width: auto;}
.footer-side {display: none;}
.footer-info {padding: 0;}
.search-wrap {width: 100%;max-width: 100%;}
.search-bar {height: auto;min-height: 52px;padding: 6px;}
.search-bar button {min-width: 76px;padding: 0 14px;letter-spacing: 1px;}
.search-tags {gap: 6px;margin-top: 12px;}
.stag {height: 24px;padding: 0 10px;font-size: 11px;}
.row-quick {padding: 12px;gap: 10px;}
.qk-btn {flex: 1 1 100%;min-height: 56px;padding: 10px 12px;}
.qk-tit {font-size: 14px;}
.main-page {padding: 16px 0 32px;}
.crumb {margin-bottom: 12px;font-size: 12px;}
.article-card {padding: 28px 18px 32px;border-radius: 14px;}
.article-title {font-size: 20px;margin-bottom: 14px;}
.article-meta {gap: 6px 16px;padding-bottom: 16px;margin-bottom: 20px;font-size: 12px;}
.article-body {font-size: 15px;line-height: 1.85;}
.list-layout {flex-direction: column;}
.list-side {width: 100%;}
.list-main {padding: 20px 16px 22px;border-radius: 14px;}
.list-side {padding: 18px 16px 20px;border-radius: 14px;}
.list-hd h2 {font-size: 18px;}
.list-tit {font-size: 15px;}
.list-pager,
.class_page {padding-top: 18px;}
.pager-btn {min-width: 34px;height: 34px;}
.list-pager .pb_sys_common,
.class_page .pb_sys_common {line-height: 34px;gap: 6px;}
.list-pager .p_t,
.list-pager .p_pages a,
.list-pager .p_pages span,
.list-pager .p_goto,
.list-pager .p_goto_input,
.list-pager .p_goto > a,
.class_page .p_t,
.class_page .p_pages a,
.class_page .p_pages span,
.class_page .p_goto,
.class_page .p_goto_input,
.class_page .p_goto > a {height: 34px !important;}
.list-pager .p_pages a,
.list-pager .p_pages span,
.class_page .p_pages a,
.class_page .p_pages span {min-width: 34px;}
.list-pager .p_goto_input,
.class_page .p_goto_input {line-height: 32px !important;}
}
@media (max-width: 768px) {
.header {margin-top: 12px;}
.header-inner {height: 56px;flex-direction: row;align-items: center;justify-content: space-between;padding: 0;gap: 12px;}
.header-logo {min-width: 0;flex: 1;}
.header-logo img {height: 44px;}
.header-imgbox {display: none;}
.nav {margin-bottom: 0;}
.nav .wrap {min-height: 0;padding: 0;}
.nav-toggle {display: flex;z-index: 100;}
.nav-toggle:active {background: #e2e9f8;}
body.nav-open {overflow: hidden;}
body.nav-open .nav-toggle {background: #e2e9f8;box-shadow: inset 0 0 0 1px rgba(88,139,235,.28);}
body.nav-open .nav-toggle span {background: var(--c-blue-dark);}
body.nav-open .nav-toggle span:nth-child(1) {transform: translateY(6px) rotate(45deg);}
body.nav-open .nav-toggle span:nth-child(2) {opacity: 0;}
body.nav-open .nav-toggle span:nth-child(3) {transform: translateY(-6px) rotate(-45deg);}
body.nav-open .nav-mask {display: block;}
.nav-panel {display: none;position: fixed;top: 0;right: 0;bottom: 0;z-index: 90;width: min(300px,86vw);height: 100%;margin: 0;padding: 0 0 24px;flex-direction: column;background: #fff;box-shadow: -8px 0 28px rgba(35,54,107,.16);overflow: hidden;}
body.nav-open .nav-panel {display: flex;}
.nav-drawer-hd {display: flex;align-items: center;flex-shrink: 0;padding: 18px 20px 14px;border-bottom: 1px solid var(--c-gray-line);background: linear-gradient(180deg,#f7f9fd 0%,#fff 100%);}
.nav-drawer-logo {display: flex;align-items: center;min-width: 0;}
.nav-drawer-logo img {height: 36px;width: auto;display: block;}
.nav-list {display: flex;position: static;width: 100%;height: auto;flex: 1;margin: 0;padding: 8px 0 0;flex-direction: column;flex-wrap: nowrap;align-items: stretch;justify-content: flex-start;gap: 0;background: transparent;box-shadow: none;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.nav-list > li {padding: 0;}
.nav-list > li > a {height: 48px;padding: 0 22px;font-size: 15px;border-radius: 0;justify-content: space-between;}
.nav-list > li.has-sub > a:after {margin-left: auto;}
.nav-list > li.has-sub.open > a:after {transform: rotate(180deg);opacity: .75;}
.nav-list > li.has-sub:hover > .nav-sub {opacity: 0;visibility: hidden;pointer-events: none;transform: none;}
.nav-sub {position: static;left: auto;top: auto;min-width: 0;width: 100%;padding: 0;margin: 0;border: none;border-radius: 0;box-shadow: none;opacity: 1;visibility: visible;transform: none;pointer-events: none;max-height: 0;overflow: hidden;transition: max-height .28s ease;background: #f7f8fb;}
.nav-sub:before {display: none;}
.nav-list > li.has-sub.open > .nav-sub {max-height: 320px;pointer-events: auto;}
.nav-sub a {padding: 12px 22px 12px 36px;font-size: 14px;white-space: normal;}
.banner {padding: 6px 0;}
.banner-box {height: 168px;border-radius: var(--radius-md);}
.news-carousel {height: 200px;}
.banner-arrow {display: none;}
.banner-dots {bottom: 10px;}
.news-carousel .banner-dots {bottom: 42px;}
.main {padding: 18px 0 28px;}
.panel {box-shadow: 0 4px 16px rgba(35,54,107,.06);}
.panel:hover {transform: none;box-shadow: 0 4px 16px rgba(35,54,107,.06);}
.col-news .news-list,.row-mid .news-list {height: auto;overflow: visible;display: flex;flex-direction: column;gap: 0;}
.news-list li {height: auto;min-height: 0;line-height: 1.4;padding: 0;border-bottom: 1px solid #eef0f6;border-radius: 0;background: transparent;overflow: visible;transition: background .15s;}
.news-list li:last-child {border-bottom: 0;}
.news-list li:active {background: #f5f7fb;}
.news-list li a {align-items: center;gap: 12px;padding: 12px 4px;}
.news-list li a:before {display: none;}
.news-list .date {order: -1;flex-shrink: 0;margin: 0;width: 50px;height: 30px;padding: 0;border-radius: 8px;display: flex;align-items: center;justify-content: center;background: var(--c-blue-pale);color: var(--c-blue-dark);font-size: 12px;font-weight: 700;letter-spacing: .2px;box-shadow: none;font-variant-numeric: tabular-nums;}
.news-list .tit {font-size: 14px;font-weight: 500;color: #2d3648;}
.news-carousel .news-slide-tit {height: 34px;padding: 0 10px;font-size: 13px;line-height: 34px;}
.news-carousel .banner-dots {bottom: 44px;}
.news-carousel .banner-arrow {margin-top: -26px;}
.college-nav li a {height: 44px;}
.qk-btn {min-height: 52px;}
.degree-btn {min-height: 64px;height: 64px;font-size: 17px;letter-spacing: 2px;}
.list-main {order: 2;width: 100%;min-width: 0;padding: 16px 12px 20px;border-radius: 16px;background: #fff;}
.list-side {order: 1;width: 100%;}
.list-layout {gap: 14px;}
.list-hd {gap: 10px;padding-bottom: 14px;margin-bottom: 12px;border-bottom-color: #e4e8f0;}
.list-hd h2 {font-size: 17px;letter-spacing: .3px;}
.list-news {display: flex;flex-direction: column;gap: 10px;}
.list-news li {position: relative;padding: 14px 30px 14px 14px;border: 1px solid #eaeef5;border-radius: 12px;background: #fbfcfe;box-shadow: none;transition: background .15s,border-color .15s;}
.list-news li:active {background: #f2f6fc;border-color: rgba(88,139,235,.26);}
.list-news li:after {content: "";position: absolute;right: 14px;top: 50%;width: 7px;height: 7px;border-top: 1.5px solid #c3cad8;border-right: 1.5px solid #c3cad8;transform: translateY(-50%) rotate(45deg);transition: border-color .15s;}
.list-news li:active:after {border-color: var(--c-blue);}
.list-meta {display: flex;align-items: center;gap: 6px;margin-bottom: 8px;padding: 0;color: #9aa3b2;font-size: 12px;line-height: 1;background: none;border: 0;box-shadow: none;}
.list-meta svg {width: 13px;height: 13px;color: #b3bccb;}
.list-tit {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 0;font-size: 15px;font-weight: 600;line-height: 1.4;color: #243044;letter-spacing: .2px;}
.list-tit:after {display: none;}
.list-news li:active .list-tit {color: var(--c-blue-dark);}
.list-pager,
.class_page {padding-top: 6px;margin-top: 14px;}
.list-pager.mt-40,
.class_page.mt-40 {margin-top: 24px;}
.pager-btn {min-width: 36px;height: 36px;border-radius: 10px;background: #f4f6fa;}
.pager-btn.on {box-shadow: 0 4px 12px rgba(88,139,235,.28);}
.list-pager .pb_sys_common,
.class_page .pb_sys_common {gap: 6px;line-height: 36px;}
.list-pager .p_pages,
.class_page .p_pages {gap: 6px;}
.list-pager .p_pages a,
.list-pager .p_pages span,
.class_page .p_pages a,
.class_page .p_pages span {min-width: 36px;height: 36px !important;border-radius: 10px !important;background: #f4f6fa !important;}
.list-pager .p_pages .p_no_d,
.class_page .p_pages .p_no_d {background: var(--c-blue) !important;box-shadow: 0 4px 12px rgba(88,139,235,.28);}
.list-pager .p_goto,
.list-pager .p_goto_input,
.list-pager .p_goto > a,
.class_page .p_goto,
.class_page .p_goto_input,
.class_page .p_goto > a {height: 36px !important;border-radius: 10px !important;}
.crumb {flex-wrap: wrap;align-items: flex-start;}
.crumb-path {white-space: normal;overflow: visible;text-overflow: clip;}
.article-card {padding: 22px 14px 28px;border-radius: 12px;}
.article-title {font-size: 18px;letter-spacing: .3px;line-height: 1.5;}
.article-meta {gap: 6px 12px;}
.article-body {font-size: 15px;overflow-wrap: anywhere;}
.article-body img {max-width: 100%;height: auto;display: block;margin: 0 auto 1em;}
.article-body table {display: block;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.footer {padding: 20px 0 24px;}
.footer-info {font-size: 12px;line-height: 1.75;}
}
@media (max-width: 480px) {
.wrap {width: 94%;}
.header-inner {height: 52px;}
.header-logo img {height: 40px;}
.banner-box {height: 140px;}
.sec-hd h3 {font-size: 16px;}
.hd-icon {width: 32px;height: 32px;}
.hd-icon svg {width: 16px;height: 16px;}
.news-list li a {padding: 10px 4px;}
.news-list .date {width: 44px;height: 28px;font-size: 11px;}
.news-list .tit {font-size: 13.5px;}
.list-news li {padding: 12px 26px 12px 12px;border-radius: 10px;}
.list-tit {font-size: 14.5px;}
.list-meta {margin-bottom: 6px;font-size: 11px;}
.article-title {font-size: 17px;}
.article-body {font-size: 14px;line-height: 1.8;}
.list-hd-ico {width: 32px;height: 32px;border-radius: 8px;}
.list-hd h2 {font-size: 16px;}
.pager-btn {min-width: 32px;height: 32px;font-size: 13px;}
.list-pager .pb_sys_common,
.class_page .pb_sys_common {line-height: 32px;gap: 6px;}
.list-pager .p_t,
.class_page .p_t {height: 32px !important;font-size: 12px;}
.list-pager .p_pages a,
.list-pager .p_pages span,
.class_page .p_pages a,
.class_page .p_pages span {min-width: 32px;height: 32px !important;font-size: 13px !important;padding: 0 8px !important;}
.list-pager .p_goto,
.class_page .p_goto {height: 32px !important;}
.list-pager .p_goto_input,
.class_page .p_goto_input {width: 40px !important;height: 32px !important;font-size: 13px !important;line-height: 30px !important;}
.list-pager .p_goto > a,
.class_page .p_goto > a {min-width: 48px;height: 32px !important;padding: 0 12px !important;font-size: 13px !important;}
.search-bar button {min-width: 64px;letter-spacing: 0;}
}