:root{
  --bg:#f5f6f8;--panel:#fff;--panel2:#fafbfc;--line:#e3e6ea;--line2:#eef0f3;
  --tx:#1c2024;--tx2:#5a6472;--tx3:#8b95a3;
  --acc:#1f6feb;--acc-s:#e8f0fe;--j:#2b6cb0;--n:#0f8a6a;
  --warn:#b7791f;--warn-s:#fdf6e7;
  --sh:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--tx);
 font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
 -webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none;word-break:break-all}a:hover{text-decoration:underline}
.wrap{max-width:1340px;margin:0 auto;padding:0 24px}
header{background:linear-gradient(135deg,#0f2036,#1b3a63 55%,#20507f);color:#fff;padding:32px 0 28px}
header h1{margin:0 0 8px;font-size:29px;font-weight:700;letter-spacing:.5px;
 display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.hsub{font-size:15px;font-weight:400;opacity:.72;letter-spacing:0}
/* 不设 max-width：让这段文字随.wrap 的可用宽度铺满，
   否则窄于容器时右侧会留一大片空白（原来硬限 960px，只占 1340px 的七成） */
header .sub{opacity:.85;font-size:13.5px;line-height:1.8}
.hmeta{margin-top:16px;display:flex;gap:26px;flex-wrap:wrap}
.hmeta div{font-size:13px;opacity:.92;white-space:nowrap}
.hmeta b{font-size:21px;font-weight:700;opacity:1;line-height:1.2;margin-right:1px}
.hmeta i{font-style:normal;margin-left:5px;opacity:.78;font-size:12.5px}
.toolbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);
 backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:10px 0}
.trow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* 第二行：展开层级。与第一行留一点间距，视觉上归属工具栏 */
.trow.lvrow{margin-top:8px}
/* max-width 是「★ 有深度信息」按钮删除后（用户 2026-10-25）特意加的：
   删掉按钮会腾出约 155px，而 #q 是 flex:1，会把这 155px 全吃进搜索框，
   导致右侧「匹配／清除」位置一动不动（实测 left 仍 990.9px），
   用户要的「两个按钮左移」就落不了地。封顶后搜索框不再无限制扩张，
   两按钮左移到原 ★ 按钮所在的位置附近。别把 max-width 删了，否则会退回去。 */
#q{flex:1;max-width:820px;min-width:200px;padding:8px 13px;border:1px solid var(--line);border-radius:8px;
 font-size:14px;font-family:inherit;background:var(--panel2);color:var(--tx)}
#q:focus{outline:none;border-color:var(--acc);background:#fff;box-shadow:0 0 0 3px var(--acc-s)}
.btn{padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);
 font-size:13px;cursor:pointer;color:var(--tx2);font-family:inherit;white-space:nowrap}
