/* 桌面版 —— 顶部主导航 + 多列网格 + 表格。手机端有独立的 mobile.css。 */
.dhead{position:sticky;top:0;z-index:50;background:var(--card);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(6px)}
.dhead-in{display:flex;align-items:center;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none!important;flex:none}
.logo-mark{width:34px;height:34px;border-radius:9px;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.logo-tx b{display:block;font-size:16px;line-height:1.2}
.logo-tx i{display:block;font-style:normal;font-size:11px;color:var(--mut)}
/* 溢出交给「更多」处理，这里不能设 overflow，否则会把下拉面板裁掉 */
.dnav{display:flex;gap:2px;flex:1;min-width:0}
.dnav a{padding:8px 11px;border-radius:8px;font-size:14px;color:var(--ink2);white-space:nowrap;text-decoration:none!important}
.dnav a:hover{background:var(--line2);color:var(--ink)}
.dnav a.on{color:var(--pri);font-weight:600;background:var(--line2)}
.navmore{position:relative;flex:none}
.navmore>summary{list-style:none;cursor:pointer;padding:8px 11px;border-radius:8px;font-size:14px;color:var(--ink2);white-space:nowrap}
.navmore>summary::-webkit-details-marker{display:none}
.navmore>summary::after{content:"";display:inline-block;width:5px;height:5px;margin-left:6px;vertical-align:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.navmore>summary:hover{background:var(--line2);color:var(--ink)}
.navmore.on>summary{color:var(--pri);font-weight:600;background:var(--line2)}
.navmore[open]>summary{background:var(--line2)}
.navmore-p{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh2);padding:6px;z-index:60}
.navmore-p a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink2);white-space:nowrap;text-decoration:none!important}
.navmore-p a:hover{background:var(--line2);color:var(--ink)}
.navmore-p a.on{color:var(--pri);font-weight:600}
.dhead-r{display:flex;align-items:center;gap:10px;flex:none}
.dsearch-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--ink2);background:var(--card);flex:none}
.dsearch-btn:hover{border-color:var(--pri);color:var(--pri)}
.dsearch-btn .ic{width:17px;height:17px}
.langsel{display:flex;align-items:center;gap:4px;color:var(--mut)}
.langsel select{border:0;background:transparent;font-size:13px;margin:0;padding:4px 2px;width:auto;color:var(--ink2);cursor:pointer}
.langsel select:focus{outline:0}
.langsel .ic{width:17px;height:17px}

.mhead,.mtabs,.drawer{display:none}

/* 俄语与英语的导航词更长，稍微收紧一点间距 */
html[lang="ru"] .dnav a, html[lang="en"] .dnav a{padding:8px 8px;font-size:13.5px}
/* 窄一点的桌面：导航再收一档，保证所有语言都放得下 */
@media (max-width:1180px){
  .dnav a, .navmore>summary{padding:8px 6px;font-size:13px}
  .dhead-in{gap:12px}
}
@media (max-width:1080px){
  .dnav a{padding:8px 8px;font-size:13px}
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .pains{grid-template-columns:repeat(3,1fr)}
  .funnel{grid-template-columns:repeat(3,1fr)}
  .whlist{grid-template-columns:repeat(2,1fr)}
  .metrics{grid-template-columns:repeat(3,1fr)}
  .msteps,.finsteps,.lvls{grid-template-columns:repeat(2,1fr)}
  .mcards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  /* 用户强行切到桌面版时也别塌 */
  .dhead-in{height:auto;padding:10px 0;flex-wrap:wrap}
  .dnav{order:3;width:100%;overflow-x:auto}
  .skutop{grid-template-columns:1fr}
  .capgrid{grid-template-columns:repeat(2,1fr)}
  .twocol,.facts,.steps3{grid-template-columns:1fr}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .foot-cols{grid-template-columns:1fr}
  .hero h1{font-size:30px}
}