/* ==========================================================================
   quote — 页面独立样式
   来源：Vue 构建产物 PrivacyPolicyPage-OYt4wflT.css
   ========================================================================== */

.zhover{position:relative;transition:transform .28s,box-shadow .28s}
.zhover:hover{transform:scale(1.045);box-shadow:var(--shadow-lg);z-index:3}
.social{display:flex;gap:10px;align-items:center}
.social a{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:transform .2s}
.social svg{width:26px;height:26px;display:block}
.social a:hover{transform:translateY(-2px) scale(1.06)}
.f-brand .social{margin:18px 0 20px}
.phero-split{background:radial-gradient(1100px 560px at 88% -12%,rgba(27,95,217,.38),transparent 62%),linear-gradient(120deg,#081627 0%,var(--navy) 55%,var(--navy2) 100%);padding:80px 0}
.phero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.phero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.phero-fig{margin:0}
.phero-fig img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:var(--shadow-lg)}
.jitem{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:transform .28s,box-shadow .28s}
.jitem:hover{transform:scale(1.045);box-shadow:var(--shadow-lg)}
.jitem .jhead{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.jitem .jicon{flex:none;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#eef4ff,#fdeede);display:flex;align-items:center;justify-content:center}
.jitem .jicon svg{width:28px;height:28px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.jitem h3{font-size:16.5px;font-weight:800;line-height:1.35;color:var(--navy)}
.jitem p{font-size:13.5px;color:var(--muted)}
.zoombox{overflow:hidden;border-radius:16px;box-shadow:var(--shadow-lg);line-height:0}
.zoombox img{width:100%;display:block;border-radius:16px;transition:transform .5s ease}
.zoombox:hover img{transform:scale(1.06)}
.loop{position:relative}
.loop-vp{overflow:hidden}
.loop-track{display:flex;transition:transform .5s ease}
.loop-item{flex:0 0 33.3333%;max-width:33.3333%;padding:0 8px;box-sizing:border-box}
.loop.cols4 .loop-item{flex:0 0 25%;max-width:25%}
.loop-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.loop-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}
.loop-dots{display:flex;gap:8px}
.loop-dot{width:9px;height:9px;border-radius:999px;background:#c9d6ea;border:0;padding:0;cursor:pointer;transition:.25s}
.loop-dot.on{width:26px;background:var(--orange)}
.loop-arrow{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--navy);font-size:15px;line-height:1;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center}
.loop-arrow:hover{border-color:var(--orange);color:var(--orange)}
.faq-split{display:grid;grid-template-columns:40% 60%;gap:0;align-items:start}
.faq-left{text-align:left}
.faq-split .faq{max-width:none;margin:0}
@media(max-width:1024px){
.phero-grid,.faq-split{grid-template-columns:1fr}
.phero-fig{max-width:640px}
.loop-item,.loop.cols4 .loop-item{flex:0 0 50%;max-width:50%}
}
@media(max-width:560px){.loop-item,.loop.cols4 .loop-item{flex:0 0 100%;max-width:100%}}

/* paged carousel（单排分组轮播） */
.car{position:relative}
.car-vp{overflow:hidden}
.car-track{display:flex;transition:transform .55s ease}
.car-page{flex:0 0 100%;min-width:0;display:grid;gap:18px;padding:6px 2px 10px}
.car-page.c4{grid-template-columns:repeat(4,1fr)}
.car-page.c3{grid-template-columns:repeat(3,1fr)}
.car-page.c2{grid-template-columns:repeat(2,1fr)}
.car-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}
.car-dots{display:flex;gap:8px}
.car-dot{width:9px;height:9px;border-radius:999px;background:#c9d6ea;border:0;padding:0;cursor:pointer;transition:.25s}
.car-dot.on{width:26px;background:var(--orange)}
.car-arrow{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--navy);font-size:15px;line-height:1;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center}
.car-arrow:hover{border-color:var(--orange);color:var(--orange)}
/* 单图 + 图注 卡片 */
.pcap{margin:0}
.pcap img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block}
.pcap figcaption{margin-top:10px;font-size:13px;color:var(--muted);text-align:center;line-height:1.5}
.pcap:hover img{transform:scale(1.04)}
.pcap img{transition:transform .45s ease}
/* 左图右文 卡片（用于「左右结构」的能力/服务展示） */
.svc{display:grid;grid-template-columns:42% 58%;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:transform .28s,box-shadow .28s}
.svc:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.svc img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.svc h3{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:8px}
.svc p{font-size:13.5px;color:var(--muted);line-height:1.6}
@media(max-width:560px){.car-page.c4,.car-page.c3,.car-page.c2{grid-template-columns:1fr}}

/* H1 与副标题间距（修订文档第 3 条） */
.phero h1{margin-bottom:0}
.phero p{margin-top:24px}

/* 兜底：hero 没有配图时也保持深色底，避免白底白字 */
.phero{background-color:var(--navy)}
/* 数字分页（列表页） */
.pager{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:44px}
.page-link{min-width:42px;height:42px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:.2s;text-decoration:none}
.page-link:hover{border-color:var(--orange);color:var(--orange)}
.page-link.on{background:var(--orange);border-color:var(--orange);color:#fff}
.page-link.off{color:#b9c4d4;cursor:not-allowed}