@charset "utf-8";
/* 客莱祺商贸·昭通站（乌蒙·浅橡极简） 设计系统
   原型 E：桌面左侧固定侧栏 260px + 右侧内容流，细边框、浅/无阴影、小圆角、大留白
   令牌：PRIMARY 暖灰木 #6B6257 / BG 纯白 / LINE #E4DFD7 */
:root{
  --pri:#6B6257;--pri-d:#514A41;--acc:#A9834C;
  --grad:linear-gradient(135deg,#514A41,#7A7063);
  --band:linear-gradient(135deg,#3A342D,#57503F);
  --head:#26221D;--ink:#4C463E;--muted:#918A7E;
  --bg:#FFFFFF;--alt:#F7F5F1;--line:#E4DFD7;--line-s:#EFECE6;
  --r:6px;--r-s:4px;--r-p:999px;--sh:none;
}
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font:15.5px/1.9 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;border:0;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{margin:0;color:var(--head);line-height:1.45;font-weight:600;}
p{margin:0 0 12px;}
ul,ol{margin:0;padding:0;list-style:none;}
.zt-body.zt-noscroll{overflow:hidden;}
.zt-main{display:block;}

/* ---------- 桌面侧栏 ---------- */
.zt-side{position:fixed;left:0;top:0;bottom:0;z-index:60;width:260px;background:var(--alt);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 24px;overflow-y:auto;}
.zt-side .zt-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.zt-brand__logo{display:block;}
.zt-brand__img{height:46px;width:auto;object-fit:contain;}
.zt-brand__title{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px;width:100%;}
.zt-brand__text,.zt-brand__name{display:block;font-size:20px;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.zt-brand__meta{display:block;font-size:12px;color:var(--muted);margin-top:2px;}
.zt-brand__meta b{color:var(--pri-d);font-weight:700;}
.zt-side__nav{display:flex;flex-direction:column;margin-top:26px;flex:1;}
.zt-side__link{padding:13px 2px;font-size:15px;color:var(--ink);border-bottom:1px solid var(--line-s);transition:.2s;}
.zt-side__link:hover{color:var(--head);padding-left:8px;}
.zt-side__link--on{color:var(--pri-d);font-weight:600;border-left:2px solid var(--pri);padding-left:10px;}
.zt-side__foot{margin-top:26px;border-top:1px solid var(--line);padding-top:18px;}
.zt-side__label{display:block;font-size:12px;color:var(--muted);letter-spacing:1px;}
.zt-side__tel{display:block;font-size:21px;font-weight:700;color:var(--pri-d);margin-top:4px;}
/* 桌面：内容流右移 */
@media (min-width:961px){
  .zt-body{padding-left:260px;}
  .zt-topbar{display:none;}
}

/* ---------- 移动顶栏 ---------- */
.zt-topbar{display:none;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;}
.zt-topbar__inner{display:flex;align-items:center;gap:12px;padding:10px 14px;}
.zt-topbar .zt-brand{flex-direction:row;align-items:center;gap:12px;flex:1;min-width:0;}
.zt-topbar .zt-brand__title{border:0;padding:0;width:auto;}
.zt-topbar .zt-brand__text,.zt-topbar .zt-brand__name{font-size:17px;}
.zt-topbar .zt-brand__meta{font-size:11px;}
.zt-burger{width:42px;height:42px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;cursor:pointer;padding:0;flex:0 0 auto;}
.zt-burger span{display:block;width:20px;height:2px;margin:4px auto;background:var(--head);}

/* ---------- 抽屉 ---------- */
.zt-drawer{position:fixed;top:0;right:0;z-index:90;width:300px;max-width:84vw;height:100%;background:#fff;box-shadow:-12px 0 40px rgba(0,0,0,.12);transform:translateX(102%);transition:transform .28s ease;display:flex;flex-direction:column;}
.zt-drawer--open{transform:translateX(0);}
.zt-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);}
.zt-drawer__title{font-weight:700;color:var(--head);}
.zt-drawer__close{border:0;background:none;font-size:26px;color:var(--muted);cursor:pointer;}
.zt-drawer__nav{display:flex;flex-direction:column;padding:8px 0;overflow:auto;}
.zt-drawer__link{padding:14px 20px;font-size:16px;border-bottom:1px solid var(--line-s);}
.zt-drawer__link--on{color:var(--pri-d);font-weight:600;background:var(--alt);}
.zt-drawer__tel{margin:16px 18px;padding:13px;border-radius:var(--r-s);background:var(--grad);color:#fff;text-align:center;font-weight:600;}
.zt-scrim{position:fixed;inset:0;z-index:80;background:rgba(38,34,29,.4);opacity:0;visibility:hidden;transition:.25s;}
.zt-scrim--on{opacity:1;visibility:visible;}

/* ---------- 内容流 ---------- */
.zt-flow{max-width:820px;margin:0 auto;padding:0 28px;}
.zt-intro{padding:88px 0 72px;border-bottom:1px solid var(--line);}
.zt-intro__kicker{font-size:13px;letter-spacing:3px;color:var(--pri);margin-bottom:16px;}
.zt-intro__title{font-size:clamp(26px,3.6vw,40px);font-weight:600;line-height:1.45;}
.zt-intro__sub{margin-top:18px;font-size:16px;color:var(--muted);}
.zt-intro__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.zt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 24px;border-radius:var(--r-s);font-size:14.5px;font-weight:500;border:1px solid transparent;transition:.2s;cursor:pointer;}
.zt-btn--primary{background:var(--pri);color:#fff;}
.zt-btn--primary:hover{background:var(--pri-d);}
.zt-btn--ghost{border-color:var(--line);color:var(--ink);}
.zt-btn--ghost:hover{border-color:var(--pri);color:var(--pri-d);}
.zt-btn--lg{padding:14px 30px;font-size:15.5px;}

/* ---------- 区块 ---------- */
.zt-sec{padding:56px 0;border-bottom:1px solid var(--line);}
.zt-h2{font-size:21px;font-weight:600;margin-bottom:18px;letter-spacing:1px;}
.zt-h2--gap{margin-top:44px;}
.zt-lead{font-size:16px;color:var(--muted);}
.zt-more{display:inline-block;margin-top:22px;color:var(--pri-d);font-weight:500;font-size:14.5px;}
.zt-more:hover{color:var(--head);}

/* ---------- 简介折叠 ---------- */
.zt-about__full{margin-top:6px;max-height:250px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent);}
.zt-about__full--open{max-height:none;-webkit-mask-image:none;mask-image:none;}
.zt-about__full p{margin:0 0 12px;}
.zt-about__full img{display:none;}
.zt-about__toggle{margin:10px 0 16px;}
.zt-about__btn{border:0;background:none;padding:0;color:var(--pri-d);font-size:14px;font-weight:500;cursor:pointer;}

/* ---------- 广告图 ---------- */
.zt-figure{margin:0;}
.zt-figure__img{width:100%;height:380px;object-fit:cover;border-radius:var(--r);border:1px solid var(--line);}
.zt-figure__cap{padding:10px 2px;font-size:13.5px;color:var(--muted);}

/* ---------- 细边框行 ---------- */
.zt-rows{border-top:1px solid var(--line);}
.zt-rows__item{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:18px 2px;border-bottom:1px solid var(--line-s);}
.zt-rows__item b{font-size:15.5px;font-weight:600;color:var(--head);}
.zt-rows__item span{font-size:15px;color:var(--muted);}

/* ---------- 编号流程（ol） ---------- */
.zt-steps{counter-reset:step;border-top:1px solid var(--line);}
.zt-steps li{counter-increment:step;display:grid;grid-template-columns:52px 150px 1fr;gap:14px;align-items:baseline;padding:18px 2px;border-bottom:1px solid var(--line-s);}
.zt-steps li::before{content:counter(step,decimal-leading-zero);font-family:Georgia,serif;font-size:19px;color:var(--acc);font-weight:400;}
.zt-steps li b{font-size:15.5px;font-weight:600;color:var(--head);}
.zt-steps li span{font-size:15px;color:var(--muted);}

/* ---------- 图集 ---------- */
.zt-gallery{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.zt-gallery__item{margin:0;}
.zt-gallery__img{width:100%;height:170px;object-fit:cover;border-radius:var(--r);border:1px solid var(--line);}
.zt-gallery__cap{padding:8px 2px;font-size:13px;color:var(--muted);}

/* ---------- 新闻 ---------- */
.zt-news{border-top:1px solid var(--line);}
.zt-news__item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 2px;border-bottom:1px solid var(--line-s);}
.zt-news__item:hover .zt-news__title{color:var(--pri-d);}
.zt-news__title{font-size:15.5px;color:var(--head);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zt-news__date{color:var(--muted);font-size:13.5px;white-space:nowrap;}

/* ---------- FAQ ---------- */
.zt-faq__item{border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;background:#fff;}
.zt-faq__item summary{padding:15px 18px;cursor:pointer;font-weight:500;color:var(--head);list-style:none;position:relative;}
.zt-faq__item summary::-webkit-details-marker{display:none;}
.zt-faq__item summary::after{content:"+";position:absolute;right:18px;color:var(--pri);font-weight:400;}
.zt-faq__item--open summary::after{content:"−";}
.zt-faq__item--open{border-color:var(--pri);}
.zt-faq__body{padding:0 18px 15px;color:var(--muted);font-size:14.5px;}

/* ---------- 分站（细线格） ---------- */
.zt-citylinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:14px;}
.zt-citylinks__item{padding:12px 15px;border-right:1px solid var(--line-s);border-bottom:1px solid var(--line-s);transition:.2s;}
.zt-citylinks__item:hover{background:var(--alt);}
.zt-citylinks__item--cur{background:var(--alt);}
.zt-citylinks__item--fold{display:none;}
.zt-citylinks--open .zt-citylinks__item--fold{display:block;}
.zt-citylinks__region{display:block;font-size:15px;font-weight:600;color:var(--head);}
.zt-citylinks__site{font-size:12.5px;color:var(--muted);}
.zt-citylinks__morewrap{margin-top:18px;}
.zt-citylinks__more{padding:10px 26px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink);font-weight:500;cursor:pointer;}

/* ---------- 关联企业 ---------- */
.zt-companies{border-top:1px solid var(--line);}
.zt-companies__item{display:block;padding:12px 2px;border-bottom:1px solid var(--line-s);font-size:15px;}
.zt-companies__item::before{content:"· ";color:var(--acc);}
.zt-companies__item:hover{color:var(--pri-d);padding-left:8px;}

/* ---------- 联系卡 ---------- */
.zt-contactcard{border:1px solid var(--line);border-radius:var(--r);padding:34px 30px;background:var(--alt);}
.zt-contactcard__title{font-size:20px;font-weight:600;color:var(--head);margin-bottom:8px;}
.zt-contactcard__lead{color:var(--muted);}
.zt-contactcard__tel{display:block;font-size:clamp(26px,3.6vw,36px);font-weight:700;color:var(--pri-d);margin:14px 0;}
.zt-contactcard__acts{display:flex;flex-wrap:wrap;gap:12px;}

/* ---------- 内页页头 / 面包屑 ---------- */
.zt-pagehead{background:var(--alt);border-bottom:1px solid var(--line);padding:32px 0;}
.zt-pagehead__inner{max-width:820px;margin:0 auto;padding:0 28px;}
.zt-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);}
.zt-crumb a:hover{color:var(--pri-d);}
.zt-crumb__sep{opacity:.6;}
.zt-crumb__item{color:var(--pri-d);}
.zt-pagehead__title{margin:12px 0 0;font-size:clamp(20px,2.8vw,30px);color:var(--head);}

