/* ============================================================
   智聘云 · 内页 V2 主题（assets/v2.css）
   与首页 index.html 同一视觉语言：
   深色沉浸式页头（发光数字人 + 玻璃胶囊）→ 白色悬浮内容卡板
   彩色图标砖 + 勾选清单 + 深色 CTA 圆角块
   导航 / 页脚 / 弹窗：chrome.css + site.js 共享层统一注入
   用法：<link rel="stylesheet" href="assets/chrome.css" />
         <link rel="stylesheet" href="assets/v2.css" />（注意顺序）
   ============================================================ */

/* ---------- V2 深色页头令牌 ---------- */
:root{
  --v2-dt:#F4F3FA;--v2-dts:#A6A4BE;--v2-dts2:#6E6C86;
  --v2-acc:#8B5CF6;--v2-acc-2:#7C3AED;--v2-acc-lt:#A78BFA;
}
body{background:#fff}
/* 版心（v2 页面不加载 site.css，自带一份） */
.wrap{max-width:1180px;margin:0 auto;padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px)}
[id]{scroll-margin-top:88px}

/* ---------- Scroll Reveal（site.js 统一驱动 .rv） ---------- */
html.anim .rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.anim .rv.in{opacity:1;transform:none}
html.anim .rv-d1{transition-delay:.07s}html.anim .rv-d2{transition-delay:.14s}
html.anim .rv-d3{transition-delay:.21s}html.anim .rv-d4{transition-delay:.28s}

/* ==================== V2 页头（浅色清爽 · 仅首页为深色首屏） ==================== */
.v2h{position:relative;color:var(--ink);overflow:hidden;
  background:linear-gradient(180deg,#F5F4FB 0%,#FBFAFE 58%,#FFFFFF 100%);
  padding:clamp(132px,16vh,172px) 0 clamp(96px,11vw,140px)}
.v2h::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(44% 42% at 80% 12%,rgba(124,58,237,.13),transparent 70%),
    radial-gradient(36% 34% at 8% 60%,rgba(37,99,235,.06),transparent 70%),
    radial-gradient(56% 30% at 50% 118%,rgba(139,92,246,.11),transparent 72%)}
.v2h::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(16,16,32,.10) 1px,transparent 1.4px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(70% 60% at 72% 18%,#000,transparent 75%);
  mask-image:radial-gradient(70% 60% at 72% 18%,#000,transparent 75%)}
.v2h-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.18fr .82fr;
  gap:clamp(32px,5vw,64px);align-items:center}
.v2h-crumbs{display:flex;align-items:center;gap:9px;font-size:var(--fs-cap);font-weight:600;
  color:var(--ink-3);margin-bottom:20px;font-family:var(--mono);letter-spacing:.04em}
.v2h-crumbs a{color:var(--ink-2);transition:color .25s}
.v2h-crumbs a:hover{color:var(--blue-2)}
.v2h-badge{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-cap);font-weight:600;
  color:#55565C;border:1px solid #E7E4F4;background:rgba(255,255,255,.75);
  backdrop-filter:blur(8px);padding:7px 15px;border-radius:999px;
  font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase}
.v2h-badge .pd{width:7px;height:7px;border-radius:50%;background:var(--v2-acc-2);
  box-shadow:0 0 0 0 rgba(124,58,237,.5);animation:v2pulse 2.2s infinite}
@keyframes v2pulse{70%{box-shadow:0 0 0 9px rgba(124,58,237,0)}100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}}
.v2h h1{font-size:var(--fs-hero);font-weight:850;letter-spacing:-.035em;line-height:1.14;
  margin:20px 0 18px}
.v2h h1 .em{background:linear-gradient(115deg,#7C3AED 0%,#8B5CF6 60%,#C026D3 130%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.v2h-lede{font-size:var(--fs-lede);color:var(--ink-2);line-height:1.85;max-width:52ch}
.v2h-lede strong{color:var(--ink);font-weight:700}
.v2h-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.v2h-pill{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:600;
  color:#55565C;border:1px solid #E7E4F4;background:rgba(255,255,255,.75);
  padding:8px 16px;border-radius:999px;backdrop-filter:blur(6px)}
.v2h-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--v2-acc-2);flex-shrink:0;
  box-shadow:0 0 8px rgba(124,58,237,.5)}

/* 发光数字人（页头右侧） */
.v2h-art{position:relative;display:grid;place-items:center;min-height:280px}
.v2h-halo{position:absolute;width:min(86%,360px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(139,92,246,.20),rgba(124,58,237,.06) 55%,transparent 72%);
  filter:blur(6px)}
