/* Wide layout for main channel pages - 2026-06-24 */
@media (min-width: 1280px) {
  .center {
    width: 1320px;
  }

  #body,
  #news,
  #zy-list,
  #school-list,
  #apply {
    background: transparent;
  }

  .now-position {
    margin: 34px 0 26px;
  }

  .now-position p,
  .now-position p a {
    color: #64748b;
    font-size: 15px;
    font-weight: 700;
  }

  .list-tab-wrap,
  #zy-list .list-tab-wrap,
  #news .list-tab-wrap {
    background: #fff;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(20, 47, 86, .08);
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 20px 28px 12px;
    width: 100%;
  }

  .list-tab-wrap ul,
  #zy-list .list-tab-wrap ul,
  #news .list-tab-wrap ul {
    padding: 0;
  }

  .list-tab-wrap ul li,
  #zy-list .list-tab-wrap ul li,
  #news .list-tab-wrap ul li {
    display: grid;
    gap: 16px;
    grid-template-columns: 92px 1fr;
    margin-bottom: 14px;
  }

  .list-tab-wrap ul li:last-child,
  #zy-list .list-tab-wrap ul li:last-child,
  #news .list-tab-wrap ul li:last-child {
    margin-bottom: 0;
  }

  .list-tab-wrap ul li p:nth-of-type(1),
  #zy-list .list-tab-wrap ul li p:nth-of-type(1),
  #news .list-tab-wrap ul li p:nth-of-type(1) {
    color: #1f2937;
    font-size: 16px;
    font-weight: 800;
    line-height: 34px;
    width: auto;
  }

  .list-tab-wrap ul li p:nth-of-type(2),
  #zy-list .list-tab-wrap ul li p:nth-of-type(2),
  #news .list-tab-wrap ul li p:nth-of-type(2) {
    align-items: center;
    border-bottom: 1px dashed #e1e9f2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    line-height: 34px;
    min-height: 42px;
    padding-bottom: 12px;
  }

  .list-tab-wrap ul li:last-child p:nth-of-type(2),
  #zy-list .list-tab-wrap ul li:last-child p:nth-of-type(2),
  #news .list-tab-wrap ul li:last-child p:nth-of-type(2) {
    border-bottom: 0;
  }

  .list-tab-wrap ul li p:nth-of-type(2) a,
  #zy-list .list-tab-wrap ul li p:nth-of-type(2) a,
  #news .list-tab-wrap ul li p:nth-of-type(2) a {
    border: 1px solid transparent;
    border-radius: 999px;
    color: #405069;
    display: inline-flex;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding: 0 12px;
    white-space: nowrap;
  }

  .list-tab-wrap ul li p:nth-of-type(2) a:hover,
  #zy-list .list-tab-wrap ul li p:nth-of-type(2) a:hover,
  #news .list-tab-wrap ul li p:nth-of-type(2) a:hover {
    background: #eef7ff;
    border-color: #c9e4fb;
    color: #0f74d8;
    transform: translateY(-1px);
  }

  .list-tab-wrap ul li p:nth-of-type(2) .active,
  #zy-list .list-tab-wrap ul li p:nth-of-type(2) .active,
  #news .list-tab-wrap ul li p:nth-of-type(2) .active,
  .list-tab-wrap ul li p:nth-of-type(2) a:first-child,
  #zy-list .list-tab-wrap ul li p:nth-of-type(2) a:first-child,
  #news .list-tab-wrap ul li p:nth-of-type(2) a:first-child {
    background: linear-gradient(135deg, #fff6e5, #ffe7ae);
    border-color: #ffd981;
    color: #a86c00;
    font-weight: 800;
  }

  #zy-list .details,
  #news .content .c-body,
  #news .content,
  #apply .a-body {
    align-items: flex-start;
    display: flex;
    gap: 28px;
    justify-content: space-between;
    margin-top: 0;
  }

  #zy-list .details .left,
  #news .content .c-body .left,
  #news .content > .left,
  #apply .a-body .left {
    background: #fff;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(20, 47, 86, .08);
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 420px;
    width: auto;
  }

  #zy-list .details .zxbm,
  #news .content .c-body .right,
  #news .content > .right,
  #apply .a-body .right {
    flex: 0 0 318px;
    width: 318px;
  }

  #zy-list .details .left .sort,
  #news .content .c-body .left,
  #apply .a-body .left .from {
    padding: 22px 28px;
  }

  #zy-list .details .left .sort p span,
  #news .content .c-body .left,
  #apply .a-body .left .from h3 {
    color: #1f2937;
  }

  #zy-list .details .left .sort p a {
    border: 1px solid #e4edf6;
    border-radius: 6px;
    color: #405069;
    display: inline-flex;
    font-size: 15px;
    line-height: 34px;
    margin-right: 10px;
    padding: 0 18px;
  }

  #zy-list .details .left .sort p .active {
    background: #fff4dc;
    border-color: #ffd981;
    color: #d48900;
    font-weight: 800;
  }

  #zy-list .details .left .list-wrap,
  #news .content .c-body .left ul {
    padding: 0 28px 26px;
  }

  #zy-list .details .zxbm .fine,
  #zy-list .details .zxbm .r-hot-zy,
  #news .content .c-body .right .fine,
  #news .content .c-body .right .signUp,
  #news .content .c-body .right .recommend-zy,
  #news .content > .right .fine,
  #news .content > .right .check-in,
  #apply .a-body .right .qx,
  #apply .a-body .right > img {
    background: #fff;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(20, 47, 86, .08);
  }

  #zy-list .details .zxbm .fine .title,
  #zy-list .details .zxbm .r-hot-zy .title,
  #news .content .c-body .right .fine .title,
  #news .content .c-body .right .signUp .title,
  #news .content .c-body .right .recommend-zy .title,
  #news .content > .right .fine .title,
  #news .content > .right .check-in .title {
    border-bottom-color: #edf2f8;
  }

  .fine .f-body .from > div,
  #zy-list .details .zxbm .signUp .form > div,
  #news .content > .right .check-in .f-body .form > div,
  #apply .a-body .left .from .top > div input,
  #apply .a-body .left .from .top > div select,
  #apply .a-body .left .from .bottom textarea {
    border: 1px solid #dbe8f5;
    border-radius: 6px;
  }

  .fine .f-body .from > button,
  #zy-list .details .zxbm .signUp .form button,
  #news .content > .right .check-in .f-body .form > button,
  #apply .a-body .left .from button {
    background: linear-gradient(135deg, #ef4b3f, #f2a51d) !important;
    border-radius: 6px;
    box-shadow: 0 10px 22px rgba(239, 75, 63, .22);
    color: #fff;
    font-weight: 800;
  }

  #apply .a-body .left .from {
    box-shadow: none;
  }

  #apply .a-body .left .from .top > div {
    margin-left: 0 !important;
    width: 46%;
  }

  #apply .a-body .left .from .bottom textarea {
    width: 830px;
  }

  #news .recommend-sch,
  #news .hot-major,
  #news .school-forum {
    background: #fff;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(20, 47, 86, .08);
    box-sizing: border-box;
    margin-bottom: 28px;
    padding: 22px 28px;
  }
}