/* ---------- 内容排版 ---------- */
.zt-post h2{font-size:19px;margin:28px 0 12px;}
.zt-post__meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:13.5px;padding-bottom:12px;border-bottom:1px solid var(--line);}
.zt-post__thumb{width:100%;max-height:420px;object-fit:cover;border-radius:var(--r);margin:18px 0;border:1px solid var(--line);}
.zt-post__body{font-size:15.5px;color:var(--ink);}
.zt-post__body img{max-width:100%;height:auto;}
.zt-post__back{display:inline-block;margin-top:20px;color:var(--pri-d);font-weight:500;}
.zt-pointlist li{padding:7px 0;border-bottom:1px dashed var(--line);font-size:14.5px;}
.zt-pointlist b{color:var(--head);font-weight:600;}
.zt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px;}
.zt-chip{padding:6px 14px;border-radius:var(--r-s);border:1px solid var(--line);font-size:13px;color:var(--ink);}

/* ---------- 卡片网格 ---------- */
.zt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.zt-grid--mt{margin-top:26px;}
.zt-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:.2s;}
.zt-card:hover{border-color:var(--pri);}
.zt-card__img{width:100%;height:180px;object-fit:cover;}
.zt-card__ph{display:flex;align-items:center;justify-content:center;background:var(--alt);color:var(--muted);}
.zt-card__body{padding:16px;}
.zt-card__title{font-size:16px;margin-bottom:6px;}
.zt-card__desc{color:var(--muted);font-size:14px;margin:0;}

