/* /assets/zlh-css-8c8c749297168c34.css */
  /* ================= H5 / 小程序 ================= */
  .uni-body,.moxi-page-box,uni-page-body{
   font-family:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif; }
  .u-navbar__content,.u-navbar__content *{
   font-family:"PingFang SC","Microsoft YaHei",sans-serif!important; letter-spacing:.06em; }
  .u-navbar__content uni-text{
    background:linear-gradient(92deg,#0b2244 4%,#1668d6 58%,#00b4ff 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent!important;
  }
  .moxi_c_diy_grid uni-text{
   font-family:"PingFang SC","Microsoft YaHei",sans-serif!important; letter-spacing:.02em; color:var(--zlh-ink)!important; }
  .moxi_c_diy_title uni-text{
   font-family:"PingFang SC","Microsoft YaHei",sans-serif!important; letter-spacing:.05em; color:var(--zlh-deep)!important; }
  .moxi-tabbar-li uni-text{
   letter-spacing:.04em; }
  uni-text{
   font-variant-numeric:tabular-nums; }
  .moxi-page-box input,uni-input input{
   font-family:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif; letter-spacing:.02em; transition:box-shadow .2s,border-color .2s; }
  .moxi-page-box input:focus,uni-input input:focus{
    border-color:var(--zlh-cyan)!important; box-shadow:0 0 0 3px rgba(0,180,255,.16)!important;
  }
  /* ================= PC（模板有 !important 声明，需提升优先级覆盖）================= */
  body{
   font-family:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif!important; letter-spacing:.01em; -webkit-font-smoothing:antialiased; }
  .tmp178898489131760.tmp178898489131760{
   font-family:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif!important; }
  .tmp178898489131760.tmp178898489131760 .moxi-mod
    :is(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,label,button,input,select,summary,figcaption,strong,small){
    font-family:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif!important;
  }
  .tmp178898489131760.tmp178898489131760.tmp178898489131760 :is(h1,h2,h3,h4),
  .zrp-carousel-module.zrp-carousel-module :is(h1,h2,h3),
  .website-nav-n2.website-nav-n2 .wrap .info h3,
  .moxi_title{
    font-family:"PingFang SC","Microsoft YaHei",sans-serif!important; letter-spacing:.03em;
  }
  #zlh-topic-strip,#zlh-directory-strip,#zlh-banner-selection,#zlh-banner-components,#zlh-banner-workflow,#zlh-banner-plans,
  time,.zlh-meta,.zlh-meta *{
    font-family:"PingFang SC","Microsoft YaHei",sans-serif!important; font-variant-numeric:tabular-nums; letter-spacing:.03em;
  }
/* /assets/zlh-css-980f2008c1aa68d5.css */
  /* 淡蓝氛围只在首页；内页用白底，让浅蓝顶栏自己跳出来 */
  html.zlh-home,html.zlh-home body{
  background:radial-gradient(1100px 520px at 10% -6%,rgba(77,107,254,.10),transparent 62%),radial-gradient(900px 480px at 90% -4%,rgba(125,196,255,.16),transparent 58%),linear-gradient(180deg,#f7faff 0%,#eef4ff 42%,#f8fbff 100%)!important;
  background-attachment:fixed!important}
  html:not(.zlh-home),html:not(.zlh-home) body{
  background:#fff!important}
   .zlh-h01{
  background:rgba(255,255,255,.88)!important;
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid #e8effc!important;
  box-shadow:0 6px 18px rgba(60,96,180,.05)!important}
   nav.zlh-mainnav{
  background:#fff!important;
  border:1px solid #e9f0ff!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(60,96,180,.06)!important}
   .zlh-home .moxi-mod{
  background:#fff;
  border:1px solid #e9f0ff;
  border-radius:16px;
  box-shadow:0 10px 26px rgba(60,96,180,.06);
  padding:14px 16px;
  margin-bottom:16px}
   .zlh-home .moxi-mod .moxi-mod{
  padding:0;
  border:0;
  box-shadow:none;
  margin:0;
  border-radius:0}
   .zlh-home .moxi-mod .zha-category,.zlh-home .moxi-mod .zlh-reading-index{
  background:transparent}
/* /assets/zlh-css-406a5422438c0732.css */
  .tmp178898489131760.tmp178898489131760.tmp178898489131760 :is(h1,h2,h3,h4),.zrp-carousel-module.zrp-carousel-module :is(h1,h2,h3),.website-nav-n2.website-nav-n2 .wrap .info h3,.moxi_title,#zlh-topic-strip,#zlh-topic-strip *,#zlh-directory-strip,#zlh-directory-strip *,#zlh-banner-selection,#zlh-banner-selection *,#zlh-banner-components,#zlh-banner-components *,#zlh-banner-workflow,#zlh-banner-workflow *,#zlh-banner-plans,#zlh-banner-plans *,time,.zlh-meta,.zlh-meta *{
  font-family:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif!important;
  font-style:normal!important;
  letter-spacing:normal!important}
/* /assets/zlh-css-93a4ab3a71f6bd6e.css */
  #zlh-col-articles{
  box-sizing:border-box;
  padding:16px 18px 18px;
  background:#fff;
  border:1px solid #e2e9ef;
  border-radius:14px;
  margin:0 0 14px}
  @media (min-width:1000px){
  #zlh-col-articles{
  margin-left:126px;
  max-width:calc(100% - 135px);
  padding-left:36px;
  padding-right:24px}
  }
  #zlh-col-articles .zlh-ca__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px}
  #zlh-col-articles .zlh-ca__head h2{
  position:relative;
  padding-left:12px}
  #zlh-col-articles .zlh-ca__head h2::before{
  content:'';
  position:absolute;
  left:0;
  top:3px;
  width:3px;
  height:16px;
  border-radius:2px;
  background:#2979ff}
  #zlh-col-articles h2{
  margin:0;
  font-size:17px;
  font-weight:700;
  color:#1d2129}
  #zlh-col-articles .zlh-ca__count{
  font-size:12px;
  color:#86909c}
  #zlh-col-articles .zlh-ca__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px}
  #zlh-col-articles a.zlh-ca__item{
  display:flex;
  gap:8px;
  align-items:flex-start;
  background:#fff;
  border:1px solid #e5eaf3;
  border-radius:9px;
  padding:10px 12px;
  text-decoration:none;
  color:#1d2129;
  transition:box-shadow .18s ease,border-color .18s ease}
  #zlh-col-articles a.zlh-ca__item:hover{
  border-color:#9cc6ff;
  box-shadow:0 6px 18px rgba(64,132,255,.12)}
  #zlh-col-articles .zlh-ca__num{
  flex:0 0 auto;
  font-size:12px;
  color:#4084ff;
  background:#eef4ff;
  border-radius:6px;
  padding:2px 6px;
  margin-top:1px}
  #zlh-col-articles .zlh-ca__t{
  font-size:13.5px;
  line-height:1.5}
  @media (max-width:1400px){
  #zlh-col-articles .zlh-ca__grid{
  grid-template-columns:repeat(3,minmax(0,1fr))}
  }
  @media (max-width:1050px){
  #zlh-col-articles .zlh-ca__grid{
  grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media (max-width:600px){
  #zlh-col-articles .zlh-ca__grid{
  grid-template-columns:minmax(0,1fr)}
  }
  @media (max-width:768px){
  #zlh-col-articles{
  padding:18px 14px 26px}
  }
