@charset "UTF-8";
/* ============ ≤1600px：容器通栏 ============ */
@media screen and (max-width: 1600px) {
  body {
    min-width: 100%;
  }
  .container {
    width: auto;
    padding: 0 0.2rem;
  }
  .header-area .container {
    padding: 0.32rem 0.2rem;
  }
  .banner .slick-prev {
    left: 3%;
  }
  .banner .slick-next {
    right: 3%;
  }
}

/* ============ 宽屏（≥1600px）：返回顶部对齐内容容器 ============ */
@media screen and (min-width: 1600px) {
  .sidebar {
    right: calc(50% - 7.8rem);
  }
}

/* ============ 小屏笔记本（1200px - 1479px）：导航换行到 logo 下方 ============ */
@media screen and (min-width: 1200px) and (max-width: 1479px) {
  .header-area.home-header .container {
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0.26rem;
    padding-bottom: 0.08rem;
  }
  .header-area.home-header .topbar ~ .container {
    padding: 0.26rem 0.2rem 0.08rem;
  }
  .header-area.home-header .header-left {
    margin-top: 0;
    margin-right: auto;
  }
  .header-area.home-header .header-left img {
    max-height: 0.54rem;
  }
  .header-area.home-header .header-right {
    width: 100%;
    margin-top: 0.06rem;
    padding-left: 0;
  }
  .header-area.home-header .nav_main .menunav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  }
  .header-area.home-header .nav_main .menunav > li > a {
    font-size: 0.18rem;
    padding: 0.06rem 0.1rem;
  }
  #banner-area.home-banner {
    height: 4.2rem;
  }
}