/* ---------- 列表 ---------- */
.zt-list{display:flex;flex-direction:column;}
.zt-list__item{display:grid;grid-template-columns:190px 1fr auto;gap:18px;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line-s);}
.zt-list__item:hover{background:var(--alt);}
.zt-list__thumb{width:190px;height:120px;object-fit:cover;border-radius:var(--r-s);border:1px solid var(--line);}
.zt-list__title{font-size:16.5px;}
.zt-list__desc{color:var(--muted);font-size:14px;margin:6px 0;}
.zt-list__date{font-size:13px;color:var(--muted);}
.zt-list__more{align-self:center;}

/* ---------- 详情双栏 ---------- */
.zt-newsdetail,.zt-prodshow{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start;}
.zt-panel{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:18px;margin-bottom:18px;}
.zt-panel__title{font-size:16px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--line);}
.zt-panel__text{color:var(--muted);font-size:14px;}
.zt-newslist li{padding:9px 0;border-bottom:1px solid var(--line-s);}
.zt-newslist__link{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zt-newslist__link:hover{color:var(--pri-d);}
.zt-newslist__date{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;}
.zt-prodhero{padding:32px 0 8px;}
.zt-prodhero__inner{max-width:820px;margin:0 auto;padding:0 28px;}
.zt-prodhero__card{margin-top:18px;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;}
.zt-prodhero__media img{width:100%;border-radius:var(--r-s);border:1px solid var(--line);}
.zt-prodhero__ph{display:flex;align-items:center;justify-content:center;height:280px;border-radius:var(--r-s);background:var(--alt);color:var(--muted);}
.zt-prodhero__kicker{display:inline-block;padding:4px 12px;border-radius:var(--r-s);border:1px solid var(--line);color:var(--pri-d);font-size:12.5px;font-weight:600;}
.zt-prodhero__title{font-size:clamp(20px,2.8vw,28px);margin:14px 0 10px;}
.zt-prodhero__desc{color:var(--muted);}
.zt-prodhero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.zt-prodshow__main h2{font-size:19px;margin:0 0 12px;}

/* ---------- 联系页 ---------- */
.zt-contact{display:grid;grid-template-columns:1fr;}
.zt-contact__card{padding:30px;border:1px solid var(--line);border-radius:var(--r);background:#fff;}
.zt-contact__name{font-size:20px;margin-bottom:14px;}
.zt-contact__list li{padding:8px 0;border-bottom:1px dashed var(--line);}
.zt-contact__phone{margin:20px 0;padding:18px;border-radius:var(--r-s);background:var(--alt);text-align:center;}
.zt-contact__label{display:block;font-size:12.5px;color:var(--muted);}
.zt-contact__tel{font-size:clamp(22px,3.2vw,32px);font-weight:700;color:var(--pri-d);}
.zt-contact__info{color:var(--muted);font-size:14.5px;}

/* ---------- 页脚 ---------- */
.zt-footer{background:#26221D;color:rgba(255,255,255,.72);padding:46px 0 0;}
.zt-footer__inner{max-width:1200px;margin:0 auto;padding:0 28px;}
.zt-footer__cols{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:32px;padding-bottom:28px;}
.zt-footer__brand{font-size:19px;font-weight:700;color:#fff;margin-bottom:10px;}
.zt-footer__text{font-size:14px;line-height:1.9;}
.zt-footer__phone{display:inline-block;margin-top:10px;font-size:21px;font-weight:700;color:#D9B98A;}
.zt-footer__title{font-size:15px;color:#fff;font-weight:600;margin-bottom:10px;}
.zt-footer__col p{margin:0 0 7px;font-size:14px;}
.zt-footer__col a:hover{color:#D9B98A;}
.zt-footer__notice{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:13px;color:rgba(255,255,255,.55);}
.zt-footer__bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:14px 0 18px;font-size:12.5px;color:rgba(255,255,255,.5);}
.zt-footer__links a{margin-left:14px;color:#D9B98A;}
.zt-sitelist{border-top:1px solid rgba(255,255,255,.12);padding:14px 0;}
.zt-sitelist__inner{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;gap:12px;align-items:flex-start;}
.zt-sitelist__label{flex:0 0 auto;color:rgba(255,255,255,.5);font-size:13px;}
.zt-sitelist__links{display:flex;flex-wrap:wrap;gap:8px 14px;}
.zt-sitelist__link{font-size:13px;color:rgba(255,255,255,.72);}
.zt-sitelist__link:hover{color:#D9B98A;}
.zt-callbar{display:none;}

/* ---------- 分页 ---------- */
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:32px 0 0;}
.pagination a,.pagination span{padding:7px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;font-size:14px;}
.pagination a:hover{background:var(--pri);border-color:var(--pri);color:#fff;}
.pagination .current,.pagination span.current{background:var(--pri);border-color:var(--pri);color:#fff;}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .zt-side{display:none;}
  .zt-topbar{display:block;}
  .zt-flow{padding:0 20px;}
  .zt-intro{padding:52px 0 46px;}
  .zt-newsdetail,.zt-prodshow,.zt-prodhero__card{grid-template-columns:1fr;gap:22px;}
  .zt-prodhero__inner{padding:0 20px;}
  .zt-pagehead__inner{padding:0 20px;}
  .zt-grid{grid-template-columns:repeat(2,1fr);}
  .zt-footer__cols{grid-template-columns:1fr 1fr;}
  .zt-list__item{grid-template-columns:140px 1fr;}
  .zt-list__thumb{width:140px;height:90px;}
  .zt-list__more{grid-column:1/-1;justify-self:start;}
}
@media (max-width:640px){
  .zt-sec{padding:42px 0;}
  .zt-brand__img{height:34px;}
  .zt-brand__text,.zt-brand__name{font-size:16px;}
  .zt-brand__meta{font-size:11px;}
  .zt-rows__item,.zt-steps li{grid-template-columns:1fr;gap:4px;}
  .zt-steps li::before{grid-column:1;}
  .zt-grid,.zt-gallery{grid-template-columns:1fr;}
  .zt-footer__cols{grid-template-columns:1fr;}
  .zt-contact__card{padding:20px;}
  .zt-callbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--pri);text-align:center;}
  .zt-callbar__btn{display:block;padding:14px;color:#fff;font-weight:600;font-size:16px;}
  .zt-footer{padding-bottom:60px;}
  .zt-about__full{max-height:220px;}
}