/* ============================================================
   法律会客厅 · 问答大厅（方案A：三栏 · 竖线严格分栏）
   v20261024a
   规范：全站 8px 栅格（4/8/12/16/20/24/32/40）
   标签 20px 高 · 领域行 36px · 律师行 48px · 按钮 28px
   ============================================================ */
:root{
  --u1:4px;--u2:8px;--u3:12px;--u4:16px;--u5:20px;--u6:24px;--u8:32px;--u10:40px;
}
.hall-page{background:#fff;color:var(--ink);font-size:13px;line-height:1.6}

/* ===== 顶部栏 ===== */
.hx{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hx-in{max-width:1240px;margin:0 auto;height:56px;padding:0 var(--u6);display:flex;align-items:center;gap:var(--u5)}
.hx-logo{display:flex;align-items:center;gap:var(--u2);font-size:17px;font-weight:800}
.hx-logo span{color:var(--orange)}
.hx-nav{display:flex;align-items:center;gap:var(--u5)}
.hx-nav a{font-size:13px;color:var(--ink-2);transition:.16s}
.hx-nav a:hover{color:var(--orange)}
.hx-nav a.on{color:var(--orange);font-weight:700}
.hx-r{margin-left:auto;display:flex;align-items:center;gap:var(--u2)}

/* ===== 工具条 ===== */
.hbar{border-bottom:1px solid var(--line);background:#fff}
.hbar-in{max-width:1240px;margin:0 auto;height:var(--u10);padding:0 var(--u6);display:flex;align-items:center;gap:var(--u4)}
.hbar .ttl{font-size:15px;font-weight:800;display:flex;align-items:center;gap:var(--u2)}
.hbar .sp{margin-left:auto;display:flex;align-items:center;gap:var(--u2)}

/* 分段控件（普通筛选，非主视觉） */
.hseg{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--u1);overflow:hidden;height:var(--u8);background:#fff}
.hseg .s{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--u4);font-size:12.5px;font-weight:600;color:var(--ink-2);border-right:1px solid #F0F1F4;cursor:pointer;white-space:nowrap;transition:.16s}
.hseg .s:last-child{border-right:0}
.hseg .s:hover{background:var(--orange-50);color:var(--orange)}
.hseg .s.on{background:var(--orange);color:#fff;font-weight:700}
.hghost{display:inline-flex;align-items:center;height:var(--u8);padding:0 var(--u4);border:1px solid var(--line);border-radius:var(--u1);font-size:12.5px;color:var(--ink-2);background:#fff;cursor:pointer;white-space:nowrap;font-family:inherit}
.hghost:hover{border-color:var(--orange-200);color:var(--orange)}
.hcount{font-size:11.5px;color:var(--g3);font-variant-numeric:tabular-nums}

/* ===== 三栏主体 ===== */
.hall-wrap{max-width:1240px;margin:0 auto;padding:0 var(--u6) 60px}
.hall-grid{display:grid;grid-template-columns:200px minmax(0,1fr) 288px}
.hall-grid>aside,.hall-grid>div{border-right:1px solid #F0F1F4}
.hall-grid>*:last-child{border-right:0}
.hall-side{padding:var(--u5)}
.hall-mid{padding:0;min-width:0}
.hall-right{padding:var(--u5);background:#FCFCFD}

/* ===== 栏目头 ===== */
.hch{display:flex;align-items:center;height:var(--u8);font-size:12px;font-weight:700;color:var(--g2);letter-spacing:.5px;margin-bottom:var(--u3)}
.hch .ln{flex:1;height:1px;background:#F0F1F4;margin-left:var(--u3)}

/* ===== 领域行（统一 36px） ===== */
.hrow{display:flex;align-items:center;gap:var(--u2);height:var(--u9);padding:0 var(--u3);border-radius:var(--u1);font-size:13px;color:var(--ink-2);cursor:pointer;transition:.16s}
.hrow .ic{width:18px;height:18px;flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1}
.hrow .tx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hrow .n{font-size:11px;color:var(--g3);font-variant-numeric:tabular-nums}
.hrow:hover{background:var(--orange-50);color:var(--orange)}
.hrow.on{background:var(--orange-50);color:var(--orange);font-weight:700}
.hrow.on .n{color:var(--orange)}
.hrow.sub{margin-top:var(--u1);color:var(--g2)}

/* ===== 问题流 ===== */
.hqlist{display:flex;flex-direction:column}
.hq{padding:var(--u5) var(--u6);border-bottom:1px solid #F0F1F4;transition:.16s;cursor:pointer}
.hq:last-child{border-bottom:0}
.hq:hover{background:#FCFCFD}
.hq:hover .hq-t{color:var(--orange)}
.hq:hover .hq-go{border-color:var(--orange);color:var(--orange)}
.hq-l1{display:flex;align-items:center;gap:var(--u2);height:var(--u5);margin-bottom:var(--u3);flex-wrap:wrap}

/* 标签统一 20px */
.htag{display:inline-flex;align-items:center;justify-content:center;height:var(--u5);padding:0 var(--u2);border-radius:var(--u1);font-size:11px;font-weight:700;line-height:1;white-space:nowrap}
.htag.top{background:var(--orange-50);color:var(--orange);border:1px solid var(--orange-200)}
.htag.bounty{background:#FFF8E8;color:var(--gold);border:1px solid #F3E0B2}
.htag.ans{background:#EAF7F4;color:var(--green);border:1px solid #C6EBE3}
.htag.cat{background:#F3F4F6;color:var(--g2);border:1px solid #E7E9ED}

.hq-t{font-size:14.5px;font-weight:700;line-height:1.6;margin-bottom:var(--u1);transition:.16s}
.hq-d{font-size:12.3px;color:var(--g2);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hq-ai{margin-top:var(--u3);background:var(--orange-50);border:1px solid var(--orange-200);border-radius:var(--u1);padding:var(--u3) var(--u4)}
.hq-ai .t{font-size:11.5px;font-weight:700;color:var(--orange);margin-bottom:var(--u1)}
.hq-ai .d{font-size:12.2px;color:var(--ink-2);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hq-m{display:flex;align-items:center;gap:var(--u5);margin-top:var(--u3);font-size:11.5px;color:var(--g3)}
.hq-m span{display:inline-flex;align-items:center;gap:var(--u1)}
.hq-m b{font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.hq-go{margin-left:auto;display:inline-flex;align-items:center;height:var(--u7);padding:0 var(--u3);border:1px solid var(--line);border-radius:var(--u1);color:var(--g2);font-size:11.5px;font-weight:600;transition:.16s}
/* 实务高频问题风格：卡片化 + 序号 + 法条依据行 */
.hq{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;padding:14px 16px;cursor:default}
.hq:last-child{border-bottom:1px solid var(--line)}
.hq:hover{border-color:rgba(242,101,34,.36)}
.hq:hover .hq-t{color:var(--orange)}
.hq-t{display:flex;gap:10px;align-items:flex-start;margin-bottom:0;color:var(--ink);text-decoration:none}
.hq-qi{flex:none;width:21px;height:21px;border-radius:50%;background:var(--orange);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
.hq-d{margin:6px 0 0 31px}
.hq-law{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 0 31px;font-size:11px}
.hq-rtag{color:var(--orange);background:rgba(242,101,34,.08);border:1px solid rgba(242,101,34,.28);border-radius:4px;padding:2px 9px;font-weight:700}
.hq-sep{color:var(--g3)}
.hq-rno{color:var(--g2);text-decoration:none;font-weight:600}
.hq-rno:hover{color:var(--orange)}
.hq-hot{color:var(--g3);background:rgba(128,128,128,.1);border-radius:4px;padding:2px 8px}
.hq-ai{margin-top:9px;background:var(--orange-50);border:1px solid var(--orange-200);border-radius:8px;padding:9px 11px}
.hq-m{margin-top:9px}

/* ===== 律师（统一 48px 行高） ===== */
.hlw{display:flex;align-items:center;gap:var(--u3);height:var(--u12);border-bottom:1px solid #F0F1F4}
.hlw:last-child{border-bottom:0}
.hava{width:var(--u9);height:var(--u9);border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}
.hava.c0{background:linear-gradient(135deg,#FF8B4D,#F26522)}
.hava.c1{background:linear-gradient(135deg,#5B9BFF,#2B6FEF)}
.hava.c2{background:linear-gradient(135deg,#35C9A0,#0E9E78)}
.hava.c3{background:linear-gradient(135deg,#A78BFA,#7C4DEF)}
.hlw .tx{flex:1;min-width:0}
.hlw .n{font-size:13px;font-weight:700;display:flex;align-items:center;gap:var(--u2)}
.hlw .d{font-size:11.3px;color:var(--g3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcert{font-size:10.5px;font-weight:600;padding:1px 5px;border-radius:var(--u1);line-height:1.6;white-space:nowrap}
.hcert.o{color:var(--orange);background:var(--orange-50);border:1px solid var(--orange-200)}
.hcert.gold{color:var(--gold);background:#FFF8E8;border:1px solid #F3E0B2}
.hbtn{flex:none;height:var(--u7);padding:0 var(--u3);border-radius:var(--u1);border:1px solid var(--orange-200);background:#fff;color:var(--orange);font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit}
.hbtn:hover{background:var(--orange);border-color:var(--orange);color:#fff}

/* ===== 提问输入 ===== */
.hask{display:flex;gap:var(--u2);padding:var(--u5) var(--u6);border-bottom:1px solid #F0F1F4;background:#FCFCFD}
.hask .inp{flex:1;min-width:0;height:var(--u10);background:#fff;border:1px solid var(--line);border-radius:var(--u1);padding:0 var(--u4);color:var(--ink);font-size:13px;font-family:inherit;outline:0}
.hask .inp:focus{border-color:var(--orange-200)}
.hask .inp::placeholder{color:var(--g3)}
.hask .btn{height:var(--u10);padding:0 var(--u6);border:0;border-radius:var(--u1);background:var(--orange);color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.hask .btn:hover{background:#E05515}

/* ===== 会员服务（左下） ===== */
.hmem{margin-top:var(--u6);padding-top:var(--u4);border-top:1px solid #F0F1F4}
.hmem-i{display:flex;align-items:center;gap:var(--u2);height:var(--u9);padding:0 var(--u3);border-radius:var(--u1);font-size:13px;color:var(--ink-2);cursor:pointer;transition:.16s}
.hmem-i .ic{width:18px;height:18px;flex:none;display:flex;align-items:center;justify-content:center;font-size:13px}
.hmem-i .tx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmem-i:hover{background:var(--orange-50);color:var(--orange)}

/* ===== 右栏独立小卡（会客厅规则 / AI 快速通道） ===== */
.hside-card{background:#fff;border:1px solid var(--line);border-radius:var(--u2);padding:var(--u5);margin-top:var(--u4)}
.hside-card .hd{display:flex;align-items:center;gap:var(--u2);font-size:14px;font-weight:800;margin-bottom:var(--u3)}
.hrule{list-style:none}
.hrule li{display:flex;align-items:flex-start;gap:var(--u2);padding:var(--u2) 0;font-size:12.3px;color:var(--ink-2);line-height:1.7}
.hrule .no{width:16px;height:16px;border-radius:50%;flex:none;background:var(--orange);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}
.hrule b{color:var(--orange);font-weight:600}
.hquick{background:linear-gradient(160deg,#FFF6EE,#FFFDFB);border:1px solid var(--orange-200)}
.hquick p{font-size:12.3px;color:var(--ink-2);line-height:1.8}
.hquick .qb{display:inline-flex;align-items:center;justify-content:center;width:100%;height:var(--u10);margin-top:var(--u4);border-radius:var(--u1);background:var(--orange);color:#fff;font-size:13.5px;font-weight:700;transition:.16s}
.hquick .qb:hover{background:#E05515}

/* ===== 问题卡变体（已结/查看全部回答） ===== */
.htag.solved{background:#EAF7F4;color:var(--green);border:1px solid #C6EBE3}
.htag.hot{background:#FFF1F0;color:#F5484D;border:1px solid #FFD5D3}
.hq-m .done{display:inline-flex;align-items:center;gap:var(--u1);color:var(--green);font-weight:600}

/* ===== 门户问答入口修正 ===== */
.pcat{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:8px;background:#fff;border:1px solid var(--orange-200);color:var(--ink-2);font-size:12.5px;transition:.16s}

/* ===== 空态 ===== */
.hempty{padding:48px 20px;text-align:center;color:var(--g3);font-size:13px}

/* ===== 响应式 ===== */
@media(max-width:1080px){
  .hall-grid{grid-template-columns:184px minmax(0,1fr)}
  .hall-right{display:none}
}
@media(max-width:760px){
  .hall-grid{grid-template-columns:1fr}
  .hall-side{border-right:0;border-bottom:1px solid #F0F1F4}
  .hx-nav{display:none}
}


/* ==========================================================
   会客厅页暗色主题
   ========================================================== */
[data-theme="dark"] .hall-page{background:#16181B;color:#E9EBEE}
[data-theme="dark"] .hbar{background:#16181B;border-bottom-color:#2C2E33}
[data-theme="dark"] .hbar .ttl{color:#E9EBEE}
[data-theme="dark"] .hall-right{background:#181A1E}
[data-theme="dark"] .hx{background:#1E2024;border-bottom-color:#2C2E33}
[data-theme="dark"] .hx-logo{color:#E9EBEE}
[data-theme="dark"] .hx-nav a{color:#A2A8B0}
[data-theme="dark"] .hx-nav a:hover{color:#FFB38A}
[data-theme="dark"] .hx-in{background:#1E2024;border-color:#313338;color:#A2A8B0}
[data-theme="dark"] .hall-grid>aside,[data-theme="dark"] .hall-grid>div{border-right-color:#2C2E33}
[data-theme="dark"] .hall-side{background:#181A1E}
[data-theme="dark"] .hch{color:#E9EBEE}
[data-theme="dark"] .hch .ln{background:#2C2E33}
[data-theme="dark"] .hrow{color:#D3D6DB}
[data-theme="dark"] .hrow:hover{background:#1E2024}
[data-theme="dark"] .hrow .c,[data-theme="dark"] .hcount{color:#767C84}
[data-theme="dark"] .htag{background:#26282C;color:#A2A8B0}
[data-theme="dark"] .htag.on{background:rgba(242,101,34,.16);color:#FFB38A}
[data-theme="dark"] .htag.solved{background:rgba(29,158,117,.16);color:#3FBF8F}
[data-theme="dark"] .htag.hot{background:rgba(242,101,34,.16);color:#FFB38A}
[data-theme="dark"] .hq{background:#1E2024;border-color:#2C2E33}
[data-theme="dark"] .hq:hover{border-color:rgba(242,101,34,.5)}
[data-theme="dark"] .hq:hover .hq-t{color:#FFB38A}
[data-theme="dark"] .hq-d{color:#A2A8B0}
[data-theme="dark"] .hq-rtag{color:#FFB38A;border-color:rgba(242,101,34,.4);background:rgba(242,101,34,.12)}
[data-theme="dark"] .hq-sep{color:#767C84}
[data-theme="dark"] .hq-rno{color:#A2A8B0}
[data-theme="dark"] .hq-hot{color:#767C84;background:rgba(255,255,255,.06)}
[data-theme="dark"] .hq-ai{background:rgba(242,101,34,.12);border-color:rgba(242,101,34,.4)}
[data-theme="dark"] .hq-ai .d{color:#B8BEC6}
[data-theme="dark"] .hseg{background:#1E2024;border-color:#313338}
[data-theme="dark"] .hseg .s{color:#A2A8B0;border-right-color:#26282C}
[data-theme="dark"] .hseg .s:hover{background:rgba(242,101,34,.14);color:#FFB38A}
[data-theme="dark"] .hseg .s.on{background:#F26522;color:#fff}
[data-theme="dark"] .hask{background:#1E2024;border-color:#313338}
[data-theme="dark"] .hask input{color:#E9EBEE}
[data-theme="dark"] .hask input::placeholder{color:#6E747C}
[data-theme="dark"] .hask button{background:#F26522;color:#fff}
[data-theme="dark"] .hq{background:#1E2024;border-color:#26282C}
[data-theme="dark"] .hq-t{color:#E9EBEE}
[data-theme="dark"] .hq-d{color:#A2A8B0}
[data-theme="dark"] .hq-m{color:#767C84}
[data-theme="dark"] .hq-ai{background:rgba(242,101,34,.16);color:#FFB38A}
[data-theme="dark"] .hq-go{color:#FFB38A}
[data-theme="dark"] .hq-m .done{color:#3FBF8F}
[data-theme="dark"] .hlw{color:#D3D6DB}
[data-theme="dark"] .hcert{color:#767C84}
[data-theme="dark"] .hmem-i{color:#D3D6DB}
[data-theme="dark"] .hmem-i:hover{background:#1E2024}
[data-theme="dark"] .hside-card{background:#1A1C20;border-color:#2C2E33}
[data-theme="dark"] .hrule{color:#A2A8B0}
[data-theme="dark"] .hrule li::marker{color:#5A6068}
[data-theme="dark"] .hquick{background:#1E2024;border-color:#313338}
[data-theme="dark"] .hbtn{background:#1E2024;border-color:#313338;color:#D3D6DB}
[data-theme="dark"] .hbtn:hover{border-color:#F26522;color:#FFB38A}
[data-theme="dark"] .hbtn.pri{background:#F26522;border-color:#F26522;color:#fff}
[data-theme="dark"] .hempty{color:#767C84}
[data-theme="dark"] .hava{background:#26282C;color:#D3D6DB}

/* ==========================================================
   窄屏适配（≤640px）：问答大厅
   原则：三栏已折叠为单栏后，进一步消除换行挤压
   ========================================================== */
@media (max-width:640px){
  /* 顶栏 */
  .hx-in{padding:0 12px;gap:10px;height:52px}
  .hx-logo{font-size:15px;white-space:nowrap;flex:none;gap:6px}
  .hx-logo svg{width:22px;height:22px}
  .hx-nav{display:none}
  .hx-r{gap:6px}
  .hx-r .hbtn{height:30px;padding:0 10px;font-size:12px}
  .hx-r .pbtn-reg{height:30px;padding:0 10px;font-size:12px;white-space:nowrap}

  /* 工具条：允许换行两行，不压字 */
  .hbar-in{height:auto;min-height:56px;padding:8px 12px;flex-wrap:wrap;gap:8px}
  .hbar .ttl{font-size:14px;white-space:nowrap}
  .hbar .sp{margin-left:auto;gap:6px;width:100%;justify-content:space-between}
  .hseg{height:28px;flex:none}
  .hseg .s{padding:0 12px;font-size:12px}
  .hghost{height:28px;font-size:12px}

  /* 主体 */
  .hall-wrap{padding:0 12px 40px}
  .hall-side{padding:14px 0}
  .hask{padding:12px;gap:8px}
  .hask .inp{height:36px;font-size:16px}
  .hask .btn{height:36px;padding:0 14px;font-size:12.5px;flex:none}

  /* 问题卡：元信息一行放不下就换行，不竖排 */
  .hq{padding:16px 12px}
  .hq-t{font-size:14px;line-height:1.55}
  .hq-d{font-size:12px}
  .hq-ai{padding:10px 12px}
  .hq-ai .d{font-size:11.8px}
  .hq-l1{height:auto;gap:6px}
  .hq-m{gap:12px;flex-wrap:wrap}
  .hq-m span{white-space:nowrap}
  .hq-go{margin-left:auto;flex:none;white-space:nowrap}

  .hlw .d{font-size:11px}
  .hside-card{padding:16px}
}

/* ============================================================
   样式二 · 双栏宽流版（20261025）：去左栏，分类上移筛选条
   ============================================================ */
.hall-grid{grid-template-columns:minmax(0,1fr) 288px}
.hall-grid>aside,.hall-grid>div{border-right:1px solid #F0F1F4}
/* 分类筛选条 */
.hcatbar{grid-column:1 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0 16px;border-bottom:1px solid #F0F1F4;margin-bottom:18px}
.hrow.hchip{height:32px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;gap:6px}
.hrow.hchip .n{font-size:11px}
.hrow.hchip:hover{border-color:var(--orange-200);color:var(--orange)}
.hrow.hchip.on{background:var(--orange-50);border-color:#F6CDB2;color:var(--orange);font-weight:700}
/* 问题流双列 */
#hList{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 0 8px}
#hList .hq{margin:0}
.hall-mid{padding-right:var(--u5)}
/* 暗色适配 */
[data-theme="dark"] .hcatbar{border-bottom-color:#2C2E33}
[data-theme="dark"] .hrow.hchip{background:#1E2024;border-color:#2C2E33;color:#C6CAD1}
[data-theme="dark"] .hrow.hchip:hover{border-color:rgba(242,101,34,.4);color:#FFB38A}
[data-theme="dark"] .hrow.hchip.on{background:rgba(242,101,34,.14);border-color:rgba(242,101,34,.36);color:#FFB38A}
[data-theme="dark"] .hall-grid>aside,[data-theme="dark"] .hall-grid>div{border-right-color:#24262B}
[data-theme="dark"] #hList .hq{background:#1E2024;border-color:#2C2E33}
@media (max-width:980px){#hList{grid-template-columns:1fr}.hall-grid{grid-template-columns:1fr}}