@media (max-width: 1279px) {
  .center {
    max-width: 100%;
  }
}

/* Strong channel width normalization */
@media (min-width: 1280px) {
  #school-list .center,
  #zy-list .center,
  #news .center,
  #apply .center {
    width: 1320px !important;
  }

  #school-list .school-filter,
  #school-list .list-wrap {
    box-sizing: border-box;
    width: 100% !important;
  }

  #school-list .list-wrap {
    gap: 28px;
  }

  #school-list .list-wrap .left,
  #school-list .list-wrap .right1 {
    float: none !important;
  }

  #school-list .list-wrap .left {
    flex: 1 1 auto !important;
    min-width: 0;
    width: auto !important;
  }

  #school-list .list-wrap .right1 {
    flex: 0 0 318px !important;
    margin-left: 0 !important;
    width: 318px !important;
  }

  #zy-list .details,
  #news .content .c-body,
  #apply .a-body {
    box-sizing: border-box;
    display: flex !important;
    gap: 28px;
    width: 100% !important;
  }

  #zy-list .details .left,
  #news .content .c-body .left,
  #apply .a-body .left {
    flex: 1 1 auto !important;
    min-width: 0;
    width: auto !important;
  }

  #zy-list .details .zxbm,
  #news .content .c-body .right,
  #apply .a-body .right {
    flex: 0 0 318px !important;
    float: none !important;
    margin-left: 0 !important;
    width: 318px !important;
  }

  #news .content .c-body {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #news .content .c-body::after,
  #zy-list .details::after,
  #apply .a-body::after {
    display: none !important;
  }

  #zy-list .details .left .list-wrap,
  #news .content .c-body .left > ul {
    box-sizing: border-box;
    width: 100% !important;
  }

  #zy-list .pages,
  #zy-list .paging,
  #news .pages,
  #news .paging {
    box-sizing: border-box;
    max-width: 100% !important;
    width: 100% !important;
  }

  #news .recommend-sch,
  #news .hot-major,
  #news .school-forum {
    width: 100% !important;
  }

  #news .recommend-sch .r-body,
  #news .hot-major .h-body,
  #news .school-forum ul {
    max-width: 100%;
    overflow: hidden;
  }
}