/* ============ 平板适配（768px - 1199px）============ */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  html {
    font-size: 90px;
  }
  .banner .slick-prev, .banner .slick-next {
    width: 0.2rem;
    height: 0.2rem;
  }
  .banner .slick-prev::after, .banner .slick-next::after {
    width: 0.09rem;
    height: 0.09rem;
    border-top-width: 0.03rem;
    border-right-width: 0.03rem;
  }
  /* ---------- 头部：logo 一行 + 导航一行 ---------- */
  .header-area.home-header .topbar {
    margin-top: 0.12rem;
    height: 0.34rem;
    line-height: 0.34rem;
    font-size: 0.13rem;
    margin-bottom: -0.64rem;
  }
  .header-area.home-header .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.18rem 0.2rem 0.1rem;
  }
  .header-area.home-header .topbar ~ .container {
    padding: 0.4rem 0.2rem 0.2rem;
  }
  .header-area.home-header .header-left {
    margin-top: 0;
    margin-right: auto;
  }
  .header-area.home-header .header-left img {
    max-height: 0.56rem;
  }
  .header-area.home-header .header-right {
    width: 100%;
    margin-top: 0.06rem;
    padding-left: 0;
  }
  .header-area.home-header .nav_main .menunav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .header-area.home-header .nav_main .menunav > li {
    width: 12.5%;
  }
  .header-area.home-header .nav_main .menunav > li > a {
    width: 100%;
    font-size: 0.16rem;
    padding: 0.06rem 0;
    height: auto;
    line-height: 1.6;
    text-align: center;
  }
  .header-area.home-header .submenu {
    top: 100%;
  }
  /* 子页（list/content）导航 */
  .nav {
    height: auto;
    line-height: normal;
  }
  .menunav {
    display: flex;
    flex-wrap: wrap;
  }
  .menunav > li > a {
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    padding: 0;
  }
  .submenu li a {
    font-size: 0.15rem;
    height: 0.38rem;
    line-height: 0.38rem;
  }
  /* banner */
  #banner-area {
    margin-top: 0;
  }
  #banner-area.home-banner {
    height: 32vw;
    min-height: 2.4rem;
    max-height: 3.9rem;
  }
  #banner-area.home-banner::before {
    height: 1.1rem;
  }
  #banner-area.home-banner::after {
    height: 0.9rem;
  }
  #banner-area .banner_nav {
    bottom: 0.12rem;
  }
  /* banner报名入口 */
  .apply ul li a {
    padding: 0.22rem 0;
  }
  .apply ul li a .img {
    width: 0.3rem;
    height: 0.3rem;
    margin-bottom: 0.08rem;
  }
  .apply ul li a .title {
    font-size: 0.15rem;
  }
  /* 新闻区：保持双栏 */
  .main-area .w50 {
    padding: 0 0.2rem;
  }
  .news .s2-lbox li + li {
    margin-top: 0.2rem;
  }
  .news .s2-lbox li a .date {
    width: 0.72rem;
    height: 0.68rem;
    margin-right: 0.2rem;
    padding-top: 0.08rem;
  }
  .news .s2-lbox li a .date b {
    font-size: 0.26rem;
    line-height: 0.24rem;
  }
  .news .s2-lbox li a .date span {
    font-size: 0.14rem;
    line-height: 0.28rem;
  }
  .news .s2-lbox li a h3 {
    font-size: 0.16rem;
    line-height: 1.6;
    max-height: 0.52rem;
  }
  /* 简章/目录：标题两行显示，避免大量省略 */
  .news-list li {
    line-height: 1.6;
    padding: 0.1rem 0;
  }
  .news-list li span {
    font-size: 0.14rem;
  }
  .news-area img {
    height: 300px;
  }
  /* 平台：4 个缩为一行 */
  .platform ul li {
    width: 25%;
  }
  .platform ul li a {
    font-size: 0.14rem;
    padding: 0.2rem;
  }
  .platform ul li a .pic {
    width: 50%;
  }
  .platform ul li a p {
    width: 100%;
  }
  /* 研招宣传：视频与列表比例调整 */
  .video-area .promo-content {
    padding: 0.16rem 0.18rem 0.2rem;
  }
  .video-area .promo-content::before {
    left: 0.1rem;
    right: 0.1rem;
    width: auto;
    height: 88%;
  }
  .video-area .promo-content .promo-media {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .promotion-list.slick-slider {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }
  .promotion-list li a {
    padding: 0.14rem 0.16rem;
  }
  .promotion-list li a h3 {
    font-size: 0.18rem;
    line-height: 1.5;
  }
  /* 页脚链接：2 行 */
  .link > li {
    width: 48%;
    margin-bottom: 10px;
  }
  .footer-area .footer-logo img {
    height: 0.44rem;
  }
  /* 侧栏返回顶部：随容器 */
  .sidebar {
    right: 0.2rem;
    bottom: 0.3rem;
  }
  .sidebar > div {
    width: 0.44rem;
    height: 0.44rem;
  }
  .platform .subject-area span::before, .platform .subject-area span::after {
    width: 100px;
  }
}

@media screen and (max-width: 900px) {
  .footer-area .contact .qrcode-area {
    width: auto;
  }
  .footer-area .contact .footer-logo {
    display: none;
  }
}

