/* ============================================================
   datalogic 「黑红工业精密」design identity — overrides zong
   ============================================================ */
:root{color-scheme:only light;--dl-red:#C8102E;--dl-red-deep:#8B0B1F;--dl-black:#0D0D0D;--dl-panel:#161616;
  --dl-mono:ui-monospace,'SFMono-Regular',Consolas,monospace}
/* 黑色页头 */
.site-header{background:rgba(13,13,13,.96);border-bottom:2px solid var(--dl-red)}
.site-header .wrap{min-height:66px}
.brand-line strong{color:#fff}
.brand-line small{color:var(--dl-red);font-family:var(--dl-mono);letter-spacing:.3em}
#main-nav{font-size:13px;letter-spacing:.04em}
#main-nav a{color:#D8D8D8;padding:22px 0}
#main-nav a:hover{color:#fff;border-bottom-color:var(--dl-red);box-shadow:none}
.header-cta{background:var(--dl-red);color:#fff;font-family:var(--dl-mono);letter-spacing:.14em}
.header-cta:hover{background:var(--dl-red-deep)}
/* 通用：编号眉标 */
.eyebrow{font-family:var(--dl-mono);letter-spacing:.26em}
.eyebrow::before{content:"■ ";color:var(--dl-red)}
/* hero：图片底 + 左对齐检索 */
.ha-hero{min-height:72vh;background-size:cover;background-position:center 30%}
.ha-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(13,13,13,.93) 18%,rgba(13,13,13,.45) 60%,rgba(200,16,46,.28))}
.ha-hero .wrap{position:relative;z-index:1}
.ha-hero .eyebrow{color:var(--dl-red)}
.ha-hero h1{font-size:clamp(32px,4.2vw,56px)}
.ha-search{border:1px solid #fff2;backdrop-filter:blur(4px);background:rgba(255,255,255,.07)}
.ha-search input{background:transparent;color:#fff}
.ha-search input::placeholder{color:#999}
.ha-search button{background:var(--dl-red);font-family:var(--dl-mono);letter-spacing:.1em}
.ha-chips a{border-color:#fff3;font-family:var(--dl-mono);font-size:11.5px}
.ha-chips a:hover{background:var(--dl-red);border-color:var(--dl-red)}
/* 章节：mono 编号 + 红线 */
.sec-num{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.sec-num b{font-family:var(--dl-mono);font-size:13px;color:var(--dl-red);letter-spacing:.2em}
.sec-num span{font-family:var(--font-display);font-size:clamp(21px,2.2vw,28px);color:var(--stage)}
.sec-num i{flex:1;height:1px;background:linear-gradient(90deg,var(--dl-red) 0,rgba(200,16,46,.15) 60%,transparent);font-style:normal}
/* 行业四图砖 */
.dl-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dl-tile{position:relative;display:block;height:250px;overflow:hidden;border-radius:4px}
.dl-tile img{width:100%;height:100%;object-fit:cover;transition:transform 5s ease}
.dl-tile:hover img{transform:scale(1.06)}
.dl-tile::after{content:"";position:absolute;inset:0;
  background:linear-gradient(195deg,transparent 35%,rgba(13,13,13,.9))}
.dl-tile .cap{position:absolute;left:18px;bottom:16px;z-index:2}
.dl-tile .cap b{display:block;color:#fff;font-family:var(--font-display);font-size:17px}
.dl-tile .cap span{font-family:var(--dl-mono);font-size:10px;letter-spacing:.18em;color:var(--dl-red);text-transform:uppercase}
/* 产品卡：图片主导 + mono 型号签 + 红角标 */
.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.series-card{position:relative;background:#fff;border:1px solid #E4E4E4;border-radius:4px;
  overflow:hidden;transition:.22s}
.series-card:hover{border-color:var(--dl-red);box-shadow:0 14px 36px rgba(200,16,46,.14)}
.series-card::before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:var(--dl-red);
  transition:width .25s;z-index:2}
.series-card:hover::before{width:100%}
.series-card .gc-img{height:180px;background:#111;display:block;position:relative}
.series-card .gc-img img{width:100%;height:100%;object-fit:cover}
.series-card .mono-tag{position:absolute;left:12px;bottom:12px;z-index:2;
  font-family:var(--dl-mono);font-size:10px;letter-spacing:.14em;color:#fff;
  background:rgba(200,16,46,.92);padding:4px 10px;border-radius:2px}
.series-card .meta{padding:14px 18px 0;font-family:var(--dl-mono);font-size:10px;
  letter-spacing:.16em;color:var(--dl-red);text-transform:uppercase}
.series-card h3{padding:7px 18px 0;font-size:15px}
.series-card p{padding:8px 18px 0;font-size:12.5px;color:var(--ink-soft);margin:0}
.series-card .text-link{display:inline-block;padding:0 18px 16px;margin-top:10px;
  font-family:var(--dl-mono);font-size:11.5px}
/* 产品列表页：图片行 */
.dl-rows .guide-card{display:grid;grid-template-columns:210px 1fr;gap:0 24px;background:#fff;
  border:1px solid #E4E4E4;border-radius:4px;overflow:hidden;margin-bottom:16px;padding:0}
.dl-rows .guide-card .gc-img{height:100%;min-height:150px;grid-row:span 5}
.dl-rows .guide-card .meta{grid-column:2;padding:20px 24px 0;font-family:var(--dl-mono);font-size:10px;
  letter-spacing:.16em;color:var(--dl-red);text-transform:uppercase}
.dl-rows .guide-card h3{grid-column:2;padding:6px 24px 0;font-size:17px}
.dl-rows .guide-card p{grid-column:2;padding:8px 24px 0;font-size:13.5px;margin:0}
.dl-rows .guide-card .text-link{grid-column:2;padding:0 24px 20px;margin-top:8px;display:inline-block;
  font-family:var(--dl-mono);font-size:11.5px}
/* 顾问带：红渐变 */
.lc-adv,.lc-intro{border:0}
.lc-intro{background:linear-gradient(120deg,var(--dl-black),#2A0A12);border-bottom:3px solid var(--dl-red)}
.lc-intro .lc-lead{color:#D8D8D8}
.lc-fact b{color:var(--dl-red);font-family:var(--dl-mono)}
.lc-adv{background:linear-gradient(100deg,var(--dl-red-deep),var(--dl-red));border-left:0}
.lc-adv p{color:#FFD9DF}
.lc-adv .eyebrow{color:#FFB3BE}
.lc-adv .eyebrow::before{color:#fff}
.lc-adv-btn{color:#fff;border-bottom-color:#fff;font-family:var(--dl-mono)}
/* 详情 */
.article-detail h1{border-bottom:3px solid var(--dl-red);padding-bottom:16px}
.rich-text h3{border-left-color:var(--dl-red);color:var(--dl-black)}
.rich-text li::before{content:"▸";color:var(--dl-red)}
/* 页脚微调 */
.site-footer{background:#0A0A0A}
@media(max-width:960px){.dl-tiles{grid-template-columns:1fr 1fr}.series-grid{grid-template-columns:1fr 1fr}
  .dl-rows .guide-card{grid-template-columns:1fr}}
@media(max-width:600px){.dl-tiles{grid-template-columns:1fr}.series-grid{grid-template-columns:1fr}}

/* pagination: PbootCMS page-bar structure */
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:16px 0 6px}
.pagination .page-status{font-family:var(--dl-mono);font-size:12px;color:var(--ink-soft);
  letter-spacing:.04em;margin-right:6px}
.pagination a{display:inline-block;padding:8px 14px;border:1px solid #D0D0D0;
  border-radius:2px;background:#fff;color:var(--ink);font-size:13px;
  font-family:var(--dl-mono);transition:border-color .15s,color .15s}
.pagination a:hover{border-color:var(--dl-red);color:var(--dl-red)}
.pagination .page-num-current{background:var(--dl-red);border-color:var(--dl-red);
  color:#fff;font-weight:700}
.pagination .page-pre a,.pagination .page-next a{border-color:var(--dl-red);color:var(--dl-red)}
/* breadcrumb contrast */
.breadcrumbs{color:#4A5560}
.breadcrumbs a{color:#2D3840}
.breadcrumbs a:hover{color:var(--dl-red)}
/* advisor band contrast */
.lc-adv .eyebrow{color:#FFD6DD}
.lc-adv p{color:#FFF0F2}
.lc-adv .lc-adv-btn{color:#fff;border-bottom-color:rgba(255,255,255,.75)}
/* detail fix end */

/* home-v2: hero readability + seo blocks */
.ha-hero{min-height:0;padding:88px 0 64px}
.ha-hero::after{z-index:0;background:linear-gradient(100deg,rgba(13,13,13,.94) 24%,rgba(13,13,13,.55))}
.ha-hero .wrap{position:relative;z-index:2}
.ha-hero h1{color:#fff !important;font-size:clamp(30px,3.8vw,50px)}
.ha-hero .ha-sub{color:#C9C9C9 !important}
.ha-search{background:rgba(20,20,20,.72)}
.dl-tiles{grid-template-columns:repeat(4,1fr)}
.dl-tile{height:210px}
.dl-mtable{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff}
.dl-mtable th{background:var(--dl-black);color:#fff;text-align:left;padding:12px 16px;
  font-family:var(--dl-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.dl-mtable td{padding:11px 16px;border-bottom:1px solid #ECECEC;color:var(--ink)}
.dl-mtable tr:hover td{background:#FAF3F4}
.dl-mtable td:first-child{font-family:var(--dl-mono);color:var(--dl-red);font-weight:700;white-space:nowrap}
.dl-faq{max-width:880px}
.dl-faq details{background:#fff;border:1px solid #E4E4E4;border-left:3px solid var(--dl-red);
  margin-bottom:10px;padding:16px 22px}
.dl-faq summary{cursor:pointer;font-weight:700;color:var(--stage);font-size:14.5px}
.dl-faq p{margin:12px 0 0;color:var(--ink-soft);font-size:13.5px;line-height:2}
.dl-brand{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.dl-brand img{border-radius:4px;width:100%}
.dl-brand p{color:var(--ink-soft);font-size:14px;line-height:2.1}
@media(max-width:900px){.dl-brand{grid-template-columns:1fr}.dl-tiles{grid-template-columns:1fr 1fr}}
/* home-v2 end */

/* series text-link cloud (SEO internal links) */
.dl-cloud{display:flex;flex-wrap:wrap;gap:10px 26px;background:#fff;border:1px solid #E4E4E4;
  border-radius:4px;padding:28px 30px}
.dl-cloud a{font-size:13.5px;color:var(--stage);border-bottom:1px dashed #C9C9C9;padding-bottom:2px}
.dl-cloud a:hover{color:var(--dl-red);border-bottom-color:var(--dl-red)}

/* header-light-v2 */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #E8E8E8}
.brand-line strong{color:#0D0D0D}
.brand-line small{color:var(--dl-red)}
#main-nav a{color:#2A2A2A}
#main-nav a:hover{color:var(--dl-red);border-bottom-color:var(--dl-red)}
/* header-light-v2 end */

/* overlay-root-fix: contain ::after inside hero */
.ha-hero{position:relative}
/* overlay-root-fix end */

/* page styled */
.dl-pagecard{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:start;
  max-width:1100px;margin:0 auto}
.dl-pagecard .rich-text{background:#fff;border:1px solid #E4E4E4;border-radius:4px;padding:36px 40px}
.dl-pageside{background:#FAF3F4;border:1px solid rgba(200,16,46,.25);border-radius:4px;
  padding:28px 26px;position:sticky;top:90px}
.dl-pageside h4{color:var(--stage);margin-bottom:10px}
.dl-pageside p{font-size:13px;color:var(--ink-soft);line-height:2}
.dl-pageside .btn-p{margin-top:14px}
.list-hero-band .eyebrow{color:var(--dl-red)}
.list-hero-band h1{color:#fff}
.list-hero-band p{color:rgba(255,255,255,.8)}
.list-hero-band::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(13,13,13,.88) 30%,rgba(13,13,13,.4));z-index:0}
.list-hero-band>*{position:relative;z-index:1}
@media(max-width:900px){.dl-pagecard{grid-template-columns:1fr}}

/* band-centered */
.list-hero-band{max-width:1200px;margin:14px auto 0;padding:56px 34px 40px;}
.list-hero-band p{max-width:760px}
/* band-centered end */