/* Helper 站点壳样式（Wave0 最小集；Wave1 G2.A 按 H-4 温暖社区型原型展开） */
:root {
  --ink: #211f1c; --muted: #6e6a62; --paper: #fcfbf9; --card: #fff;
  --line: #e8e4dc; --navy: #1f3a5f; --navy-h: #2a4c7e;
  --serif: "Forefind Han Sans",Georgia, "Times New Roman", "STSong", "SimSun", serif;
}
* { box-sizing: border-box; }
body { margin: 0; font: 14px/1.65 "Forefind Han Sans",-apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: var(--ink); background: var(--paper); }
a { color: var(--navy); text-decoration: none; }
button { font: inherit; cursor: pointer; }
.serif { font-family: "Forefind Han Sans",var(--serif); }
.topbar { height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(24px, calc((100vw - 1180px)/2)); border-bottom: 1px solid var(--line); background: var(--paper); position: sticky; top: 0; z-index: 40; } /* 内容与 page-shell(960) 同宽对齐（2026-09-23） */
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand .logo { height: 26px; width: auto; }
.brand-name { font-family: "Forefind Han Sans",var(--serif); font-size: 16px; font-weight: 600; letter-spacing: 1.5px; }
.brand-name b { font-weight: 600; font-size: 12px; color: var(--muted); }
.slogan { font-family: "Forefind Han Sans",var(--serif); color: var(--navy); font-size: 12px; letter-spacing: 2px; white-space: nowrap; }
/* 界面契约 §0.3.7：固定文案禁句中截断——短口号整条 nowrap；长文案拆 .phrase 短语 span */
.phrase { white-space: nowrap; display: inline-block; }
.foot span { white-space: nowrap; }
.balance-chip { border: 1px solid var(--line); background: var(--card); border-radius: 999px; padding: 7px 12px; font-size: 13px; }
.text-action { padding: 4px; background: none; border: 0; color: var(--muted); font-size: 13px; }
.eyebrow { color: var(--muted); font-size: 11px; font-weight: 600; letter-spacing: .16em; }
.subtle { color: var(--muted); }
.btn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--navy); background: var(--navy); color: #f4f6fa; border-radius: 8px; padding: 9px 16px; font-weight: 600; text-decoration: none; }
.btn.block { width: 100%; }
.btn:disabled { opacity: .48; cursor: not-allowed; }
.foot { padding: 14px 32px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; background: #f0ede7; ;display:flex;align-items:center;justify-content:center;gap:18px; } /* 底部文字居中（2026-09-23） */
.login-shell { min-height: calc(100vh - 60px); display: grid; place-items: center; padding: 24px; }
.login-card { width: min(400px, 100%); background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 32px; }
.login-card h1 { margin: 6px 0 4px; font-size: 22px; }
.field { display: block; margin: 14px 0; }
.field span { display: block; font-size: 13px; color: var(--muted); margin-bottom: 6px; }
.field input { width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; font: inherit; }
.form-message { min-height: 20px; font-size: 13px; color: #b42318; }

/* ---------- Wave1 G2.A：答题对话页（H-4 温暖社区基调：奶油纸面 + 陶土强调） ---------- */
:root {
  --terra: #b45f3c; --terra-h: #c9714b; --terra-soft: #f6ece5;
  --ok: #2e7d5b; --warn: #b54708; --chip: #f4f0ea;
}
.answer-shell { max-width: 760px; margin: 0 auto; padding: 18px 16px 140px; }
.answer-top { display: flex; align-items: center; gap: 12px; padding: 10px 0 14px; }
.answer-top .title { font-family: "Forefind Han Sans",var(--serif); font-size: 17px; font-weight: 600; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.progress-steps { font-size: 12px; color: var(--muted); white-space: nowrap; }
.chat-stream { display: flex; flex-direction: column; gap: 14px; }
.bubble { max-width: 86%; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: var(--card); white-space: pre-wrap; }
.bubble.host { align-self: flex-start; border-top-left-radius: 4px; }
.bubble.user { align-self: flex-end; background: var(--terra-soft); border-color: #e8d5c9; border-top-right-radius: 4px; }
.bubble.sys { align-self: center; background: transparent; border: 0; color: var(--muted); font-size: 12px; text-align: center; }
.qcard { align-self: stretch; border: 1px solid var(--line); border-radius: 12px; background: var(--card); padding: 16px; }
.qcard .qhead { display: flex; align-items: baseline; gap: 8px; }
.qcard .qno { font-size: 12px; font-weight: 700; color: var(--terra); letter-spacing: .08em; }
.qcard .qtype { font-size: 11px; color: var(--muted); border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px; }
.qcard .stem { font-family: "Forefind Han Sans",var(--serif); font-size: 16px; margin: 8px 0 12px; }
.anchored { font-size: 12px; color: var(--muted); margin-bottom: 10px; }
.ai-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--terra); border: 1px solid #e0c4b4; background: #fdf6f1; border-radius: 999px; padding: 1px 8px; cursor: help; }
.option-chips { display: flex; flex-direction: column; gap: 8px; }
.option-chip { text-align: left; border: 1px solid var(--line); background: var(--chip); border-radius: 10px; padding: 10px 14px; transition: border-color .12s; }
.option-chip:hover { border-color: var(--terra); }
.option-chip[aria-pressed="true"] { border-color: var(--terra); background: var(--terra-soft); font-weight: 600; }
.option-chip:disabled { opacity: .55; cursor: not-allowed; }
.scale-chips { display: flex; gap: 8px; align-items: center; }
.scale-chip { flex: 1; border: 1px solid var(--line); background: var(--chip); border-radius: 10px; padding: 10px 0; text-align: center; font-weight: 600; }
.scale-chip[aria-pressed="true"] { border-color: var(--terra); background: var(--terra-soft); }
.scale-anchor { font-size: 11px; color: var(--muted); flex: 1; text-align: center; }
.text-card textarea { width: 100%; min-height: 96px; border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font: inherit; resize: vertical; }
.char-count { font-size: 12px; color: var(--muted); text-align: right; margin-top: 4px; }
.char-count.over { color: #b42318; }
.refusal-row { margin-top: 10px; font-size: 12px; }
.refusal-row button { background: none; border: 0; color: var(--muted); text-decoration: underline; padding: 2px 4px; }
.answer-bar { position: fixed; left: 0; right: 0; bottom: 0; background: var(--paper); border-top: 1px solid var(--line); padding: 12px 16px; display: flex; gap: 10px; justify-content: center; z-index: 30; }
.answer-bar .btn.secondary { background: transparent; color: var(--navy); }
.mood-row { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; padding: 8px 0; }
.mood-row button { font-size: 26px; background: var(--chip); border: 1px solid var(--line); border-radius: 12px; padding: 8px 10px; }
.mood-row button[aria-pressed="true"] { border-color: var(--terra); background: var(--terra-soft); }
.modal-mask { position: fixed; inset: 0; background: rgba(28, 24, 20, .45); display: grid; place-items: center; padding: 16px; z-index: 60; }
.modal-card { width: min(480px, 100%); max-height: 90vh; overflow: auto; background: var(--card); border-radius: 14px; padding: 24px; }
.modal-card h2 { font-family: "Forefind Han Sans",var(--serif); margin: 6px 0 10px; font-size: 20px; }
.fact-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--line); font-size: 13px; }
.fact-row b { font-weight: 600; }
.quota-meter { height: 6px; background: var(--chip); border-radius: 999px; overflow: hidden; margin: 8px 0 2px; }
.quota-meter > i { display: block; height: 100%; background: var(--terra); }
.check-line { display: flex; gap: 8px; align-items: flex-start; margin: 12px 0; font-size: 13px; }
.close-card { text-align: center; padding: 60px 20px; }
.close-card .icon { font-size: 34px; }
.drawer-mask { position: fixed; inset: 0; background: rgba(28, 24, 20, .35); z-index: 50; }
.drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 92vw); background: var(--card); border-left: 1px solid var(--line); z-index: 51; overflow-y: auto; padding: 20px; }
.drawer h3 { font-family: "Forefind Han Sans",var(--serif); margin: 0 0 12px; }
.review-item { border: 1px solid var(--line); border-radius: 10px; padding: 12px; margin-bottom: 10px; }
.review-item .q { font-size: 13px; color: var(--muted); }
.review-item .a { font-size: 14px; margin: 4px 0 8px; }
.review-item .revised { font-size: 11px; color: var(--terra); margin-left: 6px; }
.banner { border: 1px solid #e0c4b4; background: #fdf6f1; color: var(--warn); border-radius: 10px; padding: 8px 12px; font-size: 13px; margin-bottom: 12px; }
.banner.resumed { border-color: var(--line); background: var(--chip); color: var(--muted); }
.done-card { text-align: center; padding: 48px 20px; }
.done-card .big { font-size: 40px; }
.done-card h2 { font-family: "Forefind Han Sans",var(--serif); margin: 10px 0; }
.notice { font-size: 12px; color: var(--muted); margin-top: 14px; }
@media (max-width: 620px) {
  .bubble { max-width: 94%; }
  .answer-shell { padding-bottom: 150px; }
  .scale-chip { padding: 10px 0; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* 审查修复：作者样式 display 不得击穿 hidden 属性（弹窗可控性 P0） */
[hidden] { display: none !important; }
/* K-PROTOTYPE-START: V1-C-H-4.html */
:root{
  --cream:#FBF5EA; --card:#FFFFFF; --line:#EFE5D4; --line2:#E3D5BE;
  --terra:#D97642; --terra-d:#BC5A2E; --terra-bg:#FBEADF; --terra-line:#EFC9B2;
  --sage:#7C9A6D; --sage-d:#5F7F52; --sage-bg:#EDF3E7;
  --honey:#E9B44C; --honey-bg:#FBF0DA;
  --ink:#3D3327; --ink2:#7A6E5D; --ink3:#A79A86;
  --bad:#C05B4D; --bad-bg:#F9EAE6; --warn:#C08A2D; --warn-bg:#FAF0DC;
  --shadow:0 20px 55px rgba(122,88,50,.18);
  --r:20px;
  /* 人像簇五色（原内联硬编码收编） */
  --pf1:#F6C9A8; --pf2:#CFE0C3; --pf3:#F3DFAF; --pf4:#EFC9B2; --pf5:#DCE8D2;
}

:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:4px}
button:not(:disabled):active,.btn:not(:disabled):active{transform:translateY(1px)}
button:disabled{cursor:not-allowed}
[hidden]{display:none!important}
.num,.metric-grid b,.value,.badge,.chip,.chart-row b,.sample-summary,.hbar,.hero-strip{font-variant-numeric:tabular-nums}
input,textarea,select{max-width:100%}
[role=dialog]{max-height:calc(100dvh - 32px);overflow:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:620px){.foot{display:flex;flex-wrap:wrap;gap:4px}.foot span{white-space:normal}.head-actions,.report-actions{flex-wrap:wrap}.page-shell{min-width:0}}

:root{--muted:var(--ink2);--surface:#fff;--card:var(--surface);--paper:var(--cream);--navy:var(--terra);--navy-h:var(--terra-d)} .scale-chip svg{display:block;width:26px;height:26px;margin:0 auto 5px}.qcard,.done-card{height:auto;min-height:0}.ai-badge[role=button]{cursor:pointer}.ai-badge-note{font-size:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--muted)}
/* K-PROTOTYPE-END */

.mood-picker{border:0;padding:0;margin:20px 0;min-width:0}.mood-picker legend{margin-bottom:12px;font-weight:600}.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mood-option{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line);border-radius:12px;padding:12px 4px;background:var(--card);color:var(--ink);font-size:13px}.mood-emoji{font-family:"Forefind Han Sans","Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:28px;line-height:1.3}.mood-option[aria-pressed=true]{border:2px solid var(--terra);padding:11px 3px;background:var(--terra-soft);font-weight:700}.mood-option:disabled{opacity:.7}.mood-option[aria-pressed=true]:disabled{opacity:1}.submit-status{min-height:24px;color:var(--warn);margin:12px 0;scroll-margin-bottom:100px}.mood-picker,#comment{scroll-margin-bottom:100px}
.mood-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.mood-option{position:relative;justify-content:center;min-height:56px}.mood-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);visibility:hidden;pointer-events:none;white-space:nowrap;z-index:10;padding:5px 9px;border-radius:6px;background:var(--ink);color:#fff;font-size:12px;font-weight:400;line-height:1.5}.mood-option:hover .mood-tooltip,.mood-option:focus-visible .mood-tooltip{visibility:visible}
@media(max-width:620px){.mood-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.selected-mood{display:inline-block;margin-left:8px;white-space:nowrap;color:var(--terra);font-weight:500}
/* Helper 三入口共用答题页，桌面及手机布局。 */
.page-shell{max-width:1180px;margin:0 auto;padding:40px 24px} /* 与调研广场同宽（2026-09-23） */.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0}.topbar{height:auto;min-height:64px;gap:16px;padding-top:10px;padding-bottom:10px;padding-left:max(24px, calc((100vw - 1180px)/2));padding-right:max(24px, calc((100vw - 1180px)/2))}.topbar-right{display:flex;align-items:center;gap:12px}.field select,.field textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}.field textarea{min-height:130px}.step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.review-item h3{font-size:15px;font-weight:500}.refusal-row button[aria-pressed=true]{color:var(--terra);font-weight:700;text-decoration:underline}.answer-shell .title{white-space:normal;overflow-wrap:anywhere}.answer-shell{min-height:calc(100vh - 130px)}.btn.secondary{background:transparent;color:var(--navy)}
@media(max-width:620px){.topbar{padding:12px 16px}.brand-name{letter-spacing:0}.topbar-right{gap:8px}.slogan{display:none}.page-shell{padding:24px 16px}.answer-top{align-items:flex-start}.answer-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))}.answer-bar .btn{font-size:13px}.modal-card{padding:20px}.foot{padding:14px 16px}}

