:root {
  --paper:#f6f1e6; --surface:#fffdf7; --ink:#1f2c22; --ink-2:#35473a;
  --green:#2f6b4f; --green-2:#24543e; --sage:#e9efe6; --cream:#f3e7cd;
  --wheat:#c98f2b; --wheat-deep:#a5711f; --soil:#b08a57;
  --line:#e4dcc8; --muted:#77806f; --danger:#c94f4f; --success:#2f7d5c;
  --radius:12px;
  --display:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
  --body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --shadow-sm:0 1px 2px rgba(31,44,34,.05), 0 6px 18px rgba(31,44,34,.06);
  --shadow-lg:0 2px 4px rgba(31,44,34,.05), 0 24px 60px rgba(31,44,34,.12);
}

* { box-sizing:border-box; }
body { margin:0; font-family:var(--body); background:var(--paper); color:var(--ink); line-height:1.75; -webkit-font-smoothing:antialiased; }
button, input, textarea, select { font:inherit; }
a { color:var(--green); text-decoration:none; }
h1,h2,h3,h4 { margin:0; font-family:var(--display); font-weight:700; }

.app-shell { display:grid; grid-template-columns:252px 1fr; min-height:100vh; }
.app-side { background:#1f2c22; color:#e6ead9; padding:22px 14px; position:sticky; top:0; height:100vh; display:flex; flex-direction:column; }
.app-side .brand { display:flex; align-items:center; gap:10px; padding:4px 10px 24px; color:#fff; }
.app-side .brand svg { width:30px; height:30px; flex:0 0 auto; }
.brand-name { font-family:var(--display); font-weight:800; font-size:17px; line-height:1.2; }
.brand-en { display:block; font-size:8px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:#b9c2ac; margin-top:2px; }
.side-link { display:flex; align-items:center; gap:11px; width:100%; padding:11px 12px; margin:3px 0; border:0; border-radius:var(--radius); background:transparent; color:#e6ead9; cursor:pointer; font-size:14px; text-align:left; transition:background .14s ease, color .14s ease; }
.side-link:hover { background:rgba(255,255,255,.09); color:#fff; }
.side-link.active { background:var(--green); color:#fff; }
.side-link svg { width:18px; height:18px; }
.side-foot { margin-top:auto; }

.app-main { padding:34px 40px 64px; min-width:0; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 20px; border:1px solid transparent; border-radius:999px; background:var(--green); color:#fff; font-size:14px; font-weight:600; cursor:pointer; transition:transform .14s ease, background .14s ease, border-color .14s ease; }
.btn:hover { background:var(--green-2); color:#fff; }
.btn:active { transform:scale(.98); }
.btn.ghost { background:transparent; border-color:var(--line); color:var(--ink-2); }
.btn.ghost:hover { background:var(--surface); color:var(--ink); }
.btn.amber { background:var(--wheat); }
.btn.amber:hover { background:var(--wheat-deep); }
.btn.danger { background:var(--danger); }
.btn:disabled { opacity:.5; cursor:not-allowed; }

.topbar { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:26px; }
.topbar h1 { font-size:30px; font-weight:800; }
.topbar p { margin-top:4px; color:var(--muted); font-size:14px; }
.toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.muted { color:var(--muted); }
.danger { color:var(--danger); }
.success { color:var(--success); }

.panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); }
.panel-head { padding:18px 22px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:14px; }
.panel-head h2 { font-size:18px; }
.panel-body { padding:22px; }

.grid { display:grid; gap:16px; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:26px; }
.stat { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px; box-shadow:var(--shadow-sm); }
.stat b { display:block; font-family:var(--display); font-size:32px; color:var(--green-2); line-height:1.2; }
.stat span { color:var(--muted); font-size:13px; }

.bank-list { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.bank-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow-sm); cursor:pointer; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
/* 题库卡片操作 */
.bank-card-head { display:flex; align-items:center; gap:8px; }
.bank-card-head h3 { flex:1; min-width:0; }
.btn-sm { min-height:30px; padding:0 10px; font-size:12px; border-radius:999px; }
.btn-sm.danger:hover { background:var(--danger); border-color:var(--danger); color:#fff; }
/* 校对来源定位 */
.src-ref { font-size:12px; color:var(--wheat-deep); background:var(--cream); border-radius:6px; padding:2px 8px; }
/* 校对两栏：列表 + 原文预览 */
.review-layout { display:grid; grid-template-columns:1fr 380px; gap:18px; align-items:start; }
.review-list { display:flex; flex-direction:column; gap:12px; }
.review-preview { position:sticky; top:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:16px; max-height:calc(100vh - 140px); overflow:auto; box-shadow:var(--shadow-sm); }
.preview-hint { color:var(--muted); font-size:13px; line-height:1.8; }
.preview-head { font-size:12.5px; color:var(--wheat-deep); font-weight:600; margin-bottom:10px; padding-bottom:8px; border-bottom:1px dashed var(--line); }
.preview-raw { white-space:pre-wrap; font-size:13px; line-height:1.8; color:var(--ink-2); margin:0; font-family:var(--body); }
.preview-lines { font-size:13px; line-height:1.9; }
.pl-row { display:flex; gap:10px; padding:2px 0; border-bottom:1px dashed var(--line); }
.pl-no { flex:0 0 34px; text-align:right; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; }
.pl-text { white-space:pre-wrap; word-break:break-all; color:var(--ink-2); }
.pl-row.is-question { background:var(--cream); border-bottom:none; margin:4px -10px; padding:6px 10px; border-radius:8px; }
.pl-row.is-question .pl-text { color:var(--ink); font-weight:600; }
.question-card.preview-active { border-color:var(--wheat); box-shadow:0 0 0 2px rgba(201,143,43,.22); }
@media (max-width:900px) {
  .review-layout { grid-template-columns:1fr; }
  .review-preview { position:static; max-height:none; }
}
/* 田视觉：题库生长阶段 */
.growth { display:flex; align-items:center; gap:9px; margin-bottom:14px; padding:9px 12px; border-radius:10px; background:var(--sage); border:1px solid var(--line); }
.growth img { width:26px; height:26px; filter:drop-shadow(0 1px 1px rgba(31,44,34,.18)); }
.growth-label { font-size:13px; font-weight:700; color:var(--green-2); }
.growth-pct { margin-left:auto; font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums; }
.growth.harvest { background:var(--cream); border-color:rgba(201,143,43,.35); }
.growth.harvest .growth-label { color:var(--wheat-deep); }
.growth.sowing { background:transparent; border-style:dashed; }
.bank-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-lg); border-color:rgba(47,107,79,.4); }
.bank-card h3 { font-size:19px; }
.bank-card p { color:var(--muted); font-size:13px; margin:8px 0 16px; min-height:40px; }
.bank-meta { display:flex; justify-content:space-between; color:var(--muted); font-size:12px; border-top:1px solid var(--line); padding-top:12px; }

.form-grid { display:grid; gap:14px; }
.field label { display:block; font-size:13px; color:var(--muted); margin-bottom:6px; }
.field input, .field textarea, .field select { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); color:var(--ink); }
.field textarea { min-height:100px; resize:vertical; }
.inline-form { display:flex; gap:8px; align-items:center; }

.modal-backdrop { position:fixed; inset:0; background:rgba(26,38,30,.5); display:none; align-items:center; justify-content:center; z-index:40; padding:20px; }
.modal-backdrop.open { display:flex; }
.modal { background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow-lg); width:min(540px,100%); max-height:90vh; overflow:auto; padding:26px; }
.modal h2 { margin-bottom:16px; font-size:22px; }

.question-card { border:1px solid var(--line); border-radius:var(--radius); padding:20px; background:var(--surface); box-shadow:var(--shadow-sm); }
.question-card + .question-card { margin-top:14px; }
.question-stem { font-size:16px; font-weight:600; line-height:1.65; }
.option { display:flex; gap:10px; align-items:flex-start; padding:11px 13px; border:1px solid var(--line); border-radius:var(--radius); cursor:pointer; margin-top:8px; transition:border-color .14s ease, background .14s ease; }
.option:hover { border-color:var(--green); }
.option.selected { border-color:var(--green); background:#eef5ee; }
.option.correct { border-color:var(--success); background:#edf7f1; }
.option.wrong { border-color:var(--danger); background:#fdf0f0; }
.option .letter { flex:0 0 26px; height:26px; border-radius:50%; background:var(--sage); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; color:var(--ink-2); }

.tag { display:inline-block; padding:3px 10px; border-radius:999px; background:var(--cream); color:var(--wheat-deep); font-size:12px; font-weight:700; }
.empty { padding:48px 20px; text-align:center; color:var(--muted); }
.login-card { max-width:440px; margin:9vh auto 0; }
.review-low { border-left:4px solid var(--wheat); }
.practice-track { height:6px; border-radius:999px; background:var(--sage); overflow:hidden; }
.practice-bar { height:100%; border-radius:999px; background:var(--green); transition:width .3s ease; }

/* 校对：原因标签 */
.reason-tag { display:inline-block; padding:3px 9px; border-radius:999px; background:#fbe7e7; color:#b23b3b; font-size:11.5px; font-weight:600; }
/* 校对：原因筛选 chips */
.filter-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.chip { font:inherit; font-size:13px; padding:6px 14px; border-radius:999px; border:1px solid var(--line); background:var(--surface); color:var(--ink-2); cursor:pointer; }
.chip.active { background:var(--green); border-color:var(--green); color:#fff; }
.chip:hover { border-color:var(--green); }
/* 校对：批量工具栏 */
.review-toolbar { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:12px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:16px; }
.review-head { display:flex; align-items:center; gap:10px; }
.draft-check { width:18px; height:18px; cursor:pointer; accent-color:var(--green); }
.question-card.selected { border-color:var(--green); box-shadow:0 0 0 2px rgba(47,107,79,.15); }
/* 上传拖拽区 */
.dropzone { border:2px dashed var(--line); border-radius:var(--radius); padding:26px 20px; text-align:center; cursor:pointer; transition:border-color .15s ease, background .15s ease; }
.dropzone:hover, .dropzone.dragging { border-color:var(--green); background:#eef5ee; }
.dropzone.has-file { border-color:var(--green); background:#eef5ee; }
.dropzone .dz-text { color:var(--ink-2); font-size:14px; margin-top:10px; }
.dropzone .dz-hint { color:var(--muted); font-size:12px; margin-top:8px; }

@media (max-width:760px) {
  .app-shell { grid-template-columns:1fr; }
  .app-side { position:static; height:auto; flex-direction:row; align-items:center; gap:6px; overflow-x:auto; padding:10px 12px; }
  .app-side .brand { padding:0 14px 0 4px; }
  .brand-en { display:none; }
  .side-foot { display:flex; margin-top:0; }
  .side-link { width:auto; white-space:nowrap; padding:9px 10px; }
  .app-main { padding:22px 16px 48px; }
  .topbar { align-items:flex-start; flex-direction:column; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .bank-list { grid-template-columns:1fr; }
}

/* 头像（工单 09） */
.avatar-img { width:56px; height:56px; border-radius:50%; object-fit:cover; border:2px solid var(--green,#3a8f5f); }
.avatar-fallback { width:56px; height:56px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--green,#3a8f5f); color:#fff; font-size:22px; font-weight:600; }

/* 个人中心（工单 10） */
.points-balance { display:flex; align-items:baseline; gap:8px; font-size:15px; margin-bottom:12px; }
.points-balance strong { font-size:34px; color:var(--green,#3a8f5f); line-height:1.1; }
.tx-list { border-top:1px solid var(--line,#e5e5e5); }
.tx-row { display:flex; align-items:center; gap:10px; padding:7px 0; border-bottom:1px solid var(--line,#e5e5e5); font-size:13px; }
.tx-note { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tx-amount { font-weight:600; }
.tx-amount.in { color:var(--green,#3a8f5f); }
.tx-amount.out { color:#b26a00; }
.calendar-wrap { overflow-x:auto; padding-bottom:4px; }
.calendar-grid { display:grid; grid-template-rows:repeat(7,13px); grid-auto-flow:column; gap:3px; width:max-content; }
.cal-day { width:13px; height:13px; border-radius:3px; background:#eceff1; }
.cal-day.l1 { background:#c8e6c9; }
.cal-day.l2 { background:#81c784; }
.cal-day.l3 { background:#43a047; }
.cal-day.l4 { background:#1b5e20; }
.cal-day.today { outline:2px solid #b26a00; outline-offset:0; }

/* 公告横幅（工单 12） */
.ann-banner { display:flex; align-items:flex-start; gap:10px; background:#fff8e1; border:1px solid #f0dfa8; border-radius:10px; padding:10px 14px; margin:14px 0 4px; font-size:13px; line-height:1.6; }
.ann-text { flex:1; }
.ann-close { border:0; background:transparent; font-size:18px; cursor:pointer; color:#8a7a3a; line-height:1; padding:2px 4px; }