/* /assets/zlh-css-ddcc1913653cd9e1.css */
  #zlh-global,#zlh-global-lib{
  box-sizing:border-box;
  padding:22px 16px 6px}
  @media (min-width:1000px){
  #zlh-global,#zlh-global-lib{
  margin-left:126px;
  max-width:calc(100% - 135px);
  padding-left:36px;
  padding-right:24px}
  }
  #zlh-global .zg-card,#zlh-global-lib .zg-card{
  background:#fff;
  border:1px solid #e5eaf3;
  border-radius:12px;
  padding:18px 20px;
  max-width:1120px}
  #zlh-global h2,#zlh-global-lib h2{
  margin:0 0 4px;
  font-size:19px;
  font-weight:700;
  color:#1d2129}
  #zlh-global .zg-seg,#zlh-global-lib .zg-seg{
  font-size:12px;
  color:#86909c;
  margin:0 0 12px}
  #zlh-global .zg-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:0 0 10px}
  #zlh-global .zg-lab{
  flex:0 0 88px;
  font-size:13px;
  color:#4e5969;
  line-height:26px}
  #zlh-global .zg-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px}
  #zlh-global .zg-chip{
  font-size:13px;
  line-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#eef4ff;
  color:#1d4ed8;
  border:1px solid #dbe7ff}
  #zlh-global .zg-chip.g{
  background:#f3f7f4;
  color:#2b6b45;
  border-color:#dceade}
  #zlh-global .zg-note{
  font-size:13px;
  color:#4e5969;
  line-height:1.7;
  margin:6px 0 8px}
  #zlh-global .zg-src,#zlh-global-lib .zg-src{
  font-size:12px;
  color:#86909c;
  margin:0}
  #zlh-global-lib .zgl-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:10px 0 4px}
  #zlh-global-lib .zgl-f{
  font-size:13px;
  line-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#f2f3f5;
  color:#4e5969;
  cursor:pointer;
  border:1px solid transparent}
  #zlh-global-lib .zgl-f.on{
  background:#e8f3ff;
  color:#1d4ed8;
  border-color:#bcd9ff}
  #zlh-global-lib input{
  height:30px;
  border:1px solid #e5e6eb;
  border-radius:6px;
  padding:0 10px;
  font-size:13px;
  min-width:220px}
  #zlh-global-lib .zgl-count{
  font-size:13px;
  color:#86909c;
  margin:10px 0}
  #zlh-global-lib .zgl-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px}
  #zlh-global-lib .zgl-item{
  border:1px solid #e9edf3;
  border-radius:10px;
  padding:12px 14px;
  background:#fff}
  #zlh-global-lib .zgl-name{
  font-size:15px;
  font-weight:600;
  color:#1d2129;
  margin:0 0 4px}
  #zlh-global-lib .zgl-kind{
  font-size:11px;
  font-weight:400;
  color:#2b6b45;
  background:#f3f7f4;
  border-radius:4px;
  padding:1px 6px;
  margin-left:6px}
  #zlh-global-lib .zgl-segs{
  font-size:12px;
  color:#86909c;
  margin:0 0 6px}
  #zlh-global-lib .zgl-prof{
  font-size:13px;
  color:#4e5969;
  line-height:1.65;
  margin:0 0 8px}
  #zlh-global-lib .zgl-link a{
  font-size:12px;
  color:#2979ff;
  text-decoration:none}
  @media (max-width:1000px){
  #zlh-global-lib .zgl-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media (max-width:640px){
  #zlh-global-lib .zgl-grid{
  grid-template-columns:minmax(0,1fr)}
  }
  @media (max-width:768px){
  #zlh-global,#zlh-global-lib{
  padding:18px 14px 4px}
  #zlh-global .zg-row{
  display:block}
  #zlh-global .zg-lab{
  flex:none;
  line-height:1.6;
  margin-bottom:4px}
  }