.v2h-ring{position:absolute;width:min(78%,330px);aspect-ratio:1;border-radius:50%;
  background:conic-gradient(from 130deg,transparent 8%,rgba(167,139,250,.85) 22%,rgba(124,58,237,.25) 38%,transparent 52%,transparent 60%,rgba(196,181,253,.6) 76%,transparent 92%);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));
  mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));
  animation:v2spin 14s linear infinite}
@keyframes v2spin{to{transform:rotate(360deg)}}
.v2h-art img{position:relative;z-index:1;width:min(62%,260px);
  filter:drop-shadow(0 16px 34px rgba(88,28,220,.22));animation:v2floaty 5.6s ease-in-out infinite}
@keyframes v2floaty{50%{transform:translateY(-12px)}}

/* ==================== 悬浮内容卡板（搭在页头下沿） ==================== */
.v2sheet{position:relative;z-index:2;margin-top:clamp(-64px,-5.5vw,-44px);
  background:#fff;border:1px solid #E9EAF0;border-radius:26px;
  box-shadow:0 34px 70px -34px rgba(16,16,32,.30);padding:clamp(26px,3.4vw,46px)}

/* ==================== 通用节（与首页 V2 同款） ==================== */
.vsec{padding:clamp(64px,7.5vw,100px) 0}
.vsec.paper{background:#F6F7FA}
.vtag{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:700;
  color:var(--t,#7C3AED);background:color-mix(in srgb,var(--t,#7C3AED) 8%,#fff);
  border:1px solid color-mix(in srgb,var(--t,#7C3AED) 20%,#fff);padding:7px 18px;border-radius:999px}
.vhead{text-align:center;max-width:760px;margin:0 auto clamp(34px,4.2vw,52px)}
.vhead h2{font-size:var(--fs-h2);font-weight:850;letter-spacing:-.03em;line-height:1.18;
  margin:18px 0 13px;text-wrap:balance}
.vhead p{color:var(--ink-2);font-size:var(--fs-lede);line-height:1.8}
.vhead p strong{color:var(--ink)}
.vhead.left{text-align:left;margin-left:0}
.vhead.left h2{margin-top:16px}

/* 卡片：彩色图标砖 + 勾选清单 */
.vcap4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vcap2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.vcap3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vcard{background:#fff;border:1px solid #E9EAF0;border-radius:18px;padding:28px 26px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.vcard:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--t,#7C3AED) 32%,#E9EAF0);
  box-shadow:0 26px 54px -22px color-mix(in srgb,var(--t,#7C3AED) 42%,rgba(16,16,32,.14))}
.vc-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:19px;
  color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--t,#7C3AED) 82%,#fff),var(--t,#7C3AED) 62%);
  box-shadow:0 12px 24px -9px color-mix(in srgb,var(--t,#7C3AED) 62%,transparent);margin-bottom:18px}
.vcard h3{font-size:var(--fs-h3);font-weight:800;letter-spacing:-.01em;margin-bottom:8px}
.vcard .vc-sub{font-size:var(--fs-cap);font-weight:700;color:var(--t,#7C3AED);margin:-2px 0 12px}
.vcard > p{font-size:var(--fs-body);color:var(--ink-2);line-height:1.75}
.vck{list-style:none;margin-top:12px;display:grid;gap:9px}
.vck li{position:relative;font-size:var(--fs-body);color:var(--ink-2);line-height:1.55;padding-left:23px}
.vck li b{color:var(--ink)}
.vck li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
  position:absolute;left:0;top:2px;font-size:var(--fs-micro);color:var(--t,#7C3AED)}
.vmods{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.vmod{font-family:var(--mono);font-size:var(--fs-micro);font-weight:700;
  color:color-mix(in srgb,var(--t,#7C3AED) 78%,#101014);
  background:color-mix(in srgb,var(--t,#7C3AED) 7%,#fff);
  border:1px solid color-mix(in srgb,var(--t,#7C3AED) 16%,#fff);padding:4px 11px;border-radius:999px}
.vmore{display:inline-flex;align-items:center;gap:6px;margin-top:18px;
  font-size:var(--fs-body);font-weight:700;color:var(--t,#7C3AED)}
.vmore i{font-size:var(--fs-micro);transition:transform .25s var(--ease)}
.vcard:hover .vmore i{transform:translateX(4px)}

/* ==================== QA 列表（企业级） ==================== */
.v2qa{display:grid;gap:14px}
.v2qa-item{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:flex-start;
  background:#fff;border:1px solid #E9EAF0;border-radius:16px;padding:22px 24px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.v2qa-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--t,#7C3AED) 28%,#E9EAF0);
  box-shadow:0 20px 44px -20px color-mix(in srgb,var(--t,#7C3AED) 34%,rgba(16,16,32,.12))}
.v2qa-item .qn{font-family:var(--mono);font-size:var(--fs-sm);font-weight:800;color:#fff;text-align:center;
  background:linear-gradient(135deg,color-mix(in srgb,var(--t,#7C3AED) 82%,#fff),var(--t,#7C3AED) 62%);
  border-radius:12px;padding:9px 0;box-shadow:0 8px 18px -7px color-mix(in srgb,var(--t,#7C3AED) 55%,transparent)}
.v2qa-item h3{font-size:var(--fs-h3);font-weight:800;margin-bottom:6px;letter-spacing:-.01em}
.v2qa-item p{font-size:var(--fs-body);color:var(--ink-2);line-height:1.8}
.v2qa-item p b{color:var(--ink)}

/* ==================== 步骤卡（服务保障） ==================== */
.v2steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:v2st}
.v2step{position:relative;background:#fff;border:1px solid #E9EAF0;border-radius:18px;
  padding:26px 24px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.v2step:hover{transform:translateY(-5px);box-shadow:0 26px 54px -22px color-mix(in srgb,var(--t,#7C3AED) 38%,rgba(16,16,32,.13))}
.v2step .st-n{font-family:var(--mono);font-size:40px;font-weight:850;letter-spacing:-.03em;line-height:1;
  background:linear-gradient(135deg,color-mix(in srgb,var(--t,#7C3AED) 80%,#fff),var(--t,#7C3AED));
  -webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}
.v2step h3{font-size:var(--fs-h3);font-weight:800;margin-bottom:6px}
.v2step > p{font-size:var(--fs-body);color:var(--ink-2);line-height:1.7;margin-bottom:6px}

/* ==================== 时间线（关于我们） ==================== */
.v2tl{position:relative;display:grid;gap:14px}
.v2tl-item{position:relative;display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:flex-start;
  background:#fff;border:1px solid #E9EAF0;border-radius:16px;padding:22px 26px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.v2tl-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--t,#7C3AED) 28%,#E9EAF0);
  box-shadow:0 20px 44px -20px color-mix(in srgb,var(--t,#7C3AED) 32%,rgba(16,16,32,.12))}
.v2tl-tag{display:inline-flex;font-family:var(--mono);font-size:var(--fs-cap);font-weight:800;letter-spacing:.02em;
  color:var(--t,#7C3AED);background:color-mix(in srgb,var(--t,#7C3AED) 8%,#fff);
  border:1px solid color-mix(in srgb,var(--t,#7C3AED) 20%,#fff);padding:7px 14px;border-radius:999px}
.v2tl-item h3{font-size:var(--fs-h3);font-weight:800;margin-bottom:6px;letter-spacing:-.01em}
.v2tl-item p{font-size:var(--fs-body);color:var(--ink-2);line-height:1.8}

/* ==================== 深色面板（架构带 / 验收带） ==================== */
.v2panel{position:relative;overflow:hidden;border-radius:24px;color:var(--v2-dt);
  background:linear-gradient(160deg,#0B0A18,#14112B 70%);padding:clamp(30px,4vw,48px);
  box-shadow:0 34px 70px -34px rgba(16,16,32,.45)}
.v2panel::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 55% at 92% 0%,rgba(139,92,246,.28),transparent 70%),
    radial-gradient(30% 45% at 0% 100%,rgba(37,99,235,.16),transparent 70%)}
.v2panel > *{position:relative;z-index:1}
.v2panel h3{font-size:clamp(21px,2.2vw,28px);font-weight:850;letter-spacing:-.02em;margin-bottom:10px}
.v2panel .sub{color:var(--v2-dts);font-size:clamp(13.5px,1.2vw,15.5px);line-height:1.8;max-width:64ch}
.v2panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.v2panel-cell{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
  border-radius:16px;padding:20px 18px;backdrop-filter:blur(6px)}
.v2panel-cell .pc-n{font-family:var(--mono);font-size:var(--fs-micro);font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--v2-acc-lt);margin-bottom:10px}
.v2panel-cell .pc-t{font-size:var(--fs-h3);font-weight:800;margin-bottom:6px}
.v2panel-cell .pc-d{font-size:var(--fs-sm);color:var(--v2-dts);line-height:1.7}
.v2panel-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.v2panel-pills span{font-size:var(--fs-sm);font-weight:600;color:#D8D5EA;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);
  padding:7px 14px;border-radius:999px}
.v2panel-pills span.hot{background:rgba(167,139,250,.16);border-color:rgba(167,139,250,.35);
  color:#DDD6FE;font-weight:700}

/* 验收清单（浅底） */
.v2accept{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.v2accept-item{display:flex;gap:11px;align-items:flex-start;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:14px 16px;
  font-size:var(--fs-body);color:var(--v2-dts);line-height:1.6}
.v2accept-item i{color:#A78BFA;margin-top:3px;flex-shrink:0}
.v2accept-item b{color:#fff}

/* ==================== CTA（深色圆角块） ==================== */
.vcta-sec{padding:clamp(20px,3vw,40px) 0 clamp(64px,8vw,96px);background:#fff}
.vcta{position:relative;overflow:hidden;border-radius:28px;color:var(--v2-dt);
  background:linear-gradient(160deg,#0B0A18,#14112B 72%);
  padding:clamp(42px,5.5vw,72px) clamp(28px,5vw,68px)}
.vcta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 55% at 88% 8%,rgba(139,92,246,.32),transparent 70%),
    radial-gradient(34% 45% at 6% 96%,rgba(37,99,235,.20),transparent 70%)}
.vcta-in{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.vcta h2{font-size:var(--fs-h2);font-weight:850;letter-spacing:-.03em;line-height:1.2}
.vcta h2 .em{background:linear-gradient(115deg,#C4B5FD,#A78BFA);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.vcta p{margin-top:14px;color:var(--v2-dts);font-size:var(--fs-lede);line-height:1.8;max-width:48ch}
.vcta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.vbtn{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-btn);font-weight:700;
  padding:14px 28px;border-radius:999px;border:0;cursor:pointer;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s,border-color .3s}
.vbtn-pri{color:#fff;background:linear-gradient(135deg,#7C3AED,#A855F7);
  box-shadow:0 14px 36px -10px rgba(139,92,246,.65)}
.vbtn-pri:hover{transform:translateY(-2px);box-shadow:0 20px 44px -10px rgba(139,92,246,.8)}
.vbtn-ghost{color:var(--v2-dt);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(8px)}
.vbtn-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.vcta-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  margin-top:clamp(30px,4vw,44px);padding-top:clamp(22px,3vw,30px);
  border-top:1px solid rgba(255,255,255,.12)}
.vcs b{display:block;font-size:clamp(18px,1.8vw,24px);font-weight:850;letter-spacing:-.02em}
.vcs b i{font-style:normal;color:var(--v2-acc-lt)}
.vcs span{display:block;margin-top:5px;font-size:var(--fs-cap);color:var(--v2-dts)}
.vcta-fig{position:relative;z-index:1;justify-self:center;width:min(56%,190px);border-radius:50%;
  border:3px solid rgba(167,139,250,.4);box-shadow:0 0 0 10px rgba(139,92,246,.12),0 24px 60px rgba(0,0,0,.5)}

/* ==================== Responsive ==================== */
@media(max-width:1080px){
  .vcap4,.v2steps,.v2panel-grid{grid-template-columns:repeat(2,1fr)}
  .vcap3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .v2h-grid{grid-template-columns:1fr;gap:40px}
  .v2h-art{min-height:0;order:2}
  .v2h-art img{width:min(50%,230px)}
  .vcap2{grid-template-columns:1fr}
  .v2tl-item{grid-template-columns:1fr;gap:12px}
  .vcta-in{grid-template-columns:1fr;gap:28px}
  .vcta-fig{display:none}
}
@media(max-width:640px){
  .vcap4,.vcap3,.v2steps,.v2panel-grid,.v2accept{grid-template-columns:1fr}
  .v2qa-item{grid-template-columns:1fr;gap:12px}
  .v2qa-item .qn{width:52px}
  .vcta-stats{grid-template-columns:1fr;gap:14px}
  .v2sheet{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){
  html.anim .rv{opacity:1!important;transform:none!important;transition:none!important}
  .v2h-ring,.v2h-art img,.v2h-badge .pd{animation:none!important}
}