/* ===== 山东·高考志愿填报辅助系统 —— 自适应样式（移动优先） ===== */
:root{
  --bg:#0e1726; --bg2:#0b1220; --card:#ffffff; --ink:#1f2733; --muted:#64748b;
  --line:#e6eaf0; --brand:#2f5bd6; --brand-d:#1e3fa8; --brand-soft:#eaf0ff;
  --chong:#e8553a; --chong-bg:#fdeee9; --wen:#2f7de1; --wen-bg:#e9f2fd;
  --bao:#1f9d6b; --bao-bg:#e7f7ef; --warn:#c2410c; --good:#0f766e;
  --shadow:0 1px 3px rgba(16,24,40,.08),0 6px 20px rgba(16,24,40,.06);
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",
    "Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink); background:#f4f6fb; line-height:1.6; -webkit-text-size-adjust:100%;
}
a{color:var(--brand);text-decoration:none}

/* 顶部（不吸顶：滚动时让位给吸顶的选项卡，避免两层 sticky 重叠遮挡） */
.topbar{
  background:linear-gradient(135deg,#1e3a8a,#2f5bd6 60%,#3b82f6);
  color:#fff; padding:18px 16px 14px;
  box-shadow:0 2px 12px rgba(30,58,138,.25);
}
.topbar h1{margin:0;font-size:19px;font-weight:700;letter-spacing:.3px}
.topbar .sub{margin-top:3px;font-size:12.5px;opacity:.92}
.topbar .meta{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}
.badge{display:inline-block;background:rgba(10,22,55,.34);border:1px solid rgba(255,255,255,.40);
  border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:500}

/* 选项卡 */
.tabs{display:flex;gap:4px;background:#fff;border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:30;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabs.stick2{top:0}
.tab{flex:0 0 auto;padding:12px 16px;font-size:14px;color:var(--muted);
  border:none;background:none;cursor:pointer;white-space:nowrap;border-bottom:2.5px solid transparent}
.tab.active{color:var(--brand);font-weight:600;border-bottom-color:var(--brand)}

.wrap{max-width:1100px;margin:0 auto;padding:14px 12px 90px}
.grid{display:grid;gap:14px}

/* 卡片 */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:16px}
.card h2{margin:0 0 4px;font-size:16px}
.card h3{margin:14px 0 8px;font-size:14px;color:var(--brand-d)}
.hint{color:var(--muted);font-size:12.5px;margin:2px 0 10px}

/* 表单 */
.field{margin-bottom:14px}
.field>label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.row{display:flex;gap:10px;flex-wrap:wrap}
input[type=number],input[type=text],select{
  width:100%;padding:11px 12px;font-size:15px;border:1px solid var(--line);
  border-radius:10px;background:#fbfcfe;color:var(--ink);outline:none}
input:focus,select:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px var(--brand-soft)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.seg button{border:none;background:#fff;padding:9px 14px;font-size:13.5px;cursor:pointer;color:var(--muted)}
.seg button.on{background:var(--brand);color:#fff}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;
  font:inherit;font-size:13px;line-height:1.2;cursor:pointer;color:#334155;user-select:none;
  -webkit-appearance:none;appearance:none}
.chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-d);font-weight:600}
.chip.disabled{opacity:.4;cursor:not-allowed}
.chip.tgt.on{background:#e7f7ef;border-color:var(--bao);color:#0f6e4b}
.cnt{font-size:12px;font-weight:500;color:var(--muted)}
.cnt.bad{color:var(--chong);font-weight:600}
.help{font-size:12px;color:var(--muted);margin-top:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:var(--brand);color:#fff;border:none;border-radius:11px;padding:13px 18px;
  font-size:15px;font-weight:600;cursor:pointer;width:100%}
.btn:hover{background:var(--brand-d)}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.btn.mini{width:auto;padding:8px 14px;font-size:13px}
.btn.gray{background:#eef1f6;color:#334155}

/* 结果摘要 */
.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.stat{background:#f7f9fd;border:1px solid var(--line);border-radius:12px;padding:12px}
.stat .k{font-size:12px;color:var(--muted)}
.stat .v{font-size:21px;font-weight:700;margin-top:2px}
.stat .v small{font-size:12px;font-weight:500;color:var(--muted)}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pill{border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600}
.pill.c{background:var(--chong-bg);color:var(--chong)}
.pill.w{background:var(--wen-bg);color:var(--wen)}
.pill.b{background:var(--bao-bg);color:var(--bao)}

/* 志愿列表 */
.bucket-tabs{display:flex;gap:8px;margin:6px 0 12px}
.bt{flex:1;text-align:center;padding:9px;border-radius:10px;font-size:13.5px;font-weight:600;
  font-family:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--muted)}
/* 键盘可达：自定义控件聚焦时的可见焦点环 */
.seg button:focus-visible,.bt:focus-visible,.tab:focus-visible,.btn:focus-visible,.toggle-notes:focus-visible{
  outline:2px solid var(--brand);outline-offset:2px}
.bt.on.c{background:var(--chong-bg);color:var(--chong);border-color:var(--chong)}
.bt.on.w{background:var(--wen-bg);color:var(--wen);border-color:var(--wen)}
.bt.on.b{background:var(--bao-bg);color:var(--bao);border-color:var(--bao)}
.bt.on.all{background:var(--brand-soft);color:var(--brand-d);border-color:var(--brand)}

.vlist{display:grid;gap:10px}
.vitem{border:1px solid var(--line);border-left:5px solid var(--line);border-radius:12px;
  padding:11px 12px;background:#fff;display:grid;gap:6px}
.vitem.c{border-left-color:var(--chong)}
.vitem.w{border-left-color:var(--wen)}
.vitem.b{border-left-color:var(--bao)}
.vitem .top{display:flex;align-items:flex-start;gap:8px}
.vitem .no{flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:#f1f4fa;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#475569}
.vitem.c .no{background:var(--chong-bg);color:var(--chong)}
.vitem.w .no{background:var(--wen-bg);color:var(--wen)}
.vitem.b .no{background:var(--bao-bg);color:var(--bao)}
.vitem .name{flex:1;min-width:0}
.vitem .school{font-size:15px;font-weight:700}
.vitem .major{font-size:13.5px;color:#334155}
.tagline{display:flex;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.tg{background:#f1f4fa;border-radius:6px;padding:1px 7px}
.tg.lvl{background:#eef2ff;color:#4338ca}
.tg.req{background:#fff7ed;color:#c2410c}
.tg.local{background:#ecfdf5;color:#047857}
.tg.tgt{background:#dcfce7;color:#15803d;font-weight:600}
.tg.zsb{background:#fef9c3;color:#854d0e}
.tg.zx{background:#ede9fe;color:#6d28d9;font-weight:600}
.tg.xr{background:#fee2e2;color:#b91c1c}
.tg.tr{background:#ecfeff;color:#0e7490;font-weight:600}
.tg.tr.caution{background:#fff7ed;color:#c2410c}
.prob{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;white-space:nowrap}
.prob.c{background:var(--chong-bg);color:var(--chong)}
.prob.w{background:var(--wen-bg);color:var(--wen)}
.prob.b{background:var(--bao-bg);color:var(--bao)}
.vacts{flex:0 0 auto;display:flex;gap:4px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}
.vact{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:30px;min-height:30px;padding:0 8px;
  font-size:14px;cursor:pointer;color:#475569;line-height:1}
.vact:hover{background:#f1f4fa}
.vact:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.vact.del{color:var(--chong);border-color:#f3c6bb}
.vact.add{color:var(--bao);border-color:#b6e6cf;font-weight:600;padding:6px 12px}
.vmeta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.vmeta b{color:var(--ink);font-size:13px}
.notes{font-size:12px;display:grid;gap:4px;margin-top:2px}
.note{padding:6px 9px;border-radius:8px;background:#f7f9fd}
.note.warn{background:#fff7ed;color:var(--warn)}
.note.good{background:#ecfdf5;color:var(--good)}
.note.tip{background:#f1f5ff;color:#3949ab}
.toggle-notes{font-size:12px;color:var(--brand);cursor:pointer}
/* 院校核验深链 */
.vlinks{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin-top:1px}
.vlinks a{color:var(--brand);text-decoration:none;border-bottom:1px dashed #b9c6ef}
.vlinks a:hover{color:var(--brand-d);border-bottom-style:solid}

/* ⑧ 打印 / 另存为 PDF：只保留“你的定位 + 推荐志愿方案” */
@media print{
  .topbar,.tabs,.left,#result-empty,#bucket-card,.foot,.vacts,.vlinks,.toggle-notes,
  #plan-short,#summary-card .disc,.btn,.row,.spacer{display:none!important}
  #tab-trend,#tab-data,#tab-help{display:none!important}
  body{background:#fff;color:#000}
  .wrap{max-width:none;margin:0;padding:0}
  .main-grid{display:block!important}
  .right-col{width:100%}
  .card{box-shadow:none;border:none;padding:4px 0}
  .summary{grid-template-columns:repeat(4,1fr)}
  .vlist,.vlist.two{grid-template-columns:1fr 1fr;gap:6px}
  .vitem{break-inside:avoid;border:1px solid #bbb}
  .notes{display:none!important}
  .pills,.tagline,.prob{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* 趋势/说明排版 */
.lead{font-size:13.5px}
.tlist{display:grid;gap:10px}
.titem{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
.titem .h{font-weight:700;font-size:14px;margin-bottom:4px}
.titem.up{border-left:5px solid var(--bao)}
.titem.down{border-left:5px solid var(--chong)}
.titem .tags{font-size:11.5px;color:var(--muted);margin-top:6px}
ul.clean{margin:6px 0;padding-left:18px}
ul.clean li{margin:5px 0;font-size:13.5px}
.callout{background:var(--brand-soft);border:1px solid #cdd9ff;border-radius:12px;padding:12px;font-size:13px}
.callout.warn{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}

table.lines{width:100%;border-collapse:collapse;font-size:13px}
table.lines th,table.lines td{border:1px solid var(--line);padding:7px 8px;text-align:center}
table.lines th{background:#f3f6fc}
.todo{color:#c2410c;font-weight:600}

textarea{width:100%;min-height:120px;padding:11px;border:1px solid var(--line);border-radius:10px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;background:#fbfcfe}

.foot{color:var(--muted);font-size:12px;text-align:center;padding:18px 12px 30px;line-height:1.7}
.disc{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;
  padding:11px 13px;font-size:12.5px;margin:10px 0}

.hidden{display:none!important}
.spacer{height:6px}
.right{margin-left:auto}
.muted{color:var(--muted)}
.nowrap{white-space:nowrap}

/* PC 断点 */
@media(min-width:860px){
  .topbar h1{font-size:24px}
  .topbar .sub{font-size:14px}
  .main-grid{grid-template-columns:380px 1fr;align-items:start}
  .main-grid .left{position:sticky;top:60px}
  .summary{grid-template-columns:repeat(4,1fr)}
  .vlist.two{grid-template-columns:1fr 1fr}
  .wrap{padding:20px 20px 90px}
  .tab{font-size:15px;padding:14px 20px}
}
@media(min-width:1100px){
  .vlist.two{grid-template-columns:1fr 1fr}
}