.btn:hover{border-color:var(--acc);color:var(--acc);background:var(--acc-s)}
.btn{position:relative}
.btn b{font-weight:700;font-size:11px;opacity:.65;margin-left:4px}
.btn.on{background:var(--acc);border-color:var(--acc);color:#fff}
.btn.on b{opacity:.95}
.btn.zero{opacity:.38}
.btn.zero:hover{opacity:.7}
.matched{font-size:12px;color:var(--tx2);background:var(--acc-s);padding:4px 10px;
 border-radius:14px;white-space:nowrap}
.matched b{font-weight:700;color:var(--acc);font-size:12.5px}

.tchip.zero,.rchip.zero,.dchip.zero{opacity:.32}
.tchip.zero:hover,.rchip.zero:hover,.dchip.zero:hover{opacity:.6}
.rchip{cursor:pointer;transition:background .12s,border-color .12s}
.rchip:hover{background:var(--acc-s);border-color:var(--acc);color:var(--acc)}
.rchip.on{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}
.rchip.on b{opacity:.9}
/* 三条虚线（展开行下方、期刊下方、报纸下方）到上下区块的间距统一为
   「上 8px / 下 7px」，以「地区上方」那条为基准（用户 2026-10-10）。
   - margin-top:8px  → 虚线到上方区块 = 8px
   - padding-top:6px → 虚线到下方首行 chip = 6 + 1(border-top) = 7px
   - gap:7px         → 虚线到下一个区块 = 7px */
.filters{margin-top:8px;padding-top:6px;display:flex;flex-direction:column;gap:7px;
 border-top:1px dashed var(--line2)}
.frow{display:flex;gap:9px;align-items:flex-start;flex-wrap:wrap}
.frow.act{align-items:center}
.frow.act .matched{margin-left:35px}
@media(max-width:900px){.frow.act .matched{margin-left:0}}
/* 标签与右侧 chip 首行垂直居中（用户 2026-10-10 二次修正）。
/* 标签与右侧 chip 首行垂直居中（用户 2026-10-10 三次修正）。
   前两版用 padding-top 推盒子，虽让「盒子几何中心」与 chip 对齐，
   但文字被推到盒子下半部，**视觉上仍然偏上**（用户 2026-10-10 反馈）。
   正确做法：line-height 直接等于 chip 高度 27px，文字字形自动在行内垂直居中，
   padding-top 归零。与「领域」子标签的对齐方式保持同一原理。 */
.frow .rlab{width:26px;text-align:right;flex-shrink:0;line-height:27px;padding-top:0}
/* 标签列宽：2026-10-26 因载体名改成「学术期刊 / 杂志 / 报纸」而加宽到 52px；
   2026-10-28 用户把「学术期刊」这个显示名改回「期刊」，四行标签（期刊/杂志/报纸/地区）
   全部只剩两个汉字，于是收回 26px——标签与右侧 chip 整块左移 26px，
   正好落到原来「学术」二字所在的位置。 */
.aflabel{font-size:12px;color:var(--tx3);flex-shrink:0}
.tchips{display:flex;gap:5px;flex-wrap:wrap}
.tchip{font-size:11.5px;padding:3px 10px;border-radius:20px;border:1px solid var(--line);
 cursor:pointer;user-select:none;background:var(--panel2)}
.tchip.ac-a{border-color:#bfd4f5}
.tchip.ac-s{border-color:#b6e2cd}
.tchip.ac-g{border-color:#f0d5a8}
.tchip.ac-c{border-color:#ddc2f0}
.tchip.ac-n{border-color:#ccd3db}
.gchips{display:flex;gap:5px;flex-wrap:wrap}
.gchip{font-size:11.5px;padding:3px 10px;border-radius:20px;border:1px solid var(--line);
 cursor:pointer;user-select:none;background:var(--panel2);color:var(--tx2);
 transition:background .12s,border-color .12s}
.gchip:hover{background:var(--acc-s);border-color:var(--acc);color:var(--acc)}
.gchip b{opacity:.6;font-weight:600;margin-left:3px}
.gchip.on{outline:2px solid var(--acc);outline-offset:-1px;font-weight:600}
.gchip.zero{opacity:.32}
/* 体裁标签配色（用户 2026-10-27 定稿）：
   学术期刊 核心 与「专业」同色；普刊 与「普通（原大众）」同色。
   两条体裁行摆在一起时颜色一一对应，视觉不打架。 */
.gchip.g-a{border-color:#c3d5ea;background:#f0f5fb}
.gchip.g-b{border-color:#cfe6d8;background:#f1f8f4}
.gchip.g-c{border-color:#d5d5ea;background:#f4f4fa}
.gchip.g-d{border-color:#f0dcc6;background:#fdf6ee}
.gchip.g-e{border-color:#e8d0e0;background:#fbf1f6}
.gchip.g-f{border-color:#d9d9d9;background:#f5f5f5}
.gchip.g-g{border-color:#dcd0ea;background:#f7f3fb}
.gchip.g-h{border-color:#c8e0e6;background:#f0f8fa}
.gchip.g-i{border-color:#e6dcc6;background:#faf6ee}
.gchip.g-j{border-color:#f0cccc;background:#fdf2f2}
.gchip.g-k{border-color:#e0e0e0;background:#f8f8f8}
.gchip.on{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
/* 每个载体一个区块：体裁一行，领域另起一行并与体裁行左对齐 */
/* 注意：不要在这里加 margin-top，否则 .tchip 会下移，
   导致左侧「期刊」标签相对偏上（2026-10-10 排查） */
.tchips{display:flex;gap:5px;flex-wrap:wrap}
.tchip{font-size:11.5px;padding:3px 10px;border-radius:20px;border:1px solid #d7e3f2;
 background:#f4f8fd;color:var(--tx2);cursor:pointer;user-select:none;white-space:nowrap;
 transition:background .12s,border-color .12s}
.tchip:hover{background:#e8f0fe;border-color:var(--acc);color:var(--acc)}
.tchip b{opacity:.6;font-weight:600;margin-left:3px}
.tchip.ac-a{background:#eef4ff;border-color:#c7dbfb;color:#2456a6}
.tchip.ac-g{background:#f0f9f2;border-color:#c4e4ce;color:#1f7a44}
.tchip.ac-n{background:#f7f7f8;border-color:#dcdce0;color:#666}
.tchip.on{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
.tchip.on b{opacity:.95}
.domainchips{display:flex;gap:5px;flex-wrap:wrap}
/* 每个载体区块：上方不留 padding（虚线到首行 chip 的 7px 由 .filters 的 padding-top/gap 给），
   下方留 7px 与 1px 虚线共同构成「内容底 → 虚线」的 8px */
.frow.blk{padding:0 0 7px;border-bottom:1px dashed var(--line2)}
.frow.blk .liner{flex:1;min-width:0}
.domainchips.sub{margin-top:6px;align-items:flex-start}
.frow.two .sublab,.domainchips .sublab{font-size:11.5px;color:var(--tx3);
 flex-shrink:0;padding-top:3px;margin-right:2px}
.dwrap{display:flex;gap:5px;flex-wrap:wrap;flex:1;min-width:0}
.frow.two .sublab{font-size:11.5px;color:var(--tx3);flex-shrink:0;
 padding-top:4px;margin:0 12px 0 4px}
@media(max-width:1100px){
 .frow.two .sublab{margin:0 0 0 4px;padding-top:10px}
 .frow.two{flex-wrap:wrap}
}
.dchip{font-size:11.5px;padding:3px 10px;border-radius:20px;border:1px solid #d7e3f2;
 background:#f4f8fd;color:var(--tx2);cursor:pointer;user-select:none;white-space:nowrap;
 transition:background .12s,border-color .12s}
.dchip:hover{background:#e8f0fe;border-color:var(--acc);color:var(--acc)}
.dchip b{opacity:.6;font-weight:600;margin-left:3px}
.dchip.on{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
.dchip.on b{opacity:.95}
.tchip:hover{filter:brightness(.96)}
.tchip.on{outline:2px solid var(--acc);outline-offset:-1px;font-weight:600}
.tchip b{opacity:.6;font-weight:600;margin-left:3px}
/* 地区 chip 与「地区」标签同行：flex:1+min-width:0 才会紧贴标签右侧换行，
   否则 chip 的固有宽度会把整块挤到标签下面去（用户 2026-10-10） */
.rchips{display:flex;gap:5px;flex-wrap:wrap;flex:1;min-width:0}
.rlab{font-size:12px;color:var(--tx3);flex-shrink:0}
.frow .btn.tiny{align-self:center}
.btn.tiny{padding:3px 9px;font-size:11.5px}
/* 「清除全部筛选」与左侧「匹配 x / y 种」等高同字号（用户 2026-10-10）。
   实测 .matched 高 28.8px（无边框，padding 4px），
   .btn 带 1px 边框，故 padding 用 5px 补偿 → 5+5+文字+2 ≈ 28.8px 齐平。 */
.btn.tiny.matchbtn{padding:5px 10px;font-size:12px;line-height:1.4;border-radius:14px}
.lvlabel{font-size:12px;color:var(--tx3);flex-shrink:0}
.btn.lv{padding:5px 11px;font-size:12.5px}
.btn.lv.on{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}
.rchip{font-size:11.5px;padding:3px 9px;border-radius:20px;background:var(--panel2);
 border:1px solid var(--line);cursor:pointer;color:var(--tx2);user-select:none}
.rchip:hover{border-color:var(--acc);color:var(--acc)}
.rchip.on{background:var(--acc);border-color:var(--acc);color:#fff}
.rchip b{opacity:.6;font-weight:600}
.grid2{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;margin:20px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--sh)}
.card h3{margin:0 0 12px;font-size:13px;color:var(--tx2);font-weight:600;letter-spacing:.4px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi{background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:11px 12px}
.kpi b{display:block;font-size:21px;color:var(--acc);line-height:1.25}
.kpi span{font-size:11.5px;color:var(--tx3)}

.cov{margin-top:14px}
.covrow{display:flex;align-items:center;gap:10px;margin-bottom:7px;font-size:12.5px;color:var(--tx2)}
.covrow span{width:132px;flex-shrink:0}
.covrow i{height:7px;background:linear-gradient(90deg,#5b9bf5,#1f6feb);border-radius:5px;
 flex:1;min-width:40px}
.covrow.dim i{background:linear-gradient(90deg,#c8cfd8,#a8b2c0)}
.covrow b{width:46px;text-align:right;font-size:12px;color:var(--tx);flex-shrink:0}
.covnote{margin:12px 0 0;font-size:11.5px;color:var(--tx3);line-height:1.75;
 padding-top:10px;border-top:1px dashed var(--line)}




/* 上下留同样的空隙（用户 2026-10-10）：上方与筛选区、下方与刊物区块各 10px */
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--tx3);margin:10px 0;
 padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin-right:4px}
.treebox{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 8px 12px;box-shadow:var(--sh)}
.treebox.busy{opacity:.55;pointer-events:none}
.cat{border-bottom:1px solid var(--line2)}
.cat:last-child{border-bottom:none}
.n0{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;user-select:none;
 font-weight:700;font-size:15px;border-radius:8px}
.n0:hover{background:var(--panel2)}
.tw{display:inline-block;width:13px;color:var(--tx3);font-size:11px;transition:transform .16s;flex-shrink:0}
.open>.n0 .tw,.open>.n1 .tw,.open>.n2 .tw,.open>.n3 .tw{transform:rotate(90deg)}
.cnt{background:var(--acc-s);color:var(--acc);font-size:11px;font-weight:700;padding:1px 8px;
 border-radius:11px;flex-shrink:0}
.mini{font-size:11px;color:var(--tx3);font-weight:400}
.kids{padding-left:24px;border-left:1px dashed var(--line);margin-left:6px}
.rlist{padding-left:24px;border-left:1px dashed var(--line);margin-left:7px}
/* 节点自身挂的刊物直接铺在 .kids 里。缩进必须与 .kids 完全一致
   （24+6），否则末层会比其它层多缩进一点，看起来像多了一级 */
.kids > .r{margin-left:6px;border-left:1px dashed var(--line)}
.open>.kids,.open>.rlist{display:block}
.gnode:not(.open)>.kids,.fld:not(.open)>.rlist{display:none}
.ac{font-size:10.5px;padding:1px 6px;border-radius:5px;font-weight:600;flex-shrink:0;white-space:nowrap}
.ac-a{background:#e3edfb;color:#1d4ed8}
.ac-s{background:#e2f4ea;color:#0f8a5f}
.ac-g{background:#fdf0dc;color:#a16207}
.ac-c{background:#f3e8fd;color:#6d28d9}
.ac-n{background:#e8eaed;color:#475569}
.n1,.n2,.n3{display:flex;align-items:center;gap:7px;padding:5px 9px;cursor:pointer;
 user-select:none;border-radius:7px;font-size:13.5px;color:var(--tx2)}
.n1{font-weight:600;color:var(--tx);font-size:14px}
.n2{color:var(--tx2)}
.n3{color:var(--tx2)}
.n0:hover,.n1:hover,.n2:hover,.n3:hover{background:var(--panel2)}
.badge{font-size:10.5px;padding:1px 6px;border-radius:5px;font-weight:600;flex-shrink:0}
.b-j{background:#e6f0fa;color:var(--j)}.b-n{background:#e4f5ef;color:var(--n)}
/* 载体徽标三色：学术期刊=蓝、杂志=紫、报纸=绿（2026-10-26 期刊拆两类后加的） */
.b-m{background:#f3ecfa;color:#6b46c1}
.rg{font-size:11px;color:var(--tx3);flex-shrink:0}
.score{margin-left:auto;font-size:10.5px;color:var(--tx3);background:var(--panel2);
 border:1px solid var(--line);border-radius:5px;padding:0 5px;flex-shrink:0}
.r.open>.n3{background:var(--acc-s);color:var(--acc);font-weight:600}
.detail{display:none;margin:3px 0 8px 20px;padding:12px 16px;background:var(--panel2);
 border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:0 9px 9px 0}
.r.open>.detail{display:block;animation:fd .16s ease}
@keyframes fd{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.dhead{font-weight:600;color:var(--acc);font-size:13px;margin-bottom:9px;padding-bottom:7px;
 border-bottom:1px solid var(--line);display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px 24px}
/* 刊名存疑提示条。当前唯一使用者是「刊名存疑」；
   投稿渠道风险自 2026-10-26 起并入「其它说明」行尾（见下方 .risk），不走警示条。 */
.dwarn{margin:8px 0 2px;padding:8px 11px;border-radius:6px;font-size:12.5px;
 line-height:1.6;color:#8a4b00;background:#fff6e6;border:1px solid #ffd591;
 border-left:3px solid #fa8c16}
/* 刊名存疑：语义不同（名字可能有误），用蓝色系与投稿渠道提示区分 */
.dwarn.doubt{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;border-left-color:#3b82f6}
/* 刊名存疑的正文常含多行（查证结论 + 近似刊物清单），
   不加 pre-wrap 的话换行会被折叠成一坨，编号列表全糊在一起。 */
.dwarn.doubt .dw{white-space:pre-wrap;line-height:1.75}
.dwarn.doubt .dw a{color:#1d4ed8}
/* 「风险提示」的内容区。2026-10-26 起不再单独占一行，而是并入「其它说明」行尾。
   仍然刻意**不做**成醒目的警示条或标签：投稿渠道风险是**个别刊物**的属性，
   把它抬升成站点级标签，只会让读者对整站产生"不可信"的错误观感。
   域名保持纯文本，不做成链接——这些域名恰恰是假冒站/中介域名。 */
.risk{line-height:1.7;margin-top:4px}
.fr{display:flex;gap:9px;padding:4px 0;border-bottom:1px dashed var(--line2);font-size:13px}
.fl{width:106px;flex-shrink:0;color:var(--tx3);font-size:12px;padding-top:1px}
.fv{flex:1;min-width:0;color:var(--tx);white-space:pre-wrap}
/* 「待补充」占位：原为黄底黄字（--warn），在详情页里整片发亮、形成视觉污染，
   用户 2026-10-09 要求去除颜色。改为与「弱化说明文字」同级的浅灰（--tx3），
   去掉背景色块与内边距——它只是"这里没有内容"的提示，不该比正文更抢眼。 */
.tbd{color:var(--tx3);font-size:12px}
 .empty{padding:44px 20px;text-align:center;color:var(--tx3);display:none}
.pager{padding:12px;text-align:center;color:var(--tx3);font-size:12.5px}
.pager button{padding:5px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;
 cursor:pointer;font-size:13px;margin:0 4px;font-family:inherit}
.pager button:hover{border-color:var(--acc);color:var(--acc)}

























footer{margin:24px 0 0;padding:18px 0 32px;color:var(--tx3);font-size:12px;line-height:1.55}
.fwrap{max-width:1180px;margin:0;text-align:left}
/* 页尾在手机上很占屏：行距与段距都收紧，去掉段落之间的空行感 */
.fwrap p{margin:0;line-height:1.55}
.fwrap>p:first-child{margin-bottom:4px}
.fcontact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.mail{font-weight:600;color:var(--tx);cursor:pointer;border-bottom:1px dashed var(--tx3);
 padding-bottom:1px;user-select:all}
.mail:hover{color:var(--acc);border-bottom-color:var(--acc)}
.btn.tiny.ok{background:#e4f5ee;border-color:#0f8a5f;color:#0f8a5f;font-weight:600}
.btn.tiny.warn{background:var(--warn-s);border-color:#e0b970;color:#8a5a10;font-weight:600}
/* ★不要在此处写 footer p{margin:...}——它会覆盖上面的 .fwrap p，
   页尾段距就又松回去了。页尾的间距只由 .fwrap p 一处控制。 */
footer b{color:var(--tx2)}
.fdim{color:var(--tx3);font-size:11.5px;line-height:1.85}
@media(max-width:760px){.fwrap{max-width:100%}}
mark{background:#ffe98a;color:inherit;border-radius:2px;padding:0 1px}
@media(max-width:900px){
 .grid2{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}
 .kpis{grid-template-columns:repeat(2,1fr)}
 .score{display:none}header h1{font-size:21px}.detail{margin-left:6px}}

/* ---- 以下为 SSG 页面追加，沿用本地变量，不改变原视觉 ---- */
.pg{max-width:1340px;margin:0 auto;padding:20px 24px 40px}
.pg a{word-break:break-word}
.pg .crumb{font-size:12.5px;color:var(--tx3);margin:0 0 12px}
.pg .crumb a{color:var(--tx2)}
.pg .crumb span.sep{margin:0 6px;color:var(--line)}
.pg h1{font-size:24px;margin:0 0 6px;font-weight:700}
.pg h1 .sm{font-size:13px;font-weight:400;color:var(--tx3);margin-left:10px}
.pg .lead{color:var(--tx2);font-size:13.5px;margin:0 0 18px}
.pg .panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;
 box-shadow:var(--sh);padding:16px 18px;margin:0 0 16px}
.pg .panel h2{font-size:13px;font-weight:600;color:var(--tx2);margin:0 0 10px;
 letter-spacing:.6px;padding-bottom:8px;border-bottom:1px solid var(--line2)}
.pg table.kv{width:100%;border-collapse:collapse;font-size:14px}
.pg table.kv th{width:120px;text-align:left;vertical-align:top;padding:8px 0;
 color:var(--tx3);font-weight:400;font-size:13px;white-space:nowrap;border-bottom:1px solid var(--line2)}
.pg table.kv td{padding:8px 0;vertical-align:top;border-bottom:1px solid var(--line2);color:var(--tx)}
.pg table.kv tr:last-child th,.pg table.kv tr:last-child td{border-bottom:0}
.pg .mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}
.pg .txt{background:var(--panel2);border:1px solid var(--line2);border-radius:8px;
 padding:12px 14px;font-size:13.5px;line-height:1.8;color:var(--tx2)}
.pg .grp{margin:18px 0 8px;font-size:13px;color:var(--tx2);font-weight:600;
 padding-left:9px;border-left:3px solid var(--acc)}
.pg .grp b{color:var(--tx3);font-weight:400;margin-left:6px;font-size:12px}
.pg ul.names{list-style:none;margin:0;padding:0;display:grid;
 grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px 14px}
.pg ul.names li{padding:5px 0;border-bottom:1px dashed var(--line2);font-size:13.5px;
 display:flex;justify-content:space-between;gap:8px}
.pg ul.names li span{color:var(--tx3);font-size:12px;white-space:nowrap}
.pg .rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.pg .rel a{display:block;background:var(--panel2);border:1px solid var(--line2);
 border-radius:8px;padding:10px 12px;font-size:13.5px;color:var(--tx)}
.pg .rel a:hover{border-color:#cbd3dd;background:#fff;text-decoration:none}
.pg .rel a small{display:block;color:var(--tx3);font-size:12px;margin-top:3px}
.pg .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.pg .acts a{background:var(--panel2);border:1px solid var(--line);border-radius:8px;
 padding:9px 14px;font-size:13px;color:var(--tx2)}
.pg .acts a:hover{background:#fff;border-color:#cbd3dd;text-decoration:none}
.pg .q{width:100%;padding:11px 14px;font-size:15px;border:1px solid var(--line);
 border-radius:9px;background:var(--panel);outline:none;box-shadow:var(--sh)}
.pg .q:focus{border-color:var(--acc)}
.pg .hit{margin:10px 0 0;font-size:13px;color:var(--tx3)}
.pg .res{margin-top:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;
 box-shadow:var(--sh);overflow:hidden}
.pg .res .it{display:flex;justify-content:space-between;gap:12px;padding:9px 15px;
 border-bottom:1px solid var(--line2);font-size:13.5px}
.pg .res .it:last-child{border-bottom:0}
.pg .res .it:hover{background:var(--panel2)}
.pg .res .it em{font-style:normal;color:var(--tx3);font-size:12px;white-space:nowrap}
.pg .foot{border-top:1px solid var(--line);margin-top:28px;padding:18px 0 30px;
 font-size:12.5px;color:var(--tx3);line-height:1.9}
.pg .foot b{color:var(--tx2)}
@media(max-width:600px){
 .pg{padding:16px 14px 30px}
 .pg ul.names{grid-template-columns:1fr}
 .pg table.kv th{width:92px}
}