:root {
  --qa-cyan: #3bb2c2;
  --qa-cyan-soft: #dff6f9;
  --qa-blue: #01579c;
  --qa-blue-deep: #003b6f;
  --qa-red: #da251d;
  --qa-ink: #132033;
  --qa-muted: #5b6b7c;
  --qa-line: #d7e6ec;
  --qa-bg: #f3fafb;
  --qa-card: #ffffff;
  --qa-shadow: 0 14px 40px rgba(1, 87, 156, 0.08);
  --qa-radius: 12px;
  --qa-max: 1220px;
  --qa-font: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--qa-font);
  color: var(--qa-ink);
  background:
    radial-gradient(circle at top left, rgba(59,178,194,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(1,87,156,.12), transparent 24%),
    linear-gradient(180deg, #f7fcfd 0%, var(--qa-bg) 42%, #eef7f9 100%);
  min-height: 100vh;
}
a { color: var(--qa-blue); text-decoration: none; }
a:hover { color: var(--qa-cyan); }
img { max-width: 100%; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.qa-topbar {
  position: sticky; top: 0; z-index: 40;
  backdrop-filter: blur(14px);
  background: rgba(255,255,255,.86);
  border-bottom: 1px solid rgba(215,230,236,.9);
}
.qa-topbar-inner, .qa-shell, .qa-footer-inner {
  width: min(var(--qa-max), calc(100% - 32px));
  margin: 0 auto;
}
.qa-topbar-inner {
  min-height: 72px;
  display: flex; align-items: center; gap: 18px;
}
.qa-brand {
  display:flex; align-items:center; gap:12px; color: inherit;
  min-width: 180px;
}
.qa-brand img {
  width: 40px; height: 40px; border-radius: 10px;
  box-shadow: 0 8px 18px rgba(1,87,156,.18);
  background: #fff;
}
.qa-brand strong { display:block; font-size: 1.05rem; color: var(--qa-blue-deep); }
.qa-brand small { color: var(--qa-muted); font-size: .78rem; }
.qa-nav { display:flex; gap:8px; flex:1; flex-wrap: wrap; }
.qa-nav-link {
  padding: 8px 12px; border-radius: 999px; color: var(--qa-muted); font-weight: 600;
}
.qa-nav-link:hover, .qa-nav-link.is-active {
  background: var(--qa-cyan-soft); color: var(--qa-blue-deep);
}
.qa-topbar-actions { display:flex; gap:10px; align-items:center; }
.qa-user-chip {
  padding: 8px 12px; border-radius: 999px; background: #eef5f8; color: var(--qa-muted); font-size: .9rem;
}
.qa-btn {
  appearance: none; border: 1px solid var(--qa-line); background: #fff; color: var(--qa-ink);
  border-radius: 10px; padding: 10px 14px; font-weight: 700; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  transition: .18s ease; line-height: 1.2;
}
.qa-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(1,87,156,.08); }
.qa-btn:focus-visible, .qa-tab:focus-visible, .qa-type-chip:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid rgba(59,178,194,.35); outline-offset: 2px;
}
.qa-btn:disabled { opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; }
.qa-btn-primary { background: linear-gradient(135deg, var(--qa-blue), #0277bd); color: #fff; border-color: transparent; }
.qa-btn-secondary { background: var(--qa-cyan-soft); color: var(--qa-blue-deep); border-color: #bfe8ef; }
.qa-btn-accent { background: linear-gradient(135deg, #e53935, var(--qa-red)); color:#fff; border-color: transparent; }
.qa-btn-ghost { background: transparent; }
.qa-btn-danger { color: var(--qa-red); border-color: #f3c0bd; background: #fff5f5; }
.qa-shell { padding: 28px 0 96px; }
.qa-narrow { width: min(860px, calc(100% - 32px)); }
.qa-hero {
  display: grid; grid-template-columns: 1.4fr .9fr; gap: 22px; margin-bottom: 24px;
}
.qa-hero-copy, .qa-hero-panel, .qa-panel, .qa-question-card, .qa-answer-card, .qa-side-card, .qa-guide-card, .qa-announce-card, .qa-report-card, .qa-history-card {
  background: var(--qa-card);
  border: 1px solid rgba(215,230,236,.95);
  border-radius: var(--qa-radius);
  box-shadow: var(--qa-shadow);
}
.qa-hero-copy, .qa-hero-panel, .qa-panel { padding: 28px; }
.qa-kicker {
  display:inline-flex; padding: 6px 10px; border-radius: 999px;
  background: rgba(59,178,194,.12); color: var(--qa-blue); font-weight: 700; font-size: .78rem; letter-spacing: .04em;
}
.qa-hero h1, .qa-panel h1, .qa-question-detail h1 { margin: 12px 0; font-size: clamp(1.6rem, 2vw, 2.3rem); line-height: 1.2; color: var(--qa-blue-deep); }
.qa-hero-desc, .qa-muted, .qa-meta { color: var(--qa-muted); }
.qa-search { display:flex; gap:10px; flex-wrap: wrap; margin-top: 18px; }
.qa-search input, .qa-field input, .qa-field textarea, .qa-field select {
  width: 100%; border: 1px solid var(--qa-line); border-radius: 10px; padding: 12px 14px;
  font: inherit; background: #fbfdfe; color: var(--qa-ink);
}
.qa-search input { flex: 1; min-width: 220px; }
.qa-stat-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:12px; margin-bottom: 16px; }
.qa-stat-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.qa-stat-grid div {
  padding: 14px; border-radius: 10px; background: linear-gradient(180deg, #f4fbfd, #eaf6f9); text-align:center;
}
.qa-stat-grid span { display:block; color: var(--qa-muted); font-size: .82rem; }
.qa-stat-grid strong { font-size: 1.4rem; color: var(--qa-blue-deep); }
.qa-layout { display:grid; grid-template-columns: minmax(0,1fr) 320px; gap: 22px; }
.qa-section-head, .qa-panel-head-row, .qa-editor-head {
  display:flex; align-items:end; justify-content:space-between; gap: 12px; margin-bottom: 14px;
}
.qa-section-head h2, .qa-panel-head h1 { margin: 0; }
.qa-announcements { margin-bottom: 22px; }
.qa-announce-list { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.qa-announce-card, .qa-question-card, .qa-answer-card, .qa-report-card, .qa-history-card { padding: 18px; }
.qa-announce-card.is-pinned, .qa-answer-card.is-accepted, .qa-answer-card.is-pinned {
  border-color: rgba(59,178,194,.55);
  box-shadow: 0 16px 36px rgba(59,178,194,.12);
}
.qa-tabs { display:flex; gap:8px; margin-bottom: 14px; flex-wrap: wrap; }
.qa-tab, .qa-type-chip {
  display:inline-flex; align-items:center; gap:8px; padding: 9px 12px; border-radius: 999px;
  background: #fff; border: 1px solid var(--qa-line); color: var(--qa-muted); font-weight: 700;
}
.qa-tab.is-active, .qa-type-chip.is-active {
  background: linear-gradient(135deg, var(--qa-blue), #0288d1); color:#fff; border-color: transparent;
}
.qa-type-nav { display:flex; gap:8px; flex-wrap: wrap; margin-bottom: 18px; }
.qa-type-chip img, .qa-type-pill img, .qa-mini-types img, .qa-hot-types img { width: 16px; height: 16px; }
.qa-question-list { display:flex; flex-direction: column; gap: 14px; }
.qa-question-main { color: inherit; display:block; }
.qa-question-main h2, .qa-answer-card h3, .qa-answer-card h2 { margin: 8px 0; color: var(--qa-blue-deep); }
.qa-question-main p, .qa-announce-card p { color: var(--qa-muted); line-height: 1.6; }
.qa-question-top, .qa-answer-head, .qa-author-line, .qa-question-foot, .qa-history-top, .qa-report-top {
  display:flex; flex-wrap: wrap; gap: 8px 12px; align-items: center;
}
.qa-question-foot { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--qa-line); color: var(--qa-muted); font-size: .92rem; }
.qa-status, .qa-badge, .qa-type-pill {
  display:inline-flex; align-items:center; gap:6px; border-radius: 999px; padding: 4px 10px; font-size: .78rem; font-weight: 800;
}
.qa-status-open { background: #e3f2fd; color: #0d47a1; }
.qa-status-solved { background: #e8f5e9; color: #1b5e20; }
.qa-status-closed { background: #eceff1; color: #455a64; }
.qa-badge { background: #eef5f8; color: var(--qa-muted); }
.qa-badge-ok { background: #e8f5e9; color: #2e7d32; }
.qa-badge-accent { background: #ffebee; color: var(--qa-red); }
.qa-mini-types { margin-left: auto; display:flex; gap:8px; }
.qa-mini-types span, .qa-hot-types a {
  display:inline-flex; align-items:center; gap:6px; padding: 4px 8px; border-radius: 999px; background: #f3fafc; color: var(--qa-muted);
}
.qa-side { display:flex; flex-direction:column; gap: 14px; }
.qa-side-card, .qa-guide-card { padding: 18px; }
.qa-rule-list { margin: 0; padding-left: 18px; color: var(--qa-muted); line-height: 1.7; }
.qa-hot-types { display:flex; flex-direction: column; gap: 8px; }
.qa-hot-types em { margin-left: auto; font-style: normal; color: var(--qa-blue); font-weight: 800; }
.qa-guide-card { display:none; }
.qa-empty {
  text-align: center; padding: 48px 20px; background: #fff; border-radius: var(--qa-radius); border: 1px dashed var(--qa-line);
}
.qa-empty-soft { box-shadow: none; }
.qa-empty-mark { width: 72px; opacity: .88; margin-bottom: 8px; }
.qa-answers { margin-top: 22px; display:flex; flex-direction:column; gap: 14px; }
.qa-prose { line-height: 1.75; overflow-wrap: anywhere; }
.qa-prose pre, .qa-code-block {
  background: #0f2433; color: #e8f4f8; padding: 14px; border-radius: 10px; overflow:auto;
}
.qa-prose code { background: #eef6f8; padding: 1px 5px; border-radius: 6px; }
.qa-prose pre code { background: transparent; padding: 0; color: inherit; }
.qa-action-bar { display:flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.qa-form, .qa-field { display:flex; flex-direction: column; gap: 8px; }
.qa-form { gap: 16px; }
.qa-field span { font-weight: 700; color: var(--qa-blue-deep); }
.qa-inline-fields { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.qa-form-actions { display:flex; gap: 10px; flex-wrap: wrap; }
.qa-check { display:flex; align-items:center; gap:8px; font-weight: 700; }
.qa-editor-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.qa-preview-panel { min-height: 480px; }
.qa-preview { min-height: 360px; }
.status-pill {
  display:inline-flex; align-items:center; padding: 6px 10px; border-radius: 999px; background:#eef5f8; color:var(--qa-muted); font-weight:700;
}
.status-pill.ok { background:#e8f5e9; color:#2e7d32; }
.status-pill.warn { background:#fff8e1; color:#f57f17; }
.status-pill.err { background:#ffebee; color:#c62828; }
.qa-footer { border-top: 1px solid var(--qa-line); background: rgba(255,255,255,.8); }
.qa-footer-inner { display:flex; justify-content:space-between; gap: 18px; padding: 28px 0; color: var(--qa-muted); }
.qa-footer-links { display:flex; gap: 14px; flex-wrap: wrap; }
.qa-fab {
  position: fixed; right: 18px; bottom: 18px; z-index: 50;
  width: 64px; height: 64px; border-radius: 50%;
  display:none; align-items:center; justify-content:center;
  background: linear-gradient(135deg, var(--qa-blue), var(--qa-cyan)); color:#fff; font-weight: 800;
  box-shadow: 0 16px 30px rgba(1,87,156,.28);
}
.qa-toast-host { position: fixed; right: 16px; bottom: 16px; z-index: 80; display:flex; flex-direction:column; gap:8px; }
.qa-toast {
  min-width: 220px; max-width: 360px; padding: 12px 14px; border-radius: 10px; color:#fff;
  background: rgba(19,32,51,.92); box-shadow: var(--qa-shadow);
}
.qa-toast.ok { background: #1b5e20; }
.qa-toast.err { background: #b71c1c; }
.qa-more { margin-top: 10px; }
.qa-history-list, .qa-report-list { display:flex; flex-direction:column; gap: 12px; }
.qa-text-link { font-weight: 700; }
@media (max-width: 960px) {
  .qa-hero, .qa-layout, .qa-editor-grid, .qa-announce-list, .qa-inline-fields { grid-template-columns: 1fr; }
  .qa-nav { display:none; }
  .qa-fab { display:inline-flex; }
  .qa-topbar-inner { width: min(100% - 20px, var(--qa-max)); }
  .qa-shell, .qa-footer-inner { width: min(100% - 20px, var(--qa-max)); }
  /* keep ask visible */
  .qa-hero-copy, .qa-hero-panel, .qa-panel { padding: 18px; }
  body { overflow-x: hidden; }
}

/* ===== Recommendation feed ===== */
.qa-section-head > div,
.qa-list-head > div { min-width: 0; }
.qa-section-kicker {
  display: block;
  margin-bottom: 4px;
  color: var(--qa-cyan, #21a6a6);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1;
}
.qa-reco-reason {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #5862bf;
  background: #eef0ff;
  font-size: .72rem;
  font-weight: 700;
}
.qa-reco-reason span { color: #e3a52d; }
.qa-follow-card { overflow: hidden; }
.qa-side-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.qa-side-card-head h3 { margin-bottom: 0; }
.qa-follow-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}
.qa-follow-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 31px;
  padding: 5px 9px;
  border: 1px solid rgba(91,103,241,.16);
  border-radius: 999px;
  color: #4e578b;
  background: rgba(255,255,255,.7);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, opacity .16s ease;
}
.qa-follow-tag small { color: #98a0bb; font-size: .7rem; }
.qa-follow-tag:hover,
.qa-follow-tag.is-followed { color: #303baf; border-color: rgba(91,103,241,.42); background: #eef0ff; }
.qa-follow-tag.is-muted { opacity: .58; }
.qa-follow-tag.is-loading { opacity: .56; cursor: wait; }
.qa-follow-note { margin: 12px 0 0; font-size: .78rem; line-height: 1.5; }
.qa-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 3px 8px 3px 4px;
  border: 1px solid rgba(112,121,143,.2);
  border-radius: 999px;
  color: #7a8295;
  background: rgba(255,255,255,.65);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 700;
}
.qa-switch-dot { width: 18px; height: 18px; border-radius: 50%; background: #c8ccd5; transition: background .16s ease, transform .16s ease; }
.qa-switch.is-on { color: #347873; border-color: rgba(62,145,136,.32); background: rgba(231,247,242,.82); }
.qa-switch.is-on .qa-switch-dot { background: #4b9b93; transform: translateX(2px); }
.qa-quality-badge { border: 1px solid rgba(201,145,38,.22); color: #98671e; background: #fff7df; }
.qa-quality-negative { color: #9e4141; border-color: rgba(190,76,76,.3); background: #fff0f0; }
.qa-quality-2 { color: #7b4d18; border-color: rgba(203,127,33,.32); background: #ffedc8; }
.qa-quality-3 { color: #743d0c; border-color: rgba(197,105,17,.44); background: linear-gradient(135deg, #ffe29a, #fff4d3); box-shadow: 0 3px 10px rgba(190,115,21,.15); }
.qa-quality-control { display: inline-flex; align-items: center; gap: 5px; color: var(--qa-muted); font-size: .74rem; }
.qa-quality-control select { min-height: 30px; padding: 4px 24px 4px 7px; border: 1px solid rgba(116,126,142,.22); border-radius: 8px; color: #596174; background: rgba(255,255,255,.84); font: inherit; }
.qa-quality-control.is-saving select { opacity: .62; cursor: wait; }
.qa-quality-save-state { min-width: 3.2em; color: #87909f; font-size: .7rem; font-weight: 600; white-space: nowrap; }
.qa-quality-control.is-saved .qa-quality-save-state { color: #34806e; }
.qa-quality-control.is-error .qa-quality-save-state { color: #bb5555; }
.qa-hot-strip {
  margin: 0 0 18px;
  padding: 17px 18px 18px;
  border: 1px solid rgba(242,174,78,.2);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,250,237,.96), rgba(255,255,255,.78));
  box-shadow: 0 12px 28px rgba(194,132,45,.08);
}
.qa-hot-strip .qa-section-head { margin-bottom: 12px; }
.qa-hot-strip .qa-section-head h2 { margin: 0; font-size: 1.12rem; color: #6f4a23; }
.qa-hot-strip-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}
.qa-hot-strip-card {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(218,160,77,.16);
  border-radius: 14px;
  color: inherit;
  background: rgba(255,255,255,.72);
  text-decoration: none;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.qa-hot-strip-card:hover { transform: translateY(-2px); border-color: rgba(218,160,77,.45); box-shadow: 0 8px 18px rgba(194,132,45,.1); }
.qa-hot-rank { flex: 0 0 auto; color: #d28c27; font-size: .8rem; font-weight: 900; }
.qa-hot-content { display: block; min-width: 0; }
.qa-hot-content strong,
.qa-hot-content small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qa-hot-content strong { color: #4c4054; font-size: .83rem; }
.qa-hot-content small { margin-top: 4px; color: #9a8a84; font-size: .7rem; }
.qa-recommendation-card { position: relative; }
.qa-recommendation-card .qa-question-main { padding-right: 105px; }
.qa-reco-hide {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-height: 24px;
  padding: 2px 5px;
  border: 0;
  border-radius: 7px;
  color: #9aa0b0;
  background: transparent;
  cursor: pointer;
  font-size: .7rem;
  line-height: 1;
  opacity: .72;
  transition: color .16s ease, background .16s ease, opacity .16s ease;
}
.qa-reco-hide:hover,
.qa-reco-hide:focus-visible { color: #697083; background: rgba(108,116,142,.1); opacity: 1; outline: none; }
.qa-reco-hide span { white-space: nowrap; }
.qa-recommendation-card.is-dismissing { opacity: .18; transform: translateY(-4px); transition: opacity .22s ease, transform .22s ease; }

@media (max-width: 1100px) {
  .qa-hot-strip-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .qa-hot-strip { margin-top: 0; padding: 15px; border-radius: 18px; }
  .qa-hot-strip-list {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 3px;
  }
  .qa-hot-strip-card { flex: 0 0 min(76vw, 260px); scroll-snap-align: start; }
  .qa-reco-hide { top: 8px; right: 9px; }
}
@media (max-width: 520px) {
  .qa-hot-strip-list { gap: 8px; }
  .qa-hot-strip-card { flex-basis: 82vw; }
  .qa-reco-reason { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .qa-recommendation-card .qa-question-main { padding-right: 42px; }
  .qa-reco-hide span { display: none; }
  .qa-reco-hide { width: 24px; justify-content: center; padding: 2px; font-size: .86rem; }
}

.qa-meta-subtle,.qa-author-line-subtle{opacity:.62;font-size:.82rem}.qa-author-line-subtle{filter:saturate(.7)}
.qa-answer-interactions{margin-top:18px;padding-top:14px;border-top:1px solid rgba(109,91,72,.12)}
.qa-like-btn{border:1px solid rgba(239,105,113,.24);background:rgba(255,255,255,.58);color:#9a6165;border-radius:999px;padding:7px 13px;cursor:pointer}.qa-like-btn.is-liked{color:#d44955;background:#fff0f1;border-color:#ef8c94}
.qa-comments{margin-top:14px}.qa-comments h4{margin:0 0 10px;font-size:.92rem}.qa-comment-list{display:grid;gap:8px}
.qa-comment{margin-left:min(calc(var(--comment-depth) * 18px),72px);padding:10px 12px;background:rgba(255,255,255,.5);border-left:3px solid rgba(104,169,139,.28);border-radius:10px}.qa-comment.is-collapsed{display:none}.qa-comment>div{display:flex;gap:8px;color:var(--qa-muted);font-size:.76rem}.qa-comment p{margin:5px 0;font-size:.9rem}.qa-comment-reply{border:0;background:none;color:var(--qa-accent);padding:0;cursor:pointer;font-size:.78rem}
.qa-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.qa-comment-form textarea{grid-column:1/2;resize:vertical}.qa-reply-hint{grid-column:1/-1;border:0;background:none;text-align:left;color:var(--qa-accent);cursor:pointer;padding:0}.qa-reply-hint:empty{display:none}
.qa-admin-edit-warning,.qa-admin-audit{padding:12px 15px;border:1px solid rgba(218,145,44,.28);background:rgba(255,238,201,.66);border-radius:14px}.qa-admin-edit-warning p{margin:4px 0 0;color:var(--qa-muted)}
.qa-report-reason{padding:12px 14px;background:rgba(255,225,225,.48);border-radius:12px}.qa-report-reason p{margin:5px 0 0}.qa-report-target{margin:12px 0;padding:14px;border:1px solid rgba(109,91,72,.13);border-radius:14px;background:rgba(255,255,255,.48)}.qa-report-target-head{display:flex;justify-content:space-between;gap:12px}.qa-report-target-head span{color:var(--qa-muted);font-size:.8rem}
@media(max-width:640px){.qa-comment{margin-left:min(calc(var(--comment-depth) * 10px),36px)}.qa-comment-form{grid-template-columns:1fr}.qa-comment-form textarea,.qa-comment-form .qa-btn{grid-column:1}.qa-report-target-head{display:block}.qa-report-target-head span{display:block;margin-top:3px}}

/* Dense content controls: keep management tools available without turning cards into button walls. */
.qa-action-bar{gap:6px;margin-top:12px}
.qa-action-bar .qa-btn{min-height:30px;padding:5px 9px;border-radius:9px;font-size:.78rem;font-weight:720;line-height:1.15;gap:5px;box-shadow:none}
.qa-action-bar .qa-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(59,90,83,.08)}
.qa-manage-actions{padding-top:10px;border-top:1px solid rgba(83,107,99,.10)}

.qa-comment-form textarea{width:100%;min-height:70px;padding:12px 14px;border:1px solid rgba(74,143,136,.24);border-radius:15px;outline:0;resize:vertical;font:inherit;line-height:1.55;color:var(--qa-ink);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(239,249,245,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(62,106,97,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.qa-comment-form textarea::placeholder{color:#879b96}
.qa-comment-form textarea:hover{border-color:rgba(74,143,136,.38);background:rgba(255,255,255,.88)}
.qa-comment-form textarea:focus{border-color:#4d9b92;box-shadow:0 0 0 4px rgba(77,155,146,.12),0 10px 26px rgba(62,106,97,.09)}

.qa-report-original{margin-top:12px}
.qa-report-original>span{display:inline-flex;margin-bottom:7px;padding:3px 8px;border-radius:999px;background:rgba(225,243,237,.78);color:#3d756e;font-size:.72rem;font-weight:800;letter-spacing:.04em}
.qa-report-original pre{max-height:none;margin:0;padding:13px 14px;border:1px solid rgba(76,119,108,.13);border-radius:12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem;line-height:1.65;color:#354b48;background:rgba(255,255,255,.68)}
@media(max-width:640px){.qa-action-bar .qa-btn{min-height:29px;padding:5px 8px;font-size:.75rem}.qa-comment-form textarea{min-height:76px;border-radius:13px}}

.qa-mobile-hero-guide {
  display: none;
}

@media (max-width: 960px) {
  .qa-mobile-hero-guide.qa-guide-soft {
    display: block;
    margin: 15px 0 0;
    padding: 11px 13px;
    border: 1px solid rgba(255, 255, 255, .78);
    border-left: 3px solid #e5a85d;
    border-radius: 12px;
    color: #687875;
    background: rgba(255, 252, 244, .54);
    box-shadow: 0 9px 24px rgba(69, 93, 84, .07);
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
  }

  .qa-mobile-hero-guide strong {
    color: #445d59;
  }

  .qa-mobile-hero-guide a {
    color: #347f7a;
    text-decoration: underline;
    text-decoration-color: rgba(52, 127, 122, .32);
    text-underline-offset: 3px;
  }
}


.qa-btn-ask {
  background: linear-gradient(135deg, #01579c, #0288d1 55%, #3bb2c2);
  color: #fff !important;
  border-color: transparent;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(1, 87, 156, .22);
}
.qa-btn-ask:hover { filter: brightness(1.05); color:#fff !important; }
.qa-btn-ask-lg {
  min-height: 48px;
  padding: 12px 22px;
  font-size: 1.05rem;
}
.qa-btn-sm { padding: 7px 11px; font-size: .88rem; border-radius: 8px; }
.qa-hero-cta { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin: 16px 0 8px; }
.qa-hero-cta-hint { color: var(--qa-muted); font-size: .92rem; }
.qa-hero-note { margin: 0; color: var(--qa-muted); line-height: 1.6; }
.qa-guide-soft {
  margin-top: 10px;
  padding: 8px 0 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--qa-muted);
  font-size: .88rem;
}
.qa-guide-soft p { margin: 0; line-height: 1.55; }
.qa-guide-soft strong { color: #607d8b; font-weight: 700; }
.qa-guide-soft a { font-weight: 700; }
.qa-guest-notice {
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #ffe0b2;
  background: #fff8e1;
  color: #6d4c41;
  font-size: .92rem;
  line-height: 1.5;
}
.qa-guest-notice a { font-weight: 800; }
.qa-req { color: var(--qa-red); font-style: normal; font-size: .8rem; font-weight: 700; }
.qa-optional { color: var(--qa-muted); font-style: normal; font-size: .76rem; font-weight: 650; }
.qa-question-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.qa-question-foot-meta { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; }
.qa-question-foot-actions { margin-left: auto; flex-shrink: 0; }
.qa-editor-status { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.qa-editor-status .status-pill { min-width: 7.5rem; justify-content:center; }
.qa-modal-host[hidden] { display:none !important; }
.qa-modal-host {
  position: fixed; inset: 0; z-index: 90;
  display: flex; align-items: center; justify-content: center;
  background: rgba(15, 28, 42, .45);
  padding: 16px;
}
.qa-modal {
  width: min(440px, 100%);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 24px 48px rgba(0,0,0,.18);
  padding: 18px;
}
.qa-modal h3 { margin: 0 0 8px; color: var(--qa-blue-deep); }
.qa-modal p { margin: 0 0 12px; color: var(--qa-muted); }
.qa-modal textarea {
  width: 100%; min-height: 110px; border: 1px solid var(--qa-line);
  border-radius: 10px; padding: 10px 12px; font: inherit; resize: vertical;
}
.qa-modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top: 12px; }
@media (max-width: 960px) {
  .qa-question-foot { align-items: flex-start; flex-direction: column; }
  .qa-question-foot-actions { margin-left: 0; width: 100%; }
  .qa-question-foot-actions .qa-btn { width: 100%; }
  .qa-topbar-actions .qa-btn-ask { display:inline-flex; }
}



.qa-title-cat-icon {
  width: 22px; height: 22px; vertical-align: -4px; margin-right: 8px;
  border-radius: 6px; background: #eef7fa;
}
.qa-question-main h2 { display: flex; align-items: flex-start; gap: 0; line-height: 1.35; }
.qa-list-head {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap: 10px; margin: 8px 0 14px;
}
.qa-list-title { margin: 0; color: var(--qa-blue-deep); font-size: 1.15rem; }
.qa-list-meta { display:flex; flex-wrap:wrap; gap: 8px; align-items:center; }
.qa-home-search {
  display:flex; gap: 10px; margin-top: 14px; flex-wrap: wrap;
}
.qa-home-search input {
  flex: 1 1 220px; min-width: 0;
  border: 1px solid var(--qa-line); border-radius: 10px;
  padding: 12px 14px; font: inherit; background: #fbfdfe;
}
.qa-question-foot-meta { flex: 1; min-width: 0; }
.qa-question-foot-actions { margin-left: auto; display:flex; gap: 8px; flex-wrap: wrap; }
.qa-desktop-cta { display:flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }

/* ---- round3 layout: filters always in side ---- */
.qa-layout-side-filters {
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: start;
}
.qa-side-filters { position: sticky; top: 84px; }
.qa-tabs-stack, .qa-type-nav-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.qa-tabs-stack .qa-tab,
.qa-type-nav-stack .qa-type-chip {
  width: 100%;
  justify-content: flex-start;
}
.qa-hero-compact { grid-template-columns: 1.5fr .85fr; margin-bottom: 18px; }
.qa-hero-note { margin: 10px 0 0; color: var(--qa-muted); line-height: 1.7; font-size: .95rem; }
.qa-hero-note strong { color: var(--qa-blue-deep); }
.qa-answer-previews {
  margin: 0 16px 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.qa-answer-preview {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f5fbfc;
  border: 1px solid #e2eef2;
  color: inherit;
}
.qa-answer-preview strong {
  grid-column: 2;
  color: var(--qa-blue-deep);
  font-size: .92rem;
}
.qa-answer-preview {
  position: relative;
}
.qa-answer-preview-head {
  display: block;
  grid-column: 1 / -1;
  color: inherit;
  text-decoration: none;
}
.qa-answer-preview-head:hover strong {
  text-decoration: underline;
}
.qa-answer-preview > span:last-child,
.qa-answer-preview-body,
.qa-answer-preview-hit,
.qa-answer-expand-btn,
.qa-answer-preview-morelink {
  grid-column: 1 / -1;
}
.qa-answer-preview-body {
  color: var(--qa-muted);
  font-size: .9rem;
  line-height: 1.58;
  max-height: 20em;
  overflow: hidden;
  position: relative;
}
.qa-answer-preview.is-overflowing:not(.is-expanded) .qa-answer-preview-body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.4em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(245,251,252,.96) 70%);
}
.qa-answer-preview.is-expanded .qa-answer-preview-body {
  max-height: none;
  overflow: visible;
}
.qa-answer-preview.is-expanded .qa-answer-preview-body::after {
  display: none;
}
.qa-answer-preview-body .plain-content,
.qa-answer-preview-body .render-content {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.qa-answer-preview-body p,
.qa-answer-preview-body ul,
.qa-answer-preview-body ol {
  margin: 0 0 .35em;
}
.qa-answer-preview-body p:last-child,
.qa-answer-preview-body ul:last-child,
.qa-answer-preview-body ol:last-child {
  margin-bottom: 0;
}
.qa-answer-preview-body h1,
.qa-answer-preview-body h2,
.qa-answer-preview-body h3,
.qa-answer-preview-body h4 {
  margin: 0 0 .28em;
  font-size: 1em;
  line-height: 1.4;
  color: inherit;
}
.qa-answer-preview-body pre {
  max-height: 10em;
  overflow: auto;
  margin: .25em 0;
  font-size: .82em;
}
.qa-answer-preview.is-expanded .qa-answer-preview-body pre {
  max-height: none;
}
.qa-answer-preview-hit {
  color: var(--qa-muted);
  font-size: .86rem;
}
.qa-answer-expand-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: #2f7f7a;
  font: inherit;
  font-size: .86rem;
  font-weight: 800;
  padding: 2px 0 0;
  margin: 0;
  cursor: pointer;
  text-align: left;
  width: fit-content;
}
.qa-answer-expand-btn:hover {
  color: #1f5f5b;
  text-decoration: underline;
}
.qa-answer-preview-morelink {
  display: none;
  margin-top: 2px;
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  font-size: .84rem;
  font-weight: 700;
  color: #496b68;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}
.qa-answer-preview.is-expanded .qa-answer-preview-morelink {
  display: inline-flex;
}
.qa-answer-more {
  display: inline-flex;
  margin: 0 16px 8px;
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--qa-blue-deep);
  font-family: inherit;
  font-size: .9rem;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
.qa-search-page {
  display: grid;
  grid-template-columns: 1fr 140px 120px 140px auto auto;
  gap: 10px;
  align-items: center;
}
.qa-search-page input,
.qa-search-page select {
  width: 100%;
  border: 1px solid var(--qa-line);
  border-radius: 10px;
  padding: 12px 14px;
  font: inherit;
  background: #fbfdfe;
}
.qa-search-count { color: var(--qa-muted); margin: 0 0 12px; }
.qa-search-hit {
  background: #fff3a3;
  color: inherit;
  padding: 0 .12em;
  border-radius: 3px;
}
.qa-editor-grid[data-preview="0"] { grid-template-columns: 1fr; }
.qa-editor-grid[data-preview="1"] { grid-template-columns: 1fr 1fr; }
.qa-preview-panel[hidden] { display: none !important; }

@media (max-width: 960px) {
  .qa-layout-side-filters {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .qa-side-filters {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .qa-side-filters .qa-guide-soft {
    grid-column: 1 / -1;
  }
  .qa-side-card {
    padding: 12px;
  }
  .qa-side-card h3 {
    margin: 0 0 8px;
    font-size: .95rem;
  }
  .qa-tabs-stack, .qa-type-nav-stack {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
  }
  .qa-tabs-stack .qa-tab,
  .qa-type-nav-stack .qa-type-chip {
    width: auto;
    padding: 7px 10px;
    font-size: .82rem;
  }
  .qa-hero, .qa-hero-compact {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .qa-hero-copy, .qa-hero-panel, .qa-panel, .qa-question-card {
    padding: 14px;
  }
  .qa-hero h1 { font-size: 1.45rem; margin: 8px 0; }
  .qa-hero-cta { gap: 8px; margin: 12px 0 0; }
  .qa-btn-ask-lg { min-height: 44px; width: 100%; }
  .qa-hero-cta .qa-btn-secondary { width: 100%; }
  .qa-stat-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .qa-stat-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .qa-stat-grid div { padding: 10px 6px; }
  .qa-stat-grid strong { font-size: 1.1rem; }
  .qa-announce-list { grid-template-columns: 1fr; gap: 10px; }
  .qa-answer-previews { margin: 0 0 6px; }
  .qa-answer-more { margin: 0 0 8px; }
  .qa-question-foot {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .qa-question-foot-actions .qa-btn { width: 100%; }
  .qa-topbar-inner {
    min-height: 60px;
    gap: 8px;
    flex-wrap: wrap;
  }
  .qa-brand { min-width: 0; flex: 1; }
  .qa-brand small { display: none; }
  .qa-topbar-actions { gap: 6px; }
  .qa-topbar-actions .qa-btn-ask {
    display: inline-flex;
    padding: 8px 12px;
    font-size: .9rem;
  }
  .qa-user-chip, .qa-topbar-actions .qa-btn-ghost {
    padding: 8px 10px;
    font-size: .85rem;
  }
  .qa-fab { right: 14px; bottom: 14px; width: 56px; height: 56px; }
  .qa-search-page {
    grid-template-columns: 1fr;
  }
  .qa-editor-grid[data-preview="1"] { grid-template-columns: 1fr; }
  .qa-inline-fields { grid-template-columns: 1fr; }
  .qa-form-actions .qa-btn { flex: 1; }
  body { padding-bottom: 12px; }
}
@media (max-width: 520px) {
  .qa-side-filters { grid-template-columns: 1fr; }
  .qa-shell, .qa-footer-inner, .qa-topbar-inner, .qa-narrow {
    width: min(100% - 16px, var(--qa-max));
  }
  .qa-question-main h2 { font-size: 1.05rem; }
  .qa-meta { font-size: .8rem; }
}



/* ===== Left filter drawer ===== */
.qa-shell-with-drawer {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
.qa-main-column { min-width: 0; }
.qa-drawer {
  position: sticky;
  top: 84px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: calc(100vh - 100px);
  overflow: auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  z-index: 20;
}
.qa-drawer-head {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 2px 8px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}
.qa-drawer-head strong { color: var(--qa-blue-deep); }
.qa-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.qa-drawer-mask {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 60;
  background: rgba(10, 24, 40, .42);
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.qa-mobile-toolbar {
  display: none;
  grid-template-columns: auto 1fr;
  gap: 8px;
  margin-bottom: 12px;
  position: sticky;
  top: 64px;
  z-index: 30;
  padding: 8px 0;
  background: linear-gradient(180deg, rgba(243,250,251,.97), rgba(243,250,251,.9));
  backdrop-filter: blur(8px);
}
.qa-mobile-toolbar .qa-btn-ask { justify-content: center; }
body.qa-drawer-open { overflow: hidden; }

/* hide legacy right-panel remnants */
.qa-mobile-sticky-ask,
.qa-mobile-filter-summary,
.qa-mobile-panel,
.qa-mobile-panel-mask,
.qa-mobile-panel-toggle { display: none !important; }

@media (max-width: 960px) {
  .qa-shell-with-drawer {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .qa-mobile-toolbar { display: grid; }
  .qa-desktop-cta { display: none !important; }
  .qa-hero-panel { display: none !important; } /* stats/guide -> drawer on small screens */
  .qa-drawer {
    position: fixed;
    top: 0; left: 0; bottom: 0;
    width: min(300px, 86vw);
    max-height: none;
    margin: 0;
    padding: 14px;
    background: #fff;
    box-shadow: 12px 0 40px rgba(1, 87, 156, .18);
    transform: translateX(-105%);
    transition: transform .22s ease;
    z-index: 70;
    overflow: auto;
    border-radius: 0;
  }
  body.qa-drawer-open .qa-drawer {
    transform: translateX(0);
  }
  .qa-drawer-head { display: flex; }
  .qa-drawer-mask {
    display: block;
  }
  .qa-drawer-mask[hidden] {
    display: none !important;
  }
  .qa-tabs-stack,
  .qa-type-nav-stack {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .qa-tabs-stack .qa-tab,
  .qa-type-nav-stack .qa-type-chip {
    width: 100%;
    justify-content: flex-start;
  }
  .qa-fab { display: none; }
  .qa-topbar-actions .qa-mobile-panel-toggle { display: none !important; }
}

@media (min-width: 961px) {
  .qa-mobile-toolbar { display: none !important; }
  .qa-drawer-mask { display: none !important; }
  .qa-drawer-close { display: none !important; }
  .qa-drawer-head { display: none !important; }
}

/* ==========================================================================
   Vibrant campus refresh
   ========================================================================== */
:root {
  --qa-cyan: #21c7c7;
  --qa-cyan-soft: #e7fbfb;
  --qa-blue: #5b67f1;
  --qa-blue-deep: #24305e;
  --qa-red: #f05270;
  --qa-ink: #222a46;
  --qa-muted: #69718d;
  --qa-line: #e4e8f5;
  --qa-bg: #f7f8ff;
  --qa-card: rgba(255, 255, 255, .94);
  --qa-purple: #8567f7;
  --qa-purple-soft: #f0ebff;
  --qa-pink: #ff79a7;
  --qa-orange: #ff9b5c;
  --qa-yellow: #ffd75e;
  --qa-green: #3ccf91;
  --qa-shadow: 0 18px 50px rgba(73, 75, 142, .11), 0 3px 12px rgba(73, 75, 142, .05);
  --qa-shadow-hover: 0 24px 58px rgba(83, 86, 174, .17), 0 8px 20px rgba(83, 86, 174, .08);
  --qa-radius: 20px;
  --qa-max: 1240px;
}

html { scroll-behavior: smooth; }
body {
  position: relative;
  background:
    radial-gradient(circle at 8% 6%, rgba(255, 211, 92, .22), transparent 20rem),
    radial-gradient(circle at 92% 10%, rgba(133, 103, 247, .20), transparent 24rem),
    radial-gradient(circle at 78% 72%, rgba(33, 199, 199, .13), transparent 28rem),
    linear-gradient(145deg, #fffdf8 0%, #f8f7ff 38%, #f4fbff 68%, #fff8fb 100%);
  background-attachment: fixed;
  letter-spacing: .01em;
}
body::before,
body::after {
  content: "";
  position: fixed;
  z-index: -1;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(1px);
}
body::before {
  width: 190px;
  height: 190px;
  left: -90px;
  top: 38%;
  background: linear-gradient(135deg, rgba(255,121,167,.13), rgba(255,215,94,.11));
}
body::after {
  width: 240px;
  height: 240px;
  right: -130px;
  bottom: 8%;
  background: linear-gradient(135deg, rgba(91,103,241,.12), rgba(33,199,199,.10));
}

::selection { color: #fff; background: var(--qa-purple); }
a { transition: color .2s ease, opacity .2s ease; }

.qa-topbar {
  background: rgba(255, 255, 255, .76);
  border-bottom: 1px solid rgba(228, 232, 245, .78);
  box-shadow: 0 8px 30px rgba(77, 81, 150, .06);
  backdrop-filter: blur(22px) saturate(150%);
}
.qa-topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  opacity: .5;
  background: linear-gradient(90deg, transparent, var(--qa-yellow), var(--qa-pink), var(--qa-purple), var(--qa-cyan), transparent);
}
.qa-topbar-inner { min-height: 76px; gap: 24px; }
.qa-brand { min-width: 200px; gap: 12px; }
.qa-brand img {
  width: 44px;
  height: 44px;
  padding: 2px;
  border-radius: 14px;
  background: linear-gradient(145deg, #fff, #eef0ff);
  box-shadow: 0 10px 24px rgba(91, 103, 241, .2);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}
.qa-brand:hover img { transform: rotate(-5deg) scale(1.06); box-shadow: 0 13px 28px rgba(91, 103, 241, .28); }
.qa-brand strong { color: var(--qa-blue-deep); font-size: 1.08rem; letter-spacing: .02em; }
.qa-brand small { color: #858ca6; letter-spacing: .05em; }
.qa-nav { gap: 6px; }
.qa-nav-link {
  position: relative;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  padding: 9px 13px;
  color: #68708c;
  border: 1px solid transparent;
  font-weight: 700;
}
.qa-nav-icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 1rem;
  color: var(--qa-purple);
  transition: transform .22s ease;
}
.qa-nav-link:hover,
.qa-nav-link.is-active {
  color: var(--qa-blue-deep);
  border-color: #e4e3ff;
  background: linear-gradient(135deg, #f5f2ff, #edfbff);
  box-shadow: 0 7px 18px rgba(91,103,241,.08);
}
.qa-nav-link:hover .qa-nav-icon { transform: translateY(-2px) scale(1.1); }
.qa-nav-link.is-active::after {
  content: "";
  position: absolute;
  left: 28%;
  right: 28%;
  bottom: -6px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--qa-pink), var(--qa-purple), var(--qa-cyan));
}
.qa-user-chip {
  color: #555e7c;
  border: 1px solid #e5e8f5;
  background: rgba(248, 249, 255, .9);
}

.qa-btn {
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 13px;
  border-color: #e1e5f2;
  box-shadow: 0 4px 12px rgba(69,72,132,.04);
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}
.qa-btn:hover {
  transform: translateY(-2px);
  border-color: #d5d8ed;
  box-shadow: 0 11px 24px rgba(73,75,142,.12);
}
.qa-btn:active { transform: translateY(0) scale(.98); }
.qa-btn-primary,
.qa-btn-ask {
  position: relative;
  overflow: hidden;
  border-color: transparent;
  color: #fff !important;
  background: linear-gradient(135deg, #6f60ec 0%, #526ff4 52%, #21bfc8 115%);
  box-shadow: 0 11px 25px rgba(91,103,241,.25);
}
.qa-btn-primary::after,
.qa-btn-ask::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -60%;
  width: 46%;
  height: 220%;
  transform: rotate(28deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  transition: left .55s ease;
}
.qa-btn-primary:hover::after,
.qa-btn-ask:hover::after { left: 125%; }
.qa-btn-primary:hover,
.qa-btn-ask:hover { filter: saturate(1.1) brightness(1.04); box-shadow: 0 15px 31px rgba(91,103,241,.31); }
.qa-btn-secondary {
  color: #4c4fa5;
  border-color: #ddd9ff;
  background: linear-gradient(135deg, #f1edff, #e8fbfb);
}
.qa-btn-ghost { background: rgba(255,255,255,.58); }
.qa-btn-danger { color: #df4265; border-color: #ffd2de; background: #fff4f7; }
.qa-btn-sm { min-height: 36px; border-radius: 11px; }
.qa-btn-ask-lg { min-height: 52px; padding-inline: 23px; }

.qa-shell { padding-top: 34px; }
.qa-hero-copy,
.qa-hero-panel,
.qa-panel,
.qa-question-card,
.qa-answer-card,
.qa-side-card,
.qa-guide-card,
.qa-announce-card,
.qa-report-card,
.qa-history-card {
  border: 1px solid transparent;
  background:
    linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.94)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(135,114,242,.18), rgba(33,199,199,.17)) border-box;
  border-radius: var(--qa-radius);
  box-shadow: var(--qa-shadow);
}
.qa-panel { overflow: hidden; }
.qa-panel-head,
.qa-editor-head { position: relative; }
.qa-panel-head h1,
.qa-editor-head h1 {
  color: var(--qa-blue-deep);
  letter-spacing: -.02em;
}
.qa-panel-head h1::after,
.qa-editor-head h1::after {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--qa-pink), var(--qa-purple), var(--qa-cyan));
}

.qa-hero { gap: 18px; }
.qa-hero-copy {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 335px;
  padding: 34px 38px;
  background:
    linear-gradient(125deg, rgba(255,255,255,.97), rgba(251,248,255,.94) 52%, rgba(237,251,255,.92)) padding-box,
    linear-gradient(135deg, rgba(255,121,167,.38), rgba(133,103,247,.34), rgba(33,199,199,.34)) border-box;
}
.qa-hero-copy::after {
  content: "?";
  position: absolute;
  z-index: -1;
  right: 28px;
  top: -42px;
  font-size: 13rem;
  line-height: 1;
  font-weight: 900;
  color: rgba(112, 97, 235, .045);
  transform: rotate(9deg);
}
.qa-hero-orbs { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.qa-hero-orbs i { position: absolute; display: block; border-radius: 999px; animation: qa-float 6s ease-in-out infinite; }
.qa-hero-orbs i:nth-child(1) { width: 48px; height: 48px; top: 26px; right: 90px; background: linear-gradient(135deg, rgba(255,215,94,.75), rgba(255,155,92,.55)); }
.qa-hero-orbs i:nth-child(2) { width: 24px; height: 24px; bottom: 42px; right: 44px; background: linear-gradient(135deg, rgba(255,121,167,.58), rgba(133,103,247,.5)); animation-delay: -2s; }
.qa-hero-orbs i:nth-child(3) { width: 15px; height: 15px; top: 86px; left: 46%; background: var(--qa-cyan); opacity: .4; animation-delay: -4s; }
@keyframes qa-float { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-11px) rotate(8deg); } }
.qa-kicker {
  gap: 6px;
  padding: 7px 12px;
  color: #6655d5;
  border: 1px solid #ded8ff;
  background: linear-gradient(135deg, #f3efff, #effcfc);
  box-shadow: 0 7px 16px rgba(103,87,213,.08);
}
.qa-kicker span { color: var(--qa-orange); }
.qa-hero h1 {
  max-width: 650px;
  margin: 16px 0 12px;
  color: var(--qa-blue-deep);
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.16;
  letter-spacing: -.045em;
}
.qa-hero h1 span {
  color: transparent;
  background: linear-gradient(90deg, #725fe7 0%, #4c75ef 48%, #21b7bd 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.qa-hero-note { max-width: 620px; color: #6d7490; font-size: 1rem; }
.qa-hero-cta { margin-top: 19px; }
.qa-home-search {
  max-width: 660px;
  gap: 8px;
  padding: 7px;
  border: 1px solid rgba(216,216,239,.9);
  border-radius: 17px;
  background: rgba(255,255,255,.85);
  box-shadow: 0 12px 26px rgba(64,67,128,.09);
}
.qa-home-search input { border: 0; background: transparent; box-shadow: none; }
.qa-home-search input:focus { outline: 0; }
.qa-home-search .qa-btn { min-height: 44px; }
.qa-quick-topics { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-top: 12px; color: #8b91a7; font-size: .84rem; }
.qa-quick-topics a { padding: 4px 9px; border-radius: 999px; color: #636a86; background: rgba(255,255,255,.75); border: 1px solid #e8e8f5; }
.qa-quick-topics a:hover { color: #6253d5; border-color: #dcd6ff; transform: translateY(-1px); }
.qa-hero-panel {
  position: relative;
  overflow: hidden;
  padding: 26px;
  background:
    linear-gradient(145deg, rgba(245,242,255,.96), rgba(238,252,252,.95)) padding-box,
    linear-gradient(135deg, rgba(133,103,247,.25), rgba(33,199,199,.3)) border-box;
}
.qa-hero-panel::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  right: -80px;
  bottom: -86px;
  border: 25px solid rgba(255,255,255,.65);
  border-radius: 50%;
}
.qa-stat-grid { position: relative; z-index: 1; gap: 10px; }
.qa-stat-grid div {
  padding: 16px 8px;
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 15px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 8px 22px rgba(82,83,145,.07);
}
.qa-stat-grid div:nth-child(1) strong { color: #6759dc; }
.qa-stat-grid div:nth-child(2) strong { color: #e4527f; }
.qa-stat-grid div:nth-child(3) strong { color: #16a7ae; }
.qa-stat-grid strong { font-size: 1.55rem; }

.qa-section-head { margin-bottom: 15px; }
.qa-section-head h2,
.qa-list-title { color: var(--qa-blue-deep); letter-spacing: -.015em; }
.qa-section-head > a,
.qa-text-link { color: #655bd2; }
.qa-announce-list { gap: 15px; }
.qa-announce-card,
.qa-question-card,
.qa-answer-card {
  position: relative;
  overflow: hidden;
}
.qa-announce-card::before,
.qa-question-card::before,
.qa-answer-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(240px circle at var(--qa-pointer-x, 50%) var(--qa-pointer-y, 30%), rgba(116,100,238,.09), transparent 72%);
  transition: opacity .25s ease;
}
.qa-announce-card:hover::before,
.qa-question-card:hover::before,
.qa-answer-card:hover::before { opacity: 1; }
.qa-announce-card > *,
.qa-question-card > *,
.qa-answer-card > * { position: relative; z-index: 1; }
.qa-announce-card { padding: 20px; transition: transform .25s ease, box-shadow .25s ease; }
.qa-announce-card:hover { transform: translateY(-4px); box-shadow: var(--qa-shadow-hover); }
.qa-announce-card:nth-child(3n+1) { border-top: 3px solid #7a68ec; }
.qa-announce-card:nth-child(3n+2) { border-top: 3px solid #22bfc2; }
.qa-announce-card:nth-child(3n) { border-top: 3px solid #ff8aab; }
.qa-announce-card h3 { margin: 12px 0 7px; color: var(--qa-blue-deep); }

.qa-list-head {
  margin: 12px 0 16px;
  padding: 0 4px;
}
.qa-list-title { font-size: 1.24rem; }
.qa-question-list { gap: 15px; }
.qa-question-card {
  padding: 0;
  transition: transform .26s cubic-bezier(.2,.8,.2,1), box-shadow .26s ease, border-color .26s ease;
}
.qa-question-card:hover { transform: translateY(-4px); box-shadow: var(--qa-shadow-hover); }
.qa-question-main { padding: 21px 22px 13px; }
.qa-question-main h2 {
  margin: 12px 0 8px;
  color: #29335e;
  font-size: 1.2rem;
  transition: color .2s ease;
}
.qa-question-card:hover .qa-question-main h2 { color: #5d56ca; }
.qa-question-main p { margin-bottom: 3px; color: #737b94; }
.qa-title-cat-icon {
  width: 27px;
  height: 27px;
  margin-right: 10px;
  padding: 4px;
  border-radius: 9px;
  background: linear-gradient(135deg, #f1edff, #e6fbfb);
  box-shadow: 0 5px 12px rgba(91,103,241,.1);
}
.qa-answer-previews { margin: 1px 14px 8px; }
.qa-answer-preview {
  padding: 11px 13px;
  border-color: #e9e8f5;
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(248,247,255,.94), rgba(242,252,252,.9));
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.qa-answer-preview:hover { transform: translateX(3px); border-color: #d9d4ff; background: linear-gradient(135deg, #f4f1ff, #ecfbfb); }
.qa-answer-preview strong { color: #4f5489; }
.qa-question-foot {
  margin-top: 9px;
  padding: 13px 20px 16px;
  border-top: 1px solid #eceef7;
  background: linear-gradient(90deg, rgba(250,250,255,.88), rgba(246,252,253,.72));
}
.qa-status,
.qa-badge,
.qa-type-pill { padding: 5px 10px; letter-spacing: .01em; }
.qa-status-open { color: #4b56c7; background: #ececff; }
.qa-status-solved,
.qa-badge-ok { color: #16845d; background: #e4f9f0; }
.qa-status-closed { color: #69718d; background: #eef0f6; }
.qa-badge { color: #67708c; background: #f0f2f8; }
.qa-badge-accent { color: #d8446e; background: #ffe9f0; }
.qa-type-pill { color: #5a58a0; background: #f0edff; }

.qa-drawer { scrollbar-width: thin; scrollbar-color: #d9d5f5 transparent; }
.qa-drawer-body { gap: 14px; }
.qa-side-card { padding: 19px; box-shadow: 0 12px 34px rgba(73,75,142,.08); }
.qa-side-card h3 { margin: 0 0 13px; color: #343d68; font-size: 1rem; }
.qa-tabs-stack,
.qa-type-nav-stack { gap: 7px; }
.qa-tab,
.qa-type-chip {
  min-height: 40px;
  border-color: transparent;
  color: #69718d;
  background: transparent;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.qa-tab:hover,
.qa-type-chip:hover { transform: translateX(3px); color: #5b52c9; background: #f4f1ff; }
.qa-tab.is-active,
.qa-type-chip.is-active {
  color: #fff;
  background: linear-gradient(100deg, #7563e9, #5b70ef 58%, #32bdc3);
  box-shadow: 0 9px 20px rgba(91,103,241,.22);
}
.qa-rule-list { color: #727990; }
.qa-guide-soft { color: #7c839b; }
.qa-guide-soft a { color: #5d58c8; }

.qa-search:not(.qa-home-search) input,
.qa-search select,
.qa-field input,
.qa-field textarea,
.qa-field select,
.qa-modal textarea {
  border: 1px solid #e1e4f1;
  border-radius: 13px;
  color: var(--qa-ink);
  background: rgba(250,251,255,.9);
  box-shadow: inset 0 1px 2px rgba(62,65,116,.03);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.qa-search:not(.qa-home-search) input:focus,
.qa-search select:focus,
.qa-field input:focus,
.qa-field textarea:focus,
.qa-field select:focus,
.qa-modal textarea:focus {
  outline: 0;
  border-color: #9d91f0;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(112,96,236,.11), 0 7px 16px rgba(75,77,142,.07);
}
.qa-field textarea { line-height: 1.7; resize: vertical; }
.qa-field span { color: #3b446d; }
.qa-check input { width: 17px; height: 17px; accent-color: var(--qa-purple); }
.qa-more {
  padding: 12px 14px;
  border: 1px solid #e8e9f4;
  border-radius: 14px;
  background: #fafaff;
}
.qa-more summary { color: #5b6083; font-weight: 750; cursor: pointer; }
.qa-guest-notice {
  border-color: #ffe2b3;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff9e9, #fff4ef);
}
.qa-editor-head {
  align-items: center;
  padding: 22px 25px;
  border: 1px solid rgba(226,226,243,.9);
  border-radius: var(--qa-radius);
  background: rgba(255,255,255,.82);
  box-shadow: var(--qa-shadow);
  backdrop-filter: blur(12px);
}
.qa-editor-head h1 { margin: 0; }
.qa-editor-grid { margin-top: 17px; }
.qa-preview-panel { background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,251,255,.95)) padding-box; }
.qa-answer-card,
.qa-history-card,
.qa-report-card { padding: 22px; }
.qa-answer-card { transition: transform .24s ease, box-shadow .24s ease; }
.qa-answer-card:hover { transform: translateY(-2px); box-shadow: var(--qa-shadow-hover); }
.qa-answer-card.is-accepted { border-left: 4px solid var(--qa-green); }
.qa-answer-card.is-pinned,
.qa-announce-card.is-pinned { border-left: 4px solid var(--qa-pink); }
.qa-prose { color: #343c5b; }
.qa-prose blockquote { margin: 1em 0; padding: .65em 1em; border-left: 4px solid #8a79ed; border-radius: 0 11px 11px 0; color: #5f6683; background: #f5f2ff; }
.qa-prose pre,
.qa-code-block { border-radius: 14px; background: #252a46; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.qa-prose code { color: #6554cb; background: #f1eeff; }

.qa-empty {
  border: 1px dashed #d9d7ed;
  border-radius: var(--qa-radius);
  background: rgba(255,255,255,.78);
  box-shadow: 0 16px 44px rgba(73,75,142,.07);
}
.qa-empty-mark { filter: drop-shadow(0 9px 15px rgba(91,103,241,.18)); animation: qa-float 5s ease-in-out infinite; }
.qa-search-hit { padding: 0 .18em; border-radius: 4px; background: #fff0a8; box-shadow: 0 0 0 2px rgba(255,224,103,.2); }
.status-pill { color: #626a87; background: #f0f2f8; }
.status-pill.ok { color: #16845d; background: #e4f9f0; }
.status-pill.warn { color: #b87411; background: #fff4d8; }
.status-pill.err { color: #d54264; background: #ffe8ee; }
.qa-modal-host { background: rgba(34, 39, 71, .36); backdrop-filter: blur(7px); }
.qa-modal { border: 1px solid rgba(255,255,255,.8); border-radius: 20px; box-shadow: 0 30px 70px rgba(43,46,88,.24); }
.qa-toast { border-radius: 14px; box-shadow: 0 17px 35px rgba(38,41,75,.2); }

/* AI Search API documentation */
.qa-api-docs { display: flex; flex-direction: column; gap: 18px; }
.qa-api-docs .qa-panel { margin: 0; }
.qa-api-hero { background: linear-gradient(135deg, rgba(235,250,255,.98), rgba(246,242,255,.98)); }
.qa-api-hero h1 { margin-bottom: 10px; }
.qa-api-actions, .qa-api-statuses { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.qa-api-code-wrap { position: relative; }
.qa-api-code-wrap .qa-code-block { margin: 0; padding: 18px 116px 18px 18px; white-space: pre-wrap; }
.qa-copy-code { position: absolute; top: 12px; right: 12px; }
.qa-api-note { margin-top: 14px; padding: 13px 15px; border: 1px solid #cce9f3; border-radius: 14px; color: #51627d; background: #f3fbfe; line-height: 1.65; }
.qa-api-table-wrap { overflow-x: auto; }
.qa-api-table { width: 100%; border-collapse: collapse; min-width: 580px; }
.qa-api-table th, .qa-api-table td { padding: 12px 10px; border-bottom: 1px solid #e5e8f3; text-align: left; vertical-align: top; line-height: 1.55; }
.qa-api-table th { color: #495170; background: #f7f8fd; font-size: .85rem; }
.qa-api-table td:first-child { color: #6554cb; font-weight: 800; }
.qa-api-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.qa-api-fields article { padding: 15px; border: 1px solid #e4e5f2; border-radius: 14px; background: linear-gradient(145deg, #fff, #f9f9fd); }
.qa-api-fields strong { color: #38416c; }
.qa-api-fields p { margin: 7px 0 0; color: #68708c; line-height: 1.65; }
@media (max-width: 620px) { .qa-api-docs .qa-panel { padding: 18px 14px; } .qa-api-code-wrap .qa-code-block { padding: 56px 14px 14px; } .qa-copy-code { left: 14px; right: auto; } .qa-api-fields { grid-template-columns: 1fr; } }

.qa-footer {
  border-top: 1px solid rgba(222,225,241,.9);
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(15px);
}
.qa-footer-inner { align-items: center; padding: 34px 0; }
.qa-footer-brand strong { color: #38416c; font-size: 1.05rem; }
.qa-footer-brand p { margin: 7px 0 0; }
.qa-footer-links a { padding: 7px 10px; border-radius: 10px; }
.qa-footer-links a:hover { color: #5d57c8; background: #f0edff; }
.qa-fab { background: linear-gradient(135deg, #795eea, #566ef1 55%, #21bec4); box-shadow: 0 17px 35px rgba(91,103,241,.34); animation: qa-fab-pulse 2.8s ease-in-out infinite; }
@keyframes qa-fab-pulse { 0%,100% { box-shadow: 0 17px 35px rgba(91,103,241,.3), 0 0 0 0 rgba(91,103,241,.18); } 50% { box-shadow: 0 17px 35px rgba(91,103,241,.38), 0 0 0 10px rgba(91,103,241,0); } }

.qa-motion-ready .qa-reveal {
  opacity: 0;
  transform: translateY(18px);
}
.qa-motion-ready .qa-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .55s ease var(--qa-reveal-delay, 0ms), transform .55s cubic-bezier(.2,.8,.2,1) var(--qa-reveal-delay, 0ms);
}

@media (max-width: 960px) {
  .qa-topbar-inner { min-height: 64px; }
  .qa-brand img { width: 39px; height: 39px; border-radius: 12px; }
  .qa-shell { padding-top: 18px; }
  .qa-mobile-toolbar {
    top: 64px;
    margin: 0 -2px 12px;
    padding: 9px 2px;
    background: linear-gradient(180deg, rgba(248,248,255,.98), rgba(248,248,255,.9));
  }
  .qa-drawer {
    padding: 16px;
    background: linear-gradient(155deg, #fff, #faf8ff 60%, #f1fcfc);
    box-shadow: 18px 0 50px rgba(50,53,101,.2);
  }
  .qa-drawer-head { background: transparent; }
  .qa-drawer .qa-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .qa-tabs-stack .qa-tab,
  .qa-type-nav-stack .qa-type-chip { padding: 9px 12px; }
  .qa-tabs-stack .qa-tab:hover,
  .qa-type-nav-stack .qa-type-chip:hover { transform: none; }
  .qa-hero-copy { min-height: auto; padding: 23px 20px; }
  .qa-hero-copy::after { right: -15px; font-size: 9rem; }
  .qa-hero h1 { font-size: clamp(1.75rem, 7vw, 2.3rem); margin-top: 14px; }
  .qa-home-search { margin-top: 17px; }
  .qa-quick-topics { display: none; }
  .qa-question-main { padding: 17px 16px 11px; }
  .qa-question-foot { padding: 12px 15px 15px; }
  .qa-question-card:hover,
  .qa-answer-card:hover,
  .qa-announce-card:hover { transform: none; }
  .qa-editor-head { align-items: flex-start; padding: 18px; }
  .qa-editor-status { width: 100%; }
  .qa-editor-status .qa-btn-primary { flex: 1; }
  .qa-panel,
  .qa-answer-card,
  .qa-history-card,
  .qa-report-card { border-radius: 17px; }
  .qa-footer-inner { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 520px) {
  :root { --qa-radius: 17px; }
  .qa-topbar-actions .qa-user-chip { display: none; }
  .qa-topbar-actions .qa-btn-ghost:not(.qa-login-btn) { display: none; }
  .qa-topbar-actions .qa-login-btn,
  .qa-topbar-actions .qa-mobile-manage { display: inline-flex; min-height: 38px; padding: 8px 10px; font-size: .84rem; }
  .qa-topbar-actions .qa-btn-ask { min-height: 38px; padding: 8px 11px; }
  .qa-kicker { font-size: .69rem; }
  .qa-hero-copy { padding: 21px 17px; }
  .qa-hero-orbs i:nth-child(1) { right: 28px; opacity: .58; }
  .qa-home-search { padding: 6px; }
  .qa-home-search input { flex-basis: 150px; }
  .qa-home-search .qa-btn { padding-inline: 12px; }
  .qa-stat-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .qa-stat-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .qa-question-main h2 { font-size: 1.08rem; }
  .qa-title-cat-icon { width: 25px; height: 25px; }
  .qa-panel-head-row,
  .qa-section-head { align-items: flex-start; }
  .qa-editor-head { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .qa-motion-ready .qa-reveal { opacity: 1; transform: none; }
}

/* ==========================================================================
   Warm glass refinement
   ========================================================================== */
:root {
  --qa-cyan: #4fa9a2;
  --qa-cyan-soft: #e8f6f2;
  --qa-blue: #2f8f91;
  --qa-blue-deep: #304b50;
  --qa-purple: #d97961;
  --qa-purple-soft: #fff0e9;
  --qa-pink: #ec8c72;
  --qa-orange: #e99b59;
  --qa-yellow: #f1c96b;
  --qa-green: #58aa82;
  --qa-ink: #283c40;
  --qa-muted: #6d7c7d;
  --qa-line: rgba(255, 255, 255, .72);
  --qa-bg: #f8f7f1;
  --qa-card: rgba(255, 255, 255, .66);
  --qa-shadow: 0 18px 46px rgba(54, 86, 82, .10), 0 3px 12px rgba(79, 102, 94, .05);
  --qa-shadow-hover: 0 24px 56px rgba(54, 86, 82, .15), 0 8px 20px rgba(79, 102, 94, .07);
}

body {
  background:
    radial-gradient(circle at 7% 8%, rgba(241, 201, 107, .29), transparent 22rem),
    radial-gradient(circle at 91% 12%, rgba(236, 140, 114, .18), transparent 25rem),
    radial-gradient(circle at 76% 76%, rgba(79, 169, 162, .18), transparent 30rem),
    linear-gradient(145deg, #fffdf7 0%, #f8f6ef 38%, #f1f8f4 70%, #fff8f3 100%);
  background-attachment: fixed;
}
body::before { background: linear-gradient(135deg, rgba(236,140,114,.15), rgba(241,201,107,.13)); }
body::after { background: linear-gradient(135deg, rgba(79,169,162,.14), rgba(119,179,142,.11)); }
::selection { background: #388f8c; }

.qa-topbar {
  background: rgba(255, 253, 247, .66);
  border-bottom-color: rgba(255,255,255,.74);
  box-shadow: 0 8px 30px rgba(58, 88, 82, .07);
  backdrop-filter: blur(24px) saturate(135%);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
}
.qa-topbar::after { background: linear-gradient(90deg, transparent, #efc66d, #ec9277, #63aaa0, transparent); }
.qa-brand img { box-shadow: 0 10px 24px rgba(47,143,145,.18); }
.qa-brand:hover img { box-shadow: 0 13px 28px rgba(47,143,145,.24); }
.qa-nav-icon { color: #c8755f; }
.qa-nav-link:hover,
.qa-nav-link.is-active {
  color: #304b50;
  border-color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.52);
  box-shadow: 0 8px 20px rgba(59,90,83,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.qa-nav-link.is-active::after { background: linear-gradient(90deg, #e58d72, #e5bc63, #4fa9a2); }
.qa-user-chip { border-color: rgba(255,255,255,.78); background: rgba(255,255,255,.48); }

.qa-btn-primary,
.qa-btn-ask {
  background: linear-gradient(135deg, #377f7e 0%, #2f9693 58%, #69b4a2 115%);
  box-shadow: 0 11px 25px rgba(47,143,145,.23);
}
.qa-btn-primary:hover,
.qa-btn-ask:hover { box-shadow: 0 15px 31px rgba(47,143,145,.29); }
.qa-btn-secondary {
  color: #376e69;
  border-color: rgba(255,255,255,.74);
  background: rgba(232,246,242,.68);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.qa-btn-ghost { background: rgba(255,255,255,.40); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

.qa-hero-copy,
.qa-hero-panel,
.qa-panel,
.qa-question-card,
.qa-answer-card,
.qa-side-card,
.qa-guide-card,
.qa-announce-card,
.qa-report-card,
.qa-history-card {
  border-color: transparent;
  background:
    linear-gradient(rgba(255,255,255,.64), rgba(255,255,255,.50)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(225,203,169,.38), rgba(104,174,160,.28)) border-box;
  box-shadow: var(--qa-shadow);
  backdrop-filter: blur(20px) saturate(128%);
  -webkit-backdrop-filter: blur(20px) saturate(128%);
}
.qa-hero-copy {
  background:
    linear-gradient(125deg, rgba(255,255,255,.69), rgba(255,250,242,.55) 52%, rgba(236,248,243,.52)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(230,167,139,.35), rgba(88,164,151,.34)) border-box;
}
.qa-hero-copy::after { color: rgba(71,134,126,.055); }
.qa-hero-orbs i:nth-child(1) { background: linear-gradient(135deg, rgba(241,201,107,.82), rgba(233,155,89,.61)); }
.qa-hero-orbs i:nth-child(2) { background: linear-gradient(135deg, rgba(236,140,114,.62), rgba(196,129,104,.42)); }
.qa-hero-orbs i:nth-child(3) { background: #4fa9a2; }
.qa-kicker {
  color: #9b654f;
  border-color: rgba(255,255,255,.76);
  background: rgba(255,250,241,.58);
  box-shadow: 0 7px 16px rgba(117,91,72,.07);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.qa-hero h1 span {
  background: linear-gradient(90deg, #c76e58 0%, #bd8752 42%, #388f8c 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.qa-home-search {
  border-color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.48);
  box-shadow: 0 12px 27px rgba(59,89,82,.09);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}
.qa-quick-topics a { color: #687b77; border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.44); backdrop-filter: blur(8px); }
.qa-quick-topics a:hover { color: #a56450; border-color: rgba(225,183,154,.55); }
.qa-hero-panel {
  background:
    linear-gradient(145deg, rgba(255,250,241,.58), rgba(231,246,240,.55)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(226,178,145,.32), rgba(79,169,162,.34)) border-box;
}
.qa-stat-grid div { border-color: rgba(255,255,255,.76); background: rgba(255,255,255,.43); backdrop-filter: blur(13px); }
.qa-stat-grid div:nth-child(1) strong { color: #3f8f89; }
.qa-stat-grid div:nth-child(2) strong { color: #cc755f; }
.qa-stat-grid div:nth-child(3) strong { color: #a9773e; }

.qa-section-head > a,
.qa-text-link { color: #3d8581; }
.qa-announce-card:nth-child(3n+1) { border-top-color: #56a59c; }
.qa-announce-card:nth-child(3n+2) { border-top-color: #e1b85d; }
.qa-announce-card:nth-child(3n) { border-top-color: #dc846d; }
.qa-announce-card::before,
.qa-question-card::before,
.qa-answer-card::before { background: radial-gradient(240px circle at var(--qa-pointer-x, 50%) var(--qa-pointer-y, 30%), rgba(79,169,162,.10), transparent 72%); }
.qa-question-card:hover .qa-question-main h2 { color: #347e7b; }
.qa-title-cat-icon { background: rgba(236,247,242,.58); box-shadow: 0 5px 12px rgba(54,112,104,.09); }
.qa-answer-preview {
  border-color: rgba(255,255,255,.7);
  background: rgba(248,251,247,.48);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.qa-answer-preview:hover { border-color: rgba(166,205,193,.62); background: rgba(237,248,243,.64); }
.qa-answer-preview strong { color: #496b68; }
.qa-question-foot { border-top-color: rgba(255,255,255,.66); background: rgba(249,250,246,.34); }
.qa-status-open { color: #347a77; background: rgba(222,243,237,.72); }
.qa-type-pill { color: #8b604f; background: rgba(255,237,226,.72); }

.qa-side-card { box-shadow: 0 13px 34px rgba(54,86,82,.08); }
.qa-tab:hover,
.qa-type-chip:hover { color: #347b77; background: rgba(231,246,241,.54); }
.qa-tab.is-active,
.qa-type-chip.is-active {
  background: linear-gradient(100deg, #3f8581, #359b94 62%, #78b8a3);
  box-shadow: 0 9px 20px rgba(47,143,145,.20);
}
.qa-guide-soft a { color: #3f8682; }

.qa-search:not(.qa-home-search) input,
.qa-search select,
.qa-field input,
.qa-field textarea,
.qa-field select,
.qa-modal textarea {
  border-color: rgba(255,255,255,.76);
  background: rgba(255,255,255,.42);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.qa-search:not(.qa-home-search) input:focus,
.qa-search select:focus,
.qa-field input:focus,
.qa-field textarea:focus,
.qa-field select:focus,
.qa-modal textarea:focus {
  border-color: #75aaa1;
  box-shadow: 0 0 0 4px rgba(79,169,162,.12), 0 7px 16px rgba(56,91,84,.06);
}
.qa-more { border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.34); backdrop-filter: blur(12px); }
.qa-editor-head { border-color: rgba(255,255,255,.78); background: rgba(255,255,255,.55); backdrop-filter: blur(20px) saturate(125%); -webkit-backdrop-filter: blur(20px) saturate(125%); }
.qa-preview-panel { background: rgba(255,255,255,.53); }
.qa-prose blockquote { border-left-color: #5ca49a; background: rgba(229,246,240,.62); }
.qa-prose code { color: #a15e4d; background: rgba(255,235,224,.72); }
.qa-empty { border-color: rgba(255,255,255,.8); background: rgba(255,255,255,.48); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.qa-modal-host { background: rgba(39,62,60,.30); }
.qa-modal { background: rgba(255,253,248,.82); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
.qa-footer { border-top-color: rgba(255,255,255,.76); background: rgba(255,253,247,.55); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.qa-footer-links a:hover { color: #3e817e; background: rgba(228,244,239,.6); }
.qa-fab { background: linear-gradient(135deg, #3c7f7d, #33958f 58%, #71b49f); box-shadow: 0 17px 35px rgba(47,143,145,.3); }

@media (max-width: 960px) {
  .qa-mobile-toolbar { background: rgba(250,248,242,.66); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
  .qa-drawer {
    background: rgba(255,252,246,.82);
    box-shadow: 18px 0 50px rgba(47,75,71,.18);
    backdrop-filter: blur(24px) saturate(125%);
    -webkit-backdrop-filter: blur(24px) saturate(125%);
  }
}

/* Clear question / answer / author hierarchy on list cards */
.page-index .qa-question-card {
  background:
    linear-gradient(rgba(255,255,255,.69), rgba(255,255,255,.55)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(226,199,164,.42), rgba(91,164,151,.34)) border-box;
}

.page-index .qa-question-main {
  position: relative;
  padding-bottom: 18px;
}

.page-index .qa-question-main h2 {
  margin-top: 14px;
  font-size: 1.24rem;
  line-height: 1.34;
}

.page-index .qa-question-main p {
  margin: 11px 0 0;
  font-size: .95rem;
  line-height: 1.72;
}

.page-index .qa-answer-previews {
  margin: 0;
  padding: 13px 18px 15px;
  gap: 9px;
  border-top: 1px solid rgba(82, 138, 127, .15);
  background: linear-gradient(135deg, rgba(226,243,237,.56), rgba(247,244,231,.50));
}

.qa-answer-previews-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 2px 2px;
  color: #3f746e;
}

.qa-answer-previews-head span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .08em;
}

.qa-answer-previews-head i {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 7px;
  color: #fff;
  background: #4c958c;
  font-style: normal;
  font-size: .82rem;
  box-shadow: 0 5px 12px rgba(53, 118, 109, .18);
}

.qa-answer-previews-head small {
  color: #81908c;
  font-size: .74rem;
  font-weight: 700;
}

.page-index .qa-answer-preview {
  position: relative;
  display: grid;
  grid-template-columns: 4px minmax(0, 1fr);
  gap: 4px 12px;
  padding: 13px 14px 13px 11px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 13px;
  background: rgba(255,255,255,.66);
  box-shadow: 0 8px 22px rgba(55, 91, 83, .07), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.page-index .qa-answer-preview::after {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 4px;
  height: 100%;
  min-height: 38px;
  border-radius: 999px;
  background: linear-gradient(180deg, #4c9a90, #e3ae62);
}

.page-index .qa-answer-preview strong {
  grid-column: 2;
  margin: 0;
  color: #315d58;
  font-size: .98rem;
  line-height: 1.45;
}

.page-index .qa-answer-preview-head,
.page-index .qa-answer-preview-body,
.page-index .qa-answer-preview-hit,
.page-index .qa-answer-expand-btn,
.page-index .qa-answer-preview-morelink {
  grid-column: 2;
}
.page-index .qa-answer-preview-body {
  color: #667975;
  font-size: .9rem;
  line-height: 1.62;
  max-height: 22em;
}
.page-index .qa-answer-preview.is-overflowing:not(.is-expanded) .qa-answer-preview-body::after {
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.94) 72%);
}
.page-index .qa-answer-preview::after {
  grid-row: 1 / -1;
}
.page-index .qa-answer-preview strong .qa-badge {
  margin-left: 6px;
  vertical-align: middle;
}
.page-index .qa-answer-expand-btn {
  color: #2f7f7a;
}
.page-index .qa-answer-preview-morelink {
  color: #3f746e;
}

.page-index .qa-question-foot {
  margin: 0;
  padding-top: 13px;
  border-top: 1px solid rgba(255,255,255,.74);
  background: rgba(238,246,241,.60);
}

.page-index .qa-question-foot-meta::before {
  content: "提问";
  padding: 3px 7px;
  border-radius: 999px;
  color: #8b694f;
  background: rgba(250,232,211,.72);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .06em;
}

@media (max-width: 960px) {
  .page-index .qa-question-main {
    padding: 17px 16px 18px;
  }

  .page-index .qa-question-main h2 {
    font-size: 1.13rem;
  }

  .page-index .qa-answer-previews {
    padding: 12px 14px 14px;
  }

  .page-index .qa-question-foot {
    padding: 12px 14px 14px;
  }
}
/* Admin moderation actions always visible (flat toolbar) */
.qa-admin-act,
.qa-admin-always {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.qa-hidden-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.15em;
  height: 1.15em;
  padding: 0 4px;
  margin-right: 2px;
  border-radius: 999px;
  font-size: .78rem;
  line-height: 1;
  font-weight: 700;
  color: #8a7350;
  background: rgba(236, 214, 168, .45);
  border: 1px solid rgba(180, 150, 90, .28);
  vertical-align: middle;
  user-select: none;
  cursor: help;
  flex: 0 0 auto;
}

.qa-badge-ai {
  color: #5347b8;
  background: linear-gradient(135deg, #efeaff 0%, #e6f3ff 100%);
  border: 1px solid rgba(120, 110, 220, .22);
  letter-spacing: .02em;
}

/* AI import / review page */
.page-ai-review .qa-ai-schema {
  margin-bottom: 18px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(245, 248, 252, .72);
  border: 1px solid rgba(120, 140, 170, .12);
}
.page-ai-review .qa-code-block {
  max-height: 280px;
  margin: 10px 0 8px;
  font-size: .78rem;
  line-height: 1.45;
}
.page-ai-review .qa-ai-import-form textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .86rem;
  min-height: 220px;
}
.page-ai-review .qa-ai-card {
  margin-top: 14px;
  padding: 16px 16px 14px;
  border-radius: 16px;
  border: 1px solid rgba(120, 140, 170, .14);
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 8px 22px rgba(40, 60, 90, .05);
}
.page-ai-review .qa-ai-card-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 8px;
  color: var(--qa-muted, #6b7280);
  font-size: .86rem;
}
.page-ai-review .qa-ai-card h3 {
  margin: 0 0 8px;
  font-size: 1.08rem;
  line-height: 1.35;
}
.page-ai-review .qa-ai-desc {
  margin: 0 0 10px;
  color: var(--qa-muted, #6b7280);
  line-height: 1.6;
  font-size: .92rem;
}
.page-ai-review .qa-ai-answers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 10px 0 4px;
}
.page-ai-review .qa-ai-answer-preview {
  padding: 12px 12px 10px;
  border-radius: 12px;
  background: rgba(248, 250, 252, .88);
  border: 1px solid rgba(120, 140, 170, .1);
}
.page-ai-review .qa-ai-answer-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.page-ai-review .qa-ai-question-quality {
  display: flex;
  justify-content: flex-end;
  margin: -4px 0 10px;
}
.page-ai-review .qa-ai-answer-quality { margin-left: auto; }
.page-ai-review .qa-ai-review-actions {
  margin-top: 12px;
}
.page-ai-review .qa-ai-review-actions .qa-admin-always {
  display: inline-flex !important;
}
.qa-ai-entry .qa-panel-head-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.qa-panel-head-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

/* Pagination */
.qa-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px dashed rgba(120, 140, 170, .18);
}
.qa-pager-meta {
  margin: 0;
  color: var(--qa-muted, #6b7280);
  font-size: .9rem;
}
.qa-pager-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.qa-pager .is-disabled {
  opacity: .45;
  pointer-events: none;
}
.qa-pager .is-active {
  font-weight: 800;
}
.qa-pager-jump {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
  color: var(--qa-muted, #6b7280);
  font-size: .88rem;
}
.qa-pager-jump input[type="number"] {
  width: 4.4rem;
  min-height: 32px;
  padding: 4px 8px;
  border: 1px solid rgba(120, 140, 170, .28);
  border-radius: 9px;
  background: #fff;
  color: inherit;
  font: inherit;
}
.qa-pager-jump input[type="number"]:focus {
  outline: 2px solid rgba(47, 143, 145, .28);
  border-color: rgba(47, 143, 145, .55);
}
.qa-prose .plain-content {
  white-space: normal;
  overflow-wrap: anywhere;
}
.qa-ai-schema-details summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--qa-blue-deep, #1e4d5c);
  margin-bottom: 8px;
}
.qa-ai-preview-text {
  margin: 0;
  line-height: 1.65;
  color: var(--qa-ink, #243039);
  font-size: .92rem;
  white-space: pre-wrap;
}

/* AI review: never blank out content on small screens */
.page-ai-review.qa-motion-ready .qa-panel,
.page-ai-review.qa-motion-ready .qa-ai-card,
.page-ai-review .qa-panel.qa-reveal,
.page-ai-review .qa-ai-card.qa-reveal,
body.qa-motion-static.qa-motion-ready .qa-reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
.page-ai-review .qa-ai-import-details,
.page-ai-review .qa-ai-schema-details {
  border: 1px solid rgba(120, 140, 170, .14);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, .55);
}
.page-ai-review .qa-ai-import-details > summary,
.page-ai-review .qa-ai-schema-details > summary {
  cursor: pointer;
  font-weight: 750;
  list-style: none;
}
.page-ai-review .qa-ai-import-details > summary::-webkit-details-marker { display: none; }
.page-ai-review .qa-ai-import-body { margin-top: 12px; }
.page-ai-review .qa-ai-import-form textarea {
  min-height: 140px;
  max-height: 42vh;
}
.page-ai-review .qa-ai-card {
  overflow: visible;
}
.page-ai-review .qa-ai-review-actions {
  position: sticky;
  bottom: 8px;
  z-index: 2;
  padding: 8px 0 2px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.92) 28%, rgba(255,255,255,.96));
}
@media (max-width: 960px) {
  .page-ai-review .qa-shell,
  .page-ai-review-shell {
    width: min(100% - 16px, var(--qa-max, 1120px));
    padding-bottom: 120px;
  }
  .page-ai-review .qa-panel {
    padding: 16px 14px 18px;
    opacity: 1 !important;
    transform: none !important;
  }
  .page-ai-review .qa-ai-card {
    padding: 14px 12px 12px;
    margin-top: 12px;
  }
  .page-ai-review .qa-ai-card h3 {
    font-size: 1rem;
    word-break: break-word;
  }
  .page-ai-review .qa-ai-review-actions {
    gap: 6px;
  }
  .page-ai-review .qa-ai-question-quality { justify-content: flex-start; }
  .page-ai-review .qa-ai-answer-quality { width: 100%; margin-left: 0; }
  .page-ai-review .qa-ai-review-actions .qa-btn {
    min-height: 36px;
    padding: 7px 10px;
    font-size: .82rem;
  }
  .page-ai-review .qa-pager {
    flex-direction: column;
    align-items: stretch;
  }
  .page-ai-review .qa-pager-links {
    justify-content: flex-start;
  }
  .page-ai-review .qa-ai-import-form textarea {
    min-height: 120px;
    font-size: 16px; /* avoid iOS zoom */
  }
}
/* Full content on AI review cards */
.page-ai-review .qa-ai-q-title {
  margin: 0 0 10px;
  font-size: 1.12rem;
  line-height: 1.4;
  word-break: break-word;
}
.page-ai-review .qa-ai-block {
  margin: 0 0 12px;
}
.page-ai-review .qa-ai-block-label {
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--qa-muted, #6b7280);
  margin-bottom: 6px;
}
.page-ai-review .qa-ai-full-text,
.page-ai-review .qa-ai-full-prose {
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.7;
  font-size: .95rem;
}
.page-ai-review .qa-ai-full-prose {
  white-space: normal;
}
.page-ai-review .qa-ai-full-prose pre {
  white-space: pre-wrap;
}
.page-ai-review .qa-ai-answer-full {
  margin-top: 10px;
}
.page-ai-review .qa-ai-desc {
  max-height: none;
}
/* AI review rejected in place */
.page-ai-review .qa-ai-card.is-rejected {
  opacity: .72;
  filter: grayscale(.12);
  border-color: rgba(220, 120, 120, .28);
  background: rgba(255, 248, 248, .78);
}
.page-ai-review .qa-ai-card.is-rejected .qa-ai-review-actions .qa-btn.is-done,
.page-ai-review .qa-ai-card.is-rejected button[data-act="ai-reject"].is-done {
  color: #8a4b4b;
  border-color: #f0c8c8;
  background: #fff0f0;
  cursor: default;
}

.qa-ai-fill-status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 4px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px dashed rgba(82, 138, 127, .28);
  background: rgba(237, 248, 243, .72);
  color: #3f746e;
  font-size: .9rem;
  font-weight: 700;
}
.qa-ai-fill-status[hidden] { display: none !important; }
.qa-ai-fill-bar {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(63, 154, 144, .25);
  border-top-color: #3f9a90;
  animation: qa-ai-spin .7s linear infinite;
}
@keyframes qa-ai-spin {
  to { transform: rotate(360deg); }
}
.qa-ai-card[data-ai-status="approving"],
.qa-ai-card[data-ai-status="rejecting"] {
  pointer-events: none;
  opacity: .72;
}

/* Final card-position contract: keep this after the generic card child rules. */
.page-index .qa-question-card.qa-recommendation-card > button.qa-reco-hide {
  position: absolute;
  inset: 9px 10px auto auto;
  z-index: 6;
  width: auto;
  min-width: 0;
  min-height: 22px;
  margin: 0;
  padding: 2px 6px;
}

@media (max-width: 640px) {
  .page-index .qa-question-card.qa-recommendation-card > button.qa-reco-hide {
    inset: 8px 8px auto auto;
    width: 22px;
    height: 22px;
    padding: 0;
    justify-content: center;
    font-size: .86rem;
  }
  .page-index .qa-question-card.qa-recommendation-card > button.qa-reco-hide span { display: none; }
  .page-index .qa-question-card.qa-recommendation-card .qa-question-main { padding-right: 38px; }
}

/* Markdown tables need visible cell boundaries on both themes and small screens. */
.qa-prose table {
  width: 100%;
  min-width: max-content;
  margin: 1em 0;
  border-collapse: collapse;
  border: 1px solid #b8c9cf;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255,255,255,.78);
  font-size: .94em;
}
.qa-prose th,
.qa-prose td {
  padding: .55em .72em;
  border: 1px solid #b8c9cf;
  text-align: left;
  vertical-align: top;
}
.qa-prose th {
  color: var(--qa-blue-deep, #1e4d5c);
  background: #e8f3f4;
  font-weight: 800;
}
.qa-prose tr:nth-child(even) td { background: rgba(238,246,248,.62); }
@media (max-width: 640px) {
  .qa-prose table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}


/* Search term dictionary */
.qa-terms-page { display: grid; gap: 20px; }
.qa-terms-page .qa-panel { margin: 0; }
.qa-term-create { margin-top: 20px; padding: 20px; border: 1px solid rgba(73,151,144,.2); border-radius: 18px; background: linear-gradient(135deg, rgba(237,249,246,.92), rgba(247,249,255,.96)); }
.qa-term-create-head { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.qa-term-create-head strong { color: var(--qa-blue-deep); font-size:1.05rem; }
.qa-term-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.qa-term-card { padding:18px; border:1px solid rgba(213,226,231,.94); border-radius:18px; background:rgba(255,255,255,.92); box-shadow:0 8px 24px rgba(49,78,94,.07); }
.qa-term-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.qa-term-id,.qa-term-source,.qa-term-state { display:inline-flex; align-items:center; min-height:26px; padding:4px 9px; border-radius:999px; font-size:.75rem; font-weight:750; }
.qa-term-id { color:#657386; background:#f0f4f6; margin-right:6px; }
.qa-term-source { color:#4f6380; background:#eef1fb; }
.qa-term-state.is-on { color:#237665; background:#e6f7f1; }
.qa-term-state.is-off { color:#8b6871; background:#f5ecef; }
.qa-term-grid { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(190px,1.6fr) 82px 88px; gap:12px; align-items:end; }
.qa-term-grid label { display:grid; gap:7px; color:#536174; font-size:.78rem; font-weight:750; }
.qa-term-grid input:not([type=checkbox]) { width:100%; min-height:44px; border:1px solid #dce5e8; border-radius:11px; padding:10px 12px; background:#fff; color:var(--qa-ink); font:inherit; box-sizing:border-box; }
.qa-term-grid input:not([type=checkbox]):focus { outline:0; border-color:#67a99d; box-shadow:0 0 0 4px rgba(72,157,143,.12); }
.qa-term-enabled { display:flex !important; align-items:center; justify-content:center; min-height:44px; padding:0 10px; border:1px solid #dce5e8; border-radius:11px; background:#fff; }
.qa-term-enabled input { width:18px; height:18px; margin:0 7px 0 0; accent-color:#3b9486; }
.qa-term-enabled span { white-space:nowrap; }
.qa-term-actions { display:flex; gap:9px; margin-top:14px; padding-top:14px; border-top:1px solid #edf1f2; }
.qa-term-create > .qa-btn { margin-top:14px; }
@media (max-width:900px){.qa-term-list{grid-template-columns:1fr}.qa-term-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 76px 84px}}
@media (max-width:620px){.qa-terms-page .qa-panel{padding:17px 14px}.qa-term-create,.qa-term-card{padding:15px;border-radius:15px}.qa-term-grid{grid-template-columns:minmax(0,1fr) 78px}.qa-term-alias{grid-column:1/-1;grid-row:2}.qa-term-enabled{grid-column:2;grid-row:1}.qa-term-weight{grid-column:2;grid-row:3}.qa-term-actions .qa-btn{flex:1;padding-inline:10px}.qa-term-create-head{align-items:flex-start;flex-direction:column;gap:7px}}