/* ============================================================
   内页公共组件（与首页 home.css 同一设计语言：浅灰蓝 / 1240 容器 / 圆角 13-18 / 双层阴影）
   仅内页使用；首页不加载本文件
   ============================================================ */

/* ---- 面包屑 ---- */
.pcrumb{background:#fff;border-bottom:1px solid #eef3f8;}
.pcrumb .in{display:flex;align-items:center;gap:8px;height:46px;font-size:12.5px;color:#8ba2b7;letter-spacing:.02em;}
.pcrumb a{color:#8ba2b7;transition:color .3s;}
.pcrumb a:hover{color:var(--blue);}

/* ---- 页面头条（首页 hero 的收敛版） ---- */
.phero{position:relative;overflow:hidden;background:
        radial-gradient(900px 420px at 88% 12%,#eef7fd 0%,rgba(238,247,253,0) 62%),
        linear-gradient(180deg,#fbfdff 0%,#f4fafe 100%);
        border-bottom:1px solid #e9f2fa;}
.phero .ring{position:absolute;width:520px;height:520px;border:1px solid #e3eff9;border-radius:50%;right:-160px;top:-240px;opacity:.9;}
.phero .ring2{position:absolute;width:300px;height:300px;border:1px solid #eaf3fa;border-radius:50%;right:60px;top:-90px;}
.phero-in{position:relative;display:grid;grid-template-columns:1fr 372px;gap:56px;align-items:center;padding:52px 24px 50px;}
.phero .eb{margin-bottom:16px;}
.phero h1{font-size:42px;line-height:1.2;letter-spacing:-.02em;}
.phero h1 em{font-style:normal;color:var(--blue-d);}
.phero .lede{margin-top:16px;font-size:15.5px;line-height:1.85;color:#52708a;max-width:640px;letter-spacing:.01em;}
.phero .acts{margin-top:26px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.phero .blank{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#8ba2b7;margin-top:18px;}
.pstats{background:#fff;border:1px solid #e9f1f8;border-radius:16px;padding:22px 22px 20px;
        box-shadow:0 24px 52px rgba(23,54,79,.09);}
.pstats b{display:block;font-size:12.5px;color:#8ba2b7;letter-spacing:.12em;font-weight:500;margin-bottom:4px;}
.pstats .pg{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:16px;}
.pstats .ps{border-top:1px solid #eef4fa;padding-top:12px;}
.pstats .n{font-size:24px;color:var(--navy);font-weight:700;letter-spacing:-.01em;line-height:1.2;}
.pstats .n small{font-size:12px;color:#6f8ba3;font-weight:500;margin-left:3px;}
.pstats .t{font-size:12px;color:#8ba2b7;margin-top:5px;letter-spacing:.02em;}

/* ---- 二级/三级导航卡片墙 ---- */
.colgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.colgrid.g3{grid-template-columns:repeat(3,1fr);}
.mcell .go{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--blue);margin-top:12px;}
.mcell .desc{font-size:12px;line-height:1.7;color:#849cb1;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ---- 办理要点 ---- */
.keybox{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.keyitem{display:flex;gap:13px;background:#fff;border:1px solid #eaf1f9;border-radius:13px;padding:19px 20px;}
.keyitem .no{flex:none;width:26px;height:26px;border-radius:7px;background:#f2f8fd;color:var(--blue);font-size:12.5px;display:flex;align-items:center;justify-content:center;font-weight:600;}
.keyitem p{font-size:13px;line-height:1.8;color:#55708a;letter-spacing:.01em;}
.keyitem b{display:block;font-size:14px;color:var(--navy);margin-bottom:5px;}

/* ---- 业务流 ---- */
.pflow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pstep{position:relative;background:#fff;border:1px solid #e9f1f9;border-radius:13px;padding:20px 20px 18px;transition:transform .4s ease,box-shadow .4s;}
.pstep:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(23,54,79,.09);}
.pstep .sn{font-size:11.5px;color:#a7bccd;letter-spacing:.14em;}
.pstep h4{font-size:15.5px;margin-top:8px;}
.pstep p{font-size:12.5px;line-height:1.75;color:#7d95aa;margin-top:8px;}
.pstep .bar{position:absolute;left:20px;right:20px;bottom:0;height:2px;background:linear-gradient(90deg,#bfd9ec,#e8f2fa);opacity:0;transition:opacity .4s;}
.pstep:hover .bar{opacity:1;}

/* ---- 费用/口径表 ---- */
.ptable-wrap{overflow-x:auto;background:#fff;border:1px solid #e9f1f9;border-radius:13px;}
.ptable{width:100%;border-collapse:collapse;min-width:760px;}
.ptable th{font-size:12.5px;color:#5c7b95;text-align:left;padding:15px 18px;background:#f7fbfe;border-bottom:1px solid #eaf2fa;font-weight:600;letter-spacing:.03em;}
.ptable td{font-size:13px;color:#57738c;padding:15px 18px;border-bottom:1px solid #f0f5fa;line-height:1.7;}
.ptable td:first-child{color:var(--navy);font-weight:600;}
.ptable tr:last-child td{border-bottom:none;}
.ptable .note{color:#8ba2b7;font-size:12px;}

/* ---- 依据说明条 ---- */
.basis{display:flex;gap:12px;align-items:flex-start;margin-top:18px;background:#f7fbfe;border:1px solid #e8f1fa;border-radius:11px;padding:15px 18px;}
.basis svg{flex:none;width:16px;height:16px;margin-top:2px;color:#7fa6c4;}
.basis p{font-size:12px;line-height:1.8;color:#6f8ba3;letter-spacing:.01em;}

/* ---- 知识卡网格（内页） ---- */
.kbgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.kbgrid.two{grid-template-columns:repeat(2,1fr);}
.kbgrid .kcard .bd p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ---- 问答区（列表 + 右侧呼叫卡） ---- */
.qawrap{display:grid;grid-template-columns:1fr 330px;gap:34px;align-items:start;}
.qaside{position:sticky;top:18px;}

/* ---- 同栏目子页切换 ---- */
.sibchips{display:flex;flex-wrap:wrap;gap:10px;}

/* ---- 内页 CTA 复用首页 .cta-in，仅补强 ---- */
.pcta .cta-in{padding:34px 42px;}

/* ---- 办理要点：单数末项占满整行，避免右列空槽 ---- */
.keybox .keyitem:last-child:nth-child(odd){grid-column:1/-1;}
@media (max-width:900px){.keybox .keyitem:last-child:nth-child(odd){grid-column:auto;}}
@keyframes pringSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes pringSpinR{from{transform:rotate(360deg)}to{transform:rotate(0)}}
.phero .ring{animation:pringSpin 72s linear infinite;}
.phero .ring2{animation:pringSpinR 48s linear infinite;}

/* ---- 卡片微动效：图标呼吸 / 序号线走光（循环，不依赖滚动） ---- */
@keyframes pIconBreath{0%,100%{box-shadow:0 0 0 0 rgba(47,111,168,.10)}50%{box-shadow:0 0 0 8px rgba(47,111,168,0)}}
.pstep:hover .bar{animation:pBar 2.6s linear infinite;}
@keyframes pBar{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}100%{transform:scaleX(1);transform-origin:right;opacity:.4}}
.pstats .n{animation:none;}
.mcell:hover .ic,.keyitem:hover .no{animation:pIconBreath 2.4s ease-out infinite;}

@media (prefers-reduced-motion:reduce){
  .phero .ring,.phero .ring2{animation:none;}
  .pstep:hover .bar,.mcell:hover .ic,.keyitem:hover .no{animation:none;}
}

/* ---- 响应式 ---- */
@media (max-width:1240px){
  .phero-in{gap:40px;grid-template-columns:1fr 340px;}
  .colgrid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:1100px){
  .phero h1{font-size:36px;}
  .colgrid{grid-template-columns:repeat(2,1fr);}
  .pflow{grid-template-columns:repeat(2,1fr);}
  .kbgrid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
  .phero-in{grid-template-columns:1fr;padding:38px 24px 34px;}
  .pstats{width:100%;}
  .qawrap{grid-template-columns:1fr;}
  .qaside{position:static;}
  .keybox{grid-template-columns:1fr;}
  .pflow{grid-template-columns:1fr;}
  .kbgrid,.kbgrid.two{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .phero h1{font-size:26px;}
  .phero .lede{font-size:14px;}
  .pcrumb .in{height:40px;font-size:11.5px;}
  .colgrid,.colgrid.g3{grid-template-columns:1fr;}
  .ptable th,.ptable td{padding:12px 13px;}
  .pcta .cta-in{padding:24px 20px;}
}