/* 共享登录组件（/asker/auth-form.css）Helper 端色彩映射：与答题页/调研广场陶土系一致。
   置于文件末尾（K-PROTOTYPE 之后）——var() 按元素计算值解析恒取最终胜出的 --terra，末尾放置防未来同名 token 声明的顺序事故。 */
:root{--auth-accent:var(--terra);--auth-accent-hover:var(--terra-d);--auth-accent-soft:var(--terra-bg);--auth-on-accent:#fff;--auth-panel-bg:var(--card);--auth-ink:var(--ink);--auth-muted:var(--muted);--auth-line:var(--line2);--auth-danger:var(--bad)}
/* Helper 独立登录页容器（login.html 共享组件 page 变体） */
.login-card{width:min(410px,100%)}
/* 答题页登录弹窗：移动端对齐 Asker modal 底部抽屉形态（.modal-card.au-sheet 特异性 0-2-0 高于上方 [role=dialog] 0-1-0） */
@media(max-width:620px){
 .modal-mask.au-open{display:flex;align-items:flex-end;padding:0}
 .modal-card.au-sheet{width:100%;border-radius:12px 12px 0 0;max-height:calc(100dvh - 24px);padding-bottom:max(20px,env(safe-area-inset-bottom))}
}

/* ---------- 问卷页一体化（2026-09-22）：三阶段信息卡 / 徽章 / 内嵌报告 / 只读题目 / 提交 gating ---------- */
.survey-meta{border:1px solid var(--line2);border-radius:14px;background:var(--card);padding:14px 16px;margin:12px 0 16px;display:grid;gap:8px}
.survey-meta .badge{justify-self:start;font-size:12px;font-weight:600;border-radius:999px;padding:2px 12px;border:1px solid}
.badge.stage-answering{color:var(--sage-d,#5F7F52);background:var(--sage-bg,#EDF3E7);border-color:var(--sage,#7C9A6D)}
.badge.stage-analyzing{color:var(--warn,#C08A2D);background:var(--warn-bg,#FAF0DC);border-color:var(--warn,#C08A2D)}
.badge.stage-concluded{color:var(--terra-d,#BC5A2E);background:var(--terra-bg,#FBEADF);border-color:var(--terra,#D97642)}
.meta-points{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--ink)}
.meta-points b{font-weight:700}
.meta-points span,.meta-count{color:var(--muted)}
.meta-note{margin:0;font-size:12px;color:var(--muted)}
.meta-count{display:flex;gap:14px;font-size:13px}
.meta-quota{margin:0;font-size:12px;color:var(--muted)}
/* 只读题目列表（分析/结案态） */
.ended-list .ended-item{border-bottom:1px dashed var(--line);padding:12px 0}
.ended-list .ended-item:last-child{border-bottom:0}
.ended-item h3{margin:0 0 8px;font-size:15px;font-weight:500}
.ended-item h3 span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.ended-options{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.ended-options li{border:1px solid var(--line);border-radius:8px;background:var(--chip,#f4f0ea);padding:6px 12px;font-size:13px;color:var(--ink)}
/* 内嵌调研分析报告（结案态；结构镜像广场结论卡，色随陶土系） */
.conclusion-card{margin-top:16px}
.conclusion-card .ai-note{display:inline-block;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin-bottom:6px}
.conclusion-card h2{font-size:18px;margin:10px 0 6px}
.conclusion-card h3{font-size:15px;font-weight:600;margin:16px 0 6px}
.conclusion-card p{margin:0 0 8px}
.conclusion-card .revoked{color:var(--muted)}
.conclusion-card .limit{border:1px dashed var(--line2);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--muted);margin-top:12px}
.result-chart{display:grid;gap:6px;margin:8px 0 12px}
.chart-row{display:grid;grid-template-columns:minmax(72px,30%) 1fr;gap:8px;align-items:center;font-size:13px}
.chart-row .chart-label{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chart-row .chart-track{background:var(--chip,#f4f0ea);border-radius:999px;height:14px;overflow:hidden}
.chart-row .chart-track i{display:block;height:100%;background:var(--terra);border-radius:999px}
.chart-row .chart-num{grid-column:2;color:var(--muted);font-size:12px}
/* 提交 gating 提示（按钮下方；与 submitStatus 分工：gating 前置条件 vs 提交过程反馈） */
.submit-hint{margin:8px 0 0;font-size:13px;color:var(--warn);text-align:center}
@media(max-width:620px){
 .survey-meta{padding:12px}
 .meta-count{flex-direction:column;gap:4px}
 .chart-row{grid-template-columns:minmax(64px,34%) 1fr}
}

/* topbar 账户位（2026-09-22 业主优化）：昵称前 avatar / 退出 icon */
.nav-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:-5px;margin-right:5px;border:1px solid var(--line2)}
.nav-avatar-text{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;background:var(--terra);flex:0 0 20px}

/* Helper 首页改版（2026-09-22 业主六点）：topbar 左区/账户链接/条目行 */
.topbar-left{display:inline-flex;align-items:center;gap:14px;min-width:0}
.account-link{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;max-width:14em}
.account-link:visited{color:var(--ink)}
.home-h{font-size:22px;margin:8px 0 4px}
.item-row{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:8px 0}
.item-row h4{margin:0;font-size:14px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-status{font-size:12px;color:var(--muted);flex:0 0 auto}
.panel h3{margin:0 0 6px;font-size:15px}
@media(max-width:620px){.topbar-left{gap:8px}.slogan{display:none}.account-link{max-width:9em}}

/* topbar 布局统一（2026-09-22 业主指令：与调研广场一致——左brand+slogan、中主导航、右账户区） */
.topbar-left{display:inline-flex;align-items:center;gap:14px;min-width:0}
.main-nav{display:flex;align-items:center;gap:4px}
.main-nav a{padding:6px 13px;border-radius:999px;color:var(--muted,#6e6a62);font-size:14px;white-space:nowrap}
.main-nav a:hover{color:var(--ink,#211f1c);background:rgba(0,0,0,.04)}
.main-nav a.active{color:#fff;background:var(--navy,#d97642);font-weight:600}
@media(max-width:820px){.main-nav a{padding:5px 9px;font-size:13px}.topbar-left{gap:8px}}

/* avatar 按钮 + 账户菜单（2026-09-22 业主指令：三端一致） */
.avatar-slot{position:relative}
.avatar-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line2);background:var(--terra);color:#fff;font-weight:600;padding:0;overflow:hidden;cursor:pointer}
.popover{position:absolute;right:0;top:40px;width:190px;padding:8px;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:0 8px 24px rgba(61,51,39,.12);z-index:70}
.popover-head{padding:8px 10px 10px;color:var(--ink2);font-size:13px;border-bottom:1px solid var(--line2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.popover button{width:100%;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.popover button:hover{background:var(--terra-bg)}

/* topbar 右区统一（2026-09-23）：Avatar+昵称整体按钮 */
.avatar-btn{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:30px;padding:0 10px 0 2px;background:var(--card);color:var(--ink)}
.avatar-nick{max-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:var(--ink)}

/* avatar 圆容器包图不包字（2026-09-23） */
.av-circ{display:block;width:26px;height:26px;border-radius:50%;overflow:hidden;flex:0 0 26px;border:1px solid var(--line);background:var(--soft);color:var(--terra-d);font-size:12px;font-weight:600;line-height:26px;text-align:center}
.av-circ img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- topbar 账户按钮统一终版（2026-09-23，三端同规格：白底胶囊+26px圆容器包图+外置昵称） ---------- */
.avatar-btn { display: inline-flex; align-items: center; gap: 7px; width: auto; min-width: 36px; height: 34px; padding: 0 12px 0 4px; background: #fff; color: #3D3327; border: 1px solid #e8e4dc; border-radius: 999px; cursor: pointer; }
.avatar-btn:hover { border-color: #d97642; }
.av-circ { display: block; width: 26px; height: 26px; border-radius: 50%; overflow: hidden; flex: 0 0 26px; background: #f0ede7; }
.av-circ img { display: block; width: 100%; height: 100%; object-fit: cover; }
.avatar-nick { max-width: 8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; color: #3D3327; }

/* 终版规则的移动端收缩（2026-09-23：防止覆盖 620 断点导致 390px 溢出） */
@media (max-width: 620px) {
  .avatar-btn { padding: 0 6px 0 3px; gap: 5px; height: 32px; }
  .avatar-nick { display: none; }
  .balance-chip { padding: 5px 8px; font-size: 12px; }
}

/* ---------- topbar 终态对齐广场（2026-09-23）：nav 靠左 / brand 字体统一 / 右区同一行（积分chip在消息与avatar之间不换行） ---------- */
.topbar { justify-content: flex-start; flex-wrap: nowrap; gap: 20px; }
.topbar .main-nav { margin-left: 6px; }
.topbar .topbar-right { margin-left: auto; flex-wrap: nowrap; gap: 10px; white-space: nowrap; }
.brand-name { font-family: "Forefind Han Sans",-apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 17px; font-weight: 600; letter-spacing: .5px; color: var(--ink); }
.brand-name b { font-weight: 600; font-size: 17px; letter-spacing: .5px; color: var(--ink); }
@media (max-width: 620px) { .topbar { gap: 10px; } .topbar .main-nav { margin-left: 0; } .topbar .main-nav a { padding: 5px 7px; font-size: 12px; } }

/* ---------- brand 终态统一（2026-09-23）：字体/颜色三端一致（陶土品牌色）+ Logo 统一大一号 32px ---------- */
.brand, .brand-name, .brand-name b { font-family: "Forefind Han Sans",-apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 17px; font-weight: 600; letter-spacing: .5px; color: #d97642; }
.brand img, .brand .logo { width: 32px; height: 32px; object-fit: contain; }
.brand { gap: 10px; }

/* 问卷封面（2026-09-23）：答题页头部 + 首页列表行 */
.survey-cover { width: 64px; height: 64px; border-radius: 14px; flex: 0 0 64px; }
.row-cover { width: 40px; height: 40px; border-radius: 10px; flex: 0 0 40px; }

/* 修复：popover 菜单项竖排（button 默认 inline-block 导致「退出登录」与「个人中心」同行，2026-09-24） */
.popover button { display: block; width: 100%; }

/* 我乐意回答的问卷（2026-09-24）：状态筛选tabs + 删除按钮 */
.list-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 6px; }
.list-head h3 { margin: 0; }
.status-tabs { display: flex; gap: 4px; background: var(--chip, #f4f0ea); padding: 4px; border-radius: 10px; flex-wrap: wrap; }
.status-tabs button { border: 0; background: transparent; color: var(--muted); padding: 5px 12px; border-radius: 7px; font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }
.status-tabs button.on { background: var(--card, #fff); color: var(--terra-d); font-weight: 600; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.del-btn { border: 1px solid var(--bad, #C05B4D); background: transparent; color: var(--bad, #C05B4D); border-radius: 7px; padding: 4px 12px; font: inherit; font-size: 13px; cursor: pointer; flex: 0 0 auto; }
.del-btn:hover { background: var(--bad-bg, #F9EAE6); }

.question-hint{font-size:12px;color:var(--muted);margin:14px 0 0}
.question-status{margin:12px 0 0;padding:10px 12px;border:1px solid #c5834e;border-radius:8px;background:#fff3e5;color:#81380d;font-size:13px;line-height:1.6;scroll-margin-block:100px}
.question-status:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.question-status[hidden]{display:none}