/* 综评测评系统 · 样式表
   配色：希望绿（张老师 2026-10-09 选定，适合高三同学）
   主色青绿 + 橙色辅色 + 浅青白底 + 圆角卡片
   移动端优先，主要适配微信内置浏览器 */

:root{
  --blue:#06b795;          /* 主色：标题栏/主按钮/链接/已答格（希望绿） */
  --blue-dark:#04957a;
  --blue-soft:#e6f9f4;
  --orange:#ff8a3d;        /* 辅色：强调条/当前题/重点数字 */
  --orange-soft:#fff1e6;
  --green:#28a745;
  --red:#e04b4b;
  --gray:#8a94a6;
  --bg:#f1faf7;            /* 浅青白底 */
  --card:#fff;
  --line:#e6eaf0;
  --text:#2b3444;
  --radius:14px;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

html,body{margin:0;padding:0}

body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",
              "Microsoft YaHei",sans-serif;
  background:var(--bg);
  color:var(--text);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

.wrap{max-width:640px;margin:0 auto;padding:0 16px}

/* ---------- 顶栏 ---------- */
.topbar{
  background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);
  color:#fff;
  padding:26px 0 30px;
}
.topbar h1{margin:0;font-size:21px;font-weight:700;letter-spacing:.5px}
.topbar .sub{margin:8px 0 0;font-size:14px;opacity:.9}

/* ---------- 公告 ---------- */
.notice{
  margin-top:14px;background:var(--orange-soft);
  border:1px solid #ffd9b8;border-radius:10px;
  padding:12px 14px;font-size:14px;color:#8a4b12;
}

/* ---------- 卡片 ---------- */
.cards{padding:20px 0 4px}

.card{
  display:block;text-decoration:none;color:inherit;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:20px 18px;
  margin-bottom:14px;
  box-shadow:0 1px 3px rgba(20,40,80,.05);
  transition:transform .12s ease,box-shadow .12s ease;
}
.card:active{transform:scale(.985);box-shadow:0 1px 8px rgba(20,40,80,.10)}

.card .ico{font-size:30px;line-height:1}
.card h2{margin:10px 0 4px;font-size:18px;font-weight:700}
.card p{margin:0;font-size:13.5px;color:var(--gray)}
.card .go{
  display:inline-block;margin-top:12px;
  color:var(--blue);font-weight:600;font-size:14.5px;
}

/* ---------- 提示框 ---------- */
.tipbox{
  background:var(--blue-soft);
  border:1px solid #ccf0e6;border-radius:var(--radius);
  padding:14px 16px;margin:6px 0 24px;
  font-size:14px;color:#2b4a7d;
}
.tipbox p{margin:0}
.tipbox .dim{margin-top:6px;font-size:13px;color:#5c7aa8}

/* ---------- 底部 ---------- */
.foot{
  text-align:center;color:var(--gray);
  font-size:12px;padding:20px 16px 28px;
}
.foot p{margin:2px 0}
.foot .ver{opacity:.7}

/* ---------- 通用表单（登录/注册，后续里程碑用） ---------- */
.field{margin-bottom:14px}
.field label{display:block;font-size:13.5px;color:#5a6577;margin-bottom:6px}
.field input{
  width:100%;height:48px;padding:0 14px;
  border:1px solid var(--line);border-radius:10px;
  font-size:16px;background:#fff;color:var(--text);
  outline:none;transition:border-color .15s,box-shadow .15s;
}
.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,208,.12)}

.btn{
  display:block;width:100%;height:50px;
  background:var(--blue);color:#fff;border:0;border-radius:12px;
  font-size:16.5px;font-weight:600;cursor:pointer;
  transition:background .15s;
}
.btn:active{background:var(--blue-dark)}
.btn.orange{background:var(--orange)}
.btn:disabled{opacity:.6}

.err{
  background:#fdecec;border:1px solid #f5c6c6;color:#c0392b;
  border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:14px;
}
.err:empty{display:none}

.link{color:var(--blue);text-decoration:none;font-weight:600}
/* ---------- 备案号（全站页脚，工信部合规要求） ---------- */
.beian,
.beian-block{
  text-align:center;
  font-size:11.5px;
  line-height:1.6;
  color:#9aa3b2;
  padding:14px 16px 18px;
}
.beian a,
.beian-block a{
  color:#9aa3b2;
  text-decoration:none;
}
.beian a:active,
.beian-block a:active{color:var(--blue)}
/* 有底部导航时，给页脚/备案留出被固定导航遮挡的空间 */
body.has-nav .beian-block{padding-bottom:78px}
body.has-nav .foot{padding-bottom:84px}