/* /assets/zlh-css-96ea22ca695a03f8.css */
  .zlh-brand__logo strong{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  line-height:1.02}
  .zlh-brand__logo strong::after{
  content:"zhilianhai";
  font-size:11px;
  font-weight:600;
  letter-spacing:.14em;
  color:#7d8ba1;
  margin-top:1px}
  @media (max-width:768px){
  .zlh-brand__logo strong::after{
  font-size:10px;
  letter-spacing:.1em}
  }
/* /assets/zlh-css-041b6308f48d1510.css */
  #zlh-quote-out{
  margin-top:14px;
  border:1px solid #d9e7ff;
  background:#f7fbff;
  border-radius:10px;
  padding:14px}
  #zlh-quote-out h3{
  margin:0 0 8px;
  font-size:15px;
  color:#1d2129}
  #zlh-quote-out textarea{
  width:100%;
  min-height:170px;
  border:1px solid #e5e6eb;
  border-radius:8px;
  padding:10px;
  font-size:13px;
  line-height:1.6;
  color:#1d2129;
  background:#fff}
  #zlh-quote-out .row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px}
  #zlh-quote-out button,#zlh-quote-out a.btn{
  font-size:13px;
  line-height:32px;
  height:32px;
  padding:0 14px;
  border-radius:6px;
  border:1px solid #dbe7ff;
  background:#fff;
  color:#1d4ed8;
  text-decoration:none;
  cursor:pointer}
  #zlh-quote-out button.primary{
  background:#2979ff;
  border-color:#2979ff;
  color:#fff}
  #zlh-quote-out .hint{
  font-size:12px;
  color:#86909c;
  margin:8px 0 0}
  #zlh-quote-out.ok{
  border-color:#b7ebcd;
  background:#f4fdf7}
  #zlh-quote-out.ok h3{
  color:#0f7b45}
  #zlh-quote-out.warn{
  border-color:#ffd8a8;
  background:#fffaf2}
  #zlh-quote-out.warn h3{
  color:#ad6800}
