:root{
  --c-primary: #4a382b;
  --c-primary-dark: #4a382b;
  --font: 'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
}
/* ============ 卡驰传动 MochaPress Drive · 报纸杂志风格 ============ */
:root{
  --mocha:#7a5c43;        /* 主色 摩卡棕 */
  --coffee:#35261c;       /* 标题字 意式深咖 */
  --latte:#f3ece3;        /* 底 拿铁奶 */
  --line:#d8cbbd;         /* 细线 */
  --serif:Georgia,"Times New Roman",STSong,SimSun,serif;
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--latte);
  color:var(--coffee);
  font-family:var(--serif);
  font-size:16px;
  line-height:1.75;
  letter-spacing:.2px;
}
img{display:block;max-width:100%}
a{color:var(--mocha);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
hr.rule{border:0;border-top:1px solid var(--line);margin:0}

/* ---------- 报头 masthead ---------- */
.masthead{background:var(--latte);padding:18px 0 0}
.brandname{
  display:flex;flex-direction:column;align-items:center;
  border-top:3px double var(--mocha);
  border-bottom:3px double var(--mocha);
  padding:14px 0;
}
.brandname .logo{margin-bottom:6px}
.brandname .cn{
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(30px,5vw,46px);
  letter-spacing:6px;
  color:var(--coffee);
}
.brandname .en{
  display:block;
  font-family:var(--serif);
  font-style:italic;
  font-size:13px;
  letter-spacing:3px;
  color:var(--mocha);
  margin-top:4px;
}
.issue{
  text-align:center;
  font-family:var(--serif);
  font-size:12.5px;
  letter-spacing:2px;
  color:var(--mocha);
  padding:8px 0 12px;
  border-bottom:1px solid var(--line);
}

/* ---------- 导航 nav ---------- */
.nav{
  background:var(--latte);
  border-bottom:3px double var(--mocha);
}
.nav .wrap{display:flex;justify-content:center;align-items:center;position:relative}
.nav a{
  font-family:var(--serif);
  font-size:15px;
  letter-spacing:2px;
  color:var(--coffee);
  padding:12px 20px;
  border-bottom:2px solid transparent;
}
.nav a:hover{text-decoration:none;color:var(--mocha)}
.nav a.active{color:var(--mocha);border-bottom:2px solid var(--mocha);font-weight:700}
.burger{display:none;position:absolute;right:18px;top:8px;width:42px;height:34px;
  background:transparent;border:1px solid var(--mocha);cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--coffee);margin:4px auto}

/* ---------- 区块标题 ---------- */
.sec{padding:38px 0}
.sec-title{
  font-family:var(--serif);
  font-size:24px;
  letter-spacing:2px;
  color:var(--coffee);
  text-align:center;
  border-bottom:3px double var(--mocha);
  padding-bottom:8px;
  margin-bottom:24px;
}
.sec-title .en{display:block;font-style:italic;font-size:12px;letter-spacing:3px;color:var(--mocha);margin-top:3px}
.kicker{text-align:center;font-style:italic;font-size:13px;color:var(--mocha);margin-bottom:6px;letter-spacing:2px}

/* ---------- 头版 hero ---------- */
.hero{position:relative;border-bottom:1px solid var(--line)}
.hero img{width:100%;height:420px;object-fit:cover;filter:saturate(.9) sepia(.06)}
.hero-cap{
  font-family:var(--serif);font-style:italic;font-size:12.5px;color:var(--mocha);
  text-align:right;padding:6px 0;border-bottom:1px solid var(--line);
}
.headline{
  font-family:var(--serif);font-size:clamp(26px,4vw,40px);font-weight:700;
  line-height:1.25;color:var(--coffee);text-align:center;margin:26px 0 8px;
}
.lead{
  font-family:var(--serif);font-size:17px;line-height:1.9;text-align:center;
  max-width:880px;margin:0 auto 14px;color:#4a382b;
}
.byline{text-align:center;font-style:italic;font-size:12.5px;color:var(--mocha);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;max-width:560px;margin:0 auto 8px}

