@charset "utf-8";
/**
 * 院校详情 s_info 样式
 * 与页面主样式 css/style.css（scoped-school-* 体系）保持同一设计语言：
 *   主色 #ff123f / 标题 AlibabaPuHuiTiBold 22px + 红色竖条 / 正文 16px #4d4d4d
 *   浅灰面板 #f7f9fa / 分隔线 #ebebeb
 * 命名：si- / sd- / scoped-si- 三套板块 class（数据按 college_id 拼接自不同库）：
 *   si-intro 学校简介 / si-data 关键数据 / si-majors 热门及优势专业
 *   si-why 为什么选择 / si-apply 申请条件与时间 / si-advice 顾问申请建议
 *   sd-* 留学费用参考与顾问建议（final数据_修改.json）
 *   scoped-si-* 为什么选择这所学校（finalData_updated.json）
 */

/* ---- 容器 ---- */
.si-school {
  --si-accent: #ff123f;
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #4d4d4d;
  text-align: left;
}
.si-school * {
  box-sizing: border-box;
}
.si-school h1,
.si-school h2,
.si-school h3,
.si-school p,
.si-school dl,
.si-school dt,
.si-school dd,
.si-school ul,
.si-school li {
  margin: 0;
  padding: 0;
}

/* ---- 板块容器与标题（与 .scoped-school-h2 同款） ----
 * 说明：si-majors / si-why 为板块结构钩子，无专属样式；
 *       si-facts-4 走 .si-facts 的默认四列布局。 */
.si-school .si-section,
.si-school .sd-section,
.si-school .scoped-si-section {
  margin: 50px 0 0 ;
}
.si-school .si-section:first-child,
.si-school .sd-section:first-child,
.si-school .scoped-si-section:first-child {
  margin-top: 0;
}
.si-school .si-heading,
.si-school .si-plain-title,
.si-school .sd-title,
.si-school .scoped-si-title {
  font-family: "AlibabaPuHuiTiBold";
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 30px;
}
.si-school .si-heading:before,
.si-school .si-plain-title:before,
.si-school .sd-title:before,
.si-school .scoped-si-title:before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 25px;
  background-color: var(--si-accent);
  border-radius: 3px;
}

/* ---- 卡片（浅灰面板） ---- */
.si-school .si-card,
.si-school .sd-card,
.si-school .scoped-si-card {
  background: #f7f9fa;
  border-radius: 8px;
  padding: 20px;
  margin: 0 0 15px;
}
.si-school .si-card:last-child,
.si-school .scoped-si-card:last-child {
  margin-bottom: 0;
}
.si-school .si-card h3,
.si-school .sd-subtitle,
.si-school .scoped-si-subtitle {
  font-family: "AlibabaPuHuiTiBold";
  font-size: 17px;
  line-height: 24px;
  font-weight: normal;
  color: #1a1a1a;
  margin-bottom: 8px;
  position: relative;
  padding-left: 14px;
}
.si-school .si-card h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: var(--si-accent);
    border-radius: 3px;
}
.si-school .si-card p,
.si-school .sd-text,
.si-school .scoped-si-text {
  font-size: 16px;
  line-height: 32px;
  color: #4d4d4d;
}
.si-school .si-card p + p,
.si-school .sd-text + .sd-text {
  margin-top: 8px;
}

/* ---- 引导语 / 说明小字 ---- */
.si-school .si-lead,
.si-school .sd-lead {
  font-size: 15px;
  line-height: 26px;
  color: #999999;
  margin: -10px 0 20px;
}
.si-school .si-data-note {
  font-size: 14px;
  line-height: 25px;
  color: #999999;
  margin: 15px 0 0;
  height: 25px;
  overflow: hidden;
}
/* 来源 / 口径说明 标签：同一行展示，标签之间留间距 */
.si-school .si-data-note span + span {
  margin-left: 8px;
  text-decoration: underline;
  cursor: pointer;
}
.si-school .si-data-note p {
  margin: 0;
}

