/*
Theme Name: 具智保 机器人保险（区块主题）
Theme URI: https://juzhibao.example.com
Author: 具智保 · 上海标保数据科技有限公司
Description: 面向机器人与具身智能体产业的保险服务商官网 · WordPress 区块主题（FSE / 完整站点编辑）。深蓝科技风，含产品方案、适用场景、理赔案例、资讯中心、保费预估等模块；全局样式、页头页脚、页面区块均可在后台「站点编辑器/区块编辑器」中可视化维护。
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: juzhibao
*/

/* ===== 基础 ===== */
* { box-sizing: border-box; }
html, body { margin: 0 !important; padding: 0 !important; }
/* 除掉区块主题顶/底默认间距，消除深色 Hero 上下的白边 */
.wp-site-blocks { margin: 0 !important; padding: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.gzb-site { margin-top: 0 !important; margin-bottom: 0 !important; }
.gzb-site > .wp-block-post-content { margin: 0 !important; }
.gzb-site > .wp-block-post-content > *:first-child { margin-top: 0 !important; }
.gzb-site > .wp-block-post-content > *:last-child { margin-bottom: 0 !important; }
.gzb-site > div:first-child { margin-top: 0 !important; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Noto Sans SC', 'Space Grotesk', -apple-system, sans-serif; -webkit-font-smoothing: antialiased; background:#fff; color:#0C1A2E; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; }
.gzb-site { width: 100%; max-width: 1440px; margin: 0 auto; background:#fff; position: relative; }
.gzb-site > .wp-block-post-content > * { margin: 0; }
.gzb-ph { display:flex; align-items:center; justify-content:center; background:#EAF0F8; color:#9AA8BD; font-size:13px; border-radius:12px; text-align:center; }

/* ===== 动效 ===== */
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes pulseGlow { 0%,100% { opacity:.55; } 50% { opacity:.9; } }

/* ===== logo 灰度悬停 ===== */
.lp-logo { filter:grayscale(1); opacity:.72; transition:filter .25s,opacity .25s; }
.lp-logo:hover { filter:grayscale(0); opacity:1; }

/* ===== 浮动咨询条 ===== */
.fab-item .fab-pop { opacity:0; visibility:hidden; transform:translateX(12px); transition:all .25s ease; pointer-events:none; }
.fab-item:hover .fab-pop { opacity:1; visibility:visible; transform:translateX(0); pointer-events:auto; }
.fab-item:hover .fab-btn { background:#2E6BFF !important; color:#fff !important; }
.fab-item:hover .fab-btn .fab-ico { color:#fff !important; }

/* ===== 资讯卡片 ===== */
.art-card { transition:all .25s ease; }
.art-card:hover { box-shadow:0 14px 34px rgba(10,27,51,.1); transform:translateY(-3px); }

/* ===== 表单 ===== */
.fld { width:100%; border:1px solid #D9E1EE; border-radius:10px; padding:13px 15px; font-size:15px; font-family:inherit; color:#0C1A2E; outline:none; background:#fff; }
.fld:focus { border-color:#2E6BFF; box-shadow:0 0 0 3px rgba(46,107,255,.12); }

/* ===== 费率表 ===== */
.ratetable { width:100%; border-collapse:collapse; }
.ratetable td, .ratetable th { padding:14px 16px; border-bottom:1px solid #E4EAF2; font-size:14px; text-align:left; }
.ratetable th { background:#0E2A4F; color:#fff; font-weight:600; }
.ratetable tr:last-child td { border-bottom:none; }

/* ===== FAQ 手风琴 ===== */
.faq-item .faq-a { display:none; }
.faq-item.open .faq-a { display:block; }
.faq-item.open { background:#F7FAFF; }
.faq-item.open .faq-plus { transform:rotate(45deg); }

/* ===== 主菜单 ===== */
.gzb-nav ul { list-style:none; display:flex; gap:28px; margin:0; padding:0; }
.gzb-nav a { font-size:15px; color:#C7D4E8; }
.gzb-nav .current-menu-item > a, .gzb-nav a:hover { color:#fff; }

/* ===== 响应式 ===== */
@media (max-width: 980px) {
  .gzb-nav { display:none; }
  .gzb-grid-3, .gzb-grid-4, .gzb-grid-5 { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 640px) {
  .gzb-grid-2, .gzb-grid-3, .gzb-grid-4, .gzb-grid-5 { grid-template-columns: 1fr !important; }
}
