/* ============================================================
   MuyuGPT · 全站重构设计系统（大留白 / 黑白灰 / 极简）
   参考 chatgpt.com/work 的克制排版；绿色仅作微小点缀。
   与 site.css（组件/导航/按钮/客服）配合，不覆盖其功能。
   ============================================================ */
:root{
  --rx-ink:#0d0d0d; --rx-text:#1a1a1a; --rx-sub:#6b6b6b;
  --rx-line:#e6e6e6; --rx-soft:#f6f6f6; --rx-accent:#00a86b; --rx-maxw:1120px;
}
body{ background:#fff; color:var(--rx-text); }

/* 统一容器与分区节奏 */
.rx-section{ max-width:var(--rx-maxw); margin:0 auto; padding:96px 24px; }
.rx-soft{ max-width:none; background:var(--rx-soft); }
.rx-soft > *{ max-width:var(--rx-maxw); margin-left:auto; margin-right:auto; }
.rx-center{ text-align:center; margin-top:36px; }
.rx-head{ text-align:center; max-width:720px; margin:0 auto 48px; }
.rx-head .eyebrow{ color:var(--rx-sub) !important; letter-spacing:3px; font-size:12px; }
.rx-head h2{ font-size:clamp(28px,4vw,42px); line-height:1.15; letter-spacing:-.5px; color:var(--rx-ink); margin:10px 0 0; }
.rx-head p{ margin-top:14px; color:var(--rx-sub); font-size:17px; }

/* 1) 英雄区：超大标题 + 简短说明 + 主次按钮 */
.rx-hero{ max-width:900px; margin:0 auto; padding:120px 24px 72px; text-align:center; }
.rx-pill{ display:inline-block; font-size:13px; font-weight:600; color:var(--rx-sub);
  background:#fff; border:1px solid var(--rx-line); border-radius:999px; padding:7px 16px; }
.rx-h1{ font-size:clamp(40px,7vw,76px); line-height:1.05; letter-spacing:-1.5px; color:var(--rx-ink);
  font-weight:800; margin:22px 0 0; }
.rx-lead{ max-width:600px; margin:22px auto 0; font-size:clamp(16px,2.2vw,20px); color:var(--rx-sub); line-height:1.6; }
.rx-cta{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:36px; }

/* 3) 产品分类入口 */
.rx-cat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.rx-cat{ display:flex; flex-direction:column; gap:6px; padding:26px 22px; background:#fff;
  border:1px solid var(--rx-line); border-radius:16px; transition:border-color .2s,transform .2s,box-shadow .2s; }
.rx-cat:hover{ border-color:var(--rx-ink); transform:translateY(-4px); box-shadow:0 16px 34px rgba(0,0,0,.08); }
.rx-cat-k{ font-size:22px; font-weight:800; color:var(--rx-ink); }
.rx-cat-d{ font-size:14px; color:var(--rx-sub); }
.rx-cat-go{ margin-top:14px; font-size:14px; font-weight:700; color:var(--rx-ink); }
.rx-cat:hover .rx-cat-go{ color:var(--rx-accent); }

/* 6) 多产品对比表 */
.rx-compare-wrap{ overflow-x:auto; border:1px solid var(--rx-line); border-radius:16px; }
.rx-compare{ width:100%; border-collapse:collapse; min-width:640px; background:#fff; }
.rx-compare th,.rx-compare td{ padding:16px 18px; text-align:left; border-bottom:1px solid var(--rx-line); font-size:15px; }
.rx-compare thead th{ background:var(--rx-soft); color:var(--rx-ink); font-weight:800; font-size:15px; }
.rx-compare tbody th{ color:var(--rx-text); font-weight:700; }
.rx-compare td{ color:var(--rx-sub); }
.rx-compare .yes{ color:var(--rx-accent); font-weight:800; }
.rx-compare tr:last-child td,.rx-compare tr:last-child th{ border-bottom:0; }

/* 8) 常见问题（原生 details，无需 JS） */
.rx-faq{ max-width:820px; margin:0 auto; }
.rx-faq details{ border:1px solid var(--rx-line); border-radius:14px; padding:0; margin-bottom:12px; background:#fff; overflow:hidden; }
.rx-faq summary{ list-style:none; cursor:pointer; padding:20px 22px; font-size:17px; font-weight:700; color:var(--rx-ink);
  display:flex; justify-content:space-between; align-items:center; gap:16px; }
.rx-faq summary::-webkit-details-marker{ display:none; }
.rx-faq summary::after{ content:"+"; color:var(--rx-sub); font-size:22px; font-weight:400; transition:transform .2s; }
.rx-faq details[open] summary::after{ transform:rotate(45deg); color:var(--rx-accent); }
.rx-faq .rx-a{ padding:0 22px 20px; color:var(--rx-sub); font-size:15px; line-height:1.75; }

/* 9) 黑色最终 CTA */
.rx-cta-black{ background:var(--rx-ink); color:#fff; text-align:center; padding:88px 24px; }
.rx-cta-black h2{ color:#fff; font-size:clamp(28px,4.5vw,46px); letter-spacing:-.5px; line-height:1.15; }
.rx-cta-black p{ color:rgba(255,255,255,.7); margin:16px auto 32px; max-width:520px; font-size:17px; }
.rx-btn-white{ background:#fff !important; color:#0d0d0d !important; border:1.5px solid #fff !important;
  font-weight:800 !important; padding:14px 30px !important; }
.rx-btn-white:hover{ background:#e9e9e9 !important; color:#0d0d0d !important; transform:translateY(-2px); }

/* 产品页节奏微调（大留白、居中） */
body.pd-page .detail-hero{ padding:72px 22px 20px !important; }
body.pd-page .detail-tiers{ padding:24px 22px 96px !important; }

/* ===== 紧凑分区：压缩原有板块高度，统一垂直节奏 ===== */
.compact-section{ padding-block:clamp(48px,6vw,80px) !important; }
.compact-section .rx-head{ margin-bottom:32px; }
.compact-section .feature{ padding:20px 18px; }
.compact-section .feature h3{ margin-top:8px; }
.compact-section .step{ padding:22px 20px; }
.compact-section .rx-compare th,.compact-section .rx-compare td{ padding:12px 16px; }
.compact-section .rx-faq details summary{ padding:15px 20px; font-size:16px; }
.compact-section .rx-faq .rx-a{ padding:0 20px 15px; }
.compact-section .rx-faq details{ margin-bottom:10px; }

/* ===== 视频品牌展示 ===== */
.rx-video{ padding:60px 24px; }
.rx-video-frame{ width:min(1120px,calc(100% - 48px)); margin-inline:auto; line-height:0;
  border:0; outline:0; border-radius:0; box-shadow:none; background:transparent; padding:0; overflow:visible; }
.rx-video-frame img{ display:block; width:100%; height:auto; }
.homepage-showcase-video{ display:block; width:100%; height:auto; max-width:100%;
  border:0; outline:0; border-radius:0; box-shadow:none; background:transparent; object-fit:contain; }
.rx-video-fallback{ color:#cfcfcf; font-size:14px; text-align:center; padding:40px 20px; line-height:1.7; }
@media(max-width:560px){ .rx-video-frame{ width:100%; } }

/* ===== A. 信任背书 ===== */
.rx-trust-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.rx-trust-card{ text-align:center; padding:28px 18px; border:1px solid var(--rx-line); border-radius:16px; background:#fff; }
.rx-trust-card b{ display:block; font-size:34px; font-weight:800; color:var(--rx-ink); letter-spacing:-1px; }
.rx-trust-card span{ font-size:14px; color:var(--rx-sub); }
@media(max-width:720px){ .rx-trust-grid{ grid-template-columns:repeat(2,1fr); } }

/* ===== B. 从需求到交付 ===== */
.rx-deliver-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.rx-deliver-card{ padding:30px 26px; border:1px solid var(--rx-line); border-radius:18px; background:#fff; }
.rx-deliver-card .n{ width:40px;height:40px;border-radius:11px;background:var(--rx-ink);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:16px; }
.rx-deliver-card h3{ font-size:20px; color:var(--rx-ink); margin-bottom:8px; }
.rx-deliver-card p{ color:var(--rx-sub); font-size:15px; line-height:1.7; }
@media(max-width:820px){ .rx-deliver-grid{ grid-template-columns:1fr; } }

/* ===== C. AI 产品能力（交错图文 + 原创界面示意） ===== */
.rx-cap-row{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; margin-bottom:56px; }
.rx-cap-row:last-child{ margin-bottom:0; }
.rx-cap-row.rev .rx-cap-text{ order:2; }
.rx-cap-text .k{ font-size:13px; font-weight:800; letter-spacing:2px; color:var(--rx-sub); }
.rx-cap-text h3{ font-size:clamp(23px,3vw,30px); color:var(--rx-ink); margin:8px 0 12px; letter-spacing:-.5px; }
.rx-cap-text p{ color:var(--rx-sub); font-size:16px; line-height:1.75; }
.rx-cap-visual{ border:1px solid var(--rx-line); border-radius:16px; background:var(--rx-soft); padding:20px; min-height:210px; }
.rx-ui-bar{ height:10px; border-radius:6px; background:#e2e2e2; margin-bottom:11px; }
.rx-ui-bar.s{ width:55%; } .rx-ui-bar.m{ width:82%; } .rx-ui-bar.a{ width:38%; background:var(--rx-accent); opacity:.55; }
.rx-ui-chip{ display:inline-block; padding:6px 12px; border:1px solid var(--rx-line); border-radius:999px; font-size:12px; color:var(--rx-sub); margin:6px 6px 0 0; background:#fff; }
@media(max-width:820px){ .rx-cap-row{ grid-template-columns:1fr; gap:22px; } .rx-cap-row.rev .rx-cap-text{ order:0; } }

/* ===== D. 使用路径 ===== */
.rx-path-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.rx-path-card{ padding:24px 20px; border:1px solid var(--rx-line); border-radius:16px; background:#fff; }
.rx-path-card .no{ font-size:13px; font-weight:800; color:var(--rx-sub); }
.rx-path-card h3{ font-size:18px; color:var(--rx-ink); margin:8px 0 6px; }
.rx-path-card p{ color:var(--rx-sub); font-size:14px; line-height:1.6; }
@media(max-width:900px){ .rx-path-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .rx-path-grid{ grid-template-columns:1fr; } }

/* ===== E. 场景分类（横向标签切换） ===== */
.rx-scene-tabs{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:28px; }
.rx-scene-tab{ padding:9px 18px; border:1px solid var(--rx-line); border-radius:999px; background:#fff; color:var(--rx-sub); font:inherit; font-size:14px; font-weight:700; cursor:pointer; transition:all .2s; }
.rx-scene-tab:hover{ border-color:var(--rx-ink); color:var(--rx-ink); }
.rx-scene-tab.on{ background:var(--rx-ink); color:#fff; border-color:var(--rx-ink); }
.rx-scene-panel{ display:none; max-width:760px; margin:0 auto; text-align:center; }
.rx-scene-panel.on{ display:block; }
.rx-scene-panel h3{ font-size:22px; color:var(--rx-ink); margin-bottom:8px; }
.rx-scene-panel p{ color:var(--rx-sub); font-size:16px; line-height:1.7; margin-bottom:14px; }
.rx-scene-rec{ display:inline-flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.rx-scene-rec a{ padding:8px 16px; border:1px solid var(--rx-line); border-radius:999px; font-weight:700; color:var(--rx-ink); font-size:14px; }
.rx-scene-rec a:hover{ border-color:var(--rx-accent); color:var(--rx-accent); }

/* ===== F. 典型任务 ===== */
.rx-task-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.rx-task{ padding:22px 20px; border:1px solid var(--rx-line); border-radius:14px; background:#fff; }
.rx-task .ic{ font-size:20px; }
.rx-task h3{ font-size:16px; color:var(--rx-ink); margin:10px 0 4px; }
.rx-task p{ color:var(--rx-sub); font-size:13.5px; line-height:1.6; }
@media(max-width:820px){ .rx-task-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .rx-task-grid{ grid-template-columns:1fr; } }

/* ===== G. 服务保障 ===== */
.rx-guard-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.rx-guard{ padding:20px 16px; border:1px solid var(--rx-line); border-radius:14px; background:#fff; }
.rx-guard .t{ font-size:13px; font-weight:800; color:var(--rx-ink); margin-bottom:6px; }
.rx-guard p{ font-size:13px; color:var(--rx-sub); line-height:1.55; }
@media(max-width:900px){ .rx-guard-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .rx-guard-grid{ grid-template-columns:1fr; } }

/* 响应式 */
@media (max-width:960px){ .rx-cat-grid{ grid-template-columns:repeat(2,1fr); } .rx-section{ padding:72px 22px; } }
@media (max-width:560px){
  .rx-cat-grid{ grid-template-columns:1fr; }
  .rx-hero{ padding:84px 22px 56px; }
  .rx-section{ padding:56px 20px; }
  .rx-cta{ flex-direction:column; }
  .rx-cta .btn{ width:100%; }
}