/* ---- 板块：学校简介（si-intro） ---- */
.si-school .si-intro p {
  font-size: 16px;
  line-height: 30px;
  color: #4d4d4d;
}
.si-school .si-intro p + p {
  margin-top: 16px;
}

/* ---- 板块：关键数据（si-data / si-facts，同 .scoped-school-data-list 风格） ---- */
.si-school .si-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px 16px;
  margin: 0;
}
.si-school .si-facts-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.si-school .si-facts-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.si-school .si-facts-1 {
  grid-template-columns: minmax(0, 1fr);
}
.si-school .si-fact {
  min-width: 0;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #e8edf3;
  background: #f7f8fa;
  border-radius: 5px;
}
.si-school .si-fact dt {
  font-size: 15px;
  line-height: 15px;
  color: #8f8f8f;
  margin-bottom: 15px;
  font-family: "AlibabaPuHuiTiBold";
}
.si-school .si-fact dd {
  font-family: "AlibabaPuHuiTiBold";
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  color: var(--si-accent);
  white-space: nowrap;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.si-school .si-fact small {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #999999;
  margin-top: 8px;
}

/* ---- 板块：热门及优势专业（si-majors） ---- */
.si-school .si-major-panel {
  margin-top: 20px;
}
.si-school .si-major-panel > h3 {
  font-family: "AlibabaPuHuiTiBold";
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  color: #1a1a1a;
  margin-bottom: 15px;
}

/* 学科排名表（同 .scoped-school-major-list 风格） */
.si-school .si-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
  color: #4d4d4d;
}
.si-school .si-table th {
  width: 29%;
  font-weight: normal;
  text-align: left;
  padding: 13px 16px;
  color: #1a1a1a;
  vertical-align: top;
  font-size: 16px;
  /* font-family: "AlibabaPuHuiTiBold"; */
  border-right: 1px solid #f3f3f3;
}
.si-school .si-table td {
  padding: 13px 16px;
  font-size: 13px;
  vertical-align: top;
}
.si-school .si-table tbody tr:nth-child(odd) {
  background: #f7f9fa;
}
.si-school .si-rank {
  display: inline-block;
  white-space: nowrap;
  margin: 0 14px 0 0;
  font-size: 14px;
  line-height: 26px;
  color: #999999;
}
.si-school .si-rank b {
  font-family: "AlibabaPuHuiTiBold";
  font-weight: normal;
  color: #4d4d4d;
}
.si-school .si-rank-top,
.si-school .si-rank-top b {
  /* color: var(--si-accent); */
}

/* ---- 板块：申请条件与申请时间（si-apply） ---- */
.si-school .si-apply-item + .si-apply-item {
  margin-top: 20px;
}
.si-school .si-apply-item h3 {
  font-family: "AlibabaPuHuiTiBold";
  font-size: 17px;
  line-height: 24px;
  font-weight: normal;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.si-school .si-apply-item p {
  font-size: 16px;
  line-height: 32px;
  color: #4d4d4d;
}
.si-school .si-apply-item p + p {
  margin-top: 6px;
}

/* ---- 板块：新通顾问申请建议（si-advice） ---- */
.si-school .si-advice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 30px;
  background: #f7f9fa;
  border-radius: 8px;
  padding: 6px 20px;
}
.si-school .si-advice-item {
  min-width: 0;
  padding: 15px 0;
}
.si-school .si-advice-item:nth-child(n + 3) {
  border-top: 1px solid #ebebeb;
}
.si-school .si-advice-item h3 {
  position: relative;
  font-size: 17px;
  line-height: 24px;
  color: #1a1a1a;
  padding-left: 14px;
  margin-bottom: 6px;
}
.si-school .si-advice-item h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: var(--si-accent);
  border-radius: 3px;
}
.si-school .si-advice-item p {
  font-size: 16px;
  line-height: 32px;
  color: #4d4d4d;
}

