/* ==========================================================================
   锦棠科技官网 · 商城联动 & AI 造价入口 样式  jt-commerce.css
   墨绿 + 赤金 + 米白，沿用官网既有的 .jt-* 前缀避免与站内样式冲突
   ========================================================================== */

/* ---------- 产品页：商城同款卡片 ---------- */
.jt-commerce{
    margin:22px 0 8px;
    border:1px solid #E6E0D2;
    border-left:4px solid #0E5A4A;
    border-radius:10px;
    background:#FBF9F3;
    padding:18px 20px 16px;
}
.jt-commerce__tag{
    display:inline-block;
    font-size:12px;font-weight:700;letter-spacing:.4px;
    color:#8A6A1F;background:#F3E7C6;
    border-radius:4px;padding:3px 9px;margin-bottom:11px;
}
.jt-commerce__sku{
    display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px;
}
.jt-commerce__name{
    font-size:18px;font-weight:800;color:#12332C;line-height:1.5;
}
.jt-commerce__cat{
    font-size:12.5px;color:#5C6B64;border:1px solid #D9D2C1;
    border-radius:20px;padding:2px 10px;
}
.jt-commerce__acts{display:flex;gap:10px;flex-wrap:wrap;}
.jt-commerce .jt-btn{
    display:inline-block;text-decoration:none;font-size:14.5px;font-weight:700;
    border-radius:7px;padding:10px 20px;transition:.18s;white-space:nowrap;
}
.jt-commerce .jt-btn--buy{background:#B8860B;color:#fff;}
.jt-commerce .jt-btn--buy:hover{background:#966f08;}
.jt-commerce .jt-btn--quote{background:#0E5A4A;color:#fff;}
.jt-commerce .jt-btn--quote:hover{background:#0a4438;}
.jt-commerce .jt-btn--tel{background:#fff;color:#0E5A4A;border:1px solid #0E5A4A;}
.jt-commerce .jt-btn--tel:hover{background:#0E5A4A;color:#fff;}
.jt-commerce__tip{
    margin:12px 0 0;font-size:13px;color:#6B7A73;line-height:1.8;
}

/* ---------- 全站 AI 工具条 ---------- */
.jt-ai-bar{
    background:#0E5A4A;
    padding:44px 0;
}
.jt-ai-bar__in{
    width:1240px;max-width:calc(100% - 32px);margin:0 auto;
    display:flex;align-items:center;gap:36px;flex-wrap:wrap;
}
.jt-ai-bar__l{
    flex:1;min-width:260px;
    border-left:4px solid #C9A227;padding-left:18px;
}
.jt-ai-bar__l h2{
    margin:0 0 8px;font-size:24px;color:#F5EFE0;font-weight:800;letter-spacing:.5px;
}
.jt-ai-bar__l p{
    margin:0;font-size:14.5px;color:#C6D6CF;line-height:1.8;
}
.jt-ai-bar__r{
    display:grid;grid-template-columns:repeat(3,1fr);gap:14px;flex:2;min-width:340px;
}
.jt-ai-bar__card{
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;padding:16px 18px;
    text-decoration:none;transition:.2s;
}
.jt-ai-bar__card:hover{
    background:rgba(255,255,255,.14);border-color:#C9A227;transform:translateY(-2px);
}
.jt-ai-bar__card b{
    display:block;font-size:16px;color:#C9A227;font-weight:800;margin-bottom:7px;
}
.jt-ai-bar__card span{
    display:block;font-size:13.5px;color:#DCE8E3;line-height:1.75;
}

/* ---------- 首页 AI 智能工具区 ---------- */
.jt-ai-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;
}
.jt-ai-card{
    background:#FBF9F3;border:1px solid #E6E0D2;border-radius:12px;
    padding:26px 24px 22px;text-decoration:none;transition:.22s;position:relative;
    display:block;
}
.jt-ai-card:hover{
    border-color:#0E5A4A;box-shadow:0 8px 26px rgba(14,90,74,.12);transform:translateY(-3px);
}
.jt-ai-card em{
    display:inline-block;font-style:normal;font-size:26px;font-weight:800;
    color:#C9A227;line-height:1;margin-bottom:12px;
}
.jt-ai-card h3{
    margin:0 0 10px;font-size:18px;font-weight:800;color:#12332C;
}
.jt-ai-card p{
    margin:0 0 16px;font-size:14px;color:#5C6B64;line-height:1.85;min-height:78px;
}
.jt-ai-go{
    display:inline-block;font-size:14px;font-weight:700;color:#0E5A4A;
    border-bottom:1px solid #C9A227;padding-bottom:2px;
}
.jt-ai-foot{
    margin:22px 0 0;font-size:13.5px;color:#5C6B64;line-height:1.9;text-align:center;
}
.jt-ai-foot a{color:#0E5A4A;font-weight:700;}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
    .jt-ai-grid{grid-template-columns:1fr;gap:14px;}
    .jt-ai-card p{min-height:auto;}
    .jt-ai-bar{padding:30px 0;}
    .jt-ai-bar__in{gap:20px;}
    .jt-ai-bar__l h2{font-size:20px;}
    .jt-ai-bar__r{grid-template-columns:1fr;}
    .jt-commerce{padding:15px 15px 13px;}
    .jt-commerce__name{font-size:16.5px;}
    .jt-commerce .jt-btn{flex:1;text-align:center;padding:11px 12px;}
    .jt-commerce__acts{gap:8px;}
}