
/* 可选：如需完全还原衬线标题字体，保留此行；不需要可整行删除 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');

.ueecat{
  --ueecat-ink:#141d19; --ueecat-body:#4a5650; --ueecat-muted:#7c8a83;
  --ueecat-line:#e4e2da; --ueecat-cream:#f8f6f1;
  --ueecat-sage:#8aa695; --ueecat-sage-d:#3f5b4d; --ueecat-gold:#b08d4f;
  --ueecat-serif:"Cormorant Garamond","Songti SC","SimSun",Georgia,"Times New Roman",serif;
  --ueecat-sans:"Jost","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --ueecat-radius:14px;
  font-family:var(--ueecat-sans);
  color:var(--ueecat-body);
  font-size:15px; line-height:1.75; letter-spacing:.01em;
  -webkit-font-smoothing:antialiased; text-align:left;
}
.ueecat *,.ueecat *::before,.ueecat *::after{box-sizing:border-box}
.ueecat p,.ueecat h2,.ueecat h3,.ueecat span{margin:0;padding:0}
.ueecat img{max-width:100%;height:auto;display:block}
.ueecat-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}

/* ---------- 标题区 ---------- */
.ueecat-sec{background:#fff;padding:88px 0}
.ueecat-head{max-width:760px;margin:0 auto 52px;text-align:center}
.ueecat-eyebrow{
  display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;color:var(--ueecat-sage-d);margin-bottom:14px;
}
.ueecat-eyebrow::before{
  content:"";display:inline-block;width:26px;height:1px;background:var(--ueecat-gold);
  vertical-align:middle;margin-right:10px;
}
.ueecat-h2{
  font-family:var(--ueecat-serif);font-weight:500;line-height:1.2;letter-spacing:.005em;
  color:var(--ueecat-ink);font-size:clamp(1.7rem,3vw,2.65rem);
}

/* ---------- 品类卡片 ---------- */
.ueecat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ueecat-card{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--ueecat-line);border-radius:var(--ueecat-radius);
  padding:26px;transition:border-color .3s ease,box-shadow .3s ease;
}
.ueecat-card:hover{border-color:var(--ueecat-sage);box-shadow:0 2px 10px rgba(20,29,25,.06)}
.ueecat-tag{
  display:block;font-size:.7rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ueecat-gold);
}
.ueecat-h3{
  font-family:var(--ueecat-serif);font-weight:600;line-height:1.25;
  color:var(--ueecat-ink);font-size:1.1rem;margin:10px 0 12px;
}
.ueecat-card p{font-size:.86rem;color:var(--ueecat-muted)}

/* ---------- 自适应 ---------- */
@media (max-width:1024px){
  .ueecat-sec{padding:64px 0}
  .ueecat-head{margin-bottom:40px}
  .ueecat-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .ueecat-card{padding:24px 22px}
}
@media (max-width:640px){
  .ueecat-sec{padding:48px 0}
  .ueecat-inner{padding:0 18px}
  .ueecat-head{margin-bottom:32px}
  .ueecat-eyebrow{letter-spacing:.2em;font-size:.68rem}
  .ueecat-grid{grid-template-columns:1fr;gap:14px}
  .ueecat-card{padding:22px 20px}
  .ueecat-h3{font-size:1.05rem}
  .ueecat-card p{font-size:.85rem}
}