/* ---- 板块：为什么选择这所学校（scoped-si-*，来自 finalData_updated.json） ---- */
.si-school .scoped-si-block {
  margin: 0 0 16px;
}
.si-school .scoped-si-block:last-child {
  margin-bottom: 0;
}

/* ---- 板块：留学费用参考（sd-*，来自 final数据_修改.json） ---- */
.si-school .sd-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.si-school .sd-fact {
  min-width: 0;
  background: #f7f9fa;
  border-radius: 8px;
  /* padding: 15px; */
}
.si-school .sd-fact-label {
  font-size: 14px;
  line-height: 14px;
  color: #999999;
  margin-bottom: 10px;
}
.si-school .sd-fact-value {
  font-family: "AlibabaPuHuiTiBold";
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: var(--si-accent);
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.si-school .sd-fact-note {
  font-size: 12px;
  line-height: 20px;
  color: #999999;
  margin-top: 8px;
}
.si-school .sd-defs {
  margin: 0;
}
.si-school .sd-def {
  padding: 10px 0;
}
.si-school .sd-def + .sd-def {
  border-top: 1px solid #ebebeb;
}
.si-school .sd-def-term {
  font-family: "AlibabaPuHuiTiBold";
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #1a1a1a;
  margin-bottom: 4px;
}
.si-school .sd-def-desc {
  font-size: 14px;
  line-height: 26px;
  color: #4d4d4d;
}
/* 建议条目标题用 h3 承载时，覆盖 .si-card h3 的字号，保持与 dt 一致 */
.si-school .si-card h3.sd-def-term,
.si-school .sd-card h3.sd-def-term {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}
.si-school .sd-note {
  font-size: 17px;
  line-height: 24px;
  color: #999999;
  margin-top: 15px;
}
.si-school .sd-note + .sd-note {
  margin-top: 8px;
}
.si-school .sd-link {
  color: var(--si-accent);
  text-decoration: none;
}
.si-school .sd-link:hover {
  text-decoration: underline;
}

/* ---- 板块：费用（si-fees，结构保留备用） ---- */
.si-school .si-fees-note {
  font-size: 13px;
  line-height: 24px;
  color: #999999;
  margin-bottom: 15px;
}
.si-school .si-fee-panel {
  border-radius: 8px;
  padding: 0;
}
.si-school .si-fee-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.si-school .si-fee {
  min-width: 0;
  background: #f7f9fa;
  border-radius: 8px;
  padding: 15px;
}
.si-school .si-fee dt {
  font-size: 14px;
  line-height: 14px;
  color: #999999;
  margin-bottom: 10px;
}
.si-school .si-fee dd {
  font-family: "AlibabaPuHuiTiBold";
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: var(--si-accent);
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.si-school .si-fee p {
  font-size: 12px;
  line-height: 20px;
  color: #999999;
  margin-top: 8px;
}
.si-school .si-fees-foot {
  font-size: 13px;
  line-height: 24px;
  color: #999999;
  margin-top: 15px;
}
.si-school .si-fee:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.scoped-school-detail .sd-form {
  padding: 18px 18px 20px;
  border: 1px solid #e8ebf0;
  border-radius: 10px;
  background: #fff;
}

.scoped-school-detail .sd-form__grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px 16px;
}

.scoped-school-detail .sd-form__field {
  min-width: 0;
}

.scoped-school-detail .sd-form__label {
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  color: #5a6879;
  line-height: 1.6;
}

.scoped-school-detail .sd-form__input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #e2e7ee;
  border-radius: 8px;
  background: #fcfdff;
  color: #273548;
  font-family: inherit;
  font-size: 14px;
  line-height: normal;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.scoped-school-detail .sd-form__input::placeholder {
  color: #a8b1bf;
}

.scoped-school-detail .sd-form__input:hover {
  border-color: #cdd6e2;
}

.scoped-school-detail .sd-form__input:focus {
  border-color: #e61943;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(230, 25, 67, .12);
}

/* 下拉：去掉系统箭头后用自绘箭头替代 */
.scoped-school-detail select.sd-form__input {
  padding-right: 34px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5l5-5' fill='none' stroke='%238a95a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.sd-form-section{
  margin-top: 50px;
}
/* 提交按钮（实际是 div，非 button） */
.scoped-school-detail .sd-form__submit {
  margin: 18px auto 0;
  width: 100%;
  max-width: 240px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 8px;
  background: #e61943;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
  user-select: none;
  transition: background-color .15s ease;
}

.scoped-school-detail .sd-form__submit:hover {
  background: #cf1238;
}

.scoped-school-detail .sd-form__submit:active {
  background: #b81030;
}

/* 窄容器（如侧边栏复用）时单列展示 */
.scoped-school-detail .sd-form__field:only-child,
.scoped-school-detail .sd-form--single .sd-form__field {
  grid-column: 1 / -1;
}

/* =========================================================
   多选下拉（sd-modal-country）
   由 js/sd-form.js 把 select.sd-form__input--multi 增强为
   「已选标签 + 下拉面板」，原生 select 隐藏但继续承载数据
   ========================================================= */
select.sd-multi-source {
  display: none !important;
}

.scoped-school-detail .sd-multi {
  position: relative;
  /* overflow: hidden; */
}

/* 触发器 */
.scoped-school-detail .sd-multi__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 4px 30px 4px 6px;
  border: 1px solid #e2e7ee;
  border-radius: 8px;
  background: #fcfdff;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.scoped-school-detail .sd-multi__trigger:hover {
  border-color: #cdd6e2;
}

.scoped-school-detail .sd-multi__trigger:focus,
.scoped-school-detail .sd-multi.is-open .sd-multi__trigger {
  border-color: #e61943;
  outline: none;
  box-shadow: 0 0 0 3px rgba(230, 25, 67, .12);
}

/* 已选标签：白底描边、单行展示，放不下折叠成 +N（不带删除按钮，取消选择在面板里做） */
.scoped-school-detail .sd-multi__chips {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
}

.scoped-school-detail .sd-multi__placeholder {
  padding-left: 6px;
  font-size: 14px;
  line-height: 30px;
  color: #a8b1bf;
}

.scoped-school-detail .sd-multi__chip {
  flex: none;
  max-width: 100%;
  padding: 3px 10px;
  border: 1px solid #e2e7ee;
  border-radius: 6px;
  background: #fff;
  color: #3f4d62;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scoped-school-detail .sd-multi__more {
  flex: none;
  padding: 3px 10px;
  border: 1px solid #e2e7ee;
  border-radius: 6px;
  background: #fff;
  color: #5a6879;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}

/* 箭头 */
.scoped-school-detail .sd-multi__caret {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5l5-5' fill='none' stroke='%238a95a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transition: transform .15s ease;
  pointer-events: none;
}

.scoped-school-detail .sd-multi.is-open .sd-multi__caret {
  transform: rotate(180deg);
}

/* 下拉面板 */
.scoped-school-detail .sd-multi__panel {
  display: none;
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  max-height: 264px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid #e8ebf0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(39, 53, 72, .14);
}

.scoped-school-detail .sd-multi.is-open .sd-multi__panel {
  display: block;
}

.scoped-school-detail .sd-multi__panel::-webkit-scrollbar {
  width: 6px;
}

.scoped-school-detail .sd-multi__panel::-webkit-scrollbar-track {
  background: transparent;
}

.scoped-school-detail .sd-multi__panel::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #ffcfd8;
}

.scoped-school-detail .sd-multi__panel::-webkit-scrollbar-thumb:hover {
  background: #c50027;
}

/* 选项 */
.scoped-school-detail .sd-multi__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  color: #3f4d62;
  cursor: pointer;
}

.scoped-school-detail .sd-multi__option:hover {
  background: #f5f8fd;
}

.scoped-school-detail .sd-multi__option.is-selected {
  color: #2b7ce9;
}

.scoped-school-detail .sd-multi__check {
  flex: none;
  width: 14px;
  height: 14px;
  background: center / contain no-repeat;
}