/* /assets/zlh-css-93d5d826e462209f.css */
  /* Home page: equal-height cards inside each grid row (moxi page builder region).
     Without this, the shorter card in a row leaves a visible notch and the bottoms do not line up. */
  @media (min-width:1000px){
    #mxi_1788990482.moxi-region > .moxi-iframe > .moxi-iframe-box{
      display:flex;
      align-items:stretch;
    }
    #mxi_1788990482.moxi-region > .moxi-iframe > .moxi-iframe-box > .moxi-mod{
      flex:1 1 auto;
      height:auto;
      margin-bottom:16px;
    }
  }
  /* the injected blocks now live in one centred column, so their inner grids fill it */
  #zlh-col-articles .zlh-ca__grid{
  max-width:none !important}
  #zlh-global .zg-card{
  max-width:none !important}
  #zlh-srcnote .card{
  max-width:none !important}
  /* 内层卡片原来被限在 1120，右侧留出一大块白 */
  #zlh-rank .rk-card,
  #zlh-global-lib .zg-card,
  #zlh-reading .rd-card,
  #zlh-compare .cmp-card,
  #zlh-board .bd-card{
  max-width:none !important}
  /* 单页模板里的卡片同样不要再被限宽 */
  .zlh-cms__container > *,.zlh-cms__about-intro,.zlh-cms__principles,.zlh-cms__about-scope{
  max-width:none !important;
  width:auto !important}
  /* the column template leaves 64px under the list; that read as a gap before the
     injected blocks, so tighten it */
  section.zlh-column-list{
  padding-bottom:22px !important}
/* /assets/zlh-css-e5c336e11c3c89c1.css */
  /* Home page: the application-scenes icon strip is one grid row (76px) inside a
     shorter container, so the trailing caption used to land on top of the last
     labels. Let the strip size to its row and give the caption a readable line. */
  .zha-applications .zlh-product-strip{
    height:auto !important;
    min-height:76px !important;
  }
  .zha-applications .zlh-product-strip a{
    padding-bottom:2px !important;
  }
  .zha-applications .zlh-product-note{
    display:block !important;
    line-height:18px !important;
    font-size:12px !important;
    margin:3px 0 0 !important;
    text-align:right !important;
  }
  .zha-applications .zlh-more-scenes{
    margin-top:3px !important;
  }
/* /assets/zlh-css-adf4d6b78928eed3.css */
  /* Footer blocks used to sit at a hard-coded 126px left offset, which only suits
     the home page. On column, category and article pages the content column starts
     further right, so the floating left navigation overlapped them. */
  #zlh-col-articles,#zlh-global,#zlh-footer-ad{
  box-sizing:border-box}
  @media (min-width:1000px){
    #zlh-col-articles,#zlh-global,#zlh-footer-ad{
  margin-right:24px}
  }
  /* The CMS template emits placeholder tags with an empty src, which the
     browser resolves to the page URL and reports as a broken image. */
  img[src=""],img:not([src]){
  display:none !important}
/* /assets/zlh-css-c234c574090c7605.css */
  #zlh-footer-ad{
  box-sizing:border-box;
  padding:6px 16px 18px}
  @media (min-width:1000px){
  #zlh-footer-ad{
  margin-left:126px;
  max-width:calc(100% - 135px);
  padding-left:36px;
  padding-right:24px}
  }
  #zlh-footer-ad a{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:12px;
  border:1px solid #e6eefb;
  background:#f6faff;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(60,96,180,.07)}
  #zlh-footer-ad img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain}
  #zlh-footer-ad .band-m{
  display:none}
  @media (max-width:760px){
  #zlh-footer-ad .band-d{
  display:none}
  #zlh-footer-ad .band-m{
  display:block}
  }
  #zlh-footer-ad span{
  position:absolute;
  left:12px;
  top:12px;
  font-size:11px;
  line-height:18px;
  padding:0 9px;
  border-radius:9px;
  background:rgba(29,106,224,.92);
  color:#fff;
  letter-spacing:.04em}
  #zlh-footer-ad .cap{
  font-size:12px;
  color:#8a93a3;
  margin:8px 0 0}
  @media (max-width:768px){
  #zlh-footer-ad img{
  height:auto}
  }
/* /assets/zlh-css-8d23adf34350758c.css */
  #zlh-srcnote{
  box-sizing:border-box;
  max-width:none;
  margin:18px 0 0;
  padding:12px 16px;
  border-radius:10px;
    border:1px solid #dbe7ff;
  background:#f7fbff;
  color:#4e5969;
  font-size:13px;
  line-height:1.85}
  #zlh-srcnote.warn{
  border-color:#ffe0b2;
  background:#fffaf2;
  color:#7d5b17}
  #zlh-srcnote b{
  color:#1d2129}
  #zlh-srcnote.warn b{
  color:#ad6800}
  #zlh-srcnote a{
  color:#1d4ed8;
  text-decoration:none;
  border-bottom:1px dashed #9cc0ff}
  #zlh-srcnote a:hover{
  color:#0b3d91}
  @media (max-width:768px){
  #zlh-srcnote{
  margin:14px 12px 0;
  font-size:12.5px}
  }