/* 老内核兜底（OPPO/vivo 自带浏览器，Chrome 53 一类）：
   没有 flex gap（Chrome 84）、没有 grid（57）、没有 inset（87）、没有 conic-gradient（69）、没有 min()（79）。
   新内核认得 gap，@supports not (gap:1px) 整块不生效；下面没包在 @supports 里的几条在新内核上也是等价写法。
   放在 ui.css 和页面内联样式之后加载。 */

/* inset:0 → 四边；min(100%,420px) → width + max-width */
.mask,body.sideopen .sidemask{top:0;left:0;right:0;bottom:0}
.modal{width:100%;max-width:420px}

@supports not (gap:1px){
  /* ---- 横向 flex：子元素之间补左边距（数值同各自的 gap） ---- */
  .site .wrap>*+*,.topnav .wrap>*+*,.site-foot .wrap>*+*,.hcta>*+*{margin-left:14px}
  .brand>*+*,.topnav .brand>*+*,.foot .fb>*+*,.refbar .wrap>*+*,.hb li>*+*,.field>*+*,.kv>*+*,
  .uhead>*+*,.side a>*+*,.setrow>*+*,.side .sb>*+*{margin-left:10px}
  .navlinks>*+*{margin-left:4px}
  .topnav .links>*+*,.langbtn>*+*,.chips>*+*,.logoutbtn>*+*{margin-left:6px}
  .topnav .right>*+*,.btn>*+*,.hbtn>*+*,.app .node>*+*,.pay>*+*,.buybtn>*+*{margin-left:8px}
  .pager>*+*,.topbar>*+*{margin-left:10px}
  .site-foot .lk>*+*{margin-left:20px}
  /* ---- 纵向 flex ---- */
  .hb>*+*,.app .main>*+*{margin-top:14px}
  .app .side>*+*{margin-top:9px}
  .dl>*+*,.dl .b>*+*{margin-top:8px}
  .lang-menu>*+*{margin-top:2px}
  /* ---- grid 不支持时子元素会上下堆叠，补行距 ---- */
  .plans>*+*,.dls>*+*,.steps>*+*,.svc>*+*,.foot .cols>*+*{margin-top:18px}
  .grid>*+*,.combos>*+*,.stats>*+*{margin-top:12px}
  .paygrid>*+*{margin-top:8px}
}

/* 首页圆环：没有 conic-gradient 就用边框画一个四分之三圈，照样转 */
@supports not (background:conic-gradient(red,blue)){
  .ring::before{background:none;box-sizing:border-box;border:11px solid #dfe9f8;
    border-top-color:#2f77f5;border-right-color:#2f77f5;border-bottom-color:#2f77f5}
}