/* ============ 手机适配（≤767px） ============ */
@media screen and (max-width: 767px) {
  .current-area {
    padding-bottom: 0.08rem;
  }
  .banner .slick-prev,
  .banner .slick-next {
    display: none !important;
  }
  html {
    font-size: 100px;
  }
  body {
    min-width: 100%;
  }
  .container {
    width: auto;
    max-width: none;
    padding: 0 12px;
  }
  .header-area.home-header.on .topbar ~ .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  /* ---------- 头部 ---------- */
  .header-area {
    border-top-width: 8px;
  }
  .header-area .container {
    background-position: right 40px bottom;
    padding: 0.18rem 15px;
    position: relative;
    flex-direction: column;
  }
  .header-area .container .header-right {
    margin-top: 0.15rem;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
  }
  .header-area .container .header-right .search {
    max-width: calc(100% - 50px);
  }
  .header-area .container .header-right .right-link {
    display: none;
  }
  /* 首页头部：logo + 搜索 + 汉堡，导航走抽屉 */
  .header-area.home-header .topbar {
    display: none;
  }
  .header-area.home-header .container,
  .header-area.home-header .topbar ~ .container,
  .header-area.home-header.on .topbar ~ .container {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.13rem 15px;
  }
  .header-area.home-header .header-left {
    margin-top: 0;
    margin-right: 0;
    flex: 1 1 auto;
    min-width: 0;
  }
  .header-area.home-header .header-left img {
    max-height: 0.56rem;
  }
  .header-area.home-header .header-right,
  .header-area.home-header .nav_main {
    display: none;
  }
  .header-area.home-header .header-tools {
    display: flex;
  }
  .toggle {
    display: flex;
  }
  /* 子页（list/content）头部：logo + 搜索 + 汉堡 单行 */
  .sub .header-area .container {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.13rem 15px;
  }
  .sub .header-area .header-left {
    margin-top: 0;
    margin-right: auto;
    flex: 1 1 auto;
    min-width: 0;
  }
  .sub .header-area .header-left img {
    max-height: 0.56rem;
  }
  .sub .header-area .header-right {
    display: none;
  }
  .sub .header-area .header-tools {
    display: flex;
    margin-left: 0.14rem;
  }
  .mechanism_left {
    display: none;
  }
  .mechanism_right {
    width: 100%;
  }
  .sub .main-area .container {
    padding: 15px 0;
  }
  .mechanism_right, .full_content {
    padding: 0.15rem;
  }
  /* ---------- 主导航：手机上隐藏，用抽屉 ---------- */
  .nav-area {
    display: none;
  }
  .nav {
    display: none;
  }
  .nav .menunav,
  .nav .submenu {
    display: none;
  }
  .news-area a p {
    padding: 0.12rem;
    font-size: 13px;
  }
  .news-area .slick-dots {
    bottom: 0.08rem;
    right: 0.02rem;
  }
  /* ---------- banner ---------- */
  #banner-area {
    margin-top: 0;
  }
  #banner-area.home-banner {
    height: 48vw;
    min-height: 1.7rem;
    max-height: 2.6rem;
  }
  #banner-area.home-banner::before {
    height: 0.85rem;
  }
  #banner-area.home-banner::after {
    height: 0.7rem;
  }
  #banner-area .banner_nav {
    bottom: 0.1rem;
  }
  #banner-area .banner_nav .slick-dots li {
    width: 0.11rem;
    height: 0.11rem;
    margin: 0 0.08rem;
  }
  /* banner报名入口 */
  .apply ul li a {
    padding: 0.12rem 0;
  }
  .apply ul li a .img {
    width: 0.24rem;
    height: 0.24rem;
    margin-bottom: 0.05rem;
  }
  .apply ul li a .title {
    font-size: 0.13rem;
  }
  /* ---------- 主体：单栏堆叠 ---------- */
  .main-area .container {
    padding-top: 0.24rem;
    padding-bottom: 0.24rem;
  }
  .main-area .w100.flex {
    display: block;
  }
  .main-area .w50 {
    width: 100%;
    padding: 0;
  }
  .main-area .w50:first-child,
  .main-area .w50:last-child {
    padding: 0;
  }
  .news-area {
    margin-top: 0;
  }
  .news-area img {
    height: 42vw;
    object-fit: cover;
  }
  /* ---------- 研招动态 ---------- */
  .news .w50:last-child .s2-lbox li:first-child {
    margin-top: 0.16rem;
  }
  .news .s2-lbox li + li {
    margin-top: 0.16rem;
  }
  .news .s2-lbox li a .date {
    width: 0.72rem;
    height: 0.66rem;
    margin-right: 0.16rem;
    padding-top: 0.07rem;
  }
  .news .s2-lbox li a .date b {
    font-size: 0.26rem;
    line-height: 0.24rem;
  }
  .news .s2-lbox li a .date span {
    font-size: 0.14rem;
    line-height: 0.28rem;
  }
  .news .s2-lbox li a h3 {
    font-size: 0.16rem;
    line-height: 1.5;
    max-height: 0.5rem;
  }
  .admissions .w50:last-child {
    padding-top: 0.24rem;
  }
  /* ---------- 招生简章 / 专业目录 ---------- */
  .news-list {
    padding-top: 0;
  }
  .news-list li {
    font-size: 0.16rem;
    border-bottom: 1px dashed #F5E6E6;
    font-family: "HarmonyOS Sans SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6;
    padding: 0.1rem 0;
  }
  .news-list li .title {
    display: flex;
    flex-direction: column-reverse;
  }
  .news-list li p {
    padding-right: 0;
    padding-left: 14px;
  }
  .news-list li p a {
    display: block;
    white-space: normal;
    overflow: visible;
    line-height: 1.6;
    padding-right: 0;
  }
  .news-list li span {
    padding-left: 14px;
    font-size: 13px;
    line-height: 1.6;
  }
  .news-list li::before {
    top: 0.16rem;
    margin: 0;
    width: 12px;
    height: 12px;
  }
  .platform .subject-area span::before, .platform .subject-area span::after {
    width: 50px;
  }
  /* 标题 */
  .subject-area {
    height: auto;
    line-height: normal;
    margin-bottom: 0.16rem;
  }
  .subject-area .title {
    font-size: 0.18rem;
  }
  .subject-area .title[class*="title-"] {
    background-size: 0.22rem;
    padding-left: 0.24rem;
  }
  .subject-area .title .en {
    font-size: 0.11rem;
    margin-left: 0.06rem;
  }
  .subject-area .more {
    font-size: 0.12rem;
    padding-right: 0.16rem;
  }
  .subject-area .more::after {
    border-top-width: 0.05rem;
    border-bottom-width: 0.05rem;
    border-left-width: 0.07rem;
    margin-top: -0.05rem;
  }
  /* ---------- 研招宣传 ---------- */
  .video-area {
    background-size: auto 36%;
  }
  .video-area .w50 .promo-text {
    margin-top: 0.24rem;
  }
  .video-area .promo-content {
    padding: 0.2rem 0.2rem 0.24rem;
    margin-bottom: 0.1rem;
  }
  .video-area .promo-content::before {
    left: 0.12rem;
    right: 0.12rem;
    width: auto;
    height: 86%;
  }
  .video-area .promo-content .promo-media {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .promotion-list.slick-slider {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }
  .promotion-list .slick-prev,
  .promotion-list .slick-next {
    width: 0.44rem;
    height: 0.44rem;
  }
  .promotion-list .slick-prev::after,
  .promotion-list .slick-next::after {
    width: 0.24rem;
    height: 0.24rem;
  }
  .promotion-list li a {
    padding: 0.14rem 0.1rem;
  }
  .promotion-list li a .date {
    font-size: 0.15rem;
    line-height: 0.3rem;
  }
  .promotion-list li a .date b {
    font-size: 0.22rem;
  }
  .promotion-list li a h3 {
    font-size: 0.17rem;
    line-height: 1.5;
    margin-top: 0.06rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 0.52rem;
    overflow: hidden;
  }
  /* ---------- 平台 ---------- */
  .platform {
    padding-bottom: 0.3rem;
  }
  .platform ul {
    flex-wrap: wrap;
  }
  .platform ul li {
    width: 50%;
    height: auto;
    padding: 0 0.06rem 0.12rem 0.06rem;
    margin-bottom: 0;
  }
  .platform ul li a {
    flex-direction: column;
    text-align: center;
    gap: 0.08rem;
    padding: 0.16rem 0.1rem;
    font-size: 0.15rem;
    height: auto;
  }
  .platform ul li a .pic {
    margin-right: 0;
  }
  .platform ul li a p {
    width: 100%;
    line-height: 1.5;
  }
  /* ---------- 校园风光 ---------- */
  .scenery .banner img {
    height: 3.2rem;
  }
  .scenery .scenery-wave img {
    height: 0.3rem;
  }
  /* ---------- 页脚 ---------- */
  .footer-area {
    padding-top: 10px;
    padding-bottom: 0.3rem;
  }
  .footer-area .footer-logo {
    padding: 0.06rem 0 0.14rem;
  }
  .footer-area .footer-logo img {
    height: 0.42rem;
  }
  .footer-area .footer-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.2rem 0;
  }
  .footer-area .footer-info .footer-col {
    margin-bottom: 0.2rem;
    width: 100%;
  }
  .footer-area .footer-info .footer-col h4 {
    font-size: 0.16rem;
  }
  .footer-area .footer-info .footer-col p {
    font-size: 0.14rem;
    line-height: 1.9;
    text-align: left;
  }
  .footer-area .footer-info .footer-col p::before {
    top: 0.1rem;
  }
  .footer-area .footer-info .footer-col .qrcode img {
    width: 0.9rem;
    height: 0.9rem;
  }
  .link {
    margin: 0.2rem 0;
    flex-direction: column;
  }
  .link > li {
    width: 100%;
    margin: 0 0 8px 0;
  }
  .link > li {
    height: 36px;
    line-height: 36px;
  }
  .link ul {
    bottom: 36px;
    max-height: 60vh;
    overflow-y: auto;
  }
  .footer-area .contact {
    flex-direction: column;
    align-items: center;
    padding-top: 0.2rem;
  }
  .footer-area .contact .footer-logo {
    width: 55%;
    margin-bottom: 0.15rem;
  }
  .footer-area .contact .copyright {
    text-align: left;
    font-size: 13px;
    flex-direction: column;
  }
  .footer-area .contact .qrcode-area {
    margin-top: 0.2rem;
    width: auto;
    text-align: center;
  }
  .footer-area .contact .qrcode-area p {
    margin-bottom: 0.05rem;
  }
  .footer-area .contact .qrcode img {
    width: 0.9rem;
  }
  /* ---------- 侧边返回顶部 ---------- */
  .sidebar {
    right: 0.15rem;
    bottom: 0.25rem;
  }
  .sidebar > div {
    width: 0.42rem;
    height: 0.42rem;
  }
  /* ---------- 详情/列表页通用 ---------- */
  .aside {
    display: none;
  }
  .column {
    float: none;
    width: 100%;
    min-height: auto;
  }
  .column .common-list {
    margin-left: 0;
  }
  .caption {
    margin: 25px 0;
  }
  .caption h1 {
    font-size: 20px;
  }
  .caption p span:first-child {
    display: none;
  }
  .content img {
    max-width: 100%;
    height: auto !important;
  }
  .detail {
    margin: 25px 0 0;
  }
  .detail > p {
    font-size: 14px;
  }
  .list-box {
    margin: 25px 0;
  }
  .search-list {
    margin-left: 0;
  }
  .calendar-list li a.calendar-item .month_day {
    width: 0.56rem;
    line-height: 0.34rem;
    font-size: 0.14rem;
  }
  .calendar-list li a.calendar-item .year {
    line-height: 0.34rem;
    font-size: 0.12rem;
  }
  .calendar-list li a.calendar-item .title {
    font-size: 0.15rem;
  }
  .figures {
    padding-top: 0.16rem;
    padding-bottom: 0.16rem;
  }
  .figures .figures-content {
    flex-wrap: wrap;
  }
  .figures .figures-content .figures-item {
    width: 33.33%;
    margin-bottom: 0.16rem;
  }
  .figures .figures-content .figures-item img {
    display: block;
    max-width: 0.6rem;
    margin: 0 auto 0.06rem;
  }
  .figures .figures-content .figures-item .figures-num {
    font-size: 0.34rem;
  }
  .figures .figures-content .figures-item .figures-text {
    margin-top: 0.06rem;
    font-size: 0.12rem;
  }
  /* ---------- 抽屉菜单 ---------- */
  .drawer {
    right: 0;
    transform: translateX(100%);
  }
  .drawer.open {
    transform: translateX(0);
  }
  .drawer-head {
    font-size: 0.18rem;
    padding: 0.15rem 0.2rem;
  }
  .drawer-nav > li > a {
    font-size: 0.17rem;
    padding: 0.15rem 0.2rem;
  }
  /* ---------- 全屏搜索 ---------- */
  .search-close {
    top: 0.15rem;
    right: 0.15rem;
  }
  .search-layer .searchform {
    width: 92%;
  }
  .search-layer .searchform input[type="text"] {
    font-size: 0.18rem;
  }
}