/* ai-landing.css — 企业AI落地咨询落地页专属样式（cn 站）
 * 配色与全站统一：--primary #1A9B8A / --primary-dark #0D3B5C
 * 仅由 ai-landing.html 引用，不影响其它页面。
 * 来源：com 站 style.css 的落地页类（亮色规则）+ 数据墙/微信框缺失类补写。
 */

:root{
  --primary:#1A9B8A;
  --primary-light:#2ABBA8;
  --primary-dark:#0D3B5C;
  --primary-gradient:linear-gradient(135deg,#1A9B8A 0%,#0D3B5C 100%);
  --bg:#F0F8F8;
  --card:#ffffff;
  --text:#1a1a1a;
  --text-dark:#1a1a2e;
  --text-secondary:#64748b;
  --text-gray:#94a3b8;
  --border:#e2e8f0;
  --radius:14px;
  --shadow:0 4px 20px rgba(13,59,92,.10);
  --shadow-md:0 4px 16px rgba(13,59,92,.08),0 2px 6px rgba(13,59,92,.04);
}

/* 容器 */
.container{max-width:1200px;width:100%;margin:0 auto;padding:0 1.25rem;}

/* 品牌图标（页面内联 style 已控尺寸，此处补全类定义，保证自包含） */
.logo-icon{height:36px;width:36px;object-fit:contain;background:transparent;border-radius:8px;}

/* 区块 */
.section{padding:4rem 1rem;}
.section h2{text-align:center;font-size:1.9rem;font-weight:800;color:var(--primary-dark);margin-bottom:1rem;line-height:1.3;}
.section-sub{text-align:center;color:var(--text-gray);font-size:1.1rem;margin-bottom:3rem;}

/* Hero */
.hero{background:var(--primary-gradient);color:#fff;padding:5rem 1rem 4rem;text-align:center;}
.hero .container{max-width:840px;}
.hero h1{font-size:2.4rem;font-weight:800;margin-bottom:1rem;line-height:1.25;}
.hero p{font-size:1.15rem;opacity:.95;margin-bottom:1.8rem;line-height:1.7;}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:0 2rem;background:#fff;color:var(--primary-dark);font-weight:700;font-size:1.05rem;border-radius:12px;text-decoration:none;transition:transform .15s,box-shadow .15s;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18);}
.wechat-note{margin-top:1rem;font-size:.95rem;opacity:.9;}

/* 数据墙 trust-* */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;}
.trust-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;box-shadow:var(--shadow);}
.trust-num{font-size:2.6rem;font-weight:800;color:var(--primary);line-height:1;}
.trust-label{margin-top:.6rem;color:var(--text-secondary);font-size:1rem;}

/* 步骤卡 step-* */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.step-card{background:var(--card);border:2px solid rgba(26,155,138,.10);border-radius:12px;padding:1.5rem;position:relative;transition:all .3s;box-shadow:var(--shadow);}
.step-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.step-num{position:absolute;top:-12px;left:1.5rem;background:var(--primary-gradient);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;}
.step-title{font-size:1.1rem;font-weight:700;color:var(--primary-dark);margin:.5rem 0;}
.step-desc{color:var(--text-gray);font-size:.9rem;line-height:1.6;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:12px;max-width:800px;margin:0 auto;}
.faq-item{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;padding:1rem 1.5rem;cursor:pointer;transition:all .2s;}
.faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);}
.faq-item summary{font-weight:600;font-size:1em;color:var(--primary);cursor:pointer;list-style:none;padding:.5rem 0;display:flex;align-items:center;justify-content:space-between;}
.faq-item summary::after{content:"+";font-size:1.5rem;color:var(--primary);transition:transform .2s;}
.faq-item details[open] summary::after{content:"−";}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item details p{margin-top:10px;color:var(--text-secondary);font-size:.95rem;line-height:1.7;}

/* 合作 / 微信框 contact-box + wechat-id */
.contact-box{background:var(--primary-gradient);border-radius:var(--radius);padding:4rem 2rem;text-align:center;color:#fff;max-width:800px;margin:0 auto 4rem;}
.contact-box h2{font-size:1.8rem;margin-bottom:1rem;}
.contact-box p{opacity:.9;margin-bottom:1.5rem;font-size:1.1rem;}
.wechat-id{display:inline-block;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.7);border-radius:10px;padding:.9rem 1.6rem;font-weight:700;font-size:1.1rem;}

/* 吸底 CTA */
.sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--primary);color:#fff;padding:12px 16px;z-index:9999;text-align:center;box-shadow:0 -4px 12px rgba(0,0,0,.15);}
.sticky-cta-inner{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto;gap:12px;}
.sticky-cta-text{flex:1;font-size:.9rem;font-weight:600;text-align:left;}
.sticky-cta-text small{display:block;font-size:.72rem;font-weight:400;opacity:.85;}
.sticky-cta-btn{background:#fff;color:var(--primary);padding:8px 20px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;white-space:nowrap;}

/* 吸底栏占位，避免遮挡底部内容 */
body{padding-bottom:64px;}

/* 响应式 */
@media(max-width:900px){
  .steps-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .hero{padding:3.5rem 1rem 3rem;}
  .hero h1{font-size:1.8rem;}
  .section{padding:3rem 1rem;}
  .trust-grid{grid-template-columns:1fr;}
  .steps-grid{grid-template-columns:1fr;}
  .sticky-cta-text{font-size:.8rem;}
}