/* ---------- 三栏简介（首字下沉） ---------- */
.intro{column-count:3;column-gap:30px;column-rule:1px solid var(--line);
  font-family:var(--serif);text-align:justify;margin-top:10px}
.intro p{margin-bottom:14px}
.intro p:first-of-type::first-letter{
  float:left;font-family:var(--serif);font-weight:700;
  font-size:3.6em;line-height:.78;color:var(--mocha);
  padding:4px 8px 0 0;
}

/* ---------- 分类卡（4） ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cat-card{
  border:1px solid var(--line);background:#fbf6f0;padding:20px 16px;text-align:center;
}
.cat-card .num{font-family:var(--serif);font-style:italic;color:var(--mocha);font-size:14px}
.cat-card h3{font-family:var(--serif);font-size:20px;color:var(--coffee);margin:6px 0 8px;letter-spacing:1px}
.cat-card p{font-size:14px;line-height:1.7;color:#4a382b}
.cat-card .more{display:inline-block;margin-top:10px;font-size:13px;border-bottom:1px solid var(--mocha);padding-bottom:2px}

/* ---------- 精选产品（6，报纸广告位） ---------- */
.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ad-card{border:1px solid var(--mocha);background:#fbf6f0;display:flex;flex-direction:column}
.ad-card img{width:100%;height:180px;object-fit:cover}
.ad-body{padding:14px 16px 18px;border-top:1px solid var(--line)}
.ad-card .tag{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--mocha);letter-spacing:1px}
.ad-card h3{font-family:var(--serif);font-size:18px;color:var(--coffee);margin:4px 0 8px}
.ad-card p{font-size:13.5px;line-height:1.7;color:#4a382b}
.ad-card .spec{font-size:12.5px;color:var(--mocha);border-top:1px dashed var(--line);margin-top:10px;padding-top:8px}
.ad-flag{display:inline-block;background:var(--mocha);color:var(--latte);font-size:11px;
  letter-spacing:2px;padding:2px 8px;margin-bottom:8px;font-family:var(--serif)}

/* ---------- 新闻 头条 + 简讯侧栏 ---------- */
.news-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:start}
.news-headline img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line)}
.news-headline h2{font-family:var(--serif);font-size:26px;color:var(--coffee);margin:12px 0 6px;line-height:1.3}
.news-headline .meta{font-style:italic;font-size:12.5px;color:var(--mocha);margin-bottom:8px}
.news-headline p{font-size:15px;line-height:1.85;color:#4a382b;text-align:justify}
.brief{border-left:3px solid var(--mocha);padding-left:16px}
.brief h4{font-family:var(--serif);font-size:16px;color:var(--coffee);margin-bottom:10px;letter-spacing:1px}
.brief ul{list-style:none}
.brief li{border-bottom:1px dotted var(--line);padding:9px 0}
.brief li .d{font-style:italic;font-size:12px;color:var(--mocha)}
.brief li a{color:var(--coffee);font-size:14.5px}
.brief li a:hover{color:var(--mocha)}

/* ---------- 新闻列表（news页 四图文） ---------- */
.nlist{display:flex;flex-direction:column;gap:24px}
.ncard{display:grid;grid-template-columns:260px 1fr;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}
.ncard img{width:100%;height:170px;object-fit:cover;border:1px solid var(--line)}
.ncard h3{font-family:var(--serif);font-size:21px;color:var(--coffee);margin-bottom:4px}
.ncard .meta{font-style:italic;font-size:12.5px;color:var(--mocha);margin-bottom:8px}
.ncard p{font-size:14.5px;line-height:1.8;color:#4a382b;text-align:justify}
.ncard .cap{font-style:italic;font-size:12px;color:var(--mocha);margin-top:6px}

/* ---------- 产品页筛选 ---------- */
.pfilter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.pfilter button{
  font-family:var(--serif);font-size:14px;letter-spacing:1px;cursor:pointer;
  background:transparent;color:var(--coffee);border:1px solid var(--mocha);
  padding:8px 16px;border-radius:0;
}
.pfilter button.on,.pfilter button:hover{background:var(--mocha);color:var(--latte)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{border:1px solid var(--line);background:#fbf6f0;display:flex;flex-direction:column}
.pcard img{width:100%;height:190px;object-fit:cover}
.pcard .body{padding:14px 16px 18px}
.pcard .tag{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--mocha);letter-spacing:1px}
.pcard h3{font-family:var(--serif);font-size:18px;color:var(--coffee);margin:4px 0 8px}
.pcard p{font-size:13.5px;line-height:1.7;color:#4a382b}
.pcard .spec{font-size:12.5px;color:var(--mocha);border-top:1px dashed var(--line);margin-top:10px;padding-top:8px;line-height:1.6}

/* ---------- 关于页 ---------- */
.about-hero img{width:100%;height:340px;object-fit:cover;border:1px solid var(--line)}
.about-hero .cap{font-style:italic;font-size:12.5px;color:var(--mocha);text-align:right;padding:6px 0}
.timeline{list-style:none;border-left:2px solid var(--mocha);margin-left:8px;padding-left:22px}
.timeline li{position:relative;padding:0 0 20px}
.timeline li::before{content:"";position:absolute;left:-29px;top:6px;width:12px;height:12px;background:var(--mocha);border:2px solid var(--latte)}
.timeline .yr{font-family:var(--serif);font-weight:700;color:var(--mocha);font-size:16px;letter-spacing:1px}
.timeline p{font-size:14.5px;line-height:1.8;color:#4a382b}
.eq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.eq-grid .item{border:1px solid var(--line);padding:16px 10px;background:#fbf6f0}
.eq-grid .item .k{font-family:var(--serif);font-size:22px;color:var(--mocha);font-weight:700}
.eq-grid .item .t{font-size:13px;color:var(--coffee);margin-top:4px}
.cert-list{columns:2;column-gap:30px;column-rule:1px solid var(--line);font-size:14.5px;line-height:1.9}

/* ---------- 联系页 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.contact-card{border:1px solid var(--mocha);background:#fbf6f0;padding:22px}
.contact-card h3{font-family:var(--serif);font-size:20px;color:var(--coffee);margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:8px}
.contact-card p{font-size:14.5px;line-height:1.9;color:#4a382b}
.contact-card .row{display:flex;gap:8px;margin:6px 0}
.contact-card .row b{font-family:var(--serif);color:var(--mocha);min-width:62px}
.form-box{border:1px solid var(--line);padding:22px;background:#fbf6f0}
.form-box label{display:block;font-family:var(--serif);font-size:14px;color:var(--coffee);margin:12px 0 4px;letter-spacing:1px}
.form-box input,.form-box textarea{
  width:100%;border:1px solid var(--line);background:var(--latte);
  padding:9px 11px;font-family:var(--serif);font-size:14px;color:var(--coffee);border-radius:0;
}
.form-box textarea{resize:vertical;min-height:110px}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-block;background:var(--mocha);color:var(--latte);
  font-family:var(--serif);font-size:14px;letter-spacing:2px;
  padding:11px 22px;border:1px solid var(--mocha);border-radius:0;cursor:pointer;
}
.btn:hover{background:var(--coffee);border-color:var(--coffee);text-decoration:none}
.btn.ghost{background:transparent;color:var(--mocha)}
.btn.ghost:hover{background:var(--mocha);color:var(--latte)}

/* ---------- 页脚 ---------- */
.ftr{background:var(--coffee);color:var(--latte);margin-top:30px;padding:34px 0 0}
.ftr .grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:26px}
.ftr h4{font-family:var(--serif);font-size:15px;letter-spacing:2px;margin-bottom:10px;color:#e9ddcf;border-bottom:1px solid #4a382b;padding-bottom:6px}
.ftr a,.ftr p{color:#d9c9b6;font-size:13.5px;line-height:1.9;display:block}
.ftr a:hover{color:var(--latte)}
.ftr .brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ftr .brand .cn{font-family:var(--serif);font-size:19px;letter-spacing:3px;color:var(--latte)}
.ftr .brand .en{font-style:italic;font-size:11px;color:#c9b7a3}
.ftr .bottom{text-align:center;font-size:12.5px;color:#bfae9a;
  border-top:1px solid #4a382b;margin-top:26px;padding:14px 0;letter-spacing:1px}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .intro{column-count:2}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .ad-grid,.pgrid{grid-template-columns:repeat(2,1fr)}
  .news-layout{grid-template-columns:1fr}
  .ncard{grid-template-columns:200px 1fr}
  .eq-grid{grid-template-columns:repeat(2,1fr)}
  .ftr .grid{grid-template-columns:1fr 1fr}
  .nav .wrap{justify-content:flex-start}
  .nav a{padding:12px 14px;font-size:14px}
  .burger{display:block}
  .nav .wrap{flex-direction:column;align-items:stretch}
  .nav a{border-bottom:1px solid var(--line);text-align:center}
  .nav .wrap:not(.open) a:not(:first-child){display:none}
  .nav .wrap.open a{display:block}
}
@media (max-width:640px){
  .intro{column-count:1}
  .cat-grid,.ad-grid,.pgrid,.contact-grid,.ftr .grid{grid-template-columns:1fr}
  .ncard{grid-template-columns:1fr}
  .ncard img{height:200px}
  .cert-list{columns:1}
  .hero img{height:260px}
  .eq-grid{grid-template-columns:1fr 1fr}
}

/* ===== CMS 共享：列表 / 详情 / 分页 / 表单 ===== */
.cms-page{padding:72px 0;}
.cms-page .container{max-width:1200px;margin:0 auto;padding:0 20px;}
.cms-page .cms-title{font-size:34px;font-weight:800;text-align:center;margin-bottom:8px;}
.cms-page .cms-subtitle{text-align:center;color:#888;margin-bottom:36px;}
.cms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px;}
.cms-card{display:block;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.07);transition:.25s;text-decoration:none;color:inherit;}
.cms-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.12);}
.cms-card img{width:100%;height:200px;object-fit:cover;display:block;}
.cms-card h3{margin:0;padding:18px 18px 4px;font-size:18px;}
.cms-card p{padding:0 18px 18px;color:#777;font-size:14px;margin:0;}
.cms-detail{max-width:860px;margin:0 auto;padding:0 20px;}
.cms-detail img{max-width:100%;border-radius:14px;margin:18px 0;}
.cms-detail h1{font-size:34px;margin:10px 0 6px;}
.cms-detail .lead{color:#888;font-size:16px;}
.cms-content{line-height:1.9;color:#444;margin-top:18px;}
.cms-content img{max-width:100%;}
.cms-back{display:inline-block;margin:8px 0 18px;color:var(--c-primary,#e11d2e);text-decoration:none;font-weight:600;}
.cms-pager{margin:34px 0;text-align:center;}
.cms-pager a,.cms-pager span{padding:8px 14px;margin:0 3px;border-radius:8px;background:#fff;color:#444;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.cms-pager .active{background:var(--c-primary,#e11d2e);color:#fff;}
.contact-form{max-width:640px;margin:18px auto 0;display:grid;gap:14px;}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;padding:12px 14px;border:1px solid #e3e3e3;border-radius:10px;font-size:15px;font-family:inherit;}
.contact-form textarea{min-height:120px;resize:vertical;}
.btn-primary{background:var(--c-primary,#e11d2e);color:#fff;padding:12px 22px;border-radius:10px;font-weight:700;border:none;cursor:pointer;}
.form-alert{padding:12px 14px;border-radius:10px;margin-bottom:12px;font-size:14px;}
.form-alert-ok{background:#eafaf0;color:#1c7a43;}
.form-alert-err{background:#fdecea;color:#b42318;}
.form-alert-err ul{margin:6px 0 0;padding-left:18px;}
.ve-editable-bg{cursor:pointer;}