@media (min-width: 1280px) {
  #school-list .center,
  #zy-list .center,
  #news .center,
  #apply .center {
    max-width: 1320px !important;
  }
}

/* Unified clean main navigation for channel/category pages */
#head .nav-wrap .nav-box {
  background: #fff !important;
  border-bottom: 1px solid #e5edf6;
  border-top: 1px solid #edf3fa;
  box-shadow: 0 8px 22px rgba(20, 47, 86, .06) !important;
}

#head .nav-wrap .nav-box .center,
#head .nav-wrap .nav-box .menu-wrap,
#head .nav-wrap .nav-box .menu-wrap:hover,
#head .nav-wrap .nav-box .menu-wrap > .title,
#head .nav-wrap .nav-box .nav-tabs ul,
#head .nav-wrap .nav-box .nav-tabs ul li,
#head .nav-wrap .nav-box .nav-tabs ul li:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#head .nav-wrap .nav-box .menu-wrap > .ico {
  display: none !important;
}

#head .nav-wrap .nav-box .menu-wrap > .title > p,
#head .nav-wrap .nav-box .menu-wrap > .title > p a,
#head .nav-wrap .nav-box .nav-tabs ul li > a {
  color: #23344f !important;
}

#head .nav-wrap .nav-box .menu-wrap > .title > p {
  align-items: center;
  border-radius: 999px;
  display: flex !important;
  font-size: 16px !important;
  font-weight: 900;
  height: 36px !important;
  justify-content: center;
  line-height: 36px !important;
  margin: 5px 10px !important;
  transition: all .18s ease;
}

#head .nav-wrap .nav-box .menu-wrap:hover > .title > p {
  background: linear-gradient(135deg, #fff4df, #ffe0a3) !important;
  box-shadow: 0 8px 18px rgba(217, 154, 32, .16) !important;
  color: #9a6200 !important;
}

#head .nav-wrap .nav-box .nav-tabs ul li {
  position: relative;
}

#head .nav-wrap .nav-box .nav-tabs ul li::after {
  display: none !important;
}

#head .nav-wrap .nav-box .nav-tabs ul li::before,
#head .nav-wrap .nav-box .nav-tabs ul li:first-child::before {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 999px;
  bottom: 7px;
  box-shadow: none !important;
  content: "";
  left: 8px;
  opacity: 0 !important;
  position: absolute;
  right: 8px;
  top: 7px;
  transform: none !important;
  transition: all .18s ease;
  z-index: 0;
}

#head .nav-wrap .nav-box .nav-tabs ul li.active::before,
#head .nav-wrap .nav-box .nav-tabs ul li:hover::before {
  background: linear-gradient(135deg, #fff4df, #ffe0a3) !important;
  border-color: #ffd486 !important;
  box-shadow: 0 8px 18px rgba(217, 154, 32, .16) !important;
  opacity: 1 !important;
}

#head .nav-wrap .nav-box .nav-tabs ul li.active > a,
#head .nav-wrap .nav-box .nav-tabs ul li:hover > a {
  color: #9a6200 !important;
  position: relative;
  z-index: 1;
}

/* Premium school list cards */
#school-list .list-wrap .left {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#school-list .list-wrap .left .title {
  background: #fff !important;
  border: 1px solid #e2ebf5;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(20, 47, 86, .06);
  box-sizing: border-box;
  margin-bottom: 12px;
  padding: 12px 16px;
}

#school-list .list-wrap .left .title > div {
  align-items: center;
  border-bottom: 0 !important;
  display: flex;
  gap: 10px;
  height: auto !important;
}

#school-list .list-wrap .left .title > div::before {
  color: #1f2d42;
  content: "排序";
  font-size: 15px;
  font-weight: 900;
  margin-right: 4px;
}

#school-list .list-wrap .left .title a {
  align-items: center;
  background: #f7faff !important;
  border: 1px solid #dbe8f5 !important;
  border-radius: 6px !important;
  color: #40536c !important;
  display: inline-flex !important;
  float: none !important;
  font-size: 14px !important;
  font-weight: 800;
  height: 34px !important;
  justify-content: center;
  line-height: 34px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  transition: all .18s ease;
  width: auto !important;
}

