:root{
  --bg:#f5f8fc;
  --panel:#ffffff;
  --ink:#1c3552;
  --text:#607289;
  --muted:#91a0b3;
  --line:#e1e8f1;
  --line-soft:#edf2f7;
  --blue:#4774dd;
  --blue-dark:#365fbf;
  --blue-soft:#eef4ff;
  --green:#4f9a6a;
  --green-soft:#eef8f2;
  --orange:#a8793d;
  --orange-soft:#fff6e9;
  --header-h:64px;
  --shadow:0 12px 34px rgba(39,66,103,.055);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}

.topbar{
  height:var(--header-h);
  background:#fff;
  border-bottom:1px solid #edf1f6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 4vw;
  position:relative;
  z-index:100;
}
.brand{display:flex;align-items:center;gap:13px;font-weight:800;white-space:nowrap}
.logo{
  width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;color:#fff;font-weight:900;
  background:linear-gradient(150deg,#55a4f5,#4774dd 58%,#39a27e);
}
.brand-divider{width:1px;height:22px;background:#dde5ee}
.brand-sub{color:#7b8ba1;font-size:14px;font-weight:650}
.nav{display:flex;gap:26px;align-items:center;color:#627289;font-size:14px;font-weight:650}
.nav a.active{color:var(--blue)}
.login{
  border:1px solid #d4e0f1;background:#fff;color:var(--blue);
  padding:8px 16px;border-radius:10px;font-weight:700;
}

.app{
  height:calc(100dvh - var(--header-h));
  padding:14px 4vw 16px;
  overflow:hidden;
}
.app-inner{
  width:min(1500px,100%);
  height:100%;
  min-height:0;
  margin:0 auto;
  display:flex;
  flex-direction:column;
}
.mode-tabs{
  flex:none;
  width:min(760px,58%);
  margin:0 auto 10px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:4px;
  background:#eef2f7;
  border:1px solid #dfe6ef;
  border-radius:13px;
}
.mode-tab{
  border:0;background:transparent;color:#72849a;
  padding:10px 12px;border-radius:9px;font-size:14px;font-weight:700;
  transition:.18s ease;
}
.mode-tab:hover{color:var(--blue)}
.mode-tab.active{
  background:#fff;color:var(--blue);font-weight:800;
  box-shadow:0 4px 16px rgba(44,76,116,.08);
}

.view{display:none;flex:1;min-height:0}
.view.active{display:grid}

/* ---------- shared flat module ---------- */
.flat-grid{
  min-height:0;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
}
.module{
  min-height:0;
  position:relative;
  background:transparent;
  overflow:hidden;
}
.module + .module::before{
  content:"";
  position:absolute;
  left:0;top:4%;bottom:4%;width:1px;
  background:linear-gradient(180deg,
    rgba(215,225,238,0) 0%,
    rgba(215,225,238,.72) 10%,
    rgba(201,213,229,1) 50%,
    rgba(215,225,238,.72) 90%,
    rgba(215,225,238,0) 100%);
  z-index:5;
}
.module-head{
  height:50px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.module-head h2{
  margin:0;
  font-size:15.5px;
  font-weight:800;
  letter-spacing:-.01em;
}
.head-note{color:#97a4b5;font-size:10.5px}
.module-body{height:calc(100% - 50px);min-height:0}

/* ---------- Bank ---------- */
.bank-grid{
  grid-template-columns:minmax(230px,1fr) minmax(0,4.8fr);
  gap:0;
  transition:grid-template-columns .28s var(--ease);
}
.bank-grid.filter-collapsed{grid-template-columns:64px minmax(0,1fr)}
.filter-module{display:flex;flex-direction:column}
.module-actions{display:flex;align-items:center;gap:6px}
.icon-btn,.text-btn{
  border:0;background:transparent;color:#8b99aa;
  height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;
  transition:.16s;
}
.icon-btn{width:30px;font-size:16px}
.text-btn{padding:0 6px;font-size:11.5px;font-weight:650}
.icon-btn:hover,.text-btn:hover{background:#f2f6fb;color:var(--blue)}
.filter-body{
  height:calc(100% - 50px);
  min-height:0;
  padding:12px 15px 15px;
  display:grid;
  grid-template-rows:repeat(7,minmax(0,1fr));
  gap:8px;
}
.filter-item{min-height:0;display:flex;flex-direction:column;justify-content:center}
.filter-label{
  display:block;margin-bottom:5px;
  color:#76879c;font-size:11.5px;font-weight:700;letter-spacing:.02em;
}
.search-input,.select-trigger{
  width:100%;height:36px;
  border:1px solid #dbe4ef;background:#fff;border-radius:9px;
  padding:0 10px;color:#53657c;outline:none;font-size:12px;
  transition:.18s ease;
}
.search-input:focus,.select-trigger.open{
  border-color:#a0b8eb;
  box-shadow:0 0 0 3px rgba(71,116,221,.07);
}
.search-input::placeholder,.answer-box::placeholder,.my-answer textarea::placeholder{color:#a5b0be}
.select-wrap{position:relative}
.select-trigger{
  display:flex;align-items:center;justify-content:space-between;text-align:left;
}
.select-trigger[disabled]{background:#f6f8fb;color:#a2adba;cursor:not-allowed}
.chevron{
  width:7px;height:7px;flex:none;
  border-right:1.5px solid #748399;border-bottom:1.5px solid #748399;
  transform:rotate(45deg) translateY(-2px);
}
.select-menu{
  position:absolute;left:0;right:0;top:40px;z-index:40;
  padding:5px;background:#fff;border:1px solid #dce5ef;border-radius:10px;
  box-shadow:0 13px 30px rgba(35,63,102,.14);
  opacity:0;visibility:hidden;transform:translateY(-4px);
  transition:.15s;max-height:220px;overflow-y:auto;
}
.select-menu.show{opacity:1;visibility:visible;transform:none}
.select-option{
  padding:7px 8px;border-radius:7px;color:#607289;font-size:11px;
}
.select-option:hover{background:#f2f6fc;color:var(--blue)}
.select-option.active{background:#edf3ff;color:var(--blue);font-weight:700}
.pills{display:flex;gap:6px;flex-wrap:wrap}
.pill{
  border:1px solid #dce5ef;background:#fff;color:#73849a;
  border-radius:999px;padding:5px 8px;font-size:10.5px;
}
.pill.active{
  background:var(--blue-soft);border-color:#bdd0f5;color:var(--blue);font-weight:700;
}
.ai-mode{
  padding:10px 11px;
  border:1px solid #e4ebf4;
  background:linear-gradient(180deg,#fafcff,#f6f9fd);
  border-radius:10px;
}
.ai-mode-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ai-state{display:flex;align-items:center;gap:7px;color:#61758d;font-size:10.5px;font-weight:700}
.ai-dot{
  width:7px;height:7px;border-radius:50%;
  background:#6b89d9;box-shadow:0 0 0 3px rgba(71,116,221,.10);
}
.ai-mode.personalized .ai-dot{
  background:#43a66f;box-shadow:0 0 0 3px rgba(67,166,111,.10);
}
.ai-mode p{margin:5px 0 0;color:#8593a6;font-size:10px;line-height:1.5}
.upload-btn{border:0;background:transparent;color:var(--blue);font-size:10.5px;font-weight:700;padding:0}
.hidden-file{display:none}

.bank-grid.filter-collapsed .filter-module .module-head{
  height:100%;padding:12px 0;flex-direction:column;justify-content:flex-start;gap:10px;
}
.bank-grid.filter-collapsed .filter-module .module-head h2{
  writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.12em;margin-top:4px;
}
.bank-grid.filter-collapsed .filter-body{display:none}
.bank-grid.filter-collapsed .filter-module .text-btn{display:none}
.bank-grid.filter-collapsed .filter-module .icon-btn{transform:rotate(180deg)}

.question-module{display:flex;flex-direction:column}
.question-scroll{
  flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#cbd6e4 transparent;
}
.question-scroll::-webkit-scrollbar{width:7px}
.question-scroll::-webkit-scrollbar-thumb{background:#cbd6e4;border-radius:999px}
.question-list{padding:0 22px}
.question-item{position:relative;padding:20px 0 18px}
.question-item + .question-item::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,
    rgba(219,228,240,0) 0%,
    rgba(219,228,240,.85) 8%,
    rgba(219,228,240,1) 50%,
    rgba(219,228,240,.85) 92%,
    rgba(219,228,240,0) 100%);
}
.q-line{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:start}
.qid{
  min-height:28px;display:flex;align-items:center;justify-content:center;
  background:#f2f6fb;color:#6f8197;border-radius:8px;
  font-size:11px;font-weight:800;letter-spacing:.035em;
}
.qtitle{padding-top:1px;color:#203956;font-size:16.5px;font-weight:750;line-height:1.58}
.tag-line{margin:12px 0 13px 75px;display:flex;gap:7px;flex-wrap:wrap}
.tag{
  padding:5px 8px;border-radius:999px;background:#f2f5f9;color:#73839a;
  font-size:10.5px;font-weight:650;line-height:1;
}
.tag.category{background:#edf3ff;color:#5276ca}
.tag.freq{background:var(--green-soft);color:var(--green)}
.tag.hard{background:var(--orange-soft);color:var(--orange)}
.action-line{margin-left:75px;display:flex;gap:8px;flex-wrap:wrap}
.action-btn{
  border:1px solid #d9e4f2;background:#fff;color:#62758d;
  padding:7px 11px;border-radius:8px;font-size:12px;font-weight:650;
}
.action-btn:hover,.action-btn.active{background:#f1f6ff;border-color:#bdd0f5;color:var(--blue)}
.answer-panel{
  display:none;margin:12px 0 0 75px;padding:14px 15px;
  background:#f9fbfe;border:1px solid #e0e8f3;border-radius:11px;
}
.answer-panel.show{display:block}
.answer-panel h4{margin:0 0 8px;color:#324b69;font-size:13px;font-weight:750}
.answer-panel p{margin:0;color:#65778d;font-size:13px;line-height:1.8}
.ai-note{margin-top:9px;padding-top:9px;border-top:1px dashed #dfe6ef;color:#93a0b1;font-size:10.5px}
.my-answer textarea{
  width:100%;min-height:105px;resize:vertical;border:1px solid #d9e3ef;border-radius:9px;
  padding:11px 12px;color:#4f6178;font-size:13px;line-height:1.75;outline:none;background:#fff;
}
.my-answer textarea:focus,.answer-box:focus{
  border-color:#9db7ee;box-shadow:0 0 0 3px rgba(71,116,221,.07);
}
.answer-foot{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.answer-status{color:#97a4b5;font-size:10.5px}
.save-btn{
  border:0;background:var(--blue);color:#fff;border-radius:8px;
  padding:7px 12px;font-size:11px;font-weight:700;
}

/* ---------- Assessment ---------- */
.assessment-grid,.simulation-grid{
  grid-template-columns:minmax(235px,.95fr) minmax(0,2.65fr) minmax(250px,1.05fr);
  gap:0;
}
.settings{
  padding:12px 18px 16px;
  display:flex;flex-direction:column;gap:10px;
}
.material-status{
  padding:10px 11px;background:linear-gradient(180deg,#fafcff,#f6f9fd);
  border:1px solid #e4ebf4;border-radius:10px;
}
.material-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.material-name{display:flex;align-items:center;gap:7px;color:#5d7189;font-size:10.5px;font-weight:750}
.dot{
  width:7px;height:7px;border-radius:50%;
  background:#6d89d9;box-shadow:0 0 0 3px rgba(71,116,221,.10);
}
.material-status.personalized .dot{
  background:#45a26a;box-shadow:0 0 0 3px rgba(69,162,106,.10);
}
.material-btn{border:0;background:transparent;color:var(--blue);padding:0;font-size:10.5px;font-weight:700}
.material-status p{margin:5px 0 0;color:#8795a8;font-size:10px;line-height:1.5}
.setting-group label{display:block;margin-bottom:5px;color:#75869a;font-size:11px;font-weight:700}
.start-btn{
  margin-top:auto;width:100%;height:38px;border:0;border-radius:9px;
  background:var(--blue);color:#fff;font-size:12px;font-weight:750;
}
.start-btn:hover,.submit-btn:hover,.save-btn:hover{background:var(--blue-dark)}

.assessment,.interview{display:flex;flex-direction:column}
.assessment-top,.interview-top{
  flex:none;padding:10px 16px 8px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.progress-wrap{flex:1}
.progress-label{
  display:flex;align-items:center;justify-content:space-between;
  color:#7b8a9d;font-size:10.5px;margin-bottom:5px;
}
.progress{height:5px;border-radius:999px;background:#eef2f7;overflow:hidden}
.progress span{
  display:block;height:100%;width:40%;
  background:linear-gradient(90deg,#6b8fe6,#4774dd);border-radius:999px;
}
.mode-badge,.stage-pill{
  flex:none;padding:5px 8px;border-radius:999px;background:#f1f5fb;color:#6b7e97;font-size:10px;font-weight:700;
}
.mode-badge.personalized,.stage-pill{background:#eef4ff;color:var(--blue)}
.conversation{
  flex:1;min-height:0;overflow-y:auto;padding:12px 18px 14px;
  display:flex;flex-direction:column;gap:11px;
  scrollbar-width:thin;scrollbar-color:#cbd6e4 transparent;
}
.bubble{max-width:86%;padding:12px 14px;border-radius:13px;font-size:12.5px;line-height:1.75}
.ai-bubble,.examiner{align-self:flex-start;background:#f3f6fa;border:1px solid #e2e9f2;color:#51657e}
.user-bubble,.student{align-self:flex-end;background:#eef4ff;border:1px solid #d6e3fb;color:#4c6380}
.bubble-role,.role{display:block;margin-bottom:4px;color:#7c8c9f;font-size:10.5px;font-weight:750}
.assessment-input,.interview-input{flex:none;padding:10px 16px 14px}
.answer-box{
  width:100%;min-height:82px;resize:none;outline:none;
  border:1px solid #dbe4ef;border-radius:10px;padding:10px 11px;
  color:#50627a;font-size:12.5px;line-height:1.65;
}
.input-foot{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.input-tip{color:#96a3b4;font-size:10px}
.submit-btn{
  border:0;background:var(--blue);color:#fff;padding:8px 13px;
  border-radius:8px;font-size:11px;font-weight:750;
}

/* Assessment right */
.ability-body{
  padding:14px 18px 16px;
  display:flex;flex-direction:column;
}
.ability-summary{
  padding:10px 11px;background:linear-gradient(180deg,#fafcff,#f6f9fd);
  border:1px solid #e4ebf4;border-radius:10px;margin-bottom:13px;
}
.summary-score{display:flex;align-items:flex-end;gap:6px}
.summary-score strong{font-size:27px;line-height:1;color:var(--blue)}
.summary-score span{color:#8493a7;font-size:10.5px;padding-bottom:2px}
.ability-summary p{margin:5px 0 0;color:#8190a4;font-size:10px;line-height:1.5}
.ability-list{display:flex;flex-direction:column;justify-content:space-between;gap:12px;flex:1}
.ability-label{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:5px;color:#5f7188;font-size:10.8px;font-weight:650;
}
.ability-label span:last-child{color:#8795a8;font-weight:700}
.bar{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}
.bar>span{
  display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,#a9bfee,#4774dd);
}
.ability-note,.process-note{
  margin-top:12px;padding-top:11px;border-top:1px solid var(--line-soft);
  color:#8795a8;font-size:10px;line-height:1.6;
}

/* ---------- Simulation ---------- */
.style-pills{display:flex;gap:6px;flex-wrap:wrap}
.style-pill{
  border:1px solid #dce5ef;background:#fff;color:#73849a;
  border-radius:999px;padding:5px 8px;font-size:10.5px;
}
.style-pill.active{
  background:var(--blue-soft);border-color:#bdd0f5;color:var(--blue);font-weight:700;
}
.scene-note{
  margin-top:2px;padding:10px 11px;
  background:linear-gradient(180deg,#fafcff,#f6f9fd);
  border:1px solid #e4ebf4;border-radius:10px;
  color:#8290a2;font-size:10px;line-height:1.55;
}
.stage-info{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.time{color:#7d8c9f;font-size:10.5px;font-weight:700}
.room-status{color:#95a2b3;font-size:10px}

.process-body{padding:12px 18px 16px;display:flex;flex-direction:column}
.overview{
  padding:10px 11px;background:linear-gradient(180deg,#fafcff,#f6f9fd);
  border:1px solid #e4ebf4;border-radius:10px;margin-bottom:13px;
}
.overview-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.overview strong{font-size:22px;color:var(--blue);line-height:1}
.overview span{font-size:10px;color:#8795a8}
.overview p{margin:6px 0 0;color:#8190a4;font-size:10px;line-height:1.5}
.stage-list{display:flex;flex-direction:column;justify-content:space-between;gap:8px;flex:1}
.stage{position:relative;padding-left:24px;min-height:38px}
.stage:not(:last-child)::after{
  content:"";position:absolute;left:7px;top:18px;bottom:-10px;width:1px;background:#dfe6ef;
}
.stage-dot{
  position:absolute;left:1px;top:4px;width:13px;height:13px;border-radius:50%;
  background:#eef2f7;border:1px solid #d9e2ed;
}
.stage.done .stage-dot{background:#c8d8fb;border-color:#a9c0ef}
.stage.current .stage-dot{
  background:var(--blue);border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(71,116,221,.09);
}
.stage-title{font-size:11px;font-weight:750;color:#5f7188;line-height:1.3}
.stage-meta{margin-top:2px;color:#97a4b5;font-size:9.8px;line-height:1.35}
.stage.current .stage-title{color:var(--blue)}

@media(max-height:760px){
  :root{--header-h:58px}
  .app{padding-top:9px;padding-bottom:9px}
  .mode-tabs{margin-bottom:8px}
  .module-head{height:46px}
  .module-body,.filter-body{height:calc(100% - 46px)}
  .filter-body{padding-top:9px;padding-bottom:9px;gap:6px}
  .settings{padding-top:9px;padding-bottom:9px;gap:8px}
  .search-input,.select-trigger{height:33px}
  .select-menu{top:37px}
  .conversation{padding-top:9px;padding-bottom:9px;gap:8px}
  .bubble{padding:10px 12px}
  .answer-box{min-height:66px}
  .ability-list,.stage-list{gap:7px}
  .stage{min-height:32px}
  .question-item{padding:17px 0 16px}
}
@media(max-width:1000px){
  html,body{height:auto;overflow:auto}
  .nav{display:none}
  .app{height:auto;overflow:visible}
  .mode-tabs{width:100%}
  .bank-grid,.bank-grid.filter-collapsed,.assessment-grid,.simulation-grid{grid-template-columns:1fr}
  .module{min-height:420px}
  .module + .module::before{
    left:4%;right:4%;top:0;bottom:auto;width:auto;height:1px;
    background:linear-gradient(90deg,rgba(215,225,238,0),rgba(201,213,229,1),rgba(215,225,238,0));
  }
  .bank-grid.filter-collapsed .filter-module .module-head{
    height:50px;padding:0 18px;flex-direction:row;justify-content:space-between;
  }
  .bank-grid.filter-collapsed .filter-module .module-head h2{
    writing-mode:horizontal-tb;letter-spacing:normal;margin:0;
  }
}

/* 统一导航与第一阶段真实题库 */
:root{--header-h:52px}
body{padding-top:0}
.app{height:calc(100dvh - 52px)}
button:disabled{cursor:not-allowed;opacity:.55}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.filter-body{overflow-y:auto;display:flex;flex-direction:column;gap:13px}
.filter-item{flex:none}
.bank-select{width:100%;height:37px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;color:var(--ink);font:inherit;font-size:12px}
.question-module{display:flex;flex-direction:column}
.question-scroll{flex:1;min-height:0;height:auto}
.pagination{flex:none;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px;border-top:1px solid var(--line-soft);font-size:12px}
.pagination button{background:var(--blue-soft);border:0;border-radius:8px;padding:7px 13px;color:var(--blue)}
.bank-empty{padding:65px 20px;text-align:center;color:var(--muted)}
.bank-empty strong{display:block;font-size:18px;color:var(--ink);margin-bottom:10px}
.answer-panel p{white-space:pre-wrap;overflow-wrap:anywhere}
.q-source{font-size:10px;color:var(--muted);margin-top:9px}
.tag-line{flex-wrap:wrap}
.phase-note{display:none;font-size:12px;color:#9d722b;background:#fff7e9;border-radius:9px;padding:8px 14px;margin-bottom:10px}
.phase-note.show{display:block}

/* 第三阶段：保留原布局，仅扩展答案模式与证据区。 */
.answer-mode{display:flex;gap:4px;padding:4px;background:#eaf0f6;border-radius:9px;margin-top:12px}
.answer-mode button{flex:1;border:0;background:transparent;border-radius:6px;padding:8px 2px;font-size:11px;color:#738399;cursor:pointer}
.answer-mode button.active{background:#fff;color:#315e9c;box-shadow:0 2px 6px #233e6210;font-weight:700}
.answer-mode button:disabled{opacity:.5;cursor:default}
.personal-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:10px;color:#8392a5}
.personal-badge{background:#e5f3ee;color:#32765e;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:700}
.answer-panel h4.personal-subtitle{margin-top:16px}
.personal-missing{background:#fff8ed;border:1px solid #f0e3c9;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12px;color:#967438}
.personal-missing p{font-size:12px;margin-top:5px}
.personal-evidence{margin-top:14px;border-top:1px solid #e2e9f1;padding-top:10px;font-size:12px;color:#62768f}
.personal-evidence summary{cursor:pointer;color:#3c6996}
.personal-evidence div{padding:10px 0;border-bottom:1px solid #e7edf4}
.personal-evidence p{font-size:12px;margin:5px 0}
.personal-evidence small{color:#8495a7}
.personal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}

/* 第四阶段：真实专项测评，保留三栏训练布局。 */
#assessment .settings,#assessment .ability-body{overflow-y:auto;scrollbar-width:thin}
#assessment .start-btn{margin-top:8px;flex:none}
#assessment .bubble{white-space:pre-wrap;overflow-wrap:anywhere;flex:none}
#assessment .progress > span{width:0}
#assessment .ability-item small{display:block;color:#97a4b5;font-size:9px;margin-top:4px}
.assessment-muted{color:#8b9bad;font-size:10px;line-height:1.6;margin:6px 0 0}
.assessment-message{font-size:11px;color:#638099;line-height:1.6;white-space:pre-wrap}
.assessment-message.error{color:#b17531}
.assessment-empty{padding:30px 12px;color:#8697ab;font-size:13px;line-height:1.8;text-align:center}
.assessment-history{border-top:1px solid #e8edf4;margin-top:8px;padding-top:12px}
.assessment-history > div:first-child{display:flex;align-items:center;justify-content:space-between;color:#637a95;font-size:11px}
#assessmentHistory{max-height:200px;overflow:auto;margin-top:6px}
.assessment-history-item{display:block;width:100%;text-align:left;background:#f8fafc;border:1px solid #e7edf4;border-radius:7px;padding:9px;margin-bottom:6px;color:#67809b;cursor:pointer}
.assessment-history-item.selected{border-color:#aac3eb;background:#eef4ff}
.assessment-history-item strong,.assessment-history-item span{display:block;font-size:10px;line-height:1.7}
.assessment-history-item span{font-size:9px;color:#94a1b0}
.assessment-feedback{flex:none;background:#fafcfe;border:1px solid #e1eaf3;border-radius:10px;padding:13px;font-size:12px;color:#627a93;line-height:1.8;overflow-wrap:anywhere}
.assessment-feedback h4,.assessment-report h4{font-size:12px;color:#3c5878;margin:0 0 8px}
.assessment-feedback p,.assessment-report p{margin:5px 0;white-space:pre-wrap}
.assessment-feedback blockquote{border-left:2px solid #d8e4f0;padding-left:8px;margin:6px 0;color:#93a1b0;font-size:10px;white-space:pre-wrap}
.assessment-observation{padding:7px 0}
.assessment-observation.strength strong{color:#43876a}
.assessment-observation.gap strong,.assessment-observation.material_check strong{color:#b08343}
.assessment-suggestion{border-top:1px solid #e5edf5;padding-top:10px}
.assessment-feedback details,.assessment-evidence{margin-top:10px}
.assessment-feedback summary,.assessment-evidence summary,.ability-note summary{cursor:pointer;color:#5a83af;font-size:11px}
.assessment-score-reason,.assessment-evidence div{border-bottom:1px solid #e4ebf3;padding:9px 0}
.assessment-score-reason p,.assessment-evidence p{font-size:11px;white-space:pre-wrap}
.assessment-evidence small{color:#8ba08f}
.assessment-finished{font-size:12px;color:#448267;text-align:center;padding:12px}
.assessment-report{flex:none;border:1px solid #d7e6ef;border-radius:12px;padding:16px;background:linear-gradient(140deg,#f7fbff,#fff);font-size:12px;color:#647d96;line-height:1.8}
.assessment-report-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.assessment-report h3{margin:8px 0;color:#375676;font-size:16px}
.assessment-report h4{margin-top:17px}
.assessment-report-pills{display:flex;gap:6px;flex-wrap:wrap}
.assessment-report-pills span{border-radius:6px;background:#eef3f8;padding:4px 9px;font-size:11px}
.assessment-report a{display:block;padding:9px;border-bottom:1px solid #e6eef5;color:#4f77a5;text-decoration:none}
.assessment-report a small{display:block;color:#96a4b2;font-size:10px}
@media(max-width:1000px){#assessment .module{min-height:0}#assessment .module-body{height:auto}#assessment .conversation{max-height:65vh;min-height:240px}#assessment .ability-body{padding-bottom:24px}}
.question-module .module-head .head-note{margin-left:auto}
@media(max-width:1000px){
 .module.filter-module{min-height:0}
 .filter-body{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;padding:15px;gap:12px}
 .filter-item:last-child{grid-column:1/-1}
 .question-module{min-height:400px}
 .question-scroll{overflow:visible}
 .bank-grid.filter-collapsed .filter-body{display:none}
 .app{height:auto;min-height:calc(100dvh - 52px)}
}
@media(max-width:520px){.filter-body{grid-template-columns:1fr}.head-note{max-width:55%;text-align:right}.q-line{gap:9px}.qid{font-size:9px;min-width:55px}}

/* 第五阶段：沿用三栏视觉，设置与长复盘各自可滚动。 */
#simulation .settings,#simulation .process-body{overflow-y:auto;scrollbar-width:thin}
#simulation .start-btn{margin-top:8px;flex:none}
#simulation .bubble{white-space:pre-wrap;overflow-wrap:anywhere;flex:none}
#simulation .module-body.interview{overflow-y:auto;scrollbar-width:thin}
#simulation .conversation{min-height:180px;flex:1 0 220px}
#simulationHistory{max-height:200px;overflow:auto}
#simulationHistory small{display:block;margin-top:4px;color:#9aaabd;font-size:9px}
#simulation .input-foot{flex-wrap:wrap;gap:8px}
#simulation .input-tip{flex:1 1 100%;line-height:1.5}
#simulation .interview-input{flex:none}
.simulation-options summary{font-size:11px;color:#6b83a2;cursor:pointer;padding:4px 0}
.simulation-options .setting-group{margin-top:10px}
.simulation-check{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;color:#647b93}
.simulation-check input{accent-color:var(--blue)}
.simulation-report-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.simulation-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.simulation-dimensions div{border:1px solid #e1eaf5;background:#fff;padding:10px;border-radius:9px;display:flex;flex-direction:column;gap:4px}
.simulation-dimensions strong{font-size:22px;color:#4774dd}
.simulation-dimensions small{font-size:9px;color:#97a4b5}
.simulation-stage-summary{display:flex;flex-wrap:wrap;gap:6px}
.simulation-stage-summary span{padding:5px 9px;background:#edf3f9;border-radius:7px;font-size:10px}
.simulation-turn{border-top:1px solid #e3ebf4;padding:11px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.simulation-turn summary{cursor:pointer;color:#527fae}
.simulation-turn q{color:#8c9eb3}
.simulation-dialog{max-width:410px;width:calc(100% - 44px);border:1px solid #dce6f1;border-radius:15px;padding:24px;color:#526a84;box-shadow:0 20px 70px #24466833}
.simulation-dialog::backdrop{background:#233a5866;backdrop-filter:blur(3px)}
.simulation-dialog h3{margin:0 0 12px;font-size:17px;color:#355571}
.simulation-dialog p{font-size:13px;line-height:1.8}
.simulation-dialog>div{display:flex;justify-content:flex-end;gap:20px;margin-top:22px}
@media(max-width:1000px){#simulation .module{min-height:0}#simulation .module-body{height:auto}#simulation .conversation{max-height:65vh}#simulation .process-body{padding-bottom:24px}}
@media(max-width:520px){.simulation-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}}