/* 原型补充样式：只放原站样式表里没有的东西，尽量少改原站令牌。 */

body { margin: 0; }

/* 登录态：未登录是描边按钮（沿用原站 resource-search-btn 的形态），登录后是浅底胶囊 */
.nav-link.nav-user {
  gap: 6px;
  background: var(--brand-soft);
  color: var(--brand-strong);
  font-weight: 750;
}
.nav-user .avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--brand);
  color: var(--on-brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 800;
}

/* 首页页脚比原站多一行署名，允许换行 */
.site-footer p + p { margin-top: 6px; }

/* 原型专用的状态角标，说明「这一页在正式站会接什么」 */
.proto-note {
  margin: 0 auto 12px;
  max-width: 840px;
  padding: 10px 14px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  background: var(--bg-muted);
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.6;
}
.proto-note b { color: var(--text); }

/* 图谱页在窄屏下沿用原站的下拉抽屉；原型里给一个提示，避免以为漏做了 */
.explore-mobile-bar { gap: 8px; }

/* 结果页路径图高度由脚本写入，这里只兜底 */
#path-cy { min-height: 360px; }

/* 档案页：原站样式表依赖 .kid-card 等，已在 children.css 里，这里只补空态间距 */
.kid-empty { color: var(--muted); }

/* 诊断入口页：搜索命中列表与行内小按钮 */
#search { width: 100%; margin-top: 10px; }
.hits { margin-top: 10px; }
.hits .topic-row:first-child { border-top: 1px solid var(--line); }
.small-btn { min-height: 34px; padding: 4px 12px; font-size: 0.88rem; }

/* 登录页沿用诊断页的 840 宽容器，标题下留一点空隙 */
.page-login #root .card h1 { margin-bottom: 6px; }

/* 结果页学习路径：行距松开一点，编号圆不与上下行贴住 */
ol.path > li { padding-top: 6px; padding-bottom: 6px; line-height: 1.75; }

/* 图谱左栏：选中项自动滚到可视区 */
.list .topic-item.sel { scroll-margin: 120px; }

/* 明暗切换按钮：长得像导航链接 */
.nav-link.theme-toggle{
  gap:6px; border:0; background:transparent; padding:0 12px; min-height:44px;
  color:var(--muted); font-size:0.94rem; font-weight:650;
}
.nav-link.theme-toggle:hover{ background:var(--bg-muted); color:var(--text); }
.nav-link.theme-toggle svg{ width:16px; height:16px; display:block; }
@media (max-width: 760px){
  .nav-link.theme-toggle{ padding:0 10px; }
  .theme-toggle .theme-label{ display:none; }
}

/* 深色下原生下拉框：部分浏览器不跟随 author background，显式再声明一次 */
:root[data-theme="dark"] select,
:root[data-theme="dark"] input[type="number"],
:root[data-theme="dark"] input[type="text"],
:root[data-theme="dark"] input[type="search"],
:root[data-theme="dark"] textarea{
  background-color: var(--bg-elev) !important; color: var(--text) !important; border-color: var(--line);
}
:root[data-theme="dark"] select option{ background-color: var(--bg-elev); color: var(--text); }

/* 正式站：一次性提示条（登录成功、档案已添加等） */
.tupu-flash{
  max-width:840px; margin:12px auto 0; padding:10px 14px;
  border:1px solid var(--line); border-radius:12px;
  background:var(--brand-soft); color:var(--brand-strong);
  font-weight:700; line-height:1.5;
}
.page-explore .tupu-flash{ max-width:1100px; }

/* 档案卡里的删除按钮和链接按钮同一行 */
.kid-card form{ display:inline; margin:0; }

/* 诊断页表单里的年级/册次下拉 */
.card form .row > label{ display:inline-flex; align-items:center; gap:6px; }

/* 答题页：这道题有问题（折叠表单，默认收起，不抢注意力） */
.q-report{ margin-top:14px; border-top:1px dashed var(--line); padding-top:10px; }
.q-report summary{
  cursor:pointer; color:var(--muted); font-size:0.84rem; font-weight:600;
  list-style:none; display:inline-flex; align-items:center; gap:4px;
}
.q-report summary::-webkit-details-marker{ display:none; }
.q-report summary::before{ content:"⚑"; font-size:0.9em; }
.q-report summary:hover{ color:var(--brand-strong); }
.q-report form{ margin-top:8px; }
.q-report-row{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.q-report-row select{ flex:0 0 auto; }
.q-report-row input[type="text"]{ flex:1; min-width:180px; }
.q-report-row select,
.q-report-row input[type="text"]{
  font:inherit; font-size:0.86rem; padding:6px 9px; min-height:34px;
  color:var(--text); background-color:var(--bg-elev);
  border:1px solid var(--line); border-radius:9px;
}