/* ===== 全站统一（2026-11-05）：深色导航 · 字标对齐 · 渐变按钮 · B+ 轻量页头 ===== */

/* 导航：滚动后/内页都是深色玻璃（原来是白底） */
.navbar.scrolled{background:rgba(3,5,12,.72);-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border-bottom:1px solid rgba(148,163,184,.12);box-shadow:0 8px 30px -12px rgba(0,0,0,.6)}
.navbar.scrolled .logo,.navbar.scrolled .logo-text span{color:#fff}
.navbar.scrolled .logo-text small{color:rgba(255,255,255,.45)}
.navbar.scrolled .nav-menu>li>a{color:#cbd5e1}
.navbar.scrolled .nav-menu>li>a:hover{color:#fff;background:rgba(255,255,255,.06)}
.navbar.scrolled .nav-phone{color:#fff}
.navbar.scrolled .nav-toggle{color:#fff;border-color:rgba(148,163,184,.3)}

/* 字标：中文与拼音等宽 */
.logo-text span{font-size:19px;letter-spacing:0;text-align:justify;text-align-last:justify}
.logo-text small{font-size:8.5px;letter-spacing:1.6px;margin-right:-1.6px;margin-top:3px}

/* 按钮：去掉橙色，统一蓝紫渐变 */
.btn-accent{background:linear-gradient(90deg,#06b6d4,#3b82f6 45%,#8b5cf6);color:#fff;box-shadow:0 12px 40px -10px rgba(99,102,241,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-accent:hover{color:#fff;box-shadow:0 18px 54px -10px rgba(99,102,241,.95),inset 0 1px 0 rgba(255,255,255,.3)}

/* 通用小件（首页 hx.css 里也有同名样式） */
.hx-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.2);font-size:13px;color:#cbd5e1;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}
.hx-eyebrow b{padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:800;letter-spacing:1.5px}
.hx-grad{background:linear-gradient(90deg,#22d3ee 0%,#60a5fa 30%,#a78bfa 60%,#e879f9 80%,#22d3ee 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:hxShine 7s linear infinite}
@keyframes hxShine{to{background-position:-200% center}}

/* 内页页头（B+ 轻量版：光栅地面 + 地平线上的立方体） */
.ph{position:relative;overflow:hidden;background:#03050c;padding:calc(var(--nav-h,80px) + 62px) 24px 170px;text-align:center;isolation:isolate;color:#fff}
.ph-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.ph-glow{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 46% 55% at 50% 100%,rgba(99,102,241,.38),transparent 70%),radial-gradient(ellipse 38% 50% at 22% 0%,rgba(14,165,233,.16),transparent 70%),radial-gradient(ellipse 38% 50% at 80% 8%,rgba(124,58,237,.18),transparent 70%)}
.ph-sun{position:absolute;left:50%;bottom:92px;width:52px;height:52px;margin-left:-26px;z-index:0;filter:drop-shadow(0 0 18px rgba(56,189,248,.7)) drop-shadow(0 0 46px rgba(139,92,246,.6));animation:phSun 5s ease-in-out infinite}
.ph-sun::before{content:"";position:absolute;inset:-160%;border-radius:50%;background:radial-gradient(closest-side,rgba(129,140,248,.35),transparent);z-index:-1}
.ph-sun img{width:100%;height:100%;object-fit:contain;display:block}
@keyframes phSun{50%{transform:translateY(-5px)}}
.ph-inner{position:relative;max-width:900px;margin:0 auto}
.ph-inner>*{animation:phUp .9s cubic-bezier(.16,1,.3,1) both}
.ph-inner>:nth-child(2){animation-delay:.08s}.ph-inner>:nth-child(3){animation-delay:.16s}.ph-inner>:nth-child(4){animation-delay:.24s}.ph-inner>:nth-child(5){animation-delay:.32s}
@keyframes phUp{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.ph-crumb{font-size:13px;color:#64748b;margin-bottom:18px}
.ph-crumb a{color:#94a3b8;text-decoration:none}.ph-crumb a:hover{color:#fff}
.ph-crumb i{font-style:normal;margin:0 8px;color:#334155}
.ph-title{margin:20px 0 0;font-size:clamp(30px,4.2vw,56px);font-weight:900;line-height:1.16;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 40px rgba(37,99,235,.35)}
.ph-title .hx-grad{text-shadow:none}
.ph-sub{margin:20px auto 0;max-width:760px;font-size:clamp(15px,1.25vw,17px);line-height:1.9;color:#a3adc2}
.ph-sub [class^="hl-"],.ph-sub [class*=" hl-"]{font-weight:600}
.ph-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.ph-links a{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:700;color:#e2e8f0;text-decoration:none;border:1px solid rgba(148,163,184,.3);background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}
.ph-links a:first-child{color:#fff;border-color:transparent;background:linear-gradient(90deg,#06b6d4,#3b82f6 45%,#8b5cf6);box-shadow:0 12px 36px -12px rgba(99,102,241,.8)}
.ph-links a:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.7)}
@media (max-width:760px){.ph{padding:calc(var(--nav-h,80px) + 34px) 18px 140px}.ph-sun{bottom:74px;width:44px;height:44px;margin-left:-22px}.ph-links a{height:42px;padding:0 16px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.ph *,.ph *::before{animation:none!important}}

/* ===== 第二轮修正（2026-11-06）===== */

/* 1 首页：相邻板块背景色不同，恢复上边距（原 .section+.section 把上边距清零了，标题贴边） */
.section+.section{padding-top:140px}
.section+.section.section-cases-slider{padding-top:100px}
@media (max-width:760px){
  .section,.section+.section{padding-top:88px;padding-bottom:88px}
  .section-cases-slider,.section+.section.section-cases-slider{padding-top:72px;padding-bottom:64px}
}

/* 2 详情页：页头和第一张内容卡之间留出间距（与总页一致） */
.ph+section>.sub-body,.ph+section>.bd,.ph+section>.fs{margin-top:80px}
.ph+section.alternating-section{padding-top:80px}
@media (max-width:760px){.ph+section>.sub-body,.ph+section>.bd,.ph+section>.fs{margin-top:48px}.ph+section.alternating-section{padding-top:48px}}

/* 3 滚动后的导航：更实的深色，压在浅色板块上也不发灰 */
.navbar.scrolled{background:rgba(5,8,18,.94)}

/* 4 手机：案例轮播箭头挪到底部小圆点两侧（由 site.js 移动按钮） */
.cfs-dots.cfs-dots--nav{align-items:center;gap:6px;margin-top:20px}
.cfs-dots--nav .cfs-arrow{width:40px;height:40px;font-size:13px;flex-shrink:0;background:rgba(255,255,255,.05);border-color:rgba(148,163,184,.22);-webkit-backdrop-filter:none;backdrop-filter:none}
.cfs-dots--nav .cfs-prev{margin-right:10px}
.cfs-dots--nav .cfs-next{margin-left:10px}
.cfs-dots--nav .cfs-dot{width:20px}

/* 5 手机菜单：深色面板 + 菜单按钮变 ✕ 留在最上层 + 背景遮罩 */
@media (max-width:1024px){
  .nav-menu{background:#070a14;border-left:1px solid rgba(148,163,184,.14);box-shadow:-24px 0 60px rgba(0,0,0,.55)}
  .nav-menu>li>a,.navbar.scrolled .nav-menu>li>a{color:#cbd5e1}
  .nav-menu>li>a:hover,.navbar.scrolled .nav-menu>li>a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .nav-menu>li+li{border-top:1px solid rgba(148,163,184,.08)}
  .nav-menu .dropdown a{color:#94a3b8}
  .nav-menu .dropdown a:hover{color:#fff;background:rgba(255,255,255,.05)}
  .nav-toggle{position:relative;z-index:200}
  body.menu-open .nav-toggle{font-size:0;color:#fff;border-color:rgba(148,163,184,.35);background:rgba(255,255,255,.06)}
  body.menu-open .nav-toggle::before{content:"\2715";font-size:18px;line-height:1}
  body.menu-open{overflow:hidden}
  body.menu-open::after{content:"";position:fixed;inset:0;z-index:999;background:rgba(2,4,10,.55)}
}

/* ===== 第三轮（2026-11-06）：下拉菜单改深色（仅电脑端，手机菜单已是深色） ===== */
@media (min-width:1025px){
  .nav-menu .dropdown{background:rgba(9,12,24,.98);border:1px solid rgba(129,140,248,.22);box-shadow:0 24px 60px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.02) inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:8px;min-width:190px}
  .nav-menu .dropdown a{color:#cbd5e1;border-radius:10px;padding:10px 16px;white-space:nowrap}
  .nav-menu .dropdown a:hover{background:rgba(99,102,241,.16);color:#fff}
}