/* ============================================================
   pc-pages-fuwu.css —— 鹰盾情感 · 服务总览（服务项目 scode=1）PC 内页 3D 主题
   源稿：emotion-rescue/pc-services.html（服务魔方 / 翻转卡 / 对比表 / 叠层 / 边界）
   主题色：紫 #5b21b6 + 深紫 #2a1740
   ============================================================ */

/* ===== 页面主题变量（覆盖 .pg 默认） ===== */
.pg-fuwu {
  --ink: #2a1740;
  --ink-2: #3d2459;
  --ink-deep: #140a20;
  --accent: #5b21b6;
  --accent-2: #7c3aed;
  --accent-deep: #3b1580;
  --gold: #f3c64f;
  --gold-2: #c98a12;
  --bg: #f8f5fb;
  --bg-2: #efe8f7;
  --body: #4a3d5e;
  --muted: #6b5c82;
  --muted-2: #9a8ab0;
  --edge: #e2d8ef;
  --chip: #ede4fb;
}

/* ===== 模块一：服务魔方（首屏） ===== */
.pg-fuwu-hero {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, var(--ink-deep), var(--ink) 60%, #1d1033);
  color: #fff;
}
.pg-fuwu-hero::before, .pg-fuwu-hero::after {
  content: ''; position: absolute; border-radius: 50%; filter: blur(90px);
}
.pg-fuwu-hero::before { left: -140px; top: -140px; width: 560px; height: 560px; background: var(--accent-2); opacity: .35; }
.pg-fuwu-hero::after { right: -60px; top: 160px; width: 420px; height: 420px; background: #fda4af; opacity: .22; }
.pg-fuwu-hero__inner { position: relative; max-width: 1320px; margin: 0 auto; padding: 40px 40px 80px; }
.pg-fuwu-hero__crumb { font-size: 13px; color: #c4b5fd; }
.pg-fuwu-hero__crumb a { color: #c4b5fd; text-decoration: none; }
.pg-fuwu-hero__crumb a:hover { color: #fff; }
.pg-fuwu-hero__crumb b { color: #fff; font-weight: 700; }
.pg-fuwu-hero__grid { margin-top: 32px; display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; }
.pg-fuwu-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--accent);
  background: #fff; border-radius: 999px; padding: 6px 16px; box-shadow: 0 3px 0 var(--edge);
}
.pg-fuwu-hero__h1 { margin: 24px 0 0; font-family: Georgia, 'Songti SC', serif; font-size: 56px; line-height: 1.15; font-weight: 900; }
.pg-fuwu-hero__h1 span {
  background: linear-gradient(to right, #c4b5fd, #fda4af);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.pg-fuwu-hero__p { margin: 24px 0 0; font-size: 17px; line-height: 1.9; color: rgba(228, 212, 255, .8); max-width: 540px; }
.pg-fuwu-hero__actions { margin-top: 36px; display: flex; gap: 16px; flex-wrap: wrap; }
.pg-fuwu-hero__ghost {
  display: inline-flex; align-items: center; gap: 8px; border-radius: 22px; background: #fff; color: var(--ink);
  font-size: 17px; font-weight: 900; padding: 16px 36px; text-decoration: none;
  box-shadow: 0 7px 0 #8f7fb8, 0 22px 30px -10px rgba(0, 0, 0, .4); transition: transform .15s;
}
.pg-fuwu-hero__ghost:hover { transform: translateY(-1px); color: var(--ink); }
.pg-fuwu-hero__stage { position: relative; height: 520px; perspective: 1800px; }
.pg-fuwu-hero__shadow {
  position: absolute; left: 48px; right: 24px; bottom: 0; height: 56px; border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35), transparent 70%); filter: blur(6px);
}
.pg-fuwu-hero__card {
  position: absolute; inset: 24px 40px 56px; border-radius: 44px; background: #fff; padding: 16px;
  box-shadow: 0 12px 0 var(--edge), 0 60px 80px -30px rgba(42, 23, 64, .55);
  transform: rotateY(12deg) rotateX(6deg); transition: transform .7s;
}
.pg-fuwu-hero__card:hover { transform: rotateY(2deg); }
.pg-fuwu-hero__ph {
  width: 100%; height: 100%; border-radius: 32px; border: 2px dashed #c4b5fd;
  background: repeating-linear-gradient(135deg, #ede9fe 0 16px, #f7f4ff 16px 32px);
  overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.pg-fuwu-hero__ph img { width: 100%; height: 100%; object-fit: cover; }
.pg-fuwu-hero__icons {
  position: absolute; left: -8px; top: 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 12px;
  border-radius: 26px; background: var(--ink); box-shadow: 0 10px 0 var(--ink-deep), 0 30px 40px -12px rgba(42, 23, 64, .6);
  transform: rotate(-6deg);
}
.pg-fuwu-hero__icons span {
  width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center;
  font-size: 24px; box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
}
.pg-fuwu-hero__icons span:nth-child(1) { background: linear-gradient(to bottom, #fb7185, #e11d48); }
.pg-fuwu-hero__icons span:nth-child(2) { background: linear-gradient(to bottom, #1d4ed8, #0b1b3f); }
.pg-fuwu-hero__icons span:nth-child(3) { background: linear-gradient(to bottom, #2dd4bf, #0d9488); }
.pg-fuwu-hero__icons span:nth-child(4) { background: linear-gradient(to bottom, #fbbf24, #f97316); }
.pg-fuwu-hero__icons span:nth-child(5) { background: linear-gradient(to bottom, #a78bfa, #7c3aed); }
.pg-fuwu-hero__icons span:nth-child(6) { background: linear-gradient(to bottom, #059669, #07201a); }
.pg-fuwu-hero__badge {
  position: absolute; right: 0; bottom: 80px; border-radius: 24px; background: linear-gradient(to bottom, var(--accent-2), var(--accent));
  color: #fff; padding: 16px 24px; transform: rotate(3deg);
  box-shadow: 0 7px 0 var(--accent-deep), 0 24px 30px -10px rgba(59, 21, 128, .6);
}
.pg-fuwu-hero__badge p { margin: 0; }
.pg-fuwu-hero__badge p:first-child { font-size: 13px; color: rgba(255, 255, 255, .8); }
.pg-fuwu-hero__badge p:last-child { font-size: 24px; font-weight: 900; }

/* ===== 模块二：六大服务翻转卡 ===== */
.pg-fuwu-flip__lead { margin: 12px 0 0; font-size: 15px; color: var(--muted); }
.pg-fuwu-flip__grid { margin-top: 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; perspective: 1600px; }
.pg-fuwu-flip__card { height: 440px; perspective: 1600px; }
.pg-fuwu-flip__inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .7s; }
.pg-fuwu-flip__card:hover .pg-fuwu-flip__inner { transform: rotateY(180deg); }
.pg-fuwu-flip__face {
  position: absolute; inset: 0; border-radius: 34px;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
.pg-fuwu-flip__front { padding: 20px; color: #fff; display: flex; flex-direction: column; }
.pg-fuwu-flip__back { transform: rotateY(180deg); padding: 32px; color: #fff; display: flex; flex-direction: column; }
.pg-fuwu-flip__ph {
  height: 224px; border-radius: 24px; border: 2px dashed rgba(255, 255, 255, .5); overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.pg-fuwu-flip__ph img { width: 100%; height: 100%; object-fit: cover; }
.pg-fuwu-flip__title-row { margin-top: 20px; display: flex; align-items: center; gap: 12px; }
.pg-fuwu-flip__ico { font-size: 30px; line-height: 1; }
.pg-fuwu-flip__name { margin: 0; font-size: 24px; font-weight: 900; }
.pg-fuwu-flip__desc { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, .85); }
.pg-fuwu-flip__back-title { margin: 0; font-size: 24px; font-weight: 900; }
.pg-fuwu-flip__ul { margin: 20px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.pg-fuwu-flip__li { position: relative; padding-left: 28px; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .85); }
.pg-fuwu-flip__li::before { content: '✓'; position: absolute; left: 0; top: 0; font-weight: 900; }
.pg-fuwu-flip__link {
  margin-top: auto; display: block; text-align: center; border-radius: 18px; padding: 14px 0;
  font-size: 15px; font-weight: 900; text-decoration: none; box-shadow: 0 5px 0 rgba(0, 0, 0, .35);
}
.pg-fuwu-flip__card--1 .pg-fuwu-flip__front { background: linear-gradient(to bottom, #fb7185, #e11d48); box-shadow: 0 10px 0 #881337, 0 34px 40px -16px rgba(136, 19, 55, .55); }
.pg-fuwu-flip__card--1 .pg-fuwu-flip__back { background: #4c0519; box-shadow: 0 10px 0 #2a0310; }
.pg-fuwu-flip__card--1 .pg-fuwu-flip__back-title { color: #fda4af; }
.pg-fuwu-flip__card--1 .pg-fuwu-flip__li::before { color: #fda4af; }
.pg-fuwu-flip__card--1 .pg-fuwu-flip__link { background: linear-gradient(to bottom, #fb7185, #e11d48); color: #fff; box-shadow: 0 5px 0 #881337; }
.pg-fuwu-flip__card--2 .pg-fuwu-flip__front { background: linear-gradient(to bottom, #1d4ed8, #0b1b3f); box-shadow: 0 10px 0 #030817, 0 34px 40px -16px rgba(11, 27, 63, .55); }
.pg-fuwu-flip__card--2 .pg-fuwu-flip__ph { border-color: rgba(253, 230, 138, .5); }
.pg-fuwu-flip__card--2 .pg-fuwu-flip__ico { color: #fde68a; }
.pg-fuwu-flip__card--2 .pg-fuwu-flip__back { background: #030817; box-shadow: 0 10px 0 #000; }
.pg-fuwu-flip__card--2 .pg-fuwu-flip__back-title { color: #fde68a; }
.pg-fuwu-flip__card--2 .pg-fuwu-flip__li::before { color: #fde68a; }
.pg-fuwu-flip__card--2 .pg-fuwu-flip__link { background: linear-gradient(to bottom, #fcd34d, #f59e0b); color: #0b1b3f; box-shadow: 0 5px 0 #92400e; }
.pg-fuwu-flip__card--3 .pg-fuwu-flip__front { background: linear-gradient(to bottom, #2dd4bf, #0d9488); box-shadow: 0 10px 0 #134e4a, 0 34px 40px -16px rgba(19, 78, 74, .55); }
.pg-fuwu-flip__card--3 .pg-fuwu-flip__back { background: #042f2e; box-shadow: 0 10px 0 #021a19; }
.pg-fuwu-flip__card--3 .pg-fuwu-flip__back-title { color: #99f6e4; }
.pg-fuwu-flip__card--3 .pg-fuwu-flip__li::before { color: #99f6e4; }
.pg-fuwu-flip__card--3 .pg-fuwu-flip__link { background: linear-gradient(to bottom, #2dd4bf, #0d9488); color: #fff; box-shadow: 0 5px 0 #134e4a; }
.pg-fuwu-flip__card--4 .pg-fuwu-flip__front { background: linear-gradient(to bottom, #fbbf24, #f97316); box-shadow: 0 10px 0 #7c2d12, 0 34px 40px -16px rgba(154, 52, 18, .55); }
.pg-fuwu-flip__card--4 .pg-fuwu-flip__back { background: #431407; box-shadow: 0 10px 0 #260b03; }
.pg-fuwu-flip__card--4 .pg-fuwu-flip__back-title { color: #fde68a; }
.pg-fuwu-flip__card--4 .pg-fuwu-flip__li::before { color: #fde68a; }
.pg-fuwu-flip__card--4 .pg-fuwu-flip__link { background: linear-gradient(to bottom, #fbbf24, #f97316); color: #fff; box-shadow: 0 5px 0 #7c2d12; }
.pg-fuwu-flip__card--5 .pg-fuwu-flip__front { background: linear-gradient(to bottom, #a78bfa, #7c3aed); box-shadow: 0 10px 0 #4c1d95, 0 34px 40px -16px rgba(76, 29, 149, .55); }
.pg-fuwu-flip__card--5 .pg-fuwu-flip__back { background: #2e1065; box-shadow: 0 10px 0 #1a0940; }
.pg-fuwu-flip__card--5 .pg-fuwu-flip__back-title { color: #ddd6fe; }
.pg-fuwu-flip__card--5 .pg-fuwu-flip__li::before { color: #ddd6fe; }
.pg-fuwu-flip__card--5 .pg-fuwu-flip__link { background: linear-gradient(to bottom, #a78bfa, #7c3aed); color: #fff; box-shadow: 0 5px 0 #4c1d95; }
.pg-fuwu-flip__card--6 .pg-fuwu-flip__front { background: linear-gradient(to bottom, #059669, #07201a); box-shadow: 0 10px 0 #010a07, 0 34px 40px -16px rgba(2, 44, 34, .55); }
.pg-fuwu-flip__card--6 .pg-fuwu-flip__ph { border-color: rgba(217, 249, 157, .5); }
.pg-fuwu-flip__card--6 .pg-fuwu-flip__ico { color: #d9f99d; }
.pg-fuwu-flip__card--6 .pg-fuwu-flip__back { background: #010a07; box-shadow: 0 10px 0 #000; }
.pg-fuwu-flip__card--6 .pg-fuwu-flip__back-title { color: #d9f99d; }
.pg-fuwu-flip__card--6 .pg-fuwu-flip__li::before { color: #d9f99d; }
.pg-fuwu-flip__card--6 .pg-fuwu-flip__link { background: linear-gradient(to bottom, #bef264, #84cc16); color: #07201a; box-shadow: 0 5px 0 #3f6212; }

/* ===== 模块三：服务对比表 ===== */
.pg-fuwu-cmp__table { margin-top: 32px; border-radius: 28px; overflow: hidden; box-shadow: 0 6px 0 var(--edge); border: 1px solid #ece4f6; }
.pg-fuwu-cmp__scroll { overflow-x: auto; }
.pg-fuwu-cmp__head, .pg-fuwu-cmp__row {
  display: grid; grid-template-columns: 1.1fr 1.6fr 1.2fr 1fr 1fr; min-width: 760px;
}
.pg-fuwu-cmp__head { background: var(--ink); color: #e4d4ff; font-size: 14px; font-weight: 900; padding: 16px 24px; }
.pg-fuwu-cmp__row {
  padding: 16px 24px; font-size: 14px; color: #5e4a78; text-decoration: none;
  transition: background .2s; align-items: center; background: #fff;
}
.pg-fuwu-cmp__row:hover { background: #f3ecfb; }
.pg-fuwu-cmp__row + .pg-fuwu-cmp__row { border-top: 1px solid #ece4f6; }
.pg-fuwu-cmp__svc { display: flex; align-items: center; gap: 8px; font-weight: 900; }
.pg-fuwu-cmp__svc--rose { color: #e11d48; }
.pg-fuwu-cmp__svc--blue { color: #1d4ed8; }
.pg-fuwu-cmp__svc--teal { color: #0d9488; }
.pg-fuwu-cmp__svc--amber { color: #ea580c; }
.pg-fuwu-cmp__svc--violet { color: #6d28d9; }
.pg-fuwu-cmp__svc--emerald { color: #047857; }
.pg-fuwu-cmp__note { margin-top: 16px; font-size: 12px; color: var(--muted-2); }

/* ===== 模块四：图文叠层（服务如何进行） ===== */
.pg-fuwu-layers__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.pg-fuwu-layers__steps { display: flex; flex-direction: column; gap: 20px; }
.pg-fuwu-layers__step { display: flex; gap: 20px; align-items: center; }
.pg-fuwu-layers__num {
  width: 64px; height: 64px; flex: none; border-radius: 20px; display: flex; align-items: center; justify-content: center;
  font-size: 26px; font-weight: 900; color: #fff;
}
.pg-fuwu-layers__step:nth-child(1) .pg-fuwu-layers__num { background: linear-gradient(to bottom, #a78bfa, #7c3aed); box-shadow: 0 6px 0 #4c1d95; }
.pg-fuwu-layers__step:nth-child(2) .pg-fuwu-layers__num { background: linear-gradient(to bottom, #8b5cf6, #6d28d9); box-shadow: 0 6px 0 #3b0f7a; }
.pg-fuwu-layers__step:nth-child(3) .pg-fuwu-layers__num { background: linear-gradient(to bottom, #7c3aed, #5b21b6); box-shadow: 0 6px 0 #2e0c5c; }
.pg-fuwu-layers__step:nth-child(4) .pg-fuwu-layers__num { background: linear-gradient(to bottom, #6d28d9, #2a1740); box-shadow: 0 6px 0 #140a22; }
.pg-fuwu-layers__step h3 { margin: 0; font-size: 18px; font-weight: 900; color: var(--ink); }
.pg-fuwu-layers__step p { margin: 4px 0 0; font-size: 14px; color: var(--muted); line-height: 1.6; }
.pg-fuwu-layers__stage { position: relative; height: 540px; perspective: 1600px; }
.pg-fuwu-layers__top {
  position: absolute; right: 0; top: 0; width: 80%; height: 380px; border-radius: 40px; background: #fff; padding: 12px;
  box-shadow: 0 10px 0 var(--edge), 0 40px 60px -24px rgba(42, 23, 64, .5);
  transform: rotateY(-14deg) rotateX(4deg); transition: transform .7s;
}
.pg-fuwu-layers__top:hover { transform: rotateY(0deg); }
.pg-fuwu-layers__top-ph {
  width: 100%; height: 100%; border-radius: 30px; border: 2px dashed #c4b5fd;
  background: repeating-linear-gradient(135deg, #ede9fe 0 16px, #f7f4ff 16px 32px);
  overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.pg-fuwu-layers__top-ph img { width: 100%; height: 100%; object-fit: cover; }
.pg-fuwu-layers__bottom {
  position: absolute; left: 0; bottom: 0; width: 55%; height: 270px; border-radius: 36px; background: var(--ink); padding: 12px;
  transform: rotate(-5deg); box-shadow: 0 10px 0 var(--ink-deep), 0 40px 60px -20px rgba(42, 23, 64, .6); z-index: 2;
}
.pg-fuwu-layers__bottom-ph {
  width: 100%; height: 100%; border-radius: 28px; border: 2px dashed rgba(196, 181, 253, .6); overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.pg-fuwu-layers__bottom-ph img { width: 100%; height: 100%; object-fit: cover; }

/* ===== 模块五：合规边界 + CTA ===== */
.pg-fuwu-boundary {
  position: relative; overflow: hidden; border-radius: 48px;
  background: linear-gradient(to bottom right, var(--ink), var(--accent)); color: #fff;
  box-shadow: 0 12px 0 var(--ink-deep), 0 50px 70px -30px rgba(42, 23, 64, .8);
}
.pg-fuwu-boundary::before {
  content: ''; position: absolute; right: -80px; bottom: -80px; width: 320px; height: 320px; border-radius: 50%;
  background: #f472b6; opacity: .25; filter: blur(80px);
}
.pg-fuwu-boundary__grid { position: relative; display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: center; padding: 56px; }
.pg-fuwu-boundary .pg-eyebrow { color: #c4b5fd; }
.pg-fuwu-boundary .pg-h2 { color: #fff; }
.pg-fuwu-boundary__items { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pg-fuwu-boundary__item {
  display: flex; gap: 12px; align-items: flex-start; border-radius: 18px; background: rgba(255, 255, 255, .1);
  padding: 12px 16px; font-size: 14px; line-height: 1.5; margin: 0;
}
.pg-fuwu-boundary__item b {
  flex: none; width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, .18); color: #fda4af;
  display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 900;
}
.pg-fuwu-boundary__cta {
  border-radius: 36px; background: #fff; color: var(--ink); padding: 32px;
  box-shadow: 0 10px 0 #d8c8ee, 0 30px 50px -20px rgba(0, 0, 0, .5); transform: rotate(2deg);
}
.pg-fuwu-boundary__cta h3 { margin: 0; font-size: 22px; font-weight: 900; }
.pg-fuwu-boundary__cta p { margin: 8px 0 0; font-size: 14px; color: var(--muted); line-height: 1.6; }
.pg-fuwu-boundary__cta .pg-btn { margin-top: 24px; width: 100%; justify-content: center; }
.pg-fuwu-boundary__tel { margin-top: 12px; font-size: 12px; color: var(--muted); text-align: center; }
.pg-fuwu-boundary__tel a { color: var(--accent); font-weight: 700; text-decoration: none; }

/* ===== 模块六：服务动态（六服务数据列表） ===== */
.pg-fuwu-news__tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.pg-fuwu-news__tab {
  border: none; cursor: pointer; border-radius: 16px 16px 0 0; padding: 12px 24px 16px;
  font-size: 15px; font-weight: 900; background: #fff; color: var(--muted); box-shadow: 0 4px 0 var(--edge); transition: all .2s;
}
.pg-fuwu-news__tab.is-on { background: var(--accent); color: #fff; box-shadow: 0 4px 0 var(--accent-deep); }
.pg-fuwu-news__panels { margin-top: 24px; }
.pg-fuwu-news__panel { display: none; }
.pg-fuwu-news__panel.is-on { display: block; }
.pg-fuwu-news__item {
  display: grid; grid-template-columns: 200px 1fr; gap: 24px; align-items: center;
  border-radius: 24px; background: #fff; padding: 20px; box-shadow: 0 7px 0 var(--edge);
}
.pg-fuwu-news__item + .pg-fuwu-news__item { margin-top: 16px; }
.pg-fuwu-news__img { border-radius: 16px; overflow: hidden; height: 120px; display: block; background: var(--bg-2); }
.pg-fuwu-news__img img { width: 100%; height: 100%; object-fit: cover; }
.pg-fuwu-news__name { margin: 0; font-size: 18px; font-weight: 900; }
.pg-fuwu-news__name a { color: var(--ink); text-decoration: none; }
.pg-fuwu-news__name a:hover { color: var(--accent); }
.pg-fuwu-news__meta { margin-top: 6px; display: flex; gap: 16px; font-size: 13px; color: var(--muted); font-style: normal; }
.pg-fuwu-news__meta span { color: var(--accent); font-weight: 700; }
.pg-fuwu-news__meta em { font-style: normal; }
.pg-fuwu-news__desc { margin: 8px 0 0; font-size: 14px; color: var(--muted); line-height: 1.7; }