#school-list .list-wrap .left .title a.active,
#school-list .list-wrap .left .title a:hover {
  background: linear-gradient(135deg, #fff4df, #ffe0a3) !important;
  border-color: #ffd486 !important;
  box-shadow: 0 8px 18px rgba(217, 154, 32, .14);
  color: #9a6200 !important;
}

#school-list .list-wrap .left .l-body ul li.university-card,
#school-list .list-wrap .left .l-body ul li {
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%) !important;
  border: 1px solid #e2ebf5 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(20, 47, 86, .07) !important;
  box-sizing: border-box;
  margin-bottom: 16px !important;
  overflow: hidden;
  padding: 0 22px !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

#school-list .list-wrap .left .l-body ul li.university-card:hover,
#school-list .list-wrap .left .l-body ul li:hover {
  border-color: #c9def5 !important;
  box-shadow: 0 20px 46px rgba(20, 47, 86, .11) !important;
  transform: translateY(-2px);
}

#school-list .list-wrap .left .l-body ul li > div {
  align-items: center;
  gap: 26px;
  padding: 22px 0 !important;
}

#school-list .list-wrap .left .l-body ul li .img,
#school-list .list-wrap .left .l-body ul li .image-wrapper {
  align-items: center;
  background: #fff !important;
  border: 1px solid #e1ebf6 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 22px rgba(20, 47, 86, .05);
  box-sizing: border-box;
  display: flex;
  flex: 0 0 132px;
  height: 132px !important;
  justify-content: center;
  margin: 0 !important;
  overflow: hidden;
  padding: 14px;
  width: 132px !important;
}

#school-list .list-wrap .left .l-body ul li .img img,
#school-list .list-wrap .left .l-body ul li .image-wrapper img {
  height: 100% !important;
  object-fit: contain;
  transition: transform .22s ease;
  width: 100% !important;
}

#school-list .list-wrap .left .l-body ul li:hover .img img,
#school-list .list-wrap .left .l-body ul li:hover .image-wrapper img {
  transform: scale(1.04);
}

#school-list .list-wrap .left .l-body ul li .con {
  align-items: center;
  display: grid !important;
  flex: 1 1 auto;
  gap: 22px;
  grid-template-columns: minmax(0, 1fr) 126px;
  min-width: 0;
  width: auto !important;
}

#school-list .list-wrap .left .l-body ul li .con .text {
  min-width: 0;
  width: auto !important;
}

#school-list .list-wrap .left .l-body ul li .con .text .x6,
#school-list .list-wrap .left .l-body ul li .con .text .x6 a {
  color: #13213a !important;
  font-size: 25px !important;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 14px !important;
}

#school-list .list-wrap .left .l-body ul li .con .text .hot,
#school-list .list-wrap .left .l-body ul li .con .text .x4 {
  align-items: center;
  color: #6b7c92 !important;
  display: flex;
  font-size: 15px !important;
  font-weight: 800;
  line-height: 1.7;
  margin: 5px 0 !important;
}

#school-list .list-wrap .left .l-body ul li .con .text .hot img,
#school-list .list-wrap .left .l-body ul li .con .text .x4 img {
  height: 18px !important;
  margin-right: 8px;
  object-fit: contain;
  width: 18px !important;
}

#school-list .list-wrap .left .l-body ul li .con .text .color1 {
  color: #2d3d55 !important;
  font-weight: 900;
}

#school-list .list-wrap .left .l-body ul li .con .text .x7 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px !important;
}

#school-list .list-wrap .left .l-body ul li .con .text .x7 span {
  background: #eef7ff !important;
  border: 1px solid #d2e6f8;
  border-radius: 6px !important;
  color: #42617f !important;
  display: inline-flex;
  font-size: 13px !important;
  font-weight: 800;
  line-height: 28px !important;
  margin: 0 !important;
  padding: 0 11px;
}

#school-list .list-wrap .left .l-body ul li .con .btn {
  display: grid !important;
  gap: 10px;
  width: 126px !important;
}

#school-list .list-wrap .left .l-body ul li .con .btn button,
#school-list .list-wrap .left .l-body ul li .con .btn a {
  align-items: center;
  border: 0 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  box-sizing: border-box;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 900;
  height: 42px !important;
  justify-content: center;
  line-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform .18s ease, box-shadow .18s ease;
  width: 126px !important;
}

