/* ============================================================
卤小能 · 故障问答系统 — 设计系统（v8 · 插件版，对齐效果图）
红色基准：截图实际颜色（饱和珊瑚红 #ff5252）
仅按钮/边框用红；背景纯白；列表极简论坛式
状态徽章：最佳答案=绿 / 置顶=橙 / 官方认证=蓝
============================================================ */
:root{
--r:#ff5252; --r-hover:#f44336; --r-soft:#ffecec; --r-border:#ffd0d0; --r-border-soft:#ffeded;
--t:#333; --tm:#888; --tml:#bbb; --bg:#fff; --line:#eee; --radius:5px;
--maxw:880px; --green:#52c41a; --orange:#fa8c16; --blue:#1890ff;
--font:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{font-size:15px;}
.qa-embed{font-family:var(--font);color:var(--t);line-height:1.55;-webkit-font-smoothing:antialiased;}
.qa-toast{position:fixed;left:50%;top:24px;transform:translateX(-50%);background:rgba(51,51,51,.92);color:#fff;
font-size:13px;padding:10px 18px;border-radius:6px;z-index:99999;opacity:0;transition:.2s;pointer-events:none;max-width:80vw;}
.qa-toast.show{opacity:1;top:32px;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button,input,select,textarea{font-family:inherit;}
/* ---------- 嵌入容器 ---------- */
.qa-embed{max-width:var(--maxw);margin:0 auto;padding:12px 16px 64px;}
/* 隐藏宿主主题注入的文章/页面元信息（作者·日期·浏览·编辑等），保持纯净嵌入 */
.qa-embed .entry-meta,.qa-embed .post-meta,.qa-embed .entry-info,
.qa-embed .post-info,.qa-embed .meta-info,.qa-embed .single-meta,
.qa-embed .page-meta,.qa-embed .mk-meta,.qa-embed .post-header-meta,
.qa-embed [class*="meta-info"],.qa-embed [class*="post-meta"],
/* 兼容 mkBlog 主题特定选择器（仅隐藏元信息兄弟，不隐藏 qa-embed 自身） */
.qa-embed ~ .entry-header .entry-meta,.qa-embed ~ .post-header .meta{display:none!important;}
/* 更广谱：若 qa-embed 前面紧邻兄弟是元信息行则隐藏（仅隐藏兄弟元素，不隐藏 qa-embed 自身） */
.qa-embed{position:relative;}
.qa-head h1{font-size:22px;font-weight:700;color:var(--t);line-height:1.3;margin-bottom:18px;}
/* ---------- 工具栏：分类 Tab + 提问按钮 ---------- */
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.tabs{display:flex;gap:7px;flex-wrap:wrap;}
.tab{
border:1px solid var(--r-border-soft);background:var(--bg);color:var(--tm);
padding:6px 13px;border-radius:3px;font-size:13px;transition:.12s;
}
.tab:hover{border-color:var(--r-border);color:var(--r);}
.tab.active{background:var(--r);border-color:var(--r);color:#fff;}
/* ---------- 按钮（截图同款红） ---------- */
.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:4px;font-size:14px;font-weight:600;padding:9px 20px;transition:.12s;color:#fff;background:var(--r);cursor:pointer;}
.btn:hover{background:var(--r-hover);}
.btn-ghost{background:var(--bg);border:1px solid var(--r-border);color:var(--r);padding:7px 14px;font-size:13px;cursor:pointer;}
.btn-ghost:hover{background:var(--r-soft);}
.btn.danger,.mini-btn.danger{color:#fff;background:var(--r);border-color:var(--r);}
.btn.danger:hover,.mini-btn.danger:hover{background:var(--r-hover);}
/* ---------- 极简论坛列表 ---------- */
.q-list{display:flex;flex-direction:column;border-top:1px solid var(--line);}
.q-row{
display:flex;align-items:center;gap:11px;padding:12px 8px;
border-bottom:1px solid var(--line);transition:.08s;background:var(--bg);
}
.q-row:hover{background:rgba(255,82,82,.03);}
/* 本地首字母头像：纯 CSS，零网络请求，页面即时渲染不转圈 */
.av{width:48px;height:48px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;
font-size:17px;font-weight:600;flex:0 0 auto;object-fit:cover;overflow:hidden;position:relative;
background:#f0f0f0;text-shadow:0 1px 1px rgba(0,0,0,.12);user-select:none;letter-spacing:0;}
/* 首字母文字（av-letter 由 PHP 内联设定背景色，此处保持文字白色） */
.av-letter{color:#fff;}
/* 以下为旧版图片头像的残留样式，已不再使用，保留无害 */
.av-wrap{position:relative;display:inline-block;overflow:hidden;border-radius:50%;background:#f0f0f0;flex:0 0 auto;}
.av-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.q-info{flex:1;min-width:0;}
.q-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.q-title{font-size:15px;font-weight:600;color:var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0;}
a.q-title:hover{color:var(--r);}
/* 状态徽章（汇总页）: 同款小标签，仅语义色不同 */
.q-list .best-badge,.q-list .pin-badge,.q-list .verified-badge{
display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;box-sizing:border-box;
font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;line-height:1.5;
white-space:nowrap;color:#fff;letter-spacing:.2px;
}
.q-list .best-badge svg,.q-list .pin-badge svg,.q-list .verified-badge svg{width:11px;height:11px;fill:#fff;stroke:none;display:block;}
.q-list .best-badge{background:var(--green);}
.q-list .pin-badge{background:var(--orange);}
.q-list .verified-badge{background:var(--blue);}
.q-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:5px;font-size:12.5px;color:var(--tml);}
.cat-tag{display:inline-flex;background:var(--r-soft);color:var(--r);font-size:11px;padding:1px 8px;border-radius:3px;}
.q-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--tml);flex:0 0 auto;}
.latest-reply{font-size:12px;color:var(--tml);white-space:nowrap;}
.latest-reply b{color:var(--tm);font-weight:600;}
.q-stats{flex:0 0 auto;display:flex;align-items:center;gap:14px;margin-left:8px;}
.q-stats .views{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--tm);white-space:nowrap;}
.q-stats .views svg{width:15px;height:15px;stroke:var(--tm);fill:none;stroke-width:1.8;}
.reply-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--r-border);
background:var(--bg);color:var(--r);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:700;
white-space:nowrap;cursor:pointer;transition:.12s;}
.reply-btn:hover{background:var(--r);color:#fff;border-color:var(--r);}
.reply-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.reply-btn .n{font-variant-numeric:tabular-nums;}
/* ---------- 提问弹窗（悬浮模态框） ---------- */
.qa-ask-modal{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;}
.qa-ask-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.qa-ask-dialog{position:relative;z-index:1;width:600px;max-width:94vw;background:#fff;border-radius:12px;
box-shadow:0 24px 80px rgba(0,0,0,.22);overflow:hidden;transform:scale(.95);opacity:0;transition:.3s ease;
max-height:90vh;display:flex;flex-direction:column;}
.qa-ask-modal.show .qa-ask-dialog{transform:scale(1);opacity:1;}
/* 弹窗头部 */
.qa-ask-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:1px solid var(--line);
background:#fafafa;flex:0 0 auto;}
.qa-ask-header h3{font-size:17px;font-weight:700;color:var(--t);margin:0;border:none;padding:0;}
.qa-ask-close{font-size:26px;color:var(--tml);background:none;border:none;cursor:pointer;line-height:1;
padding:2px 8px;border-radius:4px;transition:.1s;flex:0 0 auto;}
.qa-ask-close:hover{background:var(--line);color:var(--t);}
/* 弹窗内容区（可滚动） */
.qa-ask-body{padding:20px 24px 16px;overflow-y:auto;flex:1 1 auto;}
/* 标题+分类 横排 */
.ask-title-row{display:flex;gap:12px;margin-bottom:16px;}
.ask-title-row .field{flex:1;min-width:0;margin-bottom:0;}
.ask-title-row .field-cat{width:160px;flex:0 0 auto;margin-bottom:0;}
.field-cat label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:var(--t);}
.field-cat select{width:100%;border:1px solid var(--line);border-radius:4px;padding:9px 10px;font-size:14px;
color:var(--t);background:var(--bg);box-sizing:border-box;appearance:none;-webkit-appearance:none;
background-image:url("data:image/svg+xml;charset=utf-8,");
background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;}
.field-cat select:focus{outline:none;border-color:var(--r);box-shadow:0 0 0 2px rgba(255,82,82,.1);}
/* 正文 textarea 加大 */
.field-body{margin-bottom:18px;}
.field-body label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--t);}
.field-body label .req{color:var(--r);margin-left:2px;}
.field-body textarea{width:100%;min-height:150px;border:1px solid var(--line);border-radius:6px;
padding:12px 14px;font-size:14.5px;color:var(--t);background:var(--bg);resize:vertical;box-sizing:border-box;
line-height:1.7;transition:.15s;}
.field-body textarea:focus{outline:none;border-color:var(--r);box-shadow:0 0 0 3px rgba(255,82,82,.1);}
/* ---------- 图片上传区重新设计 ---------- */
.upload-zone{border:2px dashed var(--r-border-soft);border-radius:8px;padding:28px 20px;text-align:center;
cursor:pointer;transition:.15s;background:linear-gradient(135deg,#fafbfc,#f5f7f9);margin-bottom:6px;
position:relative;overflow:hidden;}
.upload-zone:hover,.upload-zone.dragover{border-color:var(--r);background:linear-gradient(135deg,#fff5f5,#ffecec);}
.upload-zone-icon{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:var(--r-soft);
display:flex;align-items:center;justify-content:center;}
.upload-zone-icon svg{width:24px;height:24px;stroke:var(--r);fill:none;stroke-width:1.8;}
.upload-zone-text{font-size:14.5px;color:var(--tm);margin-bottom:4px;}
.upload-zone-hint{font-size:12px;color:var(--tml);}
.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2;}
/* 上传预览网格 */
.upload-preview-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.upload-preview-item{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--line);
flex:0 0 auto;transition:.12s;}
.upload-preview-item:hover{border-color:var(--r-border);}
.upload-preview-item img{width:100%;height:100%;object-fit:cover;display:block;}
.upload-preview-del{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;
background:rgba(51,51,51,.72);color:#fff;border:none;cursor:pointer;font-size:13px;line-height:1;
display:flex;align-items:center;justify-content:center;transition:.1s;opacity:0;transform:scale(.7);}
.upload-preview-item:hover .upload-preview-del{opacity:1;transform:scale(1);}
.upload-preview-del:hover{background:var(--r);}
/* 弹窗底部操作栏 */
.qa-ask-footer{padding:14px 24px 18px;border-top:1px solid var(--line);text-align:right;flex:0 0 auto;
display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.qa-ask-footer .btn-cancel{background:var(--bg);border:1px solid var(--line);color:var(--tm);
padding:9px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:.12s;}
.qa-ask-footer .btn-cancel:hover{background:var(--r-soft);color:var(--t);border-color:var(--r-border);}
.qa-ask-footer .btn-submit{background:var(--r);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;
padding:10px 28px;cursor:pointer;transition:.12s;white-space:nowrap;}
.qa-ask-footer .btn-submit:hover{background:var(--r-hover);}
.qa-ask-footer .btn-submit.busy{opacity:.65;cursor:wait;}
/* 提交状态提示 */
.ask-status-msg{text-align:center;padding:12px 0;font-size:14px;color:var(--tm);display:none;}
.ask-status-msg.show{display:block;}
.ask-status-msg.ok{color:var(--green);}
.ask-status-msg.err{color:var(--r);}
/* 通用字段（弹窗内复用） */
.field{margin-bottom:0;}
.field label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:var(--t);}
.field label .req{color:var(--r);margin-left:2px;}
.field input[type=text]{width:100%;border:1px solid var(--line);border-radius:4px;
padding:10px 12px;font-size:14.5px;color:var(--t);background:var(--bg);transition:.1s;box-sizing:border-box;}
.field input[type=text]:focus{outline:none;border-color:var(--r);box-shadow:0 0 0 2px rgba(255,82,82,.1);}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;}
/* ---------- 第三方登录按钮 ---------- */
.qa-social-login{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.qa-social-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;
border:1px solid var(--line);border-radius:4px;padding:9px 0;font-size:13.5px;font-weight:600;cursor:pointer;
transition:.15s;background:#fff;color:var(--tm);text-decoration:none;}
.qa-social-btn:hover{background:var(--r-soft);color:var(--r);border-color:var(--r-border);}
.qa-social-btn.qq{color:#12b7f5;}
.qa-social-btn.qq:hover{background:#e8f6fe;border-color:#bce3f8;}
.qa-social-btn.wx{color:#1aad19;}
.qa-social-btn.wx:hover{background:#edfdf0;border-color:#c1ebc8;}
.qa-social-btn svg{width:18px;height:18px;flex:0 0 auto;}
/* ---------- 详情页 ---------- */
.qa-breadcrumb{font-size:12.5px;color:var(--tml);margin-bottom:10px;}
.qa-breadcrumb a{color:var(--tm);}
.qa-breadcrumb a:hover{color:var(--r);}
.q-detail{background:var(--bg);border:none;box-shadow:0 1px 3px rgba(0,0,0,.06);border-radius:var(--radius);padding:20px 22px;margin-bottom:18px;}
/* 详情页标题行：左侧标题 + 右上角作者/徽章区 */
.q-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px;}
.q-detail-header h1{font-size:21px;font-weight:700;line-height:1.4;flex:1;min-width:0;}
.q-detail-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;}
/* 右上角迷你作者信息 */
.q-author-mini{display:flex;align-items:center;gap:6px;}
.q-author-mini .q-author-name{font-size:12px;font-weight:600;color:var(--t);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 紧凑徽章区（置顶/认证 + 操作按钮） */
.q-badges-compact{display:flex;align-items:center;gap:4px;}
.badge-compact{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-size:12px;font-weight:700;
border:1px solid var(--line);background:var(--bg);cursor:default;flex-shrink:0;transition:.1s;}
.badge-compact.badge-pinned{color:var(--orange);border-color:rgba(250,140,22,.3);background:#fff8e6;}
.badge-compact.badge-verified{color:var(--green);border-color:rgba(82,196,26,.3);background:#f0f9eb;}
.badge-compact.badge-btn{cursor:pointer;user-select:none;}
.badge-compact.badge-btn:hover{background:var(--r-soft);border-color:var(--r-border);color:var(--r);}
.q-body{font-size:14.5px;line-height:1.85;margin-top:14px;color:#444;}
.q-body p{margin-bottom:10px;}
.q-image{margin:14px 0;border-radius:4px;overflow:hidden;}
.q-image img{border:1px dashed var(--r-border);border-radius:4px;max-height:320px;}
/* 简化版底部（仅浏览数，作者已移至右上角） */
.q-foot-simple{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:12px;color:var(--tml);}
.q-post-date{color:var(--tml);}
.q-view-count{color:var(--tml);}
.answers-head{font-size:16px;font-weight:700;margin:22px 0 12px;display:flex;align-items:center;gap:6px;}
.answers-head .count{color:var(--r);}
.answers-list{list-style:none;margin:0;padding:0;}
.answers-list .children{list-style:none;margin:0 0 0 34px;padding:0;border-left:2px solid var(--line);}
.answer{background:var(--bg);padding:14px 0;margin-bottom:10px;border-top:1px solid var(--line);border-radius:0;}
.answer.child{margin-bottom:8px;}
.answer.best{border-left:4px solid var(--green);border-color:#d9f7be;background:linear-gradient(90deg,#f6ffed,#fff 40%);}
.answer .a-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.answer .a-head .name{font-size:14px;font-weight:600;}
.answer .a-head .time{font-size:12px;color:var(--tml);}
/* 作者标签（回复区：站长/作者） */
.author-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:1px 7px;
border-radius:3px;line-height:1.5;background:var(--r-soft);color:var(--r);white-space:nowrap;margin-left:4px;}
/* 头像信息区（名称+等级 / 时间 竖排） */
.a-head-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
.a-name-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;}
.a-name-row .name{font-size:14.5px;font-weight:700;color:var(--t);}
.a-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tml);flex-wrap:wrap;}
/* 用户等级徽章 */
.user-level{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:1px 7px;border-radius:3px;line-height:1.5;white-space:nowrap;flex-shrink:0;}
.user-level.lv-1,.user-level.lv-2{background:#e8f5e9;color:#2e7d32;}
.user-level.lv-3,.user-level.lv-4{background:#e3f2fd;color:#1565c0;}
.user-level.lv-5,.user-level.lv-6{background:#fff3e0;color:#e65100;}
.user-level.lv-7{background:#fce4ec;color:#c62828;background:linear-gradient(135deg,#f8bbd0,#ce93d8);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15);}
/* 评论内容折叠（超长内容默认收起） */
.a-body{font-size:14px;line-height:1.78;color:#444;position:relative;}
.a-body-preview{cursor:pointer;color:#444;}
.a-body-preview:hover{color:var(--r);}
.a-body-full{}
.a-expand-btn{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:var(--r);background:none;border:none;
cursor:pointer;padding:4px 10px;border-radius:3px;transition:.1s;line-height:1.5;}
.a-expand-btn:hover{background:var(--r-soft);}
/* 最佳答案内联标记 */
.best-tag-inline{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;color:var(--green);gap:2px;}
.answer .a-body{font-size:14px;line-height:1.78;color:#444;}
.answer .a-foot{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap;}
.answer .ops{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;}
/* 详情页最佳答案标签（绿，与汇总页同步） */
.answer.best .best-badge{display:inline-flex;align-items:center;gap:3px;
font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;line-height:1.5;
background:var(--green);color:#fff;white-space:nowrap;}
.answer.best .best-badge svg{width:11px;height:11px;fill:#fff;stroke:none;}
/* ---------- 赞同按钮（小尺寸，与举报/回复统一风格） ---------- */
.like-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--r);
font-size:13px;font-weight:600;cursor:pointer;padding:7px 10px;border-radius:5px;transition:.12s;
white-space:nowrap;height:38px;line-height:1;flex:0 0 auto;}
.like-btn:hover{background:var(--r-soft);}
.like-btn.liked{background:var(--r-soft);color:var(--r-hover);box-shadow:none;}
.like-btn svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto;}
.like-btn .n{font-variant-numeric:tabular-nums;}
/* ---------- 举报 / 回复 统一弱按钮 ---------- */
.mini-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--tml);
font-size:13px;font-weight:600;cursor:pointer;padding:7px 9px;border-radius:5px;transition:.12s;
white-space:nowrap;height:38px;line-height:1;flex:0 0 auto;}
.mini-btn:hover{color:var(--r);background:var(--r-soft);}
.mini-btn svg{width:15px;height:15px;flex:0 0 auto;}
.report-btn{font-size:12.5px;}
.report-btn svg{stroke:currentColor;fill:none;stroke-width:1.8;}
/* WP 原生回复链接，统一样式（强制水平内联） */
.comment-reply-link{display:inline-flex!important;align-items:center;gap:4px;color:var(--tml);font-size:13px;font-weight:600;
padding:7px 9px;border-radius:5px;transition:.12s;height:38px;line-height:1;white-space:nowrap;vertical-align:middle;}
.comment-reply-link:hover{color:var(--r);background:var(--r-soft);}
.comment-reply-link .dots{display:inline-flex!important;fill:currentColor;stroke:none;flex-shrink:0}
/* 确保回复链接内部所有子元素水平排列 */
.comment-reply-link svg,.comment-reply-link span{display:inline-flex!important;align-items:center;}
/* ---------- 评论区（主题风格） ---------- */
.reply-box{background:var(--bg);padding:14px 0;margin-top:8px;}
.reply-box-title{font-size:16px;font-weight:700;color:var(--t);border-left:3px solid var(--r);padding-left:10px;margin-bottom:16px;line-height:1.3;}
#respond{margin-top:6px;}
/* 已登录：主题风格表单 */
.reply-form-themed{}
.reply-form-user{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.reply-form-name{font-size:13.5px;font-weight:600;color:var(--t);}
.reply-form-logout{font-size:12px;color:var(--tml);margin-left:auto;text-decoration:none;}
.reply-form-logout:hover{color:var(--r);}
#respond .comment-form textarea,#respond textarea{width:100%;min-height:100px;border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-size:14px;color:var(--t);
background:var(--bg);resize:vertical;box-sizing:border-box;line-height:1.7;}
#respond textarea:focus{border-color:var(--r);box-shadow:0 0 0 2px rgba(255,82,82,.1);}
#respond .form-submit{text-align:right;padding-top:8px;}
/* 邮件通知开关 + 回复图片上传 工具栏 */
.reply-form-tools{display:flex;align-items:center;gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);flex-wrap:wrap;}
/* 自定义开关 */
.email-notify-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:12.5px;color:var(--tm);user-select:none;}
.email-notify-toggle input[type=checkbox]{display:none;}
.toggle-slider{position:relative;width:32px;height:18px;background:#ccc;border-radius:9px;transition:.2s;flex-shrink:0;}
.toggle-slider::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:.2s;}
.email-notify-toggle input:checked + .toggle-slider{background:var(--r);}
.email-notify-toggle input:checked + .toggle-slider::after{left:16px;}
/* 回复图片上传按钮（图标+文字） */
.reply-img-upload-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;
color:var(--tm);cursor:pointer;padding:5px 10px;border:1px solid var(--line);border-radius:4px;transition:.12s;background:var(--bg);}
.reply-img-upload-btn:hover{color:var(--r);border-color:var(--r-border);background:var(--r-soft);}
.reply-img-upload-btn svg{stroke:currentColor;fill:none;stroke-width:1.8;width:15px;height:15px;}
/* 回复图片预览 */
#lxn-reply-img-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;width:100%;}
.reply-img-item{position:relative;width:60px;height:60px;border-radius:4px;overflow:hidden;border:1px solid var(--line);}
.reply-img-item img{width:100%;height:100%;object-fit:cover;display:block;}
.reply-img-del{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;
background:rgba(51,51,51,.72);color:#fff;border:none;cursor:pointer;font-size:11px;line-height:1;
display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:.1s;}
.reply-img-item:hover .reply-img-del{opacity:1;transform:scale(1);}
.reply-img-del:hover{background:var(--r);}
/* 未登录提示（主题风格） */
.reply-login-prompt{display:flex;align-items:center;gap:8px;background:var(--r-soft);border:1px solid var(--r-border);
border-radius:var(--radius);padding:14px 18px;font-size:13.5px;color:var(--tm);line-height:1.5;}
.reply-login-prompt svg{flex-shrink:0;color:var(--r);margin-top:-2px;}
.reply-login-link{color:var(--r);font-weight:600;text-decoration:none;}
.reply-login-link:hover{text-decoration:underline;}
/* ---------- 评论列表 ---------- */
/* ---------- 社交分享 ---------- */
.qa-share{display:flex;align-items:center;gap:8px;margin:14px 0 4px;flex-wrap:wrap;}
.qa-share-label{font-size:13px;color:var(--tm);}
.qa-share-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:#fff;
border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--t);transition:.12s;}
.qa-share-btn svg{width:15px;height:15px;fill:currentColor;}
.qa-share-btn.wx{color:#1aad19;}
.qa-share-btn.qq{color:#12b7f5;}
.qa-share-btn.wb{color:#e6162d;}
.qa-share-btn.native{color:#999;}
.qa-share-btn:hover{filter:brightness(.95);transform:translateY(-1px);}
/* ---------- 未登录时提问区的登录引导（美化版） ---------- */
.ask-login-prompt{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff5f5,#ffecec);border:1px solid var(--r-border);border-radius:var(--radius);padding:18px 22px;margin:14px 0;}
.ask-login-icon{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--r-border);}
.ask-login-text{flex:1;font-size:14.5px;color:var(--t);font-weight:500;margin:0;}
.ask-login-prompt .ask-auth-btn{flex:0 0 auto;white-space:nowrap;font-size:14px;padding:10px 22px;}
/* ---------- 回复区未登录提示（⋮ 三点图标，与举报/赞同统一尺寸） ---------- */
.reply-login-inline{display:flex;align-items:center;padding:6px 0 4px;}
.reply-login-inline .reply-auth-btn{color:var(--tml);padding:7px 8px;min-width:auto;}
.reply-login-inline .reply-auth-btn:hover{color:var(--r);background:var(--r-soft);}
/* ---------- 登录 / 注册（旧版兼容） ---------- */
.qa-login-tip{background:var(--r-soft);border:1px solid var(--r-border);border-radius:var(--radius);padding:14px 16px;margin:14px 0;color:var(--tm);font-size:13.5px;}
.qa-account{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;}
.qa-auth-card{flex:1 1 300px;border:1px solid var(--r-border);border-radius:var(--radius);padding:18px 20px;background:#fff;}
.qa-auth-card h3{font-size:16px;font-weight:600;border-left:3px solid var(--r);padding-left:10px;margin-bottom:14px;}
.qa-auth-form label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:var(--t);}
.qa-auth-form input{margin-bottom:12px;}
.qa-auth-form .btn{width:100%;justify-content:center;cursor:pointer;}
/* ---------- 内联登录/注册模态框（未登录点"我要提问"时弹出） ---------- */
.qa-auth-modal{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;}
.qa-auth-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.qa-auth-dialog{relative;z-index:1;width:420px;max-width:92vw;background:#fff;border-radius:10px;
box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;transform:scale(.95);opacity:0;transition:.25s;}
.qa-auth-modal.show .qa-auth-dialog{transform:scale(1);opacity:1;}
.qa-auth-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fafafa;padding:0 6px;}
.qa-auth-tabs .qa-tab{flex:1;padding:12px 0;font-size:15px;font-weight:600;color:var(--tm);
border:none;background:none;cursor:pointer;position:relative;transition:.15s;}
.qa-auth-tabs .qa-tab.active{color:var(--r);}
.qa-auth-tabs .qa-tab.active::after{content:'';position:absolute;bottom:0;left:20%;right:20%;
height:2px;background:var(--r);border-radius:1px;}
.qa-auth-close{position:absolute;top:10px;right:12px;font-size:24px;color:var(--tml);
background:none;border:none;cursor:pointer;line-height:1;padding:4px 8px;border-radius:4px;transition:.1s;}
.qa-auth-close:hover{background:var(--line);color:var(--t);}
/* 模态框内的表单面板 */
.qa-auth-panel{display:none;padding:24px 22px 20px;}
.qa-auth-panel.active{display:block;}
.qa-auth-panel label{display:block;font-size:13.5px;font-weight:500;margin-bottom:5px;color:var(--t);}
.qa-auth-panel .qa-lbl{display:block;margin-bottom:4px;}
.qa-auth-panel input[type=text],.qa-auth-panel input[type=email],
.qa-auth-panel input[type=password]{width:100%;border:1px solid var(--line);border-radius:4px;
padding:10px 12px;font-size:14px;color:var(--t);background:var(--bg);box-sizing:border-box;
transition:.1s;margin-bottom:12px;}
.qa-auth-panel input:focus{outline:none;border-color:var(--r);box-shadow:0 0 0 2px rgba(255,82,82,.1);}
.qa-auth-panel .btn{width:100%;justify-content:center;padding:11px 0;font-size:15px;margin-top:4px;}
.qa-reg-tip{font-size:12.5px;color:var(--tm);margin:-8px 0 4px;}
/* ---------- 我的回复 / 我的问题（增强版） ---------- */
.qa-my{padding-top:8px;}
.qa-my-h{font-size:17px;font-weight:700;margin:18px 0 10px;}
.qa-my-list{list-style:none;margin:0;padding:0;}
.qa-my-list li{padding:10px 0;border-bottom:1px solid var(--line);}
.qa-my-list a{color:var(--t);font-size:14px;font-weight:600;}
.qa-my-list a:hover{color:var(--r);}
.qa-my-answer{font-size:13px;color:var(--tm);margin:4px 0;}
.qa-my-meta{font-size:12px;color:var(--tml);}
.qa-my-meta a{color:var(--tm);font-weight:600;}
.qa-empty{color:var(--tml);font-size:13.5px;padding:10px 0;}
/* 用户信息栏 */
.qa-user-bar{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fafafa;border-radius:var(--radius);border:1px solid var(--line);margin-bottom:16px;}
.qa-user-info{flex:1;}
.qa-user-name{font-size:17px;font-weight:700;color:var(--t);}
.qa-user-stats{font-size:12.5px;color:var(--tm);margin-top:3px;}
.qa-user-stats b{color:var(--r);}
/* Tab 切换 */
.qa-my-tabs{display:flex;border-bottom:2px solid var(--line);margin:20px 0 0;}
.qa-my-tab{flex:1;padding:10px 0;font-size:15px;font-weight:600;color:var(--tm);
background:none;border:none;cursor:pointer;position:relative;transition:.15s;text-align:center;}
.qa-my-tab.active{color:var(--r);}
.qa-my-tab.active::after{content:'';position:absolute;bottom:-2px;left:25%;right:25%;height:2px;background:var(--r);border-radius:1px;}
.qa-my-tab .qa-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;
margin-left:4px;padding:0 5px;border-radius:999px;background:var(--line);font-size:11px;font-weight:600;color:var(--tm);}
.qa-my-tab.active .qa-tab-count{background:var(--r-soft);color:var(--r);}
/* Tab 面板 */
.qa-my-tab-panel{display:none;padding:14px 0 8px;}
.qa-my-tab-panel.active{display:block;}
/* 我的问题列表行 */
.qa-my-q-list{display:flex;flex-direction:column;gap:0;}
.qa-my-q-row{display:flex;align-items:center;justify-content:space-between;gap:10px;
padding:12px 6px;border-bottom:1px solid var(--line);}
.qa-my-q-row:hover{background:rgba(255,82,82,.02);}
.qa-my-q-main{flex:1;min-width:0;}
.qa-my-q-title{font-size:15px;font-weight:600;color:var(--t);text-decoration:none;display:inline-block;max-width:100%;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.qa-my-q-title:hover{color:var(--r);}
.qa-my-q-title + .best-badge{vertical-align:middle;margin-left:5px;}
.qa-my-q-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;color:var(--tml);flex-wrap:wrap;}
.qa-st{font-size:11px;padding:1px 7px;border-radius:3px;font-weight:600;}
.qa-st.pub{background:#f0f9eb;color:#52c41a;}
.qa-st.draft{background:#fff7e6;color:#fa8c16;}
.qa-st.other{background:#f0f0f0;color:#999;}
.qa-my-q-actions{flex:0 0 auto;display:flex;gap:6px;}
/* 我的回复列表行 */
.qa-my-a-list{display:flex;flex-direction:column;gap:0;}
.qa-my-a-row{padding:12px 6px;border-bottom:1px solid var(--line);border-radius:4px;transition:.08s;}
.qa-my-a-row:hover{background:rgba(255,82,82,.02);}
.qa-my-a-row.is-best{background:linear-gradient(90deg,#f6ffed,#fff 50%);}
.qa-my-a-main{}
.qa-my-a-q{font-size:14px;font-weight:600;margin-bottom:3px;}
.qa-my-a-q a{color:var(--t);text-decoration:none;}
.qa-my-a-q a:hover{color:var(--r);}
.qa-my-a-q .best-badge.sm{transform:scale(.78);transform-origin:left center;display:inline-block;vertical-align:middle;}
.qa-my-a-body{font-size:13px;color:var(--tm);margin:3px 0;line-height:1.55;}
.qa-my-a-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tml);margin-top:4px;}
/* ---------- 消息（被采纳提醒等） ---------- */
.qa-notes{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:6px 0 4px;}
.qa-notes .qa-my-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px;}
.note-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--r);color:#fff;font-size:11px;font-weight:700;}
.note-mark{margin-left:auto;font-size:12.5px;color:var(--tm);text-decoration:none;}
.note-mark:hover{color:var(--r);}
.qa-note-list{list-style:none;margin:0;padding:0;}
.qa-note-list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;}
.qa-note-list li:last-child{border-bottom:none;}
.note-dot{width:7px;height:7px;border-radius:50%;background:var(--r);flex:0 0 auto;opacity:0;}
.qa-note-list li.unread .note-dot{opacity:1;}
.note-link{color:var(--t);text-decoration:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.note-link:hover{color:var(--r);}
.note-time{font-size:12px;color:var(--tml);flex:0 0 auto;}
/* ---------- 窄屏 ---------- */
@media (max-width:600px){
.qa-embed{padding:16px 10px 48px;}
/* 详情页头部：移动端作者信息换行 */
.q-detail-header{flex-direction:column;gap:8px;}
.q-detail-meta-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap;width:100%;}
.q-author-mini{margin-right:auto;}
.q-badges-compact{margin-left:auto;}
/* 评论头像 */
.answer .a-head .av,.q-author-mini .av{width:36px;height:36px;font-size:14px;}
.like-btn{padding:7px 10px;font-size:12px;}
.like-btn svg{width:14px;height:14px;}
.q-stats .views{display:none;}
.answers-list .children{margin-left:18px;}
.qa-account{flex-direction:column;}
/* 回复工具栏 */
.reply-form-tools{gap:10px;}
.email-notify-toggle .toggle-label{display:none;}
}
@media (max-width:768px){
.qa-embed{padding:22px 16px 56px;}
.q-row{gap:9px;}
}
@media (min-width:1200px){
.qa-embed{max-width:var(--maxw);margin:0 auto;}
}