/* ============================================================
   法律会客厅 · 公开门户首页样式（独立文件，不影响工作台）
   v20261023a
   ============================================================ */
:root{--orange:#F26522;--orange-50:#FFF7F2;--orange-100:#FEF0E8;--orange-200:#F8DCC9;
--ink:#1D2129;--ink-2:#4E5969;--g2:#86909C;--g3:#A9AEB8;--line:#E5E6EB;--bg:#FAFAFB;
--green:#14B8A6;--blue:#378ADD;--purple:#8A5CF6;--gold:#B8860B}
*{margin:0;padding:0;box-sizing:border-box}
html{color-scheme:light}
body{font-family:-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;background:#fff;color:var(--ink);font-size:13px}
a{text-decoration:none;color:inherit}
/* 顶栏 */
.ptop{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 40px;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:50}
.ptop-r{position:absolute;right:40px;top:0;height:100%;display:flex;gap:8px;align-items:center;margin-left:0}
.plogo{font-size:16px;font-weight:800;display:flex;align-items:center;gap:7px}
.plogo svg{flex:none}
.plogo span{color:var(--orange)}
.pnv{font-size:13px;color:var(--ink-2)}.pnv:hover{color:var(--orange)}
.ptop-r{margin-left:auto;display:flex;gap:8px;align-items:center}
.pbtn-dl,.pbtn-in,.pbtn-reg{height:36px;display:inline-flex;align-items:center;font-size:13px;padding:0 16px;border-radius:9px;border:1px solid #E4E9F2;background:#fff;color:#3A4456;font-weight:600;cursor:pointer;font-family:inherit;transition:.18s}
.pbtn-dl:hover,.pbtn-in:hover{border-color:var(--orange);color:var(--orange)}
.pbtn-reg{color:#F26522;font-weight:700;border-color:#F6CDB2;background:#FFF9F5}
.pbtn-reg:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.pwrap{max-width:1120px;margin:0 auto;padding:0 24px 60px}
/* HERO */
.phero{background:radial-gradient(1000px 420px at 50% -80px,#FFE8DA 0%,#FFF 60%);padding:88px 0 0;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* HERO 品牌区（方案 C · 纯文字，无图片依赖） */
.phero-brand{margin:0 auto 26px;max-width:780px}
.phero-brand .phb-name{font-size:38px;font-weight:800;letter-spacing:4px;color:var(--ink);line-height:1.3}
.phero-brand .phb-name span{color:var(--orange)}
.phero-brand .phb-sub{font-size:14px;color:var(--g2);margin-top:12px;letter-spacing:1px}
@media (max-width:768px){
  .phero-brand .phb-name{font-size:29px;letter-spacing:2px}
  .phero-brand .phb-sub{font-size:12.5px;letter-spacing:.4px}
}
.phero h1{font-size:34px;font-weight:800;letter-spacing:1px;line-height:1.35}
.phero h1 b{color:var(--orange)}
.phero .sub{font-size:13.5px;color:var(--g2);margin:12px 0 26px;line-height:1.8}
/* ---- 方案 D · 双层壳大外框（与 /search 同语言）---- */
.pfw{max-width:1080px;margin:0 auto}
.pfw-frame{border-radius:28px;padding:3px;background:#F4F5F7;box-shadow:0 12px 34px rgba(31,36,48,.07);transition:background .18s,box-shadow .18s}
/* 焦点态收敛：细暖边框 + 中性阴影，不整块泛橙 */
.pfw-frame:focus-within{background:linear-gradient(122deg,#F0B894,#FFE7D2);box-shadow:0 12px 34px rgba(31,36,48,.11)}
.pfw-inner{background:#fff;border-radius:25px;height:104px;display:flex;align-items:center;padding:0 8px 0 24px;gap:14px}
.pfw-lead{flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:var(--orange-50);color:var(--orange);display:flex;align-items:center;justify-content:center}
.pfw-row{flex:1;min-width:0}
.pfw-inner input{width:100%;border:0;outline:0;background:none;box-shadow:none;font:inherit;font-size:16.5px;color:var(--ink);padding:0;font-family:inherit}
.pfw-inner input::placeholder{color:#A8AFBC}
.pfw-kbd{flex:0 0 auto;display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--g3);letter-spacing:.3px;user-select:none}
.pfw-btn{flex:0 0 auto;height:52px;padding:0 28px;border:0;border-radius:14px;background:var(--orange);color:#fff;font:inherit;font-size:16px;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 5px 16px rgba(242,101,34,.26);transition:.15s}
.pfw-btn:hover{background:#E05515;box-shadow:0 6px 20px rgba(242,101,34,.32)}
.pfw-btn:disabled{opacity:.55;cursor:default}
/* 副行：示例问题（方角片 + 线性箭头） */
.psug{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}
.psug span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:6px 13px;cursor:pointer;background:#fff;transition:.15s}
.psug span svg{width:12px;height:12px;color:var(--g3);transition:.15s}
.psug span:hover{border-color:var(--orange-200);background:var(--orange-50);color:var(--orange)}
.psug span:hover svg{color:var(--orange);transform:translateX(2px)}
.psug .t{font-size:12px;color:var(--g3);border:0;background:none;padding:0;cursor:default}
/* 数据条：三格平铺 + 左细分隔线 */
.pstats{display:flex;justify-content:center;align-items:center;gap:0;margin:18px 0 0;border-top:1px solid var(--line)}
.pst{padding:18px 46px;text-align:center}
.pst+.pst{border-left:1px solid var(--line)}
.pst b{font-size:21px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.pst b i{font-style:normal;color:var(--orange);font-size:13px;margin-left:2px}
.pst span{display:block;font-size:11px;color:var(--g3);margin-top:3px}
/* 区块 */
.psect{margin-top:36px}
.psect-h{text-align:center;margin-bottom:20px}
.psect-h h2{font-size:21px;font-weight:800}
.psect-h p{font-size:12px;color:var(--g2);margin-top:6px}
/* 三工具大卡 */
.ptri{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pbig{border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;position:relative;transition:all .2s;cursor:pointer;background:#fff;display:block}
.pbig:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(29,33,41,.10);text-decoration:none}
.pbig .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:13px}
.pbig h3{font-size:15.5px;font-weight:700;margin-bottom:7px;color:var(--ink)}
.pbig p{font-size:11.8px;color:var(--g2);line-height:1.8;min-height:58px}
.pbig .ft{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:11px;margin-top:13px}
.pbig .price{font-size:11px;color:var(--g3)}
.pbig .price b{color:var(--orange);font-size:13px}
.pbig .go{font-size:12px;color:var(--orange);font-weight:600}
.pbig.hot{border-color:var(--orange-200);background:linear-gradient(160deg,#FFF9F5,#fff)}
.pbig .rec{position:absolute;top:14px;right:14px;font-size:9.5px;background:var(--orange);color:#fff;border-radius:99px;padding:2px 9px}
/* 资料双栏 */
.pduo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.ppanel{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff}
.ppanel .h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:11px}
.ppanel .h .t{font-size:14.5px;font-weight:700}
.ppanel .h a{font-size:11.5px;color:var(--g3)}
.ppanel .h a:hover{color:var(--orange)}
.prow{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);cursor:pointer;text-decoration:none}
.prow:last-child{border-bottom:none}
.prow:hover .t{color:var(--orange)}
.prow .bd{font-size:10px;padding:1.5px 7px;border-radius:4px;flex:none;margin-top:2px}
.prow .tx{flex:1;min-width:0}
.prow .t{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow .m{font-size:10px;color:var(--g3);margin-top:3px}
/* 律师问答大厅入口（方案A视觉） */
.phall{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;margin-top:16px}
.phall-l{background:linear-gradient(160deg,#FFF6EE,#FFFDFB);border:1px solid var(--orange-200);border-radius:16px;padding:26px 28px}
.phall-h{display:flex;align-items:center;gap:10px}
.phall-h h2{font-size:19px;font-weight:800}
.phall-tag{font-size:11px;font-weight:700;color:var(--orange);background:#fff;border:1px solid var(--orange-200);border-radius:5px;padding:2px 9px}
.phall-sub{font-size:12.3px;color:var(--ink-2);line-height:1.8;margin-top:9px}
.phall-cats{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.pcat{font-size:12.5px;padding:7px 15px;border-radius:8px;background:#fff;border:1px solid var(--orange-200);color:var(--ink-2);transition:.16s}
.pcat:hover{border-color:var(--orange);color:var(--orange)}
.pcat.on{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}
.phall-r{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 18px;display:flex;flex-direction:column;justify-content:center}
.pq{display:block;padding:13px 0;border-bottom:1px solid var(--line)}
.pq:last-child{border-bottom:0}
.pq-t{font-size:13.5px;font-weight:600;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pq:hover .pq-t{color:var(--orange)}
.pq-m{display:flex;align-items:center;gap:7px;margin-top:7px;flex-wrap:wrap}
.pq-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;font-size:11px;font-weight:700;line-height:1}
.pq-tag.bounty{background:#FFF8E8;color:var(--gold);border:1px solid #F3E0B2}
.pq-tag.ans{background:#EAF7F4;color:var(--green);border:1px solid #C6EBE3}
.pq-tag.cat{background:#F3F4F6;color:var(--g2);border:1px solid #E7E9ED}
.pq-meta{font-size:11px;color:var(--g3);margin-left:auto;font-variant-numeric:tabular-nums}
@media(max-width:900px){.phall{grid-template-columns:1fr}}
/* 深色 CTA */
.pcta{margin-top:34px;background:linear-gradient(120deg,#262A32,#3A404B);border-radius:16px;padding:30px 36px;color:#fff;display:flex;align-items:center;gap:26px}
.pcta h3{font-size:18px;font-weight:700}
.pcta h3 b{color:#FF9B6B}
.pcta p{font-size:11.5px;color:rgba(255,255,255,.6);margin-top:6px;line-height:1.8}
.pcta .btns{margin-left:auto;display:flex;gap:10px;flex:none}
.pcta .b1{padding:10px 24px;border-radius:10px;background:var(--orange);color:#fff;font-size:13px;font-weight:600;cursor:pointer;border:0;font-family:inherit;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.pcta .b1:hover{background:#E05515}
.pcta .b2{padding:10px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:13px;cursor:pointer;background:transparent;font-family:inherit}
.pcta .b2:hover{border-color:#fff}
/* 页脚 */
.pfoot{border-top:1px solid var(--line);margin-top:34px;padding:20px 40px;font-size:11px;color:var(--g3);line-height:2;text-align:center}
/* toast */
#ptoast{position:fixed;left:50%;bottom:48px;transform:translateX(-50%) translateY(20px);background:rgba(29,33,41,.92);color:#fff;font-size:12.5px;padding:10px 20px;border-radius:10px;opacity:0;pointer-events:none;transition:all .25s;z-index:99}
#ptoast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* 响应式 */
@media (max-width:860px){
  .ptri{grid-template-columns:1fr}
  .pduo{grid-template-columns:1fr}
  .pcta{flex-direction:column;text-align:center}
  .pcta .btns{margin-left:0}
  .pstats{gap:28px}
  .ptop{padding:0 16px;gap:14px}
  .pnv{display:none}
}


/* ==========================================================
   公开页暗色主题（/portal 与 /hall 共用）
   独立于 theme.css（那份是给 layout/app 内部页设计的）
   ========================================================== */
[data-theme="dark"] body{background:#16181B;color:#E9EBEE}
[data-theme="dark"] .ptop{background:rgba(22,24,27,.92);border-bottom-color:#2C2E33;backdrop-filter:blur(10px)}
[data-theme="dark"] .plogo{color:#FFB38A}
[data-theme="dark"] .pnv{color:#A2A8B0}
[data-theme="dark"] .pnv:hover{color:#FFB38A}
[data-theme="dark"] .pbtn-in,[data-theme="dark"] .pbtn-dl{background:#1E2024;border-color:#313338;color:#D3D6DB}
[data-theme="dark"] .pbtn-in:hover,[data-theme="dark"] .pbtn-dl:hover{border-color:#FFB38A;color:#FFB38A}
[data-theme="dark"] .pbtn-reg{background:rgba(242,101,34,.14);border-color:rgba(242,101,34,.36);color:#FFB38A}
[data-theme="dark"] .pbtn-reg:hover{background:#F26522;border-color:#F26522;color:#fff}

/* Hero */
[data-theme="dark"] .phero{background:radial-gradient(1000px 420px at 50% -80px,rgba(242,101,34,.10) 0%,#16181B 62%)}
/* 纯文字品牌区：暗色下换浅色字 */
[data-theme="dark"] .phero-brand .phb-name{color:#E9EBEE}
[data-theme="dark"] .phero-brand .phb-name span{color:#FFB38A}
[data-theme="dark"] .phero-brand .phb-sub{color:#8A9099}
/* 双层壳外框：深色下外层壳不能是浅灰 */
[data-theme="dark"] .pfw-frame{background:#2C2E33;box-shadow:0 12px 34px rgba(0,0,0,.45)}
[data-theme="dark"] .pfw-frame:focus-within{background:linear-gradient(122deg,#8A5320,#6E421A);box-shadow:0 12px 34px rgba(0,0,0,.5)}
[data-theme="dark"] .pfw-inner{background:#1E2024}
[data-theme="dark"] .pfw-inner input{color:#E9EBEE}
[data-theme="dark"] .pfw-inner input::placeholder{color:#6E747C}
[data-theme="dark"] .pfw-lead{background:rgba(242,101,34,.16);color:#FFB38A}
[data-theme="dark"] .pfw-kbd{color:#6E747C}
[data-theme="dark"] .pfw-btn{background:#F26522;color:#fff}
[data-theme="dark"] .pfw-btn:hover{background:#FF7A38}
/* 热门问句 */
[data-theme="dark"] .psug span{background:#1E2024;border-color:#313338;color:#A2A8B0}
[data-theme="dark"] .psug span:hover{border-color:rgba(242,101,34,.36);background:rgba(242,101,34,.14);color:#FFB38A}
[data-theme="dark"] .psug .t{color:#6E747C}
/* 数据条 */
[data-theme="dark"] .pstats{border-top-color:#2C2E33;background:#1A1C20}
[data-theme="dark"] .pst+.pst{border-left-color:#2C2E33}
[data-theme="dark"] .pst b{color:#E9EBEE}
[data-theme="dark"] .pst b i{color:#FFB38A}
[data-theme="dark"] .pst span{color:#6E747C}

/* 工具卡 / 面板 */
[data-theme="dark"] .pbig{background:#1E2024;border-color:#313338}
[data-theme="dark"] .pbig:hover{border-color:rgba(242,101,34,.36)}
[data-theme="dark"] .pbig h3{color:#E9EBEE}
[data-theme="dark"] .pbig p{color:#A2A8B0}
[data-theme="dark"] .pbig .go{color:#6E747C}
[data-theme="dark"] .pbig .ic{background:rgba(255,255,255,.05)}
[data-theme="dark"] .pbig .ft{border-top-color:#313338}
[data-theme="dark"] .pbig .rec{background:#F26522}
[data-theme="dark"] .psect-h h2{color:#E9EBEE}
[data-theme="dark"] .psect-h p{color:#8B9199}
[data-theme="dark"] .ppanel{background:#1E2024;border-color:#313338}
[data-theme="dark"] .ppanel .h{background:#1A1C20;border-bottom-color:#313338}
[data-theme="dark"] .ppanel .h .t{color:#E9EBEE}
[data-theme="dark"] .ppanel .h a{color:#FFB38A}
[data-theme="dark"] .prow{border-bottom-color:#26282C}
[data-theme="dark"] .prow .t{color:#D3D6DB}
[data-theme="dark"] .prow .m{color:#767C84}

/* 问答入口 */
[data-theme="dark"] .phall{background:#1E2024;border-color:#313338}
[data-theme="dark"] .phall-h h2{color:#E9EBEE}
[data-theme="dark"] .phall-tag{background:rgba(242,101,34,.14);border-color:rgba(242,101,34,.36);color:#FFB38A}
[data-theme="dark"] .phall-sub{color:#8B9199}
[data-theme="dark"] .pcat{background:#1A1C20;border-color:#313338;color:#A2A8B0}
[data-theme="dark"] .pq{border-top-color:#26282C}
[data-theme="dark"] .pq-t{color:#D3D6DB}
[data-theme="dark"] .pq-m{color:#767C84}
[data-theme="dark"] .pq-tag{background:rgba(242,101,34,.14);color:#FFB38A}

/* 主题切换按钮（右下角悬浮组 · 月亮 ☾） */
.ptog{position:fixed;right:20px;bottom:20px;z-index:80;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(20,30,60,.10);background:rgba(255,255,255,.6);color:var(--ink-2);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 6px 18px rgba(20,30,60,.14);transition:.15s}
.ptog:hover{border-color:var(--orange-200);color:var(--orange);background:rgba(255,255,255,.85)}
[data-theme="dark"] .ptog{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#D3D6DB;box-shadow:0 6px 18px rgba(0,0,0,.22)}
[data-theme="dark"] .ptog:hover{background:rgba(255,255,255,.14);border-color:#FFB38A;color:#FFB38A}

/* 页脚 */
[data-theme="dark"] .pfoot{border-top-color:#2C2E33;color:#6E747C}
[data-theme="dark"] .pfoot a{color:#A2A8B0}

/* ==========================================================
   窄屏适配（≤640px）：公开门户
   原则：不缩小可读性，只做「换行/堆叠/隐藏次要项」，不引入胶囊圆角
   ========================================================== */
@media (max-width:640px){
  /* 顶栏：单行不折行，logo 与按钮保持完整 */
  .ptop{height:52px;padding:0 12px;gap:10px}
  .plogo{flex:none;white-space:nowrap;font-size:16px;gap:7px}
  .plogo svg{width:23px;height:23px}
  .pnv{display:none}
  .ptop-r{gap:6px}
  .pbtn-dl{display:none}
  .pbtn-in,.pbtn-reg{height:32px;padding:0 12px;font-size:12px;white-space:nowrap}

  /* HERO */
  .phero{padding:44px 0 0}
  .phero h1{font-size:25px}
  .phero .sub{font-size:12.5px;margin:10px 0 20px}

  /* 提问框：输入一行 + 按钮整行（不缩小字体） */
  .pfw{max-width:100%;padding:0 14px}
  .pfw-frame{border-radius:20px}
  .pfw-inner{height:auto;min-height:0;flex-wrap:wrap;padding:12px;gap:10px;border-radius:17px}
  .pfw-lead{order:1}
  .pfw-row{order:2;flex:1 1 100%;min-width:0}
  .pfw-kbd{display:none}
  .pfw-btn{order:3;flex:1 1 100%;height:46px;border-radius:12px;font-size:15px}

  /* 示例问题：横向可滚动，不换行挤压 */
  .psug{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 14px 2px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .psug::-webkit-scrollbar{display:none}
  .psug span{flex:none;white-space:nowrap;font-size:12px;padding:6px 11px}

  /* 数据条：三格压缩但保持单行 */
  .pstats{margin-top:26px}
  .pst{padding:14px 6px}
  .pst b{font-size:18px}
  .pst b i{font-size:11px}
  .pst span{font-size:10.5px;margin-top:2px}

  /* 卡片区 */
  .pwrap{padding:0 14px 40px}
  .psect{margin-top:26px}
  .psect-h h2{font-size:18px}
  .pbig{padding:18px 16px 16px}
  .pbig .ic{width:40px;height:40px;border-radius:10px;font-size:19px;margin-bottom:11px}
  .pbig p{min-height:0}
  .phall-l{padding:20px 18px}

  .pfoot{padding:18px 14px}
}

/* ===== 快捷按钮组（fixed 悬浮右下角：AI ✦ · 月亮 ☾，半透明毛玻璃） ===== */
.ic{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.portal-qp{position:fixed;right:78px;bottom:20px;z-index:80;display:flex;justify-content:flex-end;padding:0}
.qp-wrap{position:relative;z-index:40;display:flex;align-items:center;gap:8px}
.qp-btn{width:42px;height:42px;border-radius:50%;color:var(--ink-2);display:flex;align-items:center;justify-content:center;position:relative;
  transition:background .15s,color .15s,border-color .15s;cursor:pointer;
  background:rgba(255,255,255,.6);border:1px solid rgba(20,30,60,.10);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 18px rgba(20,30,60,.14)}
.qp-btn .ic{width:19px;height:19px}
.qp-btn:hover{background:rgba(255,255,255,.85);color:var(--ink)}
.qp-btn.qp-ai{width:42px;height:42px;background:rgba(47,208,140,.14);border-color:rgba(47,208,140,.4);color:#1FA96C}
.qp-btn.qp-ai:hover{background:rgba(47,208,140,.24)}
.qp-btn.qp-ai .ic{width:20px;height:20px}
/* 「外观设置」占位按钮：隐藏（本组只保留 AI ✦ 与月亮 ☾ 两枚） */
.qp-btn:not(.qp-ai){display:none}
.qp-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#E24B4A;border:1.5px solid var(--bg)}
.qp-moon{display:none}
[data-theme="dark"] .qp-sun{display:none}
[data-theme="dark"] .qp-moon{display:block}
[data-theme="dark"] .qp-btn{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#D3D6DB;box-shadow:0 6px 18px rgba(0,0,0,.22)}
[data-theme="dark"] .qp-btn:hover{background:rgba(255,255,255,.14);color:#E9EBEE}
[data-theme="dark"] .qp-btn.qp-ai{background:rgba(47,208,140,.13);border-color:rgba(47,208,140,.4);color:#2FD08C}
[data-theme="dark"] .qp-btn.qp-ai:hover{background:rgba(47,208,140,.22)}

/* 工具卡图标：淡橙底 + 线性 SVG（R-B 方案，随主题切换） */
.ric{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ic-soft{background:rgba(242,101,34,.10)!important;color:var(--orange)}
[data-theme="dark"] .ic-soft{background:rgba(242,101,34,.16)!important;color:#FF9B6B}

/* ===== 深色主题：重定义中性色变量 + 补齐写死的浅色底 ===== */
/* 根因：原 :root 只定义了浅色值，深色下靠零散补丁补，未覆盖的元素不跟随主题 */
[data-theme="dark"]{
  --ink:#E9EBEE; --ink-2:#C6CAD1; --g2:#8A9099; --g3:#6E747C;
  --line:#2C2E33; --bg:#16181B;
}
[data-theme="dark"] .phall-l{background:linear-gradient(160deg,#241A14,#1E2024);border-color:rgba(242,101,34,.26)}
[data-theme="dark"] .phall-r{background:#1A1C20}
[data-theme="dark"] .pbig.hot{background:linear-gradient(160deg,#241A14,#1E2024)}
[data-theme="dark"] .psug span{background:#1A1C20}
[data-theme="dark"] .pcat,[data-theme="dark"] .phall-tag{background:#1A1C20}
[data-theme="dark"] .pq-tag.cat{background:#25272C;border-color:#313338}
[data-theme="dark"] .pq-tag.ans{background:rgba(20,184,166,.14);border-color:rgba(20,184,166,.34);color:#4FD1C0}
[data-theme="dark"] .pq-tag.bounty{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.34);color:#F5B93B}

/* ===== 底部带子固定深色：浅色/深色模式均保持稳重深底 ===== */
.pstats{background:#1A1C20;border-top-color:#2C2E33}
.pst+.pst{border-left-color:#2C2E33}
.pst b{color:#E9EBEE}
.pst b i{color:#FFB38A}
.pst span{color:#6E747C}
.pfoot{background:#1A1C20;border-top-color:#2C2E33;color:#6E747C}
.pfoot a{color:#A2A8B0}

/* ===== 栏目标题图标：橙色线性（E3），图标与标题垂直居中 ===== */
.ppanel .h .t{display:inline-flex;align-items:center;gap:7px;line-height:1.4}
.ppanel .h .t .eic{width:18px;height:18px;flex:none;display:block;stroke:#F26522;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-theme="dark"] .ppanel .h .t .eic{stroke:#FFB38A}

/* ===== 问答大厅三字段导航栏目（N2） ===== */
.qn2{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:14px}
.qn2-i{background:#fff;padding:14px 18px;display:flex;flex-direction:column;gap:5px;text-decoration:none}
.qn2-i .k{font-size:11.5px;color:var(--g3)}
.qn2-i b{font-size:16px;color:var(--ink);font-weight:700}
.qn2-i em{font-style:normal;font-size:11.5px;color:var(--g2)}
.qn2-i:hover b{color:var(--orange)}
[data-theme="dark"] .qn2{background:#313338;border-color:#313338}
[data-theme="dark"] .qn2-i{background:#1A1C20}
[data-theme="dark"] .qn2-i b{color:#E9EBEE}
[data-theme="dark"] .qn2-i:hover b{color:#FFB38A}

/* ============================================================
   V1 · 四大主功能版（20261025）
   ============================================================ */
.pfour{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pfcard{border:1px solid var(--line);border-radius:16px;padding:22px 20px 16px;background:#fff;display:block;transition:all .2s;cursor:pointer;position:relative}
.pfcard:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(29,33,41,.10);text-decoration:none}
.pfcard.hot .ic{background:var(--orange-50);color:var(--orange)}
.pfcard .ic{width:44px;height:44px;border-radius:12px;background:#F5F6F8;color:var(--ink-2);display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.pfcard h3{font-size:15px;font-weight:700;margin-bottom:7px;color:var(--ink)}
.pfcard p{font-size:11.8px;color:var(--g2);line-height:1.8;min-height:56px}
.pfcard .ft{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:11px;margin-top:13px}
.pfcard .price{font-size:11px;color:var(--g3)}
.pfcard .go{font-size:12px;color:var(--orange);font-weight:600}
.pfcard.hot{border-color:#F6CDB2;background:linear-gradient(180deg,#FFF9F5,#fff 40%)}
/* 副工具行 */
.ptoolrow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.ptoolrow a{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:#fff;transition:.15s}
.ptoolrow a .ric{width:16px;height:16px;color:var(--orange)}
.ptoolrow a em{font-style:normal;margin-left:auto;font-size:10.5px;font-weight:400;color:var(--g3)}
.ptoolrow a:hover{border-color:var(--orange-200);background:var(--orange-50);color:var(--orange)}
/* 走廊页脚 */
.pcorr{margin-top:44px;text-align:center}
.pcorr-t{font-size:12px;letter-spacing:2px;color:var(--g3);margin-bottom:18px}
.pcorr-doors{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.pdoor{position:relative;width:118px;border:1px solid var(--line);border-bottom:2.5px solid var(--orange-200);border-radius:10px 10px 4px 4px;padding:18px 10px 14px;background:#fff;text-align:center;transition:.2s}
.pdoor:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:0 10px 26px rgba(242,101,34,.12)}
.pdoor .knob{position:absolute;top:34px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.pdoor .ric{width:22px;height:22px;color:var(--orange);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pdoor b{display:block;font-size:12.5px;margin-top:9px;color:var(--ink)}
.pdoor i{font-style:normal;display:block;font-size:10px;color:var(--g3);margin-top:3px}
/* 底部能力总览：真实计数卡片（替代原重复的「门」导航） */
.pstats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2px}
.pcap{position:relative;border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px 18px 16px;text-align:left;transition:all .2s}
.pcap:hover{border-color:var(--orange-200);box-shadow:0 12px 30px rgba(31,36,48,.07);transform:translateY(-3px)}
.pcap b{display:block;font-size:27px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}
.pcap b i{font-style:normal;font-size:13px;color:var(--orange);margin-left:2px}
.pcap span{display:block;font-size:12px;color:var(--g2);margin-top:6px}
.pcap a{position:absolute;right:16px;bottom:16px;font-size:11.5px;color:var(--orange);text-decoration:none;font-weight:600}
.pcap a:hover{text-decoration:underline}
[data-theme="dark"] .pcap{background:#1E2024;border-color:#2C2E33}
[data-theme="dark"] .pcap:hover{border-color:rgba(242,101,34,.36);box-shadow:0 12px 30px rgba(0,0,0,.4)}
[data-theme="dark"] .pcap b{color:#E9EBEE}
[data-theme="dark"] .pcap span{color:#8B9199}
[data-theme="dark"] .pcap a{color:#FFB38A}
@media (max-width:900px){.pstats-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pstats-grid{grid-template-columns:1fr}}

/* V1 暗色适配 */
[data-theme="dark"] .pfcard{background:#1E2024;border-color:#2C2E33}
[data-theme="dark"] .pfcard .ic{background:#26282E;color:#A2A8B0}
[data-theme="dark"] .pfcard.hot{border-color:rgba(242,101,34,.36);background:linear-gradient(180deg,rgba(242,101,34,.08),#1E2024 40%)}
[data-theme="dark"] .pfcard.hot .ic{background:rgba(242,101,34,.14);color:#FFB38A}
[data-theme="dark"] .pfcard h3,[data-theme="dark"] .pfcard p{color:#E9EBEE}
[data-theme="dark"] .pfcard p{color:#A2A8B0}
[data-theme="dark"] .ptoolrow a{background:#1E2024;border-color:#2C2E33;color:#C6CAD1}
[data-theme="dark"] .ptoolrow a:hover{border-color:rgba(242,101,34,.4);background:rgba(242,101,34,.1);color:#FFB38A}
[data-theme="dark"] .pdoor{background:#1E2024;border-color:#2C2E33;border-bottom-color:rgba(242,101,34,.36)}
[data-theme="dark"] .pdoor:hover{border-color:rgba(242,101,34,.5)}
[data-theme="dark"] .pdoor .knob{background:#FFB38A}
[data-theme="dark"] .pdoor .ric{color:#FFB38A}
[data-theme="dark"] .pdoor b{color:#E9EBEE}
[data-theme="dark"] .pdoor i{color:#6E747C}
@media (max-width:900px){.pfour{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pfour{grid-template-columns:1fr}}
/* 桌面客户端按钮独立行（横幅下方、数据条上方） */
.pcta-btns{display:flex;justify-content:center;gap:12px;margin-top:16px}
.pcta-btns .b1{padding:11px 24px;border-radius:10px;background:var(--orange);color:#fff;font-weight:700;font-size:13px;text-decoration:none}
.pcta-btns .b1:hover{background:#E05515}
.pcta-btns .b2{padding:11px 24px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}
.pcta-btns .b2:hover{border-color:var(--orange);color:var(--orange)}
[data-theme="dark"] .pcta-btns .b2{background:#1E2024;border-color:#2C2E33;color:#C6CAD1}
[data-theme="dark"] .pcta-btns .b2:hover{border-color:rgba(242,101,34,.4);color:#FFB38A}
/* 横幅不再放按钮 */
.pcta{flex-direction:column;align-items:flex-start}
.pcta .btns{display:none}
/* 数据条整合：右侧两个客户端按钮（深色条内垂直居中、与数字同行对齐） */
.pstats{align-items:center}
.pst-cta{display:flex;gap:10px;align-items:center;margin-left:auto;padding-right:40px;align-self:stretch}
.pst-cta .b1{padding:9px 22px;border-radius:8px;background:#FFB38A;color:#1A1C20;font-weight:700;font-size:12.5px;text-decoration:none;display:inline-flex;align-items:center;line-height:1.4;white-space:nowrap}
.pst-cta .b1:hover{background:#EFA070}
.pst-cta .b2{padding:9px 22px;border-radius:8px;border:1px solid #3A3E45;background:transparent;color:#C6CAD1;font-weight:600;font-size:12.5px;cursor:pointer;font-family:inherit;line-height:1.4;white-space:nowrap}
.pst-cta .b2:hover{border-color:var(--orange);color:#FFB38A}
[data-theme="dark"] .pst-cta .b2{background:transparent;border-color:#3A3E45;color:#C6CAD1}
[data-theme="dark"] .pst-cta .b2:hover{border-color:rgba(242,101,34,.4);color:#FFB38A}
@media (max-width:900px){.pstats{flex-wrap:wrap}.pst-cta{width:100%;justify-content:center;border-left:0;padding:12px 0 0;margin-left:0}}