#school-list .list-wrap .left .l-body ul li .con .btn button {
  background: linear-gradient(135deg, #1769e0, #22a7ef) !important;
  color: #fff !important;
}

#school-list .list-wrap .left .l-body ul li .con .btn a {
  background: linear-gradient(135deg, #ef4b3f, #f2a51d) !important;
  color: #fff !important;
}

#school-list .list-wrap .left .l-body ul li .con .btn button:hover,
#school-list .list-wrap .left .l-body ul li .con .btn a:hover {
  box-shadow: 0 12px 24px rgba(20, 47, 86, .16) !important;
  transform: translateY(-2px);
}

#school-list .list-wrap .right1 .signUp {
  background: #fff !important;
  border: 1px solid #e2ebf5 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(20, 47, 86, .07) !important;
  overflow: hidden;
  padding: 0 18px 16px !important;
}

#school-list .list-wrap .right1 .signUp .title p {
  align-items: center;
  border-bottom: 1px solid #e8eef6;
  color: #15243a !important;
  display: flex;
  font-size: 20px !important;
  font-weight: 900;
  height: auto !important;
  line-height: 1.2 !important;
  padding: 18px 0 16px;
}

#school-list .list-wrap .right1 .signUp .title p img {
  height: 22px !important;
  margin-right: 8px;
  width: 22px !important;
}

#school-list .list-wrap .right1 .signUp .title p a {
  color: #6b7c92 !important;
  font-size: 14px !important;
  font-weight: 800;
  margin-left: auto;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li {
  align-items: center;
  border-bottom: 1px solid #edf2f8 !important;
  display: grid !important;
  gap: 14px;
  grid-template-columns: 76px minmax(0, 1fr);
  padding: 18px 0 !important;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li:last-child {
  border-bottom: 0 !important;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .img {
  background: #fff;
  border: 1px solid #e1ebf6;
  border-radius: 8px;
  box-sizing: border-box;
  height: 76px !important;
  margin: 0 !important;
  overflow: hidden;
  padding: 8px;
  width: 76px !important;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .img img {
  height: 100% !important;
  object-fit: contain;
  width: 100% !important;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .con {
  min-width: 0;
  width: auto !important;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .con > p:first-child a {
  color: #172033 !important;
  font-size: 17px !important;
  font-weight: 900;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .x8 {
  color: #74839a !important;
  font-size: 13px !important;
  margin: 6px 0 10px !important;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .btn {
  display: flex;
  gap: 6px;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .btn a {
  border-radius: 5px !important;
  box-sizing: border-box;
  display: inline-flex;
  flex: 1 1 0;
  font-size: 13px !important;
  font-weight: 800;
  height: 28px !important;
  justify-content: center;
  line-height: 26px !important;
  margin: 0 !important;
  padding: 0 6px !important;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .btn .bn1 {
  background: #eef7ff !important;
  border: 1px solid #cfe2f5 !important;
  color: #1769e0 !important;
}

#school-list .list-wrap .right1 .signUp .sch-list ul li .btn .bn2 {
  background: #fff7ef !important;
  border: 1px solid #ffd6c8 !important;
  color: #e3533f !important;
}

@media (max-width: 900px) {
  #school-list .list-wrap .left .l-body ul li > div,
  #school-list .list-wrap .left .l-body ul li .con {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #school-list .list-wrap .left .l-body ul li .img,
  #school-list .list-wrap .left .l-body ul li .image-wrapper,
  #school-list .list-wrap .left .l-body ul li .con .btn,
  #school-list .list-wrap .left .l-body ul li .con .btn button,
  #school-list .list-wrap .left .l-body ul li .con .btn a {
    width: 100% !important;
  }

  #school-list .list-wrap .left .l-body ul li .img,
  #school-list .list-wrap .left .l-body ul li .image-wrapper {
    height: 150px !important;
  }
}

/* Mobile containment for channel pages */
@media (max-width: 900px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  #head,
  #footer,
  #head .center,
  #footer .center {
    max-width: 100% !important;
  }

  #head .nav-tabs,
  #head .nav-tabs ul {
    box-sizing: border-box;
    display: flex !important;
    float: none !important;
    max-width: 100% !important;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100% !important;
  }

  #head .nav-tabs::-webkit-scrollbar,
  #head .nav-tabs ul::-webkit-scrollbar {
    display: none;
  }

  #head .nav-tabs li {
    flex: 0 0 auto;
  }
}