/* =========================================================
   票点云 MCP 服务落地页 专有样式
   复用 efapiao.css 的 :root 变量：--blue #2A6FF2 / --blue-d / --blue-bg / --ink / --gray / --line / --shadow / --radius
   仅承载本页特有的版式（锚点导航、对比卡、能力包、工具列表、对话示例、代码块、客户端徽标、SEO 行）
   ========================================================= */

/* 蓝底板块：背景整屏铺满（恢复 efapiao.css 默认 max-width:none 的整屏蓝带），
   但内容仍收为 1200px 居中，与白底上一板块等宽——等价于标准 .pd-sec.alt + .pd-in 结构，
   这里用 CSS 直接约束直接子级 .pd-group，不改动模板 HTML，内容保持现状不变 */
.pd-sec.alt > .pd-group.center{max-width:1200px;margin-left:auto;margin-right:auto;}
@media (max-width:768px){
  .pd-sec.alt > .pd-group.center{padding:0;}
}

/* 锚点快捷导航 */
.mcp-subnav{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;background:#fff;border-bottom:1px solid var(--line);}
.mcp-subnav a{font-size:14px;color:var(--ink);text-decoration:none;padding:7px 16px;border-radius:20px;background:var(--blue-bg);transition:.2s;}
.mcp-subnav a:hover{background:var(--blue);color:#fff;}

/* 说明 / 提示 callout */
.mcp-note{margin:24px auto 0;max-width:1000px;background:linear-gradient(135deg,#eaf1ff,#f5f9ff);border:1px solid var(--blue-bd);border-left:4px solid var(--blue);border-radius:12px;padding:16px 20px;color:var(--ink);font-size:14.5px;line-height:1.95;}
.mcp-note b{color:var(--blue-d);}
.mcp-note.warn{background:#fff7ed;border-color:#f6d4ad;border-left-color:#f59e0b;}
.mcp-note.warn b{color:#b45309;}

/* 传统 vs MCP 两栏 */
.mcp-vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;}
.mcp-vs .col{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;}
.mcp-vs .col h4{margin:0 0 12px;font-size:17px;display:flex;align-items:center;gap:8px;}
.mcp-vs .col.trad{border-top:3px solid #c2ccda;}
.mcp-vs .col.mcp{border-top:3px solid var(--blue);}
.mcp-vs .col p{margin:0;color:var(--gray);font-size:14px;line-height:1.9;}

/* 两大能力包总览 */
.mcp-packs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;}
.mcp-pack{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;transition:.2s;}
.mcp-pack:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--blue);}
.mcp-pack .tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--blue);padding:3px 12px;border-radius:20px;margin-bottom:10px;}
.mcp-pack h4{margin:0 0 8px;font-size:19px;}
.mcp-pack p{margin:0;color:var(--gray);font-size:14px;line-height:1.85;}

/* 工具列表 */
.mcp-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px;}
.mcp-tool{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff;transition:.2s;}
.mcp-tool:hover{border-color:var(--blue);box-shadow:var(--shadow);}
.mcp-tool .nm{flex:0 0 auto;font-family:Consolas,'SFMono-Regular',Menlo,monospace;font-size:13px;font-weight:700;color:var(--blue-d);background:var(--blue-bg);border:1px solid var(--blue-bd);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.mcp-tool .ds{font-size:13.5px;color:var(--gray);line-height:1.7;}

/* 对话示例 */
.mcp-demo{margin-top:18px;background:#f6f8fb;border:1px solid var(--line);border-radius:14px;padding:18px 20px;}
.mcp-demo .row{display:flex;gap:12px;margin-bottom:14px;}
.mcp-demo .row:last-child{margin-bottom:0;}
.mcp-demo .av{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;}
.mcp-demo .user .av{background:#64748b;}
.mcp-demo .ai .av{background:var(--blue);}
.mcp-demo .bubble{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.7;color:var(--ink);}
.mcp-demo .ai .bubble{background:#eef4ff;border-color:var(--blue-bd);}

/* 配置代码块 */
.mcp-code{margin-top:18px;background:#0f1b33;border-radius:14px;padding:20px 22px;overflow:auto;box-shadow:var(--shadow);}
.mcp-code pre{margin:0;color:#e6edf7;font-family:Consolas,'SFMono-Regular',Menlo,monospace;font-size:13.5px;line-height:1.8;white-space:pre;}
.mcp-code .c{color:#7f8ea3;}
.mcp-code .k{color:#79c0ff;}
.mcp-code .s{color:#a5d6a7;}

/* 兼容客户端徽标 */
.mcp-clients{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;justify-content:center;}
.mcp-client{padding:10px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:15px;font-weight:600;color:var(--ink);box-shadow:0 2px 6px rgba(20,40,80,.04);}
.mcp-client span{color:var(--blue);}

/* 两种使用模式 */
.mcp-modes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;}

/* 适用客户 */
.mcp-fit{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;}

/* 页脚 SEO 关键词行 */
.mcp-seo{max-width:1120px;margin:34px auto 0;padding:0 20px;color:#9aa6b6;font-size:12.5px;line-height:2.1;text-align:center;}
.mcp-seo b{color:#6b7888;font-weight:600;}

/* 响应式 */
@media (max-width:768px){
  .mcp-vs,.mcp-packs,.mcp-tools,.mcp-modes,.mcp-fit{grid-template-columns:1fr;}
  .mcp-subnav a{font-size:13px;padding:6px 12px;}
}

/* ===================== MCP 接入指南页 ===================== */
.mcp-guide{max-width:1000px;margin:28px auto 0;padding:0 20px;}
.mcp-guide .g-breadcrumb{font-size:13px;color:#9aa6b6;margin:0 0 14px;}
.mcp-guide .g-breadcrumb a{color:#9aa6b6;text-decoration:none;}
.mcp-guide .g-breadcrumb a:hover{color:var(--blue);}
.mcp-guide .g-hero{background:linear-gradient(135deg,#eaf1ff,#f5f9ff);border:1px solid var(--blue-bd);border-radius:16px;padding:26px 30px;margin-bottom:30px;}
.mcp-guide .g-hero h1{margin:0 0 10px;font-size:25px;color:var(--ink);line-height:1.4;}
.mcp-guide .g-hero p{margin:0;color:var(--gray);font-size:14.5px;line-height:1.9;}
.mcp-guide section.blk{margin-bottom:38px;}
.mcp-guide h2{font-size:22px;color:var(--ink);margin:0 0 16px;padding-left:14px;border-left:5px solid var(--blue);line-height:1.4;}
.mcp-guide h3{font-size:17px;color:var(--blue-d);margin:22px 0 10px;}
.mcp-guide p{font-size:15px;line-height:1.95;color:#33414f;margin:0 0 12px;}
.mcp-guide ul.g-steps{margin:0 0 14px;padding-left:22px;}
.mcp-guide ul.g-steps li{font-size:14.5px;line-height:2;color:#33414f;margin-bottom:6px;}
.mcp-guide code.ic{font-family:Consolas,Menlo,monospace;background:var(--blue-bg);color:var(--blue-d);padding:2px 7px;border-radius:5px;font-size:13.5px;}
.mcp-guide table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.mcp-guide table th{background:var(--blue);color:#fff;padding:11px 14px;text-align:left;font-weight:600;}
.mcp-guide table td{padding:10px 14px;border-top:1px solid var(--line);color:#33414f;vertical-align:top;}
.mcp-guide table tr:nth-child(even) td{background:#f7faff;}

/* 加微门槛卡片 */
.mcp-gate{max-width:1000px;margin:10px auto 0;background:linear-gradient(135deg,#1f4fd6,#2A6FF2);border-radius:18px;padding:34px 32px;color:#fff;text-align:center;box-shadow:var(--shadow);}
.mcp-gate .lock{font-size:40px;line-height:1;}
.mcp-gate h3{color:#fff;font-size:22px;margin:14px 0 8px;}
.mcp-gate p{color:#dbe6ff;font-size:14.5px;line-height:1.9;margin:0 auto 14px;max-width:660px;}
.mcp-gate p b{color:#fff;}
.mcp-gate ul{display:inline-block;text-align:left;margin:0 auto 22px;padding-left:20px;color:#dbe6ff;font-size:14px;line-height:2;}
.mcp-gate .wx{display:flex;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap;background:rgba(255,255,255,.12);border-radius:14px;padding:20px;max-width:580px;margin:0 auto;}
.mcp-gate .wx img{width:140px;height:140px;border-radius:10px;background:#fff;padding:6px;box-sizing:border-box;}
.mcp-gate .wx-info{text-align:left;}
.mcp-gate .wx-info .t{font-size:14px;color:#dbe6ff;margin:0 0 4px;}
.mcp-gate .wx-info .wid{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:1px;}
.mcp-gate .wx-info button{font:inherit;font-size:14px;color:#1f4fd6;background:#fff;border:none;border-radius:8px;padding:9px 18px;cursor:pointer;font-weight:600;margin-right:10px;}
.mcp-gate .wx-info a{display:inline-block;font-size:14px;color:#1f4fd6;background:#fff;border-radius:8px;padding:9px 18px;text-decoration:none;font-weight:600;}

/* 锁定预览（模糊） */
.mcp-locked{max-width:1000px;margin:26px auto 0;padding:0 20px;filter:blur(5px);user-select:none;pointer-events:none;opacity:.5;}
.mcp-locked .lk-tag{text-align:center;color:#9aa6b6;font-size:13px;margin-bottom:18px;}

@media (max-width:768px){
  .mcp-guide .g-hero{padding:20px;}
  .mcp-guide .g-hero h1{font-size:21px;}
  .mcp-gate{padding:26px 18px;}
  .mcp-gate .wx{flex-direction:column;}
}