/* ===== 日记 + 工具集 样式 ===== */

/* ---------- 通用 ---------- */
.linkbtn { font-size:12.5px; color:#9AA3AF; text-decoration:none; }
.linkbtn:active { color:#5A6474; }
.warnbox {
  background:#FFF8E8; border:1px solid #F5E3B8; color:#8A6100;
  border-radius:10px; padding:9px 11px; font-size:12px; line-height:1.6;
  margin-bottom:14px;
}
.hintbox {
  background:#EEF2FE; border:1px solid #D6DEFB; color:#2547A8;
  border-radius:10px; padding:10px 12px; font-size:12.5px; line-height:1.65;
  margin-bottom:10px;
}
.hintbox b { color:#1B3A8F; }

/* ---------- 顶部返回条 ---------- */
.backbar {
  display:flex; align-items:center; gap:10px;
  margin:0 0 12px; padding:2px 0;
}
.backlink {
  font-size:13px; color:#2B5CE7; text-decoration:none;
  padding:4px 8px 4px 0; flex:0 0 auto;
}
.backtitle { font-size:16px; font-weight:700; color:#1E2530; flex:1; }

/* ---------- 工具入口卡 ---------- */
.toolcard {
  display:flex; align-items:center; gap:12px;
  background:#fff; border-radius:12px; padding:14px 16px;
  margin-bottom:10px; box-shadow:0 1px 3px rgba(24,32,48,.06);
  transition:.15s; cursor:pointer;
}
.toolcard:active { background:#F7F9FC; transform:scale(.995); }
.tc-main { flex:1; min-width:0; }
.tc-name {
  font-size:15px; font-weight:700; color:#1E2530;
  display:flex; align-items:center; gap:7px;
}
.tc-ic { display:none; }
.tc-desc {
  font-size:11.5px; color:#9AA3AF; margin-top:4px; line-height:1.5;
}
.tc-arrow {
  font-size:22px; color:#C3C9D4; flex:0 0 auto; line-height:1;
  padding-left:4px;
}

/* ---------- 日记：心情 ---------- */
.moodbar { display:flex; flex-wrap:wrap; gap:8px; }
.moodbtn {
  border:1px solid #E3E7EF; background:#fff; border-radius:10px;
  padding:7px 12px; font-size:18px; line-height:1; cursor:pointer;
  transition:.15s;
}
.moodbtn.on { border-color:#2B5CE7; background:#EEF2FE; }
.diarycard:active { transform:scale(.995); }

/* ---------- 筛选行 ---------- */
.filterrow { display:flex; gap:8px; align-items:center; }
.filterrow select, .filterrow input {
  flex:1; min-width:0; border:1px solid #E3E7EF; border-radius:10px;
  padding:9px 10px; font-size:13px; color:#2E3644; background:#fff;
  appearance:none; -webkit-appearance:none; outline:none;
}
.filterrow input:focus, .filterrow select:focus { border-color:#2B5CE7; }
.filterrow .dash { color:#C3C9D4; font-size:12px; flex:0 0 auto; }

/* ---------- 数据条目 ---------- */
.gkrow { transition:.15s; }
.gkrow:active { background:#F7F9FC; }
.gktags { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.gktag {
  font-size:11px; padding:3px 8px; border-radius:6px;
  background:#F2F4F8; color:#5A6474; line-height:1.5;
}
.gktag.c { background:#EEF2FE; color:#2B5CE7; }
.gktag.r { background:#FFF4E8; color:#B96A00; }
.gktag.s { background:#EAF7EF; color:#1F7A43; }

/* ---------- 学校历年汇总 ---------- */
.sumrow {
  display:flex; align-items:center; gap:10px;
  padding:8px 0; border-bottom:1px solid #F2F4F8; font-size:12.5px;
}
.sumrow:last-child { border-bottom:none; }
.sumrow .sy { flex:0 0 52px; font-weight:700; color:#2E3644; }
.sumrow .sv { color:#5A6474; }
.sumrow .sn { margin-left:auto; color:#9AA3AF; font-size:11.5px; }

/* ---------- 冲稳保 ---------- */
.cwbstat {
  display:flex; gap:16px; font-size:12px; color:#5A6474;
  padding:0 4px 6px;
}
.cwbstat b { color:#2B5CE7; }
.cwbblock {
  background:#fff; border-radius:12px; overflow:hidden;
  margin-bottom:12px; box-shadow:0 1px 3px rgba(24,32,48,.06);
}
.cwbhead {
  font-size:13.5px; font-weight:700; padding:11px 14px;
  display:flex; align-items:center; gap:8px;
}
.cwbhead .n {
  font-size:11px; font-weight:600; padding:1px 7px; border-radius:9px;
  background:rgba(0,0,0,.06);
}
.cwbblock.rush .cwbhead { color:#C0392B; background:#FDF0EE; }
.cwbblock.stable .cwbhead { color:#B96A00; background:#FFF8E8; }
.cwbblock.safe .cwbhead { color:#1F7A43; background:#EAF7EF; }
.cwbrow {
  display:flex; align-items:center; gap:10px;
  padding:10px 14px; border-top:1px solid #F5F6F8; cursor:pointer;
}
.cwbrow:active { background:#F7F9FC; }
.cwbrow .cl { flex:1; min-width:0; }
.cwbrow .cs {
  font-size:13.5px; font-weight:700; color:#2E3644;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cwbrow .cm {
  font-size:11.5px; color:#9AA3AF; margin-top:2px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cwbrow .cr { text-align:right; flex:0 0 auto; }
.cwbrow .crk { font-size:13px; font-weight:700; color:#2E3644; }
.cwbrow .cd { font-size:11px; color:#9AA3AF; margin-top:2px; }
.cwbempty { padding:14px; font-size:12.5px; color:#9AA3AF; text-align:center; }

/* ---------- 院校对比 ---------- */
.cphead { display:flex; }
.cpcol { flex:1; min-width:0; padding:14px 12px; }
.cpcol:first-child { border-right:1px solid #F0F2F6; }
.cpname {
  font-size:13.5px; font-weight:700; color:#1E2530;
  display:flex; align-items:center; gap:6px; line-height:1.4;
}
.cptag {
  font-size:10px; font-weight:700; padding:1px 6px; border-radius:5px;
  flex:0 0 auto;
}
.cptag.a { background:#EEF2FE; color:#2B5CE7; }
.cptag.b { background:#FDF0EE; color:#C0392B; }
.cpmeta { margin-top:9px; }
.cpmeta > div {
  display:flex; justify-content:space-between; gap:6px;
  font-size:11.5px; padding:3px 0;
}
.cpmeta span { color:#9AA3AF; }
.cpmeta b { color:#2E3644; }
.cpline {
  display:flex; align-items:center; gap:8px;
  padding:8px 0; border-bottom:1px solid #F5F6F8; font-size:12.5px;
}
.cpline:last-child { border-bottom:none; }
.cpline .cpmaj {
  flex:1; min-width:0; color:#2E3644;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cpline .cppill {
  flex:0 0 auto; font-size:11px; padding:2px 7px; border-radius:6px;
  background:#FFF4E8; color:#B96A00;
}
.cpline .cppill.s { background:#EAF7EF; color:#1F7A43; }

/* ---------- 同分去向 ---------- */
.toppill {
  display:flex; align-items:center; justify-content:space-between;
  gap:8px; padding:7px 0; border-bottom:1px solid #F5F6F8;
  font-size:12.5px;
}
.toppill:last-child { border-bottom:none; }
.toppill span { color:#3D4657; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.toppill b { color:#2B5CE7; font-size:12px; flex:0 0 auto; }

/* ---------- 分段选择 ---------- */
.segbar { display:flex; gap:8px; }
.seg {
  flex:1; border:1px solid #E3E7EF; background:#fff; border-radius:10px;
  padding:9px 6px; font-size:12.5px; color:#5A6474; cursor:pointer;
  transition:.15s; font-family:inherit;
}
.seg.on { border-color:#2B5CE7; background:#EEF2FE; color:#2B5CE7; font-weight:700; }

/* ---------- 选科 chip ---------- */
.chipbar { display:flex; flex-wrap:wrap; gap:8px; }
.chip {
  border:1px solid #E3E7EF; background:#fff; border-radius:10px;
  padding:8px 15px; font-size:13px; color:#5A6474; cursor:pointer;
  transition:.15s; font-family:inherit;
}
.chip.on { border-color:#2B5CE7; background:#EEF2FE; color:#2B5CE7; font-weight:700; }

/* ---------- 选科结果 ---------- */
.coverbar {
  font-size:34px; font-weight:800; color:#2B5CE7;
  line-height:1.25; letter-spacing:-1px;
}
.sbgroup {
  background:#fff; border-radius:12px; margin-bottom:10px;
  box-shadow:0 1px 3px rgba(24,32,48,.06); overflow:hidden;
}
.sbghead {
  font-size:13px; font-weight:700; color:#2E3644;
  padding:11px 14px; background:#FAFBFD;
  display:flex; align-items:center; gap:7px;
}
.sbghead .n {
  font-size:11px; font-weight:600; padding:1px 7px; border-radius:9px;
  background:#EEF2FE; color:#2B5CE7; margin-left:auto;
}
.sbgbody { padding:11px 14px; display:flex; flex-wrap:wrap; gap:7px; }
.majpill {
  font-size:12px; padding:5px 10px; border-radius:7px;
  background:#F4F6FA; color:#3D4657; line-height:1.4;
}
.relschools { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.relsch {
  font-size:11.5px; padding:4px 9px; border-radius:7px;
  background:#fff; border:1px solid #D6DEFB; color:#2547A8;
  text-decoration:none;
}
/* ---------- 省内 / 省外 切换 ---------- */
.zoneseg {
  display:flex; gap:6px; margin-top:14px;
  background:#F2F4F8; border-radius:12px; padding:4px;
}
.zoneseg .zseg {
  flex:1; border:none; background:transparent; cursor:pointer;
  font-size:12.5px; color:#5A6474; font-weight:600;
  padding:8px 6px; border-radius:9px; font-family:inherit;
  display:flex; align-items:center; justify-content:center; gap:5px;
  transition:.15s; white-space:nowrap;
}
.zoneseg .zseg span {
  font-size:10.5px; font-weight:700; color:#9AA3AF;
  background:#E4E8F0; border-radius:20px; padding:1px 6px;
  min-width:16px; text-align:center;
}
.zoneseg .zseg.on { background:#fff; color:#2B5CE7; box-shadow:0 1px 3px rgba(20,40,80,.10); }
.zoneseg .zseg.on span { background:#EEF2FE; color:#2B5CE7; }
/* 省份徽章 */
.gktag.p { background:#F3F0FF; color:#6B46C1; font-weight:600; }
.gktag.p.in { background:#EAF7EF; color:#1F7A43; }
.gktag.q { background:#FFF1F0; color:#C2410C; }


/* ===== 院校对比：分年展示 ===== */
.cpysub {
  margin: 12px 0 6px;
  font-size: 11px;
  color: #9AA3AF;
  letter-spacing: .5px;
  border-top: 1px dashed #EEF0F4;
  padding-top: 9px;
}
.cpywrap { display: flex; flex-direction: column; gap: 5px; }
.cpyempty { font-size: 12px; color: #B0B7C3; }
.cpyline {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  line-height: 1.5;
  background: #F7F9FC;
  border-radius: 7px;
  padding: 4px 7px;
}
.cpyyear {
  font-weight: 700;
  color: #2B5CE7;
  background: #E8EEFE;
  border-radius: 5px;
  padding: 1px 6px;
  flex: 0 0 auto;
}
.cpynum { color: #2E3644; font-weight: 600; white-space: nowrap; }
.cpynum em {
  font-style: normal;
  font-weight: 400;
  color: #9AA3AF;
  font-size: 10px;
  margin-right: 2px;
}
.cpynum.s { color: #1F7A43; }
.cpycnt {
  margin-left: auto;
  color: #9AA3AF;
  font-size: 10.5px;
  white-space: nowrap;
}

/* 分年专业区块 */
.cpyblock { padding: 10px 0; border-bottom: 1px solid #F4F6F9; }
.cpyblock:first-child { padding-top: 4px; }
.cpyblock:last-child { border-bottom: none; padding-bottom: 4px; }
.cpybhead {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}
.cpybyear {
  font-size: 13px;
  font-weight: 700;
  color: #1F2733;
  background: linear-gradient(180deg, #FFF3D6, #FFE9B8);
  border-radius: 6px;
  padding: 2px 9px;
}
.cpybmeta { font-size: 11px; color: #98A1AF; }
.cpymore {
  font-size: 11px;
  color: #A6AEBB;
  text-align: center;
  padding: 6px 0 2px;
}

/* ---------- 数据年份公告（2026 录取数据未完整） ---------- */
.yearnotice {
  background: linear-gradient(180deg, #F4F8FF 0%, #EDF3FE 100%);
  border: 1px solid #CFDDFA;
  border-left: 3px solid #2B5CE7;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 12px;
}
.yearnotice .yn-title {
  font-size: 12.5px; font-weight: 700; color: #1B3A8F;
  margin-bottom: 4px; line-height: 1.5;
}
.yearnotice .yn-body {
  font-size: 12px; color: #4A5878; line-height: 1.7;
}
.yearnotice .yn-body b { color: #1B3A8F; font-weight: 700; }

/* ==================== 两大分类按钮（助学习 / 助报考） ==================== */
.bigcard {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 16px;
  padding: 20px 18px;
  margin-bottom: 14px;
  overflow: hidden;
  cursor: pointer;
  transition: .18s ease;
  box-shadow: 0 2px 10px rgba(24,32,48,.08);
}
.bigcard:active {
  transform: scale(.985);
  box-shadow: 0 1px 5px rgba(24,32,48,.08);
}

/* 主按钮：助学习 —— 主色渐变，视觉最重 */
.bigcard-study {
  background: linear-gradient(135deg, #2B5CE7 0%, #4A7BF0 55%, #5B8CF7 100%);
  color: #fff;
}
.bigcard-study .bc-title { color: #fff; }
.bigcard-study .bc-desc { color: rgba(255,255,255,.82); }
.bigcard-study .bc-badge {
  background: rgba(255,255,255,.22);
  color: #fff;
  border: 1px solid rgba(255,255,255,.35);
}
.bigcard-study .bc-tag {
  background: rgba(255,255,255,.18);
  color: #fff;
  border: 1px solid rgba(255,255,255,.3);
}

/* 副按钮：助报考 —— 白底描边，视觉次之 */
.bigcard-apply {
  background: #fff;
  border: 1px solid #E3E8F2;
}
.bigcard-apply .bc-badge {
  background: #F0F4FE;
  color: #2B5CE7;
  border: 1px solid #D6E0FA;
}
.bigcard-apply .bc-arrow {
  font-size: 24px;
  color: #C3C9D4;
  line-height: 1;
  flex: 0 0 auto;
}

/* 通用部件 */
.bc-badge {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .5px;
}
.bc-body { flex: 1; min-width: 0; }
.bc-title {
  font-size: 19px;
  font-weight: 800;
  letter-spacing: .5px;
  color: #1E2530;
  line-height: 1.25;
}
.bc-desc {
  font-size: 11.5px;
  color: #9AA3AF;
  margin-top: 6px;
  line-height: 1.5;
}
.bc-tag {
  flex: 0 0 auto;
  font-size: 10.5px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 20px;
  background: #F2F4F8;
  color: #8A93A0;
  border: 1px solid #E3E8F2;
  white